add feature: order categories

templates/settings/admin-form.php

@@ -529,6 +529,61 @@ $choicesSizes = [
         </div>
     </div>
 
+
+    <div class="section">
+        <h2>
+            <?php p($l->t('Categories')); ?>
+        </h2>
+        <div>
+            <label for="side-menu-top-menu-apps">
+                <?php p($l->t('Order by')); ?>
+            </label>
+
+            <?php
+                $choices = [
+                    'Name' => 'default',
+                    'Customed' => 'custom',
+                ];
+            ?>
+
+            <select id="side-menu-loader-enabled" name="loader-enabled" class="side-menu-setting">
+                <?php foreach ($choices as $label => $value): ?>
+                    <option value="<?php echo $value ?>" <?php if ($value === $_['category-order-type']): ?>selected<?php endif; ?>>
+                        <?php echo $l->t($label);  ?>
+                    </option>
+                <?php endforeach; ?>
+            </select>
+        </div>
+
+        <div>
+            <label for="side-menu-top-menu-apps">
+                <?php p($l->t('Customize sorting')); ?>
+            </label>
+        </div>
+
+        <p>
+            <a class="side-menu-toggler" data-target="#categories-list" href="#_">
+                🖱️ <?php p($l->t('Show and hide the list of categories')); ?>
+            </a>
+        </p>
+
+        <div class="side-menu-setting" data-name="categories" id="categories-list" style="display: none">
+            <ul>
+                <?php foreach ($_['categories'] as $key => $label): ?>
+                    <li data-id="<?php echo $key; ?>">
+                        <span class="arrow">
+                            ⇅
+                        </span>
+
+                        <?php echo $label ? $l->t($label) : $l->t('Others'); ?>
+                    </li>
+                <?php endforeach; ?>
+            </ul>
+        </div>
+
+        <input type="hidden" value='<?php echo json_encode(array_keys($_['categories'])) ?>' name="categories-order" class="side-menu-setting">
+    </div>
+
     <div class="section">
         <h2>
             <?php p($l->t('Tips')); ?>
@@ -574,14 +629,15 @@ $choicesSizes = [
 
         <input type="hidden" id="side-menu-cache" name="cache" value="<?php print_unescaped($_['cache']); ?>" class="side-menu-setting">
 
+    </div>
+
+    <div class="section" id="more">
         <button id="side-menu-save" class="btn btn-info">
             <?php p($l->t('Save')); ?>
         </button>
 
         <span id="side-menu-message" class="msg"></span>
-    </div>
 
-    <div class="section" id="more">
         <a href="<?php echo $urlGenerator->linkToRoute('side_menu.AdminSetting.exportConfiguration') ?>" target="_blank">
             <button class="btn btn-primary" >
                 <?php p($l->t('Export the configuration')); ?>