fix operation category multi level

abweb/js/operationList/operationList.js

@@ -299,12 +299,12 @@ OL.createCategoryList = function () {
     //Create a side menu category structure
     //Create a side menu category structure
     var categoryListElement = $('#categoryListMenu');
     var categoryListElement = $('#categoryListMenu');
     categoryListElement.empty();
     categoryListElement.empty();
+    //sort group master list by level low to hight
     OL.operationGroupMaster.sort(function (a, b) {
     OL.operationGroupMaster.sort(function (a, b) {
         if (a.operationGroupMasterLevel < b.operationGroupMasterLevel) return -1;
         if (a.operationGroupMasterLevel < b.operationGroupMasterLevel) return -1;
         if (a.operationGroupMasterLevel > b.operationGroupMasterLevel) return 1;
         if (a.operationGroupMasterLevel > b.operationGroupMasterLevel) return 1;
         return 1;
         return 1;
     });
     });
-
     let allChecked = '';
     let allChecked = '';
     if (typeof OL.operationGroupMasterId === 'undefined' || OL.operationGroupMasterId == 0) {
     if (typeof OL.operationGroupMasterId === 'undefined' || OL.operationGroupMasterId == 0) {
         allChecked = ' checked';
         allChecked = ' checked';
@@ -316,7 +316,6 @@ OL.createCategoryList = function () {
     //create category(operationGroupMaster) structure
     //create category(operationGroupMaster) structure
     for (let i = 0; i < OL.operationGroupMaster.length; i++) {
     for (let i = 0; i < OL.operationGroupMaster.length; i++) {
         const item = OL.operationGroupMaster[i];
         const item = OL.operationGroupMaster[i];
-        console.log(item);
         let inputLabel = $('<label>');
         let inputLabel = $('<label>');
         let inputRadio = $('<input type="radio" name="category">');
         let inputRadio = $('<input type="radio" name="category">');
         inputRadio.val(item.operationGroupMasterId);
         inputRadio.val(item.operationGroupMasterId);
@@ -326,11 +325,20 @@ OL.createCategoryList = function () {
         let groupSpan = $('<span>' + item.operationGroupMasterName + '</span>');
         let groupSpan = $('<span>' + item.operationGroupMasterName + '</span>');
         inputLabel.append(inputRadio);
         inputLabel.append(inputRadio);
         inputLabel.append(groupSpan);
         inputLabel.append(groupSpan);
-        if (item.operationGroupMasterLevel == 0) {
+        const isParent = OL.operationGroupMaster.find(function(child) {
+            return item.operationGroupMasterId == child.parentOperationGroupMasterId;
+        });
+        let parentElement = categoryListElement;
+        if (item.parentOperationGroupMasterId != 0) {
+            parentElement = $('#collapse' + item.parentOperationGroupMasterId + ' > ul');
+        }
+        if (isParent) {
+            //accordion
             const accordionId = 'accordion' + item.operationGroupMasterId;
             const accordionId = 'accordion' + item.operationGroupMasterId;
             const headingId = 'heading' + item.operationGroupMasterId;
             const headingId = 'heading' + item.operationGroupMasterId;
             const collapseId = 'collapse' + item.operationGroupMasterId;
             const collapseId = 'collapse' + item.operationGroupMasterId;
-            let categoryParentElm = $('<li class="accordion" id="' + accordionId + '" />');
+            let accordionElm = $('<li class="accordion" id="' + accordionId + '" />');
+            //heading
             let headingDiv = $('<div id="' + headingId + '" />');
             let headingDiv = $('<div id="' + headingId + '" />');
             let linkA = $('<a class="list-menu-link" />');
             let linkA = $('<a class="list-menu-link" />');
             let collapseButton = $('<button type="button" class="collapsed" data-toggle="collapse" aria-expanded="true" />');
             let collapseButton = $('<button type="button" class="collapsed" data-toggle="collapse" aria-expanded="true" />');
@@ -340,26 +348,19 @@ OL.createCategoryList = function () {
             linkA.append(collapseButton);
             linkA.append(collapseButton);
             linkA.append(inputLabel);
             linkA.append(inputLabel);
             headingDiv.append(linkA);
             headingDiv.append(linkA);
-            categoryParentElm.append(headingDiv);
-            categoryListElement.append(categoryParentElm);
+            //collapse
+            let collapseElm = $('<div id="' + collapseId + '" class="collapse">');
+            collapseElm.attr('data-parent', '#' + accordionId);
+            collapseElm.attr('aria-labelledby', headingId);
+            let ul = $('<ul>');
+            collapseElm.append(ul);
+            accordionElm.append(headingDiv);
+            accordionElm.append(collapseElm);
+            parentElement.append(accordionElm);
         } else {
         } else {
             let li = $('<li>');
             let li = $('<li>');
             li.append(inputLabel);
             li.append(inputLabel);
-            let parentElm = $('#collapse' + item.parentOperationGroupMasterId + ' > ul');
-            if (typeof parentElm === 'undefined' || !parentElm || parentElm.length < 1) {
-                const accordionParentId = 'accordion' + item.parentOperationGroupMasterId;
-                const headingParentId = 'heading' + item.parentOperationGroupMasterId;
-                const collapseParentId = 'collapse' + item.parentOperationGroupMasterId;
-                parentElm = $('<div id="' + collapseParentId + '" class="collapse">');
-                parentElm.attr('data-parent', '#' + accordionParentId);
-                parentElm.attr('aria-labelledby', headingParentId);
-                let ul = $('<ul>');
-                ul.append(li);
-                parentElm.append(ul);
-                $('#' + accordionParentId).append(parentElm);
-            } else {
-                parentElm.append(li);
-            }
+            parentElement.append(li);
         }
         }
     }
     }
 };
 };