add custom apps sorting

templates/js/script.php

@@ -25,6 +25,7 @@ if ($_['always-displayed']) {
   const targetBlankApps = <?php echo json_encode($_['target-blank-apps']) ?>
 
   window.topMenuApps = <?php echo json_encode($_['top-menu-apps']), "\n"; ?>
+  window.topMenuAppsOrder = <?php echo json_encode($_['top-menu-apps-order']), "\n"; ?>
   window.topSideMenuApps = <?php echo json_encode($_['top-side-menu-apps']); ?>
 
   <?php if ($display === 'big-menu'): ?>

templates/settings/admin-form.php

@@ -829,6 +829,33 @@ $labelReset = 'Reset to default';
                     </div>
                 </div>
             </div>
+
+            <div class="side-menu-setting-row">
+                <div class="side-menu-setting-label">
+                    <?php p($l->t('Customize sorting')); ?>
+                </div>
+                <div class="side-menu-setting-form">
+                    <a class="side-menu-toggler" data-target="#top-menu-apps-order-list" href="#_">
+                        🖱️ <?php p($l->t($labelShowHideApps)); ?>
+                    </a>
+
+                    <div id="top-menu-apps-order-list" style="display: none">
+                        <ul class="side-menu-setting-list">
+                            <?php foreach ($_['top-menu-ordered-apps'] as $key => $app): ?>
+                                <li data-id="<?php echo $app['id']; ?>" class="side-menu-setting-list-item">
+                                    <span class="arrow">
+                                        ⇅
+                                    </span>
+
+                                    <?php echo p($l->t($app['name'])); ?>
+                                </li>
+                            <?php endforeach; ?>
+                        </ul>
+                    </div>
+
+                    <input type="hidden" value='<?php echo json_encode(array_keys($_['top-menu-apps-order'])) ?>' name="top-menu-apps-order" class="side-menu-setting">
+                </div>
+            </div>
         </div>
     </div>