diff --git a/apps/files/src/components/FilesAppBar.vue b/apps/files/src/components/FilesAppBar.vue
index 41ee11c3f48..2ac5e6400ec 100644
--- a/apps/files/src/components/FilesAppBar.vue
+++ b/apps/files/src/components/FilesAppBar.vue
@@ -27,18 +27,6 @@
-
-
-
@@ -115,31 +103,6 @@
{{ $_ocAppBar_clearTrashbinButtonText }}
-
-
-
-
({
createFolder: false,
- isLoadingSearch: false,
newFolderName: '',
newFileName: '',
createFile: false,
newFileAction: null,
path: '',
- searchedFiles: [],
- fileFolderCreationLoading: false,
- // In case of change of search value to empty string
- // searchBarKey can be changed to force re-render of the component
- searchBarKey: 0
+ fileFolderCreationLoading: false
}),
computed: {
...mapGetters(['getToken', 'configuration', 'newFileHandlers']),
...mapGetters('Files', [
'activeFiles',
'inProgress',
- 'searchTerm',
- 'atSearchPage',
'currentFolder',
'davProperties',
'quota',
@@ -241,9 +197,6 @@ export default {
'publicLinkPassword'
]),
...mapState(['route']),
- $_searchLabel() {
- return this.$gettext('Search')
- },
$_createFolderDialogPlaceholder() {
return this.$gettext('Enter new folder nameā¦')
},
@@ -401,61 +354,17 @@ export default {
return this.$route.meta.hasBulkActions && this.selectedFiles.length > 0
}
},
- watch: {
- $route(to, from) {
- // note: the search bars are not available on all views
- if (this.$refs.mobileSearch) {
- this.$refs.mobileSearch.value = null
- }
- if (this.$refs.globalSearchBar) {
- this.$refs.globalSearchBar.query = ''
- }
- }
- },
methods: {
...mapActions('Files', [
'resetFileSelection',
'loadFiles',
'addFiles',
'updateFileProgress',
- 'searchForFile',
'loadFolder',
'setTrashbinDeleteMessage',
- 'removeFilesFromTrashbin',
- 'resetSearch'
+ 'removeFilesFromTrashbin'
]),
...mapActions(['openFile', 'showMessage']),
- onFileSearch(searchTerm = '') {
- if (searchTerm === '') {
- this.isLoadingSearch = false
- } else {
- this.isLoadingSearch = true
- }
- // write search term into files app state
- this.searchForFile({
- searchTerm,
- client: this.$client
- })
- .catch(e => {
- this.showMessage({
- title: this.$gettext('Search failed'),
- desc: e.message,
- status: 'danger'
- })
- })
- .finally(() => {
- this.isLoadingSearch = false
- })
- },
- focusMobileSearchInput() {
- this.$refs.mobileSearch.$el.querySelector('input').focus()
- // nested vuetify VList animation will block native autofocus, so we use this workaround...
-
- setTimeout(() => {
- // ...to set focus after the element is rendered visible
- this.$refs.mobileSearch.$el.querySelector('input').focus()
- }, 50)
- },
$_ocFilesFolder_getFolder() {
this.path = []
@@ -735,12 +644,6 @@ export default {
}
this.resetFileSelection()
this.setHighlightedFile(null)
- },
-
- onSearchClear() {
- this.resetSearch()
- // Forces update of search bar
- this.searchBarKey++
}
}
}
diff --git a/src/Phoenix.vue b/src/Phoenix.vue
index 54d0368053d..15cc8f815e8 100644
--- a/src/Phoenix.vue
+++ b/src/Phoenix.vue
@@ -8,7 +8,7 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/Top-Bar.vue b/src/components/Top-Bar.vue
index d4b79b982c3..281174faffc 100644
--- a/src/components/Top-Bar.vue
+++ b/src/components/Top-Bar.vue
@@ -3,16 +3,25 @@
id="oc-topbar"
class="uk-flex uk-flex-middle uk-flex-wrap oc-border-bottom uk-padding-small"
>
-
+
+
+
+
+
+
+
+
-
-
-
@@ -26,12 +35,14 @@ import pluginHelper from '../mixins/pluginHelper.js'
import ApplicationsMenu from './ApplicationsMenu.vue'
import UserMenu from './UserMenu.vue'
import Notifications from './Notifications.vue'
+import SearchBar from './SearchBar.vue'
export default {
components: {
Notifications,
ApplicationsMenu,
- UserMenu
+ UserMenu,
+ SearchBar
},
mixins: [pluginHelper],
props: {
diff --git a/tests/acceptance/pageObjects/phoenixPage.js b/tests/acceptance/pageObjects/phoenixPage.js
index 9d92f768058..ded43bf0ebd 100644
--- a/tests/acceptance/pageObjects/phoenixPage.js
+++ b/tests/acceptance/pageObjects/phoenixPage.js
@@ -216,7 +216,7 @@ module.exports = {
locateStrategy: 'xpath'
},
searchLoadingIndicator: {
- selector: '.oc-app-bar .uk-spinner'
+ selector: '#oc-topbar .uk-spinner'
},
userMenuButton: {
selector: '#_userMenuButton'