Mercurial > gemma
diff client/src/imports/Imports.vue @ 1230:957907eaaa72
implemented context sensitive box below search bar (see: issue224)
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Tue, 20 Nov 2018 08:47:53 +0100 |
parents | ba8cd80d68b6 |
children | ec4b06d3a3a8 |
line wrap: on
line diff
--- a/client/src/imports/Imports.vue Tue Nov 20 00:51:33 2018 +0100 +++ b/client/src/imports/Imports.vue Tue Nov 20 08:47:53 2018 +0100 @@ -1,11 +1,5 @@ <template> - <div :class="importStyle"> - <div - @click="$store.commit('application/showImportSoundingResults', false);" - class="ui-element close-imports" - > - <i class="fa fa-close"></i> - </div> + <div> <h4>Import soundingresults</h4> <hr class="mr-auto ml-auto mb-0 w-90"> <div v-if="editState" class="p-3"> @@ -82,7 +76,6 @@ <script> import { HTTP } from "../application/lib/http"; import { displayError, displayInfo } from "../application/lib/errors.js"; -import { mapState } from "vuex"; const defaultLabel = "Choose .zip-file"; const IMPORTSTATE = { UPLOAD: "UPLOAD", EDIT: "EDIT" }; @@ -132,22 +125,12 @@ } }, computed: { - ...mapState("application", ["showImportSoundingResults"]), editState() { return this.importState === IMPORTSTATE.EDIT; }, uploadState() { return this.importState === IMPORTSTATE.UPLOAD; }, - importStyle() { - return [ - "ui-element shadow imports ml-3 pt-3 rounded", - { - importscollapsed: !this.showImportSoundingResults, - importsextended: this.showImportSoundingResults - } - ]; - }, dataLink() { return ( "data:text/json;charset=utf-8," + @@ -191,36 +174,6 @@ .uploadsection width: 90% -.imports - position: relative - background-color: #ffffff - opacity: $slight-transparent - transition: left 0.3s ease - overflow: hidden - background: #fff - margin-top: -$offset - width: 90% - -.importscollapsed - width: 0 - height: 0 - transition: $transition-fast - -.importsextended - min-width: 600px - -.close-imports - position: absolute - z-index: 2 - right: 0 - top: 7px - height: $icon-width - width: $icon-height - display: none - -.importsextended .close-imports - display: block - .label-text width: 10rem text-align: left