use bitty 6 api's

data/static/js/bitties/pyrom-bitty.js

@@ -2,7 +2,7 @@ const bookmarkMenuHrefTemplate = '/hyperapi/bookmarks-dropdown'
 
 export default class {
   async showBookmarkMenu(ev, el) {
-    if ((ev.target.dataset.bookmarkId === el.dataset.bookmarkId) && el.childElementCount === 0) {
+    if ((ev.target.dataset.bookmarkId === el.getString('bookmarkId')) && el.childElementCount === 0) {
       const searchParams = new URLSearchParams({
         'id': ev.target.dataset.conceptId,
         'require_reload': el.dataset.requireReload,
@@ -39,7 +39,7 @@ export default class {
   }
 
   async saveBookmarks(ev, el) {
-    const bookmarkHref = el.dataset.bookmarkEndpoint;
+    const bookmarkHref = el.getString('bookmarkEndpoint');
     const collection = el.querySelector('.bookmark-dropdown-item.selected');
     let data = {};
     if (collection) {
@@ -48,7 +48,7 @@ export default class {
       data['memo'] = el.querySelector('.bookmark-memo-input').value;
     } else {
       data['operation'] = 'remove';
-      data['collection_id'] = el.dataset.originallyContainedIn;
+      data['collection_id'] = el.getString('originallyContainedIn');
     }
 
     const options = {
@@ -58,7 +58,7 @@ export default class {
         'Content-Type': 'application/json',
       },
     }
-    const requireReload = parseInt(el.dataset.requireReload) !== 0;
+    const requireReload = el.getInt('requireReload') !== 0;
     el.remove();
     await fetch(bookmarkHref, options);
     if (requireReload) {