diff --git a/src/admin/components/advanced-search/advanced-search.vue b/src/admin/components/advanced-search/advanced-search.vue index 5d1db79a0..bd62f1b78 100644 --- a/src/admin/components/advanced-search/advanced-search.vue +++ b/src/admin/components/advanced-search/advanced-search.vue @@ -15,7 +15,9 @@ grouped> - + + - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + +

{{ $i18n.get('advanced_search') }}

+ +
+ + + +
- {{ $i18n.get('advanced_search') }} + + + import AdvancedSearch from '../advanced-search/advanced-search.vue'; + import { mapActions } from 'vuex'; export default { name: 'TainacanHeader', @@ -76,26 +80,30 @@ wordpressAdmin: window.location.origin + window.location.pathname.replace('admin.php', ''), searchQuery: '', futureSearchQuery: '', + metadata: Array, } }, components: { AdvancedSearch, }, methods: { - toItemsPage() { - if(this.$route.path == '/items') { - this.$root.$emit('openAdvancedSearch', true); - } - - if(this.$route.path != '/items') { - this.$router.push({ - path: '/items', - query: { - advancedSearch: true - } - }); - } - }, + ...mapActions('metadata', [ + 'fetchMetadata' + ]), + // toItemsPage() { + // if(this.$route.path == '/items') { + // this.$root.$emit('openAdvancedSearch', true); + // } + // + // if(this.$route.path != '/items') { + // this.$router.push({ + // path: '/items', + // query: { + // advancedSearch: true + // } + // }); + // } + // }, updateSearch() { if (this.$route.path != '/items') { this.$router.push({ @@ -108,7 +116,18 @@ }, props: { isMenuCompressed: false - } + }, + created(){ + this.fetchMetadata({ + collectionId: false, + isRepositoryLevel: true, + isContextEdit: false, + includeDisabled: false, + }) + .then((metadata) => { + this.metadata = metadata; + }); + }, } @@ -159,8 +178,8 @@ align-items: center; margin-right: 36px; - .control:not(.tnc-advanced-search-container) { - input { + .control { + .search-header { border-width: 0 !important; height: 27px; font-size: 11px; @@ -169,7 +188,7 @@ -webkit-transition: width linear 0.15s; width: 160px; } - input:focus, input:active { + .search-header:focus, .search-header:active { width: 220px !important; } .icon { @@ -182,13 +201,19 @@ } } - /*.dropdown-content {*/ - /*width: 800px !important;*/ - /*}*/ + .dropdown-content { + width: 800px !important; + } - /*.dropdown-item:hover {*/ - /*background-color: white;*/ - /*}*/ + .dropdown-item:hover { + background-color: white; + } + + .dropdown-item { + span.icon:not(.is-right) { + position: -webkit-sticky !important; + } + } a { margin: 0px 12px; diff --git a/src/admin/scss/tainacan-admin.scss b/src/admin/scss/tainacan-admin.scss index 20b9ddb8c..650f50c53 100644 --- a/src/admin/scss/tainacan-admin.scss +++ b/src/admin/scss/tainacan-admin.scss @@ -56,7 +56,7 @@ a:hover { &.disabled { pointer-events: none; cursor: default; - color: $tainacan-input-background; + color: $tainacan-input-background !important; .icon { color: $tainacan-input-background !important; diff --git a/webpack.config.js b/webpack.config.js index 39026be39..473f07db9 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -81,7 +81,7 @@ const production = false; if (production === true) { const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); - console.log({'production': production}); + console.log(`production: ${production}`); module.exports.mode = 'production'; @@ -109,7 +109,7 @@ if (production === true) { } } } else { - console.log({'production': production}); + console.log(`production: ${production}`); module.exports.devtool = '';