Mercurial > gemma

comparison client/src/application/Topbar.vue @ 593:c4a4dc612191

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
feat: Toggleable fairway profile A prototypical fairway profile could be made visible
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 07 Sep 2018 13:45:49 +0200
parents 53b7a46c53a7
children b17a4482d07d
comparison
equal deleted inserted replaced
592:8e67604d972a 593:c4a4dc612191
9 <i class="fa fa-search"></i> 9 <i class="fa fa-search"></i>
10 </span> 10 </span>
11 </div> 11 </div>
12 <input id="search" type="text" class="form-control ui-element search searchbar"> 12 <input id="search" type="text" class="form-control ui-element search searchbar">
13 </div> 13 </div>
14 <div>
15 <i @click="splitScreen" class="ui-element splitscreen fa fa-window-restore"></i>
16 </div>
14 <Layers v-if="routeName != 'usermanagement'"></Layers> 17 <Layers v-if="routeName != 'usermanagement'"></Layers>
15 </div> 18 </div>
16 </template> 19 </template>
17 20
18 <style lang="scss"> 21 <style lang="scss">
19 @import "./assets/application.scss"; 22 @import "./assets/application.scss";
23
24 .splitscreen {
25 background-color: white;
26 padding: 0.5rem;
27 margin-right: 0.5rem;
28 margin-left: 1rem;
29 }
20 30
21 .menubutton { 31 .menubutton {
22 background-color: white; 32 background-color: white;
23 padding: 0.5rem; 33 padding: 0.5rem;
24 } 34 }
58 Layers: Layers 68 Layers: Layers
59 }, 69 },
60 methods: { 70 methods: {
61 toggleSidebar() { 71 toggleSidebar() {
62 this.$store.commit("application/toggleSidebar"); 72 this.$store.commit("application/toggleSidebar");
73 },
74 splitScreen() {
75 this.$store.commit("application/toggleSplitScreen");
63 } 76 }
64 }, 77 },
65 computed: { 78 computed: {
66 routeName() { 79 routeName() {
67 const routeName = this.$route.name; 80 const routeName = this.$route.name;