Questions about basic usage

18 views
Skip to first unread message

Alex

unread,
Feb 8, 2021, 1:38:29 AM2/8/21
to checkvist-api
Hello,

I'd like to list the contents of one of my checklists on my website. I followed the instructions on the Checkvist blog (https://blog.checkvist.com/post/187654104/openapi-javascript-ruby-example), but I'm running into some problems:
Chrome is complaining about SameSite attributes in cookies (https://web.dev/samesite-cookies-explained/). To be honest, I don't have much experience with web development, so I got a bit lost here. Is this something I need to fix on my end, or would the API need to be changed in order to enable usage with Chrome?
Regardless of the browser, I noticed that the login token doesn't appear to be saved properly. The remote call to get tasks for a given checklist ends up as "https://checkvist.com/checklists/<my checklist id>/tasks.json?callback=load_checklist_callback&token=undefined". The contents of login.json are "checkvist.save_token(<returned token string>)", so I'm not sure what's going wrong.
When I am logged in to Checkvist, I don't run into the above issue. However, the checklist_container is still empty.

Do you have any suggestions regarding these issues? Apologies if these are dumb questions, by the way - I'm a beginner. My source code is below.

Many thanks!
Alex

=====

</!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://checkvist.com/javascripts/checkvist_api.js"></script>

<script type="text/javascript">
  function load_checklist_callback(data) {
    document.getElementById('checklist_container').innerHTML =
         checkvist.create_tasks_html(data);
  }
  function load_checklist() {
    // Remove the next line if your checklist is public
    checkvist.login('my email', 'my OpenID KEY');
    checkvist.get_tasks(<my checklist id>, 'load_checklist_callback');
  }

  var checkvist_interval = setInterval(function() {
    if (document.getElementById('checklist_container')) {
      clearInterval(checkvist_interval);
      load_checklist();
    }
  }, 20);
</script>

<title>To do</title>
</head>

<body>
<div id="checklist_container"></div>
</body>

</html>
Reply all
Reply to author
Forward
0 new messages