fix: tagify onload handler

SwanseaUniversityMedical · Dec 4, 2024 · 085c3ad · 085c3ad
1 parent 7e678b7
commit 085c3ad
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 32 deletions.
diff --git a/CodeListLibrary_project/cll/static/js/clinicalcode/components/tagify.js b/CodeListLibrary_project/cll/static/js/clinicalcode/components/tagify.js
@@ -359,34 +359,38 @@ export default class Tagify {
    * @param {dict|*} phenotype optional initialisation template
    */
   async #initialise(options, phenotype) {
+    this.container = createElement('div', {
+      'className': 'tags-root-container',
+    });
+
+    this.tagbox = createElement('div', {
+      'className': 'tags-container',
+    });
+
+    this.autocomplete = createElement('div', {
+      'className': 'tags-autocomplete-container filter-scrollbar',
+    });
+
+    this.field = createElement('input', {
+      'type': 'text',
+      'className': 'tags-input-field',
+      'id': this.uuid,
+      'placeholder': this.element.placeholder || '',
+    });
+
+    this.tagbox.appendChild(this.field);
+    this.container.appendChild(this.tagbox);
+    this.container.appendChild(this.autocomplete);
+    this.element.type = 'hidden';
+    this.element.parentNode.insertBefore(this.container, this.element.nextSibling);
+
     this.#buildOptions(options || { }, phenotype)
       .catch(e => console.error(e))
       .finally(() => {
-        this.container = createElement('div', {
-          'className': 'tags-root-container',
-        });
-
-        this.tagbox = createElement('div', {
-          'className': 'tags-container',
-        });
+        if (this.options?.onLoad && this.options.onLoad instanceof Function) {
+          this.options.onLoad(this);
+        }
 
-        this.autocomplete = createElement('div', {
-          'className': 'tags-autocomplete-container filter-scrollbar',
-        });
-
-        this.field = createElement('input', {
-          'type': 'text',
-          'className': 'tags-input-field',
-          'id': this.uuid,
-          'placeholder': this.element.placeholder || '',
-        });
-
-        this.tagbox.appendChild(this.field);
-        this.container.appendChild(this.tagbox);
-        this.container.appendChild(this.autocomplete);
-        this.element.type = 'hidden';
-        this.element.parentNode.insertBefore(this.container, this.element.nextSibling);
-
         this.#bindEvents();
       });
   }

diff --git a/CodeListLibrary_project/cll/static/js/clinicalcode/forms/entityCreator/utils.js b/CodeListLibrary_project/cll/static/js/clinicalcode/forms/entityCreator/utils.js
@@ -79,16 +79,17 @@ export const ENTITY_HANDLERS = {
       'allowDuplicates': false,
       'restricted': true,
       'items': options,
-    }, dataset);
+      'onLoad': (box) => {
+        for (let i = 0; i < value.length; ++i) {
+          const item = value[i];
+          if (typeof item !== 'object' || !item.hasOwnProperty('name') || !item.hasOwnProperty('value')) {
+            continue;
+          }
 
-    for (let i = 0; i < value.length; ++i) {
-      const item = value[i];
-      if (typeof item !== 'object' || !item.hasOwnProperty('name') || !item.hasOwnProperty('value')) {
-        continue;
+          box.addTag(item.name, item.value);
+        }
       }
-
-      tagbox.addTag(item.name, item.value);
-    }
+    }, dataset);
 
     return tagbox;
   },