Adds menu to Config popup, adds delete and download functionality

src/components/Settings/ConfigLauncher.vue

@@ -9,7 +9,7 @@
     <!-- Modal containing all the configuration options -->
     <modal :name="modalName" :resizable="true" width="80%" height="80%"
       @closed="$emit('modalChanged', false)">
-      <ConfigContainer :sections="sections" />
+      <ConfigContainer :sections="sections" :config="combineConfig()" />
     </modal>
   </div>
 </template>
@@ -18,6 +18,7 @@
 
 import IconSpanner from '@/assets/interface-icons/config-editor.svg';
 import ConfigContainer from '@/components/Configuration/ConfigContainer';
+import { topLevelConfKeys } from '@/utils/defaults';
 
 export default {
   name: 'ConfigLauncher',
@@ -32,12 +33,21 @@ export default {
   },
   props: {
     sections: Array,
+    pageInfo: Object,
+    appConfig: Object,
   },
   methods: {
     showEditor: function show() {
       this.$modal.show(this.modalName);
       this.$emit('modalChanged', true);
     },
+    combineConfig() {
+      const conf = {};
+      conf[topLevelConfKeys.APP_CONFIG] = this.appConfig;
+      conf[topLevelConfKeys.PAGE_INFO] = this.pageInfo;
+      conf[topLevelConfKeys.SECTIONS] = this.sections;
+      return conf;
+    },
     updateConfig() {
       // this.$emit('iconSizeUpdated', iconSize);
     },

src/components/Settings/SettingsContainer.vue

@@ -10,7 +10,8 @@
         :confTheme="getInitialTheme()" :userThemes="getUserThemes()" />
       <LayoutSelector :displayLayout="displayLayout" @layoutUpdated="updateDisplayLayout"/>
       <ItemSizeSelector :iconSize="iconSize" @iconSizeUpdated="updateIconSize" />
-      <ConfigLauncher :sections="sections" @modalChanged="modalChanged" />
+      <ConfigLauncher :sections="sections" :pageInfo="pageInfo" :appConfig="appConfig"
+        @modalChanged="modalChanged" />
     </div>
     <KeyboardShortcutInfo />
   </section>
@@ -32,6 +33,7 @@ export default {
     iconSize: String,
     availableThemes: Object,
     appConfig: Object,
+    pageInfo: Object,
     sections: Array,
     modalOpen: Boolean,
   },
@@ -101,6 +103,7 @@ export default {
     div {
       margin-left: 0.5rem;
       opacity: var(--dimming-factor);
+      opacity: 1;
       &:hover { opacity: 1; }
     }
   }