Hide search bar

changelog/unreleased/hide-search.md

@@ -0,0 +1,6 @@
+Change: Provide option for hiding the search bar
+
+We introduced a new `options.hideSearchBar` config variable which can be used to disable the search bar entirely.
+
+https://github.com/owncloud/product/issues/116
+https://github.com/owncloud/phoenix/pull/3817

config.json.sample-ocis

@@ -9,6 +9,9 @@
     "response_type": "code",
     "scope": "openid profile email"
   },
+  "options": {
+    "hideSearchBar": true
+  },
   "apps": [
     "files",
     "draw-io",

docs/backend-ocis.md

@@ -17,6 +17,7 @@ geekdocFilePath: backend-ocis.md
 ## Setting up Phoenix
 
 - Please note that config.json is generated by ocis-phoenix so there is no need to create one.
+- If you want to provide a config.json file, you can do so by starting ocis with `PHOENIX_WEB_CONFIG=/path/to/config.json`
 
 ## Setting up ocis-phoenix service
 

src/components/Top-Bar.vue

@@ -14,7 +14,7 @@
           <oc-icon name="menu" class="uk-flex" aria-hidden="true" />
         </oc-button>
       </div>
-      <search-bar />
+      <search-bar v-if="!isSearchDisabled" />
     </oc-grid>
     <oc-grid
       v-if="!isPublicPage"
@@ -73,7 +73,7 @@ export default {
     }
   },
   computed: {
-    ...mapGetters(['apps']),
+    ...mapGetters(['apps', 'configuration']),
 
     isPublicPage() {
       return !this.userId
@@ -84,6 +84,10 @@ export default {
         return this.$gettext(this.apps[this.currentExtension].name)
       }
       return this.currentExtension
+    },
+
+    isSearchDisabled() {
+      return this.configuration.options.hideSearchBar === true
     }
   },
   methods: {

src/store/config.js

@@ -29,6 +29,9 @@ const state = {
     filesList: {
       hideDefaultStatusIndicators: false
     }
+  },
+  options: {
+    hideSearchBar: false
   }
 }
 
@@ -51,7 +54,13 @@ const mutations = {
     state.uploadChunkSize = config.uploadChunkSize === undefined ? Infinity : config.uploadChunkSize
     state.state = config.state === undefined ? 'working' : config.state
     state.applications = config.applications === undefined ? [] : config.applications
-    if (config.corrupted) state.corrupted = config.corrupted
+    if (config.options !== undefined) {
+      // Merge default options and provided options. Config options take precedence over defaults.
+      state.options = { ...state.options, ...config.options }
+    }
+    if (config.corrupted) {
+      state.corrupted = config.corrupted
+    }
   },
   LOAD_THEME(state, theme) {
     state.theme = theme