commit 09/10/2025

User Management belum kelar

html/webpage/assets/js/soundbank.js

@@ -1,11 +1,61 @@
+/**
+ * @typedef {Object} SoundBank
+ * @property {number} index
+ * @property {string} description
+ * @property {string} tag
+ * @property {string} category
+ * @property {string} language
+ * @property {string} voiceType
+ * @property {string} path
+ */
 
+/**
+ * @typedef {Object} Select2item
+ * @property {number} id
+ * @property {string} text
+ */
+
+/**
+ * List of Soundbank data loaded from server
+ * @type {SoundBank[]}
+ */
+window.soundbankdata = [];
 /**
  * Currently selected soundbank row in the table
  * @type {JQuery<HTMLElement>|null}
  */
 window.selectedsoundrow = null;
 
+/**
+ * List of sound files in the soundbank directory, that ends with .wav or .mp3
+ * @type {string[]}
+ */
+window.soundbankfiles = [];
 
+/**
+ * Select2 data source
+ * See https://select2.org/data-sources/formats
+ * @type {Select2item[]}
+ */
+window.select2data = [];
+
+/**
+ * Reload sound bank from server
+ * @param {String} APIURL API URL endpoint, default "SoundBank/"
+ */
+function reloadSoundBank(APIURL = "SoundBank/") {
+    window.soundbankdata = [];
+    fetchAPI(APIURL + "List", "GET", {}, null, (okdata) => {
+
+        if (Array.isArray(okdata)) {
+            window.soundbankdata.push(...okdata);
+            window.selectedsoundrow = null;
+            fill_soundbanktablebody(window.soundbankdata);
+        }
+    }, (errdata) => {
+        alert("Error loading soundbank : " + errdata.message);
+    });
+}
 
 /**
      * Fill soundbank table body with values
@@ -13,7 +63,6 @@ window.selectedsoundrow = null;
     */
 function fill_soundbanktablebody(vv) {
     $('#soundbanktablebody').empty();
-    console.log("Filling soundbank table with " + vv.length + " items");
     if (!Array.isArray(vv) || vv.length === 0) return;
     vv.forEach(item => {
         const row = `<tr>
@@ -49,7 +98,23 @@ function fill_soundbanktablebody(vv) {
 }
 
 
-
+/**
+ * Reload soundbank files from server
+ * @param {String} APIURL API URL endpoint (default "SoundBank/")
+ */
+function reloadSoundbankFiles(APIURL = "SoundBank/") {
+    window.soundbankfiles = [];
+    fetchAPI(APIURL + "ListFiles", "GET", {}, null, (okdata) => {
+        // okdata is a string contains elements separated by semicolon ;
+        if (Array.isArray(okdata)) {
+            window.soundbankfiles = okdata.filter(item => item.trim().length > 0);
+            // refill select2data
+            window.select2data = window.soundbankfiles.map((item, index) => ({ id: index + 1, text: item }));
+        } else console.log("reloadSoundbankFiles: okdata is not array");
+    }, (errdata) => {
+        alert("Error loading soundbank files : " + errdata.message);
+    });
+}
 
 $(document).ready(function () {
     console.log("soundbank.js loaded successfully");
@@ -107,10 +172,7 @@ $(document).ready(function () {
         })
     }
 
-    reloadSoundBank(APIURL, () => {
-        fill_soundbanktablebody(window.soundbankdata);
-    });
-
+    reloadSoundBank(APIURL);
     $('#findsoundbank').on('input', function () {
         let searchTerm = $(this).val().trim().toLowerCase();
         if (searchTerm.length > 0) {
@@ -124,10 +186,8 @@ $(document).ready(function () {
     });
     $btnClear.click(() => {
         DoClear(APIURL, "Soundbank", (okdata) => {
-            reloadSoundBank(APIURL, () => {
-                fill_soundbanktablebody(window.soundbankdata);
-                alert("Success clear soundbank : " + okdata.message);
-            });
+            reloadSoundBank(APIURL);
+            alert("Success clear soundbank : " + okdata.message);
         }, (errdata) => {
             alert("Error clear soundbank : " + errdata.message);
         });
@@ -162,10 +222,8 @@ $(document).ready(function () {
             }
             if (confirm(`Are you sure to delete soundbank [${sb.index}] Description=${sb.description} Tag=${sb.tag}?`)) {
                 fetchAPI(APIURL + "DeleteByIndex/" + sb.index, "DELETE", {}, null, (okdata) => {
-                    reloadSoundBank(APIURL, () => {
-                        fill_soundbanktablebody(window.soundbankdata);
-                        alert("Success delete soundbank : " + okdata.message);
-                    });
+                    reloadSoundBank(APIURL);
+                    alert("Success delete soundbank : " + okdata.message);
                 }, (errdata) => {
                     alert("Error delete soundbank : " + errdata.message);
                 });
@@ -207,10 +265,8 @@ $(document).ready(function () {
     });
     $btnImport.click(() => {
         DoImport(APIURL, (okdata) => {
-            reloadSoundBank(APIURL, () => {
-                fill_soundbanktablebody(window.soundbankdata);
-                alert("Success import soundbank : " + okdata.message);
-            });
+            reloadSoundBank(APIURL);
+            alert("Success import soundbank : " + okdata.message);
         }, (errdata) => {
             alert("Error importing soundbank from XLSX : " + errdata.message);
         });