Mercurial > gemma

comparison client/src/application/Topbar.vue @ 770:c12ec7fde3f2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: add simple identify top area box * Add Identify.vue as a top area box that display the currently identified features in a short text-only way. This can be styled further, also the box is not yet resized dynamically. Put in to subdir layers because it is closest to Layers.vue, which was used as a template. * Introduce a new mapstore/identifiedFeatures state.
author Bernhard Reiter <bernhard@intevation.de>
date Wed, 26 Sep 2018 09:13:29 +0200
parents badbc0207418
children 22c3acea700d
comparison
equal deleted inserted replaced
769:ba2007b746ef 770:c12ec7fde3f2
14 <div v-if="routeName == 'mainview'" class="splitbutton"> 14 <div v-if="routeName == 'mainview'" class="splitbutton">
15 <i @click="splitScreen" class="ui-element splitscreen fa fa-window-restore shadow"></i> 15 <i @click="splitScreen" class="ui-element splitscreen fa fa-window-restore shadow"></i>
16 </div> 16 </div>
17 <div class=""> 17 <div class="">
18 <Layers v-if="routeName == 'mainview'"></Layers> 18 <Layers v-if="routeName == 'mainview'"></Layers>
19 </div>
20 <div class="">
21 <Identify v-if="routeName == 'mainview'"></Identify>
19 </div> 22 </div>
20 </div> 23 </div>
21 </template> 24 </template>
22 25
23 <style lang="scss"> 26 <style lang="scss">
82 </style> 85 </style>
83 86
84 87
85 <script> 88 <script>
86 import Layers from "../layers/Layers"; 89 import Layers from "../layers/Layers";
90 import Identify from "../layers/Identify";
87 91
88 export default { 92 export default {
89 name: "topbar", 93 name: "topbar",
90 components: { 94 components: {
95 Identify: Identify,
91 Layers: Layers 96 Layers: Layers
92 }, 97 },
93 data() { 98 data() {
94 return { 99 return {
95 searchbarCollapsed: true 100 searchbarCollapsed: true