add display picker

src/pages/AdminSettings.vue

@@ -31,6 +31,20 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
       </div>
 
       <TableContainer :class="sectionClass('panel')">
+        <TableRow>
+          <TableLabel label="Display" />
+          <TableValue>
+            <FormDisplayPicker
+              :alwaysDisplayed="config['always-displayed']"
+              :topWideMenu="config['big-menu']"
+              :sideMenuWithCategories="config['side-with-categories']"
+
+              @update:alwaysDisplayed="(value) => config['always-displayed'] = value"
+              @update:topWideMenu="(value) => config['big-menu'] = value"
+              @update:sideMenuWithCategories="(value) => config['side-with-categories'] = value"
+            />
+          </TableValue>
+        </TableRow>
         <TableRow>
           <TableLabel
             label="Display the logo"
@@ -85,15 +99,6 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
             <FormSize v-model="config['size-text']" />
           </TableValue>
         </TableRow>
-        <TableRow>
-          <TableLabel
-            label="Loader enabled"
-            :middle="true"
-          />
-          <TableValue>
-            <FormYesNo v-model="config['loader-enabled']" />
-          </TableValue>
-        </TableRow>
       </TableContainer>
 
       <TableContainer :class="sectionClass('topMenu')">
@@ -370,6 +375,16 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
             <FormYesNo v-model="config['force']" />
           </TableValue>
         </TableRow>
+
+        <TableRow>
+          <TableLabel
+            label="Loader enabled"
+            :middle="true"
+          />
+          <TableValue>
+            <FormYesNo v-model="config['loader-enabled']" />
+          </TableValue>
+        </TableRow>
       </TableContainer>
 
       <TableContainer :class="sectionClass('support')">
@@ -498,14 +513,15 @@ 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 FormDisplayPicker from '../components/settings/form/FormDisplayPicker'
 
 const menu = [
   { label: 'Global', section: 'global' },
   { label: 'Panel', section: 'panel' },
-  { label: 'Applications', section: 'apps' },
+  { label: 'Top menu', section: 'topMenu' },
   { label: 'Colors', section: 'colors' },
   { label: 'Opener', section: 'opener' },
-  { label: 'Top menu', section: 'topMenu' },
+  { label: 'Applications', section: 'apps' },
   { label: 'Support', section: 'support' },
 ]