Add more configuration options

components/viewer/ProjectMenu.vue

@@ -17,7 +17,7 @@
       </li>
     </ul>
   </div>
-  <div>
+  <div v-if="projectList.show_load_file">
     <h5>Load File</h5>
     <LoadProject />
   </div>

components/viewer/modal/MenuModal.vue

@@ -12,7 +12,7 @@
     </template>
     <template #default>
       <ul class="nav nav-pills mb-3">
-        <li class="nav-item">
+        <li v-if="viewerProjectList.show_project_sidebar" class="nav-item">
           <a
             class="nav-link"
             :class="{ active: selected === 'project' }"

components/viewer/utils/ViewerSettings.vue

@@ -41,6 +41,7 @@
         </div>
       </li>
       <li
+        v-if="isNil(viewerProjectList.default)"
         class="list-group-item d-flex justify-content-between align-items-center"
       >
         <select
@@ -101,6 +102,8 @@
 </template>
 
 <script setup lang="ts">
+import { isNil } from 'ramda';
+
 import { useSettingRefs } from '~/composables/store/settings';
 import { useViewerRefs } from '~/composables/store/viewer';
 

composables/store/viewer.ts

@@ -11,6 +11,8 @@ export const useViewerStore = defineStore('viewer', () => {
   const viewerProjectList = ref<ViewerProjectList>({
     items: [],
     default: null,
+    show_load_file: true,
+    show_project_sidebar: true,
   });
 
   const toggleBackpack = (set?: boolean) => {

composables/viewer.ts

@@ -7,6 +7,8 @@ export type ViewerProject = {
 export type ViewerProjectList = {
   items: ViewerProject[];
   default: string | null;
+  show_load_file: boolean;
+  show_project_sidebar: boolean;
 };
 
 export enum ViewContext {

public/config/viewer/projects.json

@@ -16,5 +16,7 @@
       "id": "worm-v6-lt"
     }
   ],
-  "default": null
+  "default": null,
+  "show_load_file": true,
+  "show_project_sidebar": true
 }