add app orderer

src/pages/AdminSettings.vue

@@ -38,10 +38,9 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
               :always-displayed="config['always-displayed']"
               :top-wide-menu="config['big-menu']"
               :side-menu-with-categories="config['side-with-categories']"
-
-              @update:always-displayed="(value) => config['always-displayed'] = value"
-              @update:top-wide-menu="(value) => config['big-menu'] = value"
-              @update:side-menu-with-categories="(value) => config['side-with-categories'] = value"
+              @update:always-displayed="(value) => (config['always-displayed'] = value)"
+              @update:top-wide-menu="(value) => (config['big-menu'] = value)"
+              @update:side-menu-with-categories="(value) => (config['side-with-categories'] = value)"
             />
           </TableValue>
         </TableRow>
@@ -161,6 +160,15 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
             <FormAppPicker v-model="config['target-blank-apps']" />
           </TableValue>
         </TableRow>
+        <TableRow>
+          <TableLabel
+            label="Customize sorting"
+            :middle="true"
+          />
+          <TableValue>
+            <FormAppSort v-model="config['apps-order']" />
+          </TableValue>
+        </TableRow>
       </TableContainer>
 
       <TableContainer :class="sectionClass('opener')">
@@ -469,8 +477,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
                   class="config"
                   readonly
                   v-text="filterConfig(config)"
-                  ></textarea
-                >
+                ></textarea>
 
                 <div class="modal__footer">
                   <NcButton
@@ -513,6 +520,7 @@ import FormSelect from '../components/settings/form/FormSelect'
 import FormYesNo from '../components/settings/form/FormYesNo'
 import FormSize from '../components/settings/form/FormSize'
 import FormAppPicker from '../components/settings/form/FormAppPicker'
+import FormAppSort from '../components/settings/form/FormAppSort'
 import FormDisplayPicker from '../components/settings/form/FormDisplayPicker'
 
 const menu = [
@@ -529,7 +537,7 @@ const config = ref(null)
 const showConfig = ref(false)
 const configCopied = ref(false)
 const configStore = useConfigStore()
-const section = ref(menu[0].section)
+const section = ref('apps' /*menu[0].section*/)
 
 const setSection = (value) => {
   section.value = value