commit 27/10/2025

html/webpage/assets/css/bss-overrides.css

@@ -46,6 +46,10 @@
   margin-top: 0!important;
 }
 
+.mt-3 {
+  margin-top: 1rem!important;
+}
+
 .me-2 {
   margin-right: .5rem!important;
 }

html/webpage/assets/css/styles.css

@@ -128,6 +128,66 @@ body {
   width: 25%;
 }
 
+.class30 {
+  width: 30%;
+}
+
+.class35 {
+  width: 35%;
+}
+
+.class40 {
+  width: 40%;
+}
+
+.class45 {
+  width: 45%;
+}
+
+.class50 {
+  width: 50%;
+}
+
+.class55 {
+  width: 55%;
+}
+
+.class60 {
+  width: 60%;
+}
+
+.class65 {
+  width: 65%;
+}
+
+.class70 {
+  width: 70%;
+}
+
+.class75 {
+  width: 75%;
+}
+
+.class80 {
+  width: 80%;
+}
+
+.class85 {
+  width: 85%;
+}
+
+.class90 {
+  width: 90%;
+}
+
+.class95 {
+  width: 95%;
+}
+
+.class100 {
+  width: 100%;
+}
+
 .card-login {
   background-color: white;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
@@ -302,8 +362,8 @@ table {
   border: 2px dashed #ccc;
   border-radius: 20px;
   width: 400px;
-  height: 200px;
-  display: flex;
+  height: 310px;
+  /*display: flex;*/
   justify-content: center;
   align-items: center;
   font-family: sans-serif;
@@ -318,3 +378,58 @@ table {
   color: #0d6efd;
 }
 
+#table_user_management {
+  table-layout: fixed;
+  width: 100%;
+}
+
+#table_user_management th, #table_user_management td {
+  text-overflow: ellipsis;
+  white-space: normal !important;
+  word-wrap: break-word;
+  overflow-wrap: anywhere;
+}
+
+.pad-result {
+  padding-left: 1rem;
+  padding-right: 1rem;
+  border-radius: 8px;
+}
+
+.pad-icon-menu {
+  margin-top: -0.3rem;
+}
+
+.div-file-list {
+  height: 20vh;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 10px;
+  /*border: dashed;*/
+}
+
+.pad-select {
+  margin-top: 0.3rem;
+}
+
+.div-label-drop {
+  display: flex;
+  text-align: center;
+  justify-content: center;
+  padding-top: 2rem;
+  /*padding-bottom: 1.5rem;*/
+}
+
+.pad-drop {
+  padding-top: 1rem;
+}
+
+.div-search {
+  padding: 0.5rem;
+}
+
+.hr-dashed {
+  border: none;
+  border-bottom: 1px dashed #000000;
+}
+

html/webpage/assets/js/filemanagement.js

@@ -0,0 +1,293 @@
+
+/**
+ * Load setting language dropdown
+ */
+function load_setting_language() {
+    $("#setting_language").empty().off('change');
+
+    getLanguages(() => {
+        window.languages.forEach((lang) => {
+            let $option = $("<option></option>").attr("value", lang).text(lang);
+            $("#setting_language").append($option);
+        });
+        $("#setting_language").on('change', function () {
+            change_droparea_enable();
+        });
+    });
+}
+
+/**
+ * Load setting category dropdown
+ */
+function load_setting_category() {
+    $("#setting_category").empty().off('change');
+    getCategories(() => {
+        window.categories.forEach((cat) => {
+            let $option = $("<option></option>").attr("value", cat).text(cat);
+            $("#setting_category").append($option);
+        });
+        $("#setting_category").on('change', function () {
+            change_droparea_enable();
+        });
+    });
+}
+
+/**
+ * Load setting voice dropdown
+ */
+function load_setting_voice() {
+    $("#setting_voice").empty().off('change');
+    getVoiceTypes(() => {
+        window.voiceTypes.forEach((voice) => {
+            let $option = $("<option></option>").attr("value", voice).text(voice);
+            $("#setting_voice").append($option);
+        });
+        $("#setting_voice").on('change', function () {
+            change_droparea_enable();
+        });
+    });
+}
+
+/**
+ * Get soundbank files from server based on category, language, and voice
+ * @param {String} category 
+ * @param {String} language 
+ * @param {String} voice 
+ */
+function getSoundBankFiles(category, language, voice) {
+    let URL = `FileManager/ListSoundbank/${language}/${voice}/${category}`;
+    fetchAPI(URL, "GET", {}, null, (okdata) => {
+        $("#file-list").empty();
+        if (Array.isArray(okdata) && okdata.length > 0) {
+            okdata.forEach((file) => {
+                // get only the file name from the full path
+                let fileName = file.split(/[/\\]/).pop();
+                let $li = $("<li></li>").text(fileName);
+                $("#file-list").append($li);
+            });
+        }
+    }, (errdata) => {
+        alert("Error getting soundbank files : " + errdata.message);
+    });
+}
+
+/**
+ * Enable or disable drop area based on selections
+ */
+function change_droparea_enable() {
+    let selected_category = $("#setting_category").val();
+    let selected_language = $("#setting_language").val();
+    let selected_voice = $("#setting_voice").val();
+    $("#file-list").empty();
+    $("#searchfilelist").val("");
+    $("#searchfilelist").off('input').on('input', function () {
+        let searchTerm = $(this).val().toLowerCase();
+        $("#file-list li").each(function () {
+            let fileName = $(this).text().toLowerCase();
+            if (fileName.includes(searchTerm)) {
+                $(this).show();
+            } else {
+                $(this).hide();
+            }
+        });
+    });
+    console.log(`Selected Category: ${selected_category}, Language: ${selected_language}, Voice: ${selected_voice}`);
+    if (selected_category && selected_language && selected_voice) {
+        $("#drop-area").removeClass("disabled");
+        getSoundBankFiles(selected_category, selected_language, selected_voice);
+    } else {
+        $("#drop-area").addClass("disabled");
+
+    }
+}
+
+
+/**
+ * Get Soundbank path from server
+ */
+function get_soundbank_path() {
+    $("#setting_path").val("");
+    fetchAPI("Settings/SoundbankDirectory", "GET", {}, null, (okdata) => {
+        if (okdata.message && okdata.message.trim().length > 0) {
+            let path = okdata.message.trim();
+            //console.log("Soundbank path retrieved: " + path);
+            $("#setting_path").val(path);
+        }
+    }, (errdata) => {
+        alert("Error getting soundbank path : " + errdata.message);
+    });
+}
+
+function download(path, filename) {
+    let downloadurl = `/api/FileManager/${path}`;
+    let reqdata = { filename: filename };
+    fetch(downloadurl, {
+        method: 'POST',
+        headers: {},
+        body: JSON.stringify(reqdata)
+    })
+        .then(response => {
+            if (!response.ok) {
+                throw new Error("Network response was not ok");
+            }
+            return response.blob();
+        })
+        .then(blob => {
+            const url = window.URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = filename;
+            document.body.appendChild(a);
+            a.click();
+            a.remove();
+            window.URL.revokeObjectURL(url);
+        })
+        .catch(errdata => {
+            alert("Error downloading paging result file: " + errdata.message);
+        });
+}
+
+function get_pagingresult_files() {
+    const url = `FileManager/PagingResultList`;
+    $("#tbody_resultpaging").empty();
+    fetchAPI(url, "GET", {}, null, (okdata) => {
+        if (Array.isArray(okdata) && okdata.length > 0) {
+            console.log("Paging result files: ", JSON.stringify(okdata));
+            okdata.forEach((file) => {
+                let filename = file.split(/[/\\]/).pop();
+                let $tr = $("<tr></tr>");
+                let $tdtitle = $("<td></td>").text(filename);
+                // add button inside td to download the file
+                let $btndownload = $("<button></button>").text("Download").addClass("btn btn-primary");
+                $btndownload.on('click', function () {
+                    download("DownloadPagingResultFile", filename);
+                });
+
+                let $tdbutton = $("<td></td>").append($btndownload).addClass("text-center");
+                $tr.append($tdtitle);
+                $tr.append($tdbutton);
+                $("#tbody_resultpaging").append($tr);
+            });
+        }
+    }, (errdata) => {
+        alert("Error getting paging result files : " + errdata.message);
+    });
+}
+
+function get_soundbankresult_files() {
+    const url = `FileManager/SoundbankResultList`;
+    $("#tbody_resultsoundbank").empty();
+    fetchAPI(url, "GET", {}, null, (okdata) => {
+        if (Array.isArray(okdata) && okdata.length > 0) {
+            console.log("Soundbank result files: ", JSON.stringify(okdata));
+            okdata.forEach((file) => {
+                let filename = file.split(/[/\\]/).pop();
+                let $tr = $("<tr></tr>");
+                let $tdtitle = $("<td></td>").text(filename);
+                // add button inside td to download the file
+                let $btndownload = $("<button></button>").text("Download").addClass("btn btn-primary");
+                let $tdbutton = $("<td></td>").append($btndownload).addClass("text-center");
+                $btndownload.on('click', function () {
+                    download("DownloadSoundbankResultFile", filename);
+                });
+                $tr.append($tdtitle);
+                $tr.append($tdbutton);
+                $("#tbody_resultsoundbank").append($tr);
+            });
+        }
+    }, (errdata) => {
+        alert("Error getting soundbank result files : " + errdata.message);
+    });
+}
+
+
+
+$(document).ready(function () {
+    console.log("filemanagement.js xx loaded");
+    load_setting_category();
+    load_setting_language();
+    load_setting_voice();
+    get_soundbank_path();
+    setTimeout(() => {
+        change_droparea_enable();
+    }, 1000);
+    get_pagingresult_files();
+    get_soundbankresult_files();
+    $("#save_directory").off('click').on('click', function () {
+        let new_path = $("#setting_path").val();
+        if (new_path && new_path.trim().length > 0) {
+            fetchAPI("Settings/SoundbankDirectory", "POST", {}, { directory: new_path }, (okdata) => {
+                alert("Soundbank directory path saved successfully.");
+            }, (errdata) => {
+                alert("Error saving soundbank directory path : " + errdata.message);
+            });
+        } else {
+            alert("Please enter a valid soundbank directory path.");
+        }
+    });
+    $("#drop-area").on('dragover', function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        $(this).addClass('dragover');
+    }).on('dragleave', function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        $(this).removeClass('dragover');
+    }).on('drop', function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        $(this).removeClass('dragover');
+        if ($(this).hasClass('disabled')) {
+            alert("Please select Category, Language, and Voice Type before uploading files.");
+            return;
+        }
+        let lang = $("#setting_language").val().trim();
+        let category = $("#setting_category").val().trim();
+        let voice = $("#setting_voice").val().trim();
+        let files = e.originalEvent.dataTransfer.files;
+        if (lang && lang.length > 0) {
+            if (category && category.length > 0) {
+                if (voice && voice.length > 0) {
+                    if (files.length > 0) {
+                        // check if each file have type audio/wav , size more than 0, and name ends with .wav
+                        let allValid = true;
+                        for (let i = 0; i < files.length; i++) {
+                            let file = files[i];
+                            if (file.type !== 'audio/wav' && !file.name.toLowerCase().endsWith('.wav')) {
+                                allValid = false;
+                            }
+                            if (file.size <= 0) {
+                                allValid = false;
+                            }
+                        }
+                        if (allValid) {
+                            if (confirm(`Are you sure want to upload ${files.length} file(s) to the soundbank directory for Category: ${$("#setting_category").val()}, Language: ${$("#setting_language").val()}, Voice Type: ${$("#setting_voice").val()}?`)) {
+                                let url = `api/Settings/UploadSoundbank/${lang}/${voice}/${category}`;
+                                const formdata = new FormData();
+                                for (let i = 0; i < files.length; i++) {
+                                    formdata.append('files', files[i]);
+                                }
+                                try {
+                                    fetch(url, {
+                                        method: 'POST',
+                                        body: formdata
+                                    })
+                                        .then(response => response.json())
+                                        .then(okdata => {
+                                            console.log("Upload result: ", JSON.stringify(okdata));
+                                        })
+                                        .catch(errdata => {
+                                            alert("Error uploading files to soundbank directory : " + errdata.message);
+                                        });
+                                } catch (err) {
+                                    alert("Error preparing file upload: " + err.message);
+                                }
+                            }
+                        } else alert("Please upload only valid WAV audio files. Type must be audio/wav and size must be more than 0 bytes.");
+                    } else alert("No files detected for upload.");
+                } else alert("Please select Voice Type before uploading files.");
+            } else alert("Please select Category before uploading files.");
+        } else alert("Please select Language before uploading files.");
+
+    });
+});

html/webpage/assets/js/script.js

@@ -444,8 +444,15 @@ $(document).ready(function () {
                         let json = JSON.parse(data);
                         if (Array.isArray(json) && json.length > 0) {
                             json.forEach((net) => {
-                                if (result.length > 0) result += "\n"
+                                if (net){
+                                    if (net.displayName && net.displayName.length>0){
+                                        if (net.ipV4addr && Array.isArray(net.ipV4addr) && net.ipV4addr.length>0){
+                                            if (result.length > 0) result += "\n"
                                 result += `${net.displayName} (${net.ipV4addr.join(";")}) TX:${(net.txSpeed / 1024).toFixed(1)} KB/s RX:${(net.rxSpeed / 1024).toFixed(1)} KB/s`
+                                        }
+                                    }
+                                }
+                                
                             })
                         } else result = "N/A";
                         $('#networkstatus').text(result)
@@ -585,6 +592,15 @@ $(document).ready(function () {
             }
         });
     })
+    $('#filemanagement').click(() => {
+        sidemenu.hide();
+        $('#content').load('filemanagement.html', function (response, status, xhr) {
+            if (status === "success") {
+                console.log("File Management content loaded successfully");
+                // pindah ke filemanagement.js
+            }
+        });
+    });
     $('#logoutlink').click(() => {
         //window.location.href = "login.html"
         fetch("/logout", {method: 'GET'})

html/webpage/assets/js/setting.js

@@ -1,82 +1,7 @@
 
-/**
- * Load setting language dropdown
- */
-function load_setting_language() {
-    $("#setting_language").empty().off('change');
 
-    getLanguages(() => {
-        window.languages.forEach((lang) => {
-            let $option = $("<option></option>").attr("value", lang).text(lang);
-            $("#setting_language").append($option);
-        });
-        $("#setting_language").on('change', function () {
-            change_droparea_enable();
-        });
-    });
-}
 
-/**
- * Load setting category dropdown
- */
-function load_setting_category() {
-    $("#setting_category").empty().off('change');
-    getCategories(() => {
-        window.categories.forEach((cat) => {
-            let $option = $("<option></option>").attr("value", cat).text(cat);
-            $("#setting_category").append($option);
-        });
-        $("#setting_category").on('change', function () {
-            change_droparea_enable();
-        });
-    });
-}
 
-/**
- * Load setting voice dropdown
- */
-function load_setting_voice() {
-    $("#setting_voice").empty().off('change');
-    getVoiceTypes(() => {
-        window.voiceTypes.forEach((voice) => {
-            let $option = $("<option></option>").attr("value", voice).text(voice);
-            $("#setting_voice").append($option);
-        });
-        $("#setting_voice").on('change', function () {
-            change_droparea_enable();
-        });
-    });
-}
-
-/**
- * Get Soundbank path from server
- */
-function get_soundbank_path() {
-    $("#setting_path").val("");
-    fetchAPI("Settings/SoundbankDirectory", "GET", {}, null, (okdata) => {
-        if (okdata.message && okdata.message.trim().length > 0) {
-            let path = okdata.message.trim();
-            //console.log("Soundbank path retrieved: " + path);
-            $("#setting_path").val(path);
-        }
-    }, (errdata) => {
-        alert("Error getting soundbank path : " + errdata.message);
-    });
-}
-
-/**
- * Enable or disable drop area based on selections
- */
-function change_droparea_enable() {
-    let selected_category = $("#setting_category").val();
-    let selected_language = $("#setting_language").val();
-    let selected_voice = $("#setting_voice").val();
-    if (selected_category && selected_language && selected_voice) {
-        $("#drop-area").removeClass("disabled");
-    } else {
-        $("#drop-area").addClass("disabled");
-    }
-}
 
 /**
  * Load message bank data into selection dropdowns
@@ -90,9 +15,7 @@ function load_messagebank(cbOK = null) {
 
     // get messagebank data from server, which contains [FLIGHT_NUMBER]
     let messageData = [...new Set(window.messagebankdata.filter(mb => mb.message_Detail.includes('[FLIGHT_NUMBER]')).map(mb => `${mb.description} [${mb.aNN_ID}]`))];
-    //console.log("Message bank data with [FLIGHT_NUMBER]: ", messageData);
     messageData.forEach((item) => {
-        //console.log("Adding option: " + item);
         $("#input_GOP").append($("<option></option>").attr("value", item).text(item));
         $("#input_GBD").append($("<option></option>").attr("value", item).text(item));
         $("#input_GFC").append($("<option></option>").attr("value", item).text(item));
@@ -105,51 +28,41 @@ function load_messagebank(cbOK = null) {
 
 function load_remark_selection() {
     fetchAPI("Settings/FISCode", "GET", {}, null, (okdata) => {
-        //console.log("FIS codes retrieved: ", JSON.stringify(okdata));
 
         $("#input_GOP").val(okdata.gop)
         $("#input_GBD").val(okdata.gbd);
         $("#input_GFC").val(okdata.gfc);
         $("#input_FLD").val(okdata.fld);
+        $("#input_defaultvoice").val(okdata.defaultvoice);
     }, (errdata) => {
         alert("Error getting FIS codes : " + errdata.message);
     });
 }
 
+function load_default_voice(){
+    $("#input_defaultvoice").empty();
+    window.voiceTypes.forEach((voice) => {
+        $("#input_defaultvoice").append($("<option></option>").attr("value", voice).text(voice));
+    });
+}
+
 $(document).ready(function () {
     console.log("setting.js loaded");
-
-
-    $("#save_directory").off('click').on('click', function () {
-        let new_path = $("#setting_path").val();
-        if (new_path && new_path.trim().length > 0) {
-            fetchAPI("Settings/SoundbankDirectory", "POST", {}, { directory: new_path }, (okdata) => {
-                alert("Soundbank directory path saved successfully.");
-            }, (errdata) => {
-                alert("Error saving soundbank directory path : " + errdata.message);
-            });
-        } else {
-            alert("Please enter a valid soundbank directory path.");
-        }
-    });
-
-
-    get_soundbank_path();
-    load_setting_category();
-    load_setting_language();
-    load_setting_voice();
+    load_default_voice();
     load_messagebank(() => load_remark_selection());
     $("#fiscodesave").off('click').on('click', function () {
         let gop = $("#input_GOP").val();
         let gbd = $("#input_GBD").val();
         let gfc = $("#input_GFC").val();
         let fld = $("#input_FLD").val();
-        if (gop && gbd && gfc && fld) {
+        let voice = $("#input_defaultvoice").val();
+        if (gop && gbd && gfc && fld && voice) {
             let data = {
                 GOP: gop,
                 GBD: gbd,
                 GFC: gfc,
-                FLD: fld
+                FLD: fld,
+                defaultvoice: voice
             };
             fetchAPI("Settings/FISCode", "POST", {}, data, (okdata) => {
                 alert("FIS codes saved successfully.");
@@ -157,75 +70,11 @@ $(document).ready(function () {
                 alert("Error saving FIS codes : " + errdata.message);
             });
         } else {
-            alert("Please select all FIS codes (GOP, GBD, GFC, FLD) before saving.");
+            alert("Please select all FIS codes (GOP, GBD, GFC, FLD) and Default Voice before saving.");
         }
 
     });
 
-    $("#drop-area").on('dragover', function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        $(this).addClass('dragover');
-    }).on('dragleave', function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        $(this).removeClass('dragover');
-    }).on('drop', function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        $(this).removeClass('dragover');
-        if ($(this).hasClass('disabled')) {
-            alert("Please select Category, Language, and Voice Type before uploading files.");
-            return;
-        }
-        let lang = $("#setting_language").val().trim();
-        let category = $("#setting_category").val().trim();
-        let voice = $("#setting_voice").val().trim();
-        let files = e.originalEvent.dataTransfer.files;
-        if (lang && lang.length > 0) {
-            if (category && category.length > 0) {
-                if (voice && voice.length > 0) {
-                    if (files.length > 0) {
-                        // check if each file have type audio/wav , size more than 0, and name ends with .wav
-                        let allValid = true;
-                        for (let i = 0; i < files.length; i++) {
-                            let file = files[i];
-                            if (file.type !== 'audio/wav' && !file.name.toLowerCase().endsWith('.wav')) {
-                                allValid = false;
-                            }
-                            if (file.size <= 0) {
-                                allValid = false;
-                            }
-                        }
-                        if (allValid) {
-                            if (confirm(`Are you sure want to upload ${files.length} file(s) to the soundbank directory for Category: ${$("#setting_category").val()}, Language: ${$("#setting_language").val()}, Voice Type: ${$("#setting_voice").val()}?`)) {
-                                let url = `api/Settings/UploadSoundbank/${lang}/${voice}/${category}`;
-                                const formdata = new FormData();
-                                for (let i = 0; i < files.length; i++) {
-                                    formdata.append('files', files[i]);
-                                }
-                                try{
-                                    fetch(url, {
-                                        method: 'POST',
-                                        body: formdata
-                                    })
-                                    .then(response => response.json())
-                                    .then(okdata => {
-                                        console.log("Upload result: ", JSON.stringify(okdata));
-                                    })
-                                    .catch(errdata => {
-                                        alert("Error uploading files to soundbank directory : " + errdata.message);
-                                    });
-                                } catch(err){
-                                    alert("Error preparing file upload: " + err.message);
-                                }
-                            }
-                        } else alert("Please upload only valid WAV audio files. Type must be audio/wav and size must be more than 0 bytes.");
-                    } else alert("No files detected for upload.");
-                } else alert("Please select Voice Type before uploading files.");
-            } else alert("Please select Category before uploading files.");
-        } else alert("Please select Language before uploading files.");
-
-    });
+    
 
 });

html/webpage/broadcastzones.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>AAS_NewGen_17OKT25</title>
+    <title>AAS_NewGen_27OKT25</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/css/bss-overrides.css">
     <link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">

html/webpage/filemanagement.html

@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html data-bs-theme="light" lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>AAS_NewGen_27OKT25</title>
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="assets/css/bss-overrides.css">
+    <link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">
+    <link rel="stylesheet" href="assets/css/styles.css">
+</head>
+
+<body>
+    <div class="row">
+        <div class="col w-100 h-100 pad-header">
+            <h2 style="text-align: center;">File Management</h2>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col">
+            <div class="card card-setting">
+                <div class="card-body">
+                    <h4 class="card-title">Upload Soundbank</h4>
+                    <hr>
+                    <div class="row">
+                        <div class="col-2 col-sm-2 col-md-2 col-lg-1 col-xl-1"><label class="col-form-label">Path</label></div>
+                        <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4"><input class="w-100 form-control" type="text" id="setting_path"></div>
+                        <div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-2"><button class="btn w-100 pad-button btn-round-basic color-add" id="save_directory" type="button">Save Directory</button></div>
+                    </div>
+                    <div class="row">
+                        <div class="col-6 col-sm-2 col-md-2 col-lg-1 col-xl-1"><label class="col-form-label">Category</label></div>
+                        <div class="col-6 col-sm-10 col-md-2 col-lg-2 col-xl-2"><select id="setting_category" class="input-add form-select"></select></div>
+                        <div class="col-lg-1 col-xl-1 d-none d-sm-none d-md-none d-lg-block d-xl-block"></div>
+                        <div class="col-6 col-sm-2 col-md-2 col-lg-1 col-xl-1"><label class="col-form-label">Language</label></div>
+                        <div class="col-6 col-sm-10 col-md-2 col-lg-2 col-xl-2"><select id="setting_language" class="input-add form-select"></select></div>
+                        <div class="col-lg-1 col-xl-1 d-none d-sm-none d-md-none d-lg-block d-xl-block"></div>
+                        <div class="col-6 col-sm-2 col-md-2 col-lg-1 col-xl-1"><label class="col-form-label">Voice</label></div>
+                        <div class="col-6 col-sm-10 col-md-2 col-lg-2 col-xl-2"><select id="setting_voice" class="input-add form-select"></select></div>
+                    </div>
+                    <div class="row pad-drop">
+                        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
+                            <div>
+                                <div class="bg-white w-100" id="drop-area" multiple=""><input type="file" id="file-input" multiple="">
+                                    <div class="div-label-drop"><label class="form-label text-center d">Drop files here to upload</label></div>
+                                    <div class="div-search">
+                                        <hr class="hr-dashed">
+                                        <div class="row">
+                                            <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8">
+                                                <p class="text-end text-add">Search</p>
+                                            </div>
+                                            <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4"><input class="w-100 form-control" type="search" id="searchfilelist"></div>
+                                        </div>
+                                    </div>
+                                    <div class="div-file-list">
+                                        <p><strong>List Files :&nbsp;</strong></p>
+                                        <ul class="mt-3" id="file-list"></ul>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="py-2">
+        <h4 class="text-center pad-result">Soundbank&nbsp;Result</h4>
+        <hr>
+        <div class="table-responsive pad-result">
+            <table class="table table-hover">
+                <thead>
+                    <tr>
+                        <th class="class80">File Name</th>
+                        <th class="text-center class20">Action</th>
+                    </tr>
+                </thead>
+                <tbody id="tbody_resultsoundbank">
+                    <tr>
+                        <td>Result Soundbank 001</td>
+                        <td class="text-center"><button class="btn btn-primary" data-bs-toggle="tooltip" data-bss-tooltip="" data-bs-placement="right" type="button" title="Download"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="1em" viewBox="0 0 24 24" width="1em" fill="currentColor">
+                                    <g>
+                                        <rect fill="none" height="24" width="24"></rect>
+                                    </g>
+                                    <g>
+                                        <path d="M5,20h14v-2H5V20z M19,9h-4V3H9v6H5l7,7L19,9z"></path>
+                                    </g>
+                                </svg></button></td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+    <div class="py-2">
+        <h4 class="text-center pad-result">Paging Result</h4>
+        <hr>
+        <div class="table-responsive pad-result">
+            <table class="table table-hover table-responsive pad-result">
+                <thead>
+                    <tr>
+                        <th class="class80">File Name</th>
+                        <th class="text-center class20">Action</th>
+                    </tr>
+                </thead>
+                <tbody id="tbody_resultpaging">
+                    <tr>
+                        <td>Result Paging 001</td>
+                        <td class="text-center"><button class="btn btn-primary" data-bs-toggle="tooltip" data-bss-tooltip="" data-bs-placement="right" type="button" title="Download"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="1em" viewBox="0 0 24 24" width="1em" fill="currentColor">
+                                    <g>
+                                        <rect fill="none" height="24" width="24"></rect>
+                                    </g>
+                                    <g>
+                                        <path d="M5,20h14v-2H5V20z M19,9h-4V3H9v6H5l7,7L19,9z"></path>
+                                    </g>
+                                </svg></button></td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="assets/js/bs-init.js"></script>
+    <script src="assets/js/filemanagement.js"></script>
+</body>
+
+</html>

html/webpage/home.html

@@ -34,7 +34,7 @@
                     <li class="nav-item"><a class="nav-link active link-light text-menu" id="homelink" href="#" aria-current="page"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-house-door me-2" style="font-size: 20px;">
                                 <path d="M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4z"></path>
                             </svg>&nbsp;Overview</a></li>
-                    <li class="nav-item"><a class="nav-link link-body-emphasis text-menu" id="soundbanklink" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-soundwave me-2 icon-menu" style="font-size: 20px;">
+                    <li class="nav-item"><a class="nav-link link-body-emphasis text-menu" id="soundbanklink" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-soundwave me-2 icon-menu pad-icon-menu" style="font-size: 20px;">
                                 <path fill-rule="evenodd" d="M8.5 2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5m-2 2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5m-6 1.5A.5.5 0 0 1 5 6v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m8 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m-10 1A.5.5 0 0 1 3 7v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5m12 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5"></path>
                             </svg>&nbsp;Sound Bank</a></li>
                     <li class="nav-item"><a class="nav-link link-body-emphasis text-menu" id="messagebanklink" href="#"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 24 24" width="1em" fill="currentColor" class="me-2 icon-menu" style="font-size: 20px;">
@@ -45,7 +45,7 @@
                                 <path d="M0 0h24v24H0z" fill="none"></path>
                                 <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path>
                             </svg>&nbsp;Language Link</a></li>
-                    <li class="nav-item .icon-menu"><a class="nav-link link-body-emphasis text-menu" id="timerlink" href="#"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 24 24" width="1em" fill="currentColor" class="me-2 icon-menu" style="font-size: 20px;">
+                    <li class="nav-item .icon-menu"><a class="nav-link link-body-emphasis text-menu" id="timerlink" href="#"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 24 24" width="1em" fill="currentColor" class="me-2 icon-menu pad-icon-menu" style="font-size: 20px;">
                                 <path d="M0 0h24v24H0z" fill="none"></path>
                                 <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path>
                                 <path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"></path>
@@ -56,17 +56,25 @@
                                 <circle cx="14" cy="12.5" r="2.5"></circle>
                                 <path d="M6 5H4v16c0 1.1.89 2 2 2h10v-2H6V5z"></path>
                             </svg>&nbsp;Broadcast Zones</a></li>
-                    <li class="nav-item"><a class="nav-link link-body-emphasis text-menu" id="loglink" href="#"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="1em" viewBox="0 0 24 24" width="1em" fill="currentColor" class="icon-menu" style="font-size: 20px;">
+                    <li class="nav-item"><a class="nav-link link-body-emphasis text-menu" id="loglink" href="#"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="1em" viewBox="0 0 24 24" width="1em" fill="currentColor" class="icon-menu pad-icon-menu" style="font-size: 20px;">
                                 <g>
                                     <rect fill="none" height="24" width="24"></rect>
                                     <path d="M19,7H9C7.9,7,7,7.9,7,9v10c0,1.1,0.9,2,2,2h10c1.1,0,2-0.9,2-2V9C21,7.9,20.1,7,19,7z M19,9v2H9V9H19z M13,15v-2h2v2H13z M15,17v2h-2v-2H15z M11,15H9v-2h2V15z M17,13h2v2h-2V13z M9,17h2v2H9V17z M17,19v-2h2v2H17z M6,17H5c-1.1,0-2-0.9-2-2V5 c0-1.1,0.9-2,2-2h10c1.1,0,2,0.9,2,2v1h-2V5H5v10h1V17z"></path>
                                 </g>
                             </svg>&nbsp; &nbsp;Log</a></li>
-                    <li class="nav-item"><a class="nav-link link-body-emphasis text-menu" id="usermanagement" href="#"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 24 24" width="1em" fill="currentColor" class="me-2 icon-menu" style="font-size: 20px;">
+                    <li class="nav-item"><a class="nav-link link-body-emphasis text-menu" id="usermanagement" href="#"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 24 24" width="1em" fill="currentColor" class="me-2 icon-menu pad-icon-menu" style="font-size: 20px;">
                                 <path d="M0 0h24v24H0z" fill="none"></path>
                                 <path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"></path>
                             </svg>&nbsp;User Management</a></li>
-                    <li class="nav-item"><a class="nav-link link-body-emphasis text-menu" id="settinglink" href="#"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="1em" viewBox="0 0 24 24" width="1em" fill="currentColor" class="me-2 icon-menu" style="font-size: 20px;">
+                    <li class="nav-item"><a class="nav-link link-body-emphasis text-menu" id="filemanagement" href="#"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="1em" viewBox="0 0 24 24" width="1em" fill="currentColor" class="me-2 icon-menu pad-icon-menu" style="font-size: 20px;">
+                                <g>
+                                    <rect fill="none" height="24" width="24"></rect>
+                                </g>
+                                <g>
+                                    <path d="M14,2H6C4.9,2,4.01,2.9,4.01,4L4,20c0,1.1,0.89,2,1.99,2H18c1.1,0,2-0.9,2-2V8L14,2z M16,13h-3v3.75 c0,1.24-1.01,2.25-2.25,2.25S8.5,17.99,8.5,16.75c0-1.24,1.01-2.25,2.25-2.25c0.46,0,0.89,0.14,1.25,0.38V11h4V13z M13,9V3.5 L18.5,9H13z"></path>
+                                </g>
+                            </svg>&nbsp;File Management</a></li>
+                    <li class="nav-item"><a class="nav-link link-body-emphasis text-menu" id="settinglink" href="#"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="1em" viewBox="0 0 24 24" width="1em" fill="currentColor" class="me-2 icon-menu pad-icon-menu" style="font-size: 20px;">
                                 <g>
                                     <path d="M0,0h24v24H0V0z" fill="none"></path>
                                     <path d="M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z"></path>

html/webpage/language.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>AAS_NewGen_17OKT25</title>
+    <title>AAS_NewGen_27OKT25</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/css/bss-overrides.css">
     <link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">

html/webpage/log.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>AAS_NewGen_17OKT25</title>
+    <title>AAS_NewGen_27OKT25</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/css/bss-overrides.css">
     <link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">
@@ -36,7 +36,7 @@
     </div>
     <div class="row">
         <div class="table-responsive">
-            <table class="table">
+            <table class="table table-hover">
                 <thead>
                     <tr>
                         <th class="class10">No</th>

html/webpage/messagebank.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>AAS_NewGen_17OKT25</title>
+    <title>AAS_NewGen_27OKT25</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/css/bss-overrides.css">
     <link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">

html/webpage/overview.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>AAS_NewGen_17OKT25</title>
+    <title>AAS_NewGen_27OKT25</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/css/bss-overrides.css">
     <link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">

html/webpage/setting.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>AAS_NewGen_17OKT25</title>
+    <title>AAS_NewGen_27OKT25</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/css/bss-overrides.css">
     <link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">
@@ -19,60 +19,39 @@
     </div>
     <div class="row">
         <div class="col">
-            <div class="card card-setting">
-                <div class="card-body">
-                    <h4 class="card-title"><strong>Upload Soundbank</strong></h4>
-                    <hr>
-                    <div class="row">
-                        <div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2"><label class="col-form-label">Path</label></div>
-                        <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4"><input class="w-100 form-control" type="text" id="setting_path"></div>
-                        <div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-2"><button class="btn w-100 pad-button btn-round-basic color-add" id="save_directory" type="button">Save Directory</button></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-6 col-sm-2 col-md-2 col-lg-2 col-xl-2"><label class="col-form-label">Category</label></div>
-                        <div class="col-6 col-sm-10 col-md-2 col-lg-2 col-xl-2"><select id="setting_category" class="input-add form-select"></select></div>
-                        <div class="col-6 col-sm-2 col-md-2 col-lg-2 col-xl-2"><label class="col-form-label">Language</label></div>
-                        <div class="col-6 col-sm-10 col-md-2 col-lg-2 col-xl-2"><select id="setting_language" class="input-add form-select"></select></div>
-                        <div class="col-6 col-sm-2 col-md-2 col-lg-2 col-xl-2"><label class="col-form-label">Voice</label></div>
-                        <div class="col-6 col-sm-10 col-md-2 col-lg-2 col-xl-2"><select id="setting_voice" class="input-add form-select"></select></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
-                            <div class="bg-white w-100" id="drop-area" multiple=""><input type="file" id="file-input" multiple=""><label class="form-label d">Drop files here or click to select</label></div>
-                        </div>
-                        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
-                            <div class="row"></div>
-                        </div>
-                    </div>
-                </div>
-            </div>
+            <div class="card card-setting"></div>
         </div>
     </div>
-    <div class="row py-5">
+    <div class="row">
         <div class="col">
             <div class="card card-setting">
                 <div class="card-body pad-accordion">
-                    <h4 class="card-title"><strong>FIS CODE</strong></h4>
+                    <h4 class="card-title">FIS CODE</h4>
                     <hr>
                     <div class="row">
-                        <div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2"><label class="col-form-label">GOP</label></div>
-                        <div class="col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10"><select id="input_GOP" class="input-add form-select"></select></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2"><label class="col-form-label">GBD</label></div>
-                        <div class="col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10"><select id="input_GBD" class="input-add form-select"></select></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2"><label class="col-form-label">GFC</label></div>
-                        <div class="col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10"><select id="input_GFC" class="input-add form-select"></select></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2"><label class="col-form-label">FLD</label></div>
-                        <div class="col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10"><select id="input_FLD" class="input-add form-select"></select></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2"><label class="col-form-label"></label></div>
-                        <div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-2"><button class="btn w-100 pad-button btn-round-basic color-add" id="fiscodesave" type="button">Save</button></div>
+                        <div class="col-8 col-sm-9 col-md-10 col-lg-10 col-xl-10">
+                            <div class="row">
+                                <div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2"><label class="col-form-label">GOP</label></div>
+                                <div class="col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10"><select id="input_GOP" class="input-add form-select"></select></div>
+                            </div>
+                            <div class="row">
+                                <div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2"><label class="col-form-label">GBD</label></div>
+                                <div class="col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10"><select id="input_GBD" class="input-add form-select"></select></div>
+                            </div>
+                            <div class="row">
+                                <div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2"><label class="col-form-label">GFC</label></div>
+                                <div class="col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10"><select id="input_GFC" class="input-add form-select"></select></div>
+                            </div>
+                            <div class="row">
+                                <div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2"><label class="col-form-label">FLD</label></div>
+                                <div class="col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10"><select id="input_FLD" class="input-add form-select"></select></div>
+                            </div>
+                            <div class="row">
+                                <div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2"><label class="col-form-label">Default Voice</label></div>
+                                <div class="col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10"><select id="input_defaultvoice" class="input-add form-select"></select></div>
+                            </div>
+                        </div>
+                        <div class="col-4 col-sm-3 col-md-2 col-lg-2 col-xl-2"><button class="btn w-100 h-100 pad-button btn-round-basic color-add" id="fiscodesave" type="button">Save</button></div>
                     </div>
                 </div>
             </div>

html/webpage/soundbank.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>AAS_NewGen_17OKT25</title>
+    <title>AAS_NewGen_27OKT25</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/css/bss-overrides.css">
     <link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">

html/webpage/streamerstatus.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>AAS_NewGen_17OKT25</title>
+    <title>AAS_NewGen_27OKT25</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/css/bss-overrides.css">
     <link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">

html/webpage/timer.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>AAS_NewGen_17OKT25</title>
+    <title>AAS_NewGen_27OKT25</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/css/bss-overrides.css">
     <link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">
@@ -88,7 +88,7 @@
                             </div>
                             <div class="row pad-day">
                                 <div class="col">
-                                    <div class="form-check"><input class="form-check-input" type="radio" id="scheduleweekly" name="dayselect"><label class="form-check-label" for="scheduleweekly">Weekly</label></div><select class="w-100 input-add form-select" id="weeklyselect">
+                                    <div class="form-check"><input class="form-check-input" type="radio" id="scheduleweekly" name="dayselect"><label class="form-check-label" for="scheduleweekly">Weekly</label></div><select class="w-100 py-2 input-add form-select" id="weeklyselect">
                                         <optgroup label="This is a group">
                                             <option value="12" selected="">This is item 1</option>
                                             <option value="13">This is item 2</option>
@@ -97,7 +97,7 @@
                                     </select>
                                 </div>
                             </div>
-                            <div class="row">
+                            <div class="row py-2">
                                 <div class="col-7 col-sm-7 col-md-7 col-lg-6 col-xl-6 pad-day">
                                     <div class="form-check"><input class="form-check-input" type="radio" id="schedulespecialdate" name="dayselect"><label class="form-check-label" for="schedulespecialdate">Special Date</label></div>
                                 </div>
@@ -126,7 +126,7 @@
                         <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                             <p class="text-add">Message</p>
                         </div>
-                        <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8"><select class="w-100 input-add form-select" id="schedulemessage"></select></div>
+                        <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8"><select class="w-100 py-2 input-add form-select" id="schedulemessage"></select></div>
                     </div>
                     <div class="row">
                         <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
@@ -160,7 +160,7 @@
                         <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                             <p class="text-add">Broadcast Zones</p>
                         </div>
-                        <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8 border"><select class="w-100 input-add form-select" id="schedulezones">
+                        <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8"><select class="w-100 input-add form-select" id="schedulezones">
                                 <optgroup label="This is a group">
                                     <option value="12" selected="">This is item 1</option>
                                     <option value="13">This is item 2</option>

html/webpage/usermanagement.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>AAS_NewGen_17OKT25</title>
+    <title>AAS_NewGen_27OKT25</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/css/bss-overrides.css">
     <link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">
@@ -39,7 +39,7 @@
     </div>
     <div class="row">
         <div class="table-responsive">
-            <table class="table">
+            <table class="table" id="table_user_management">
                 <thead>
                     <tr>
                         <th class="class05">No</th>
@@ -92,6 +92,12 @@
                         </div>
                         <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8"><input type="text" id="modallocation" class="input-add form-control"></div>
                     </div>
+                    <div class="row">
+                        <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
+                            <p class="text-add">City Tags</p>
+                        </div>
+                        <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8"><input type="text" id="modalcitytags" class="form-control input-add"></div>
+                    </div>
                     <div class="row">
                         <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                             <p class="text-add">Airline Tags</p>
@@ -99,18 +105,7 @@
                         <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8">
                             <div class="row">
                                 <div class="col-8"><input type="text" id="modalairlinetags" class="form-control input-add"></div>
-                                <div class="col-4"><button class="btn w-100 btn-select btn-round-basic color-import" id="btnShowSoundbankModal" type="button">Select</button></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="row">
-                        <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
-                            <p class="text-add">City Tags</p>
-                        </div>
-                        <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8">
-                            <div class="row">
-                                <div class="col-8"><input type="text" id="modalcitytags" class="form-control input-add"></div>
-                                <div class="col-4"></div>
+                                <div class="col-4"><button class="btn w-100 btn-select btn-round-basic color-import pad-select" id="btnShowSoundbankModal" type="button">Select</button></div>
                             </div>
                         </div>
                     </div>
@@ -121,7 +116,7 @@
                         <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8">
                             <div class="row">
                                 <div class="col-8"><input type="text" id="modalmessagebank" class="form-control input-add"></div>
-                                <div class="col-4"><button class="btn w-100 btn-round-basic color-import" id="btnShowMessagebankModal" type="button">Select</button></div>
+                                <div class="col-4"><button class="btn w-100 btn-round-basic color-import pad-select" id="btnShowMessagebankModal" type="button">Select</button></div>
                             </div>
                         </div>
                     </div>
@@ -132,7 +127,7 @@
                         <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8">
                             <div class="row">
                                 <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8"><input type="text" id="modalbroadcastzones" class="form-control input-add" name="modalpath"></div>
-                                <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4"><button class="btn w-100 btn-round-basic color-import" id="btnShowBroaadcastZoneModal" type="button">Select</button></div>
+                                <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4"><button class="btn w-100 btn-round-basic color-import pad-select" id="btnShowBroaadcastZoneModal" type="button">Select</button></div>
                             </div>
                         </div>
                     </div>