Mercurial > gemma
comparison client/src/application/stores/application.js @ 622:47f11401d999
feat: Usermenu is now collapsible
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Tue, 11 Sep 2018 14:14:43 +0200 |
parents | c4a4dc612191 |
children | 620a65f11b33 |
comparison
equal
deleted
inserted
replaced
621:b17a4482d07d | 622:47f11401d999 |
---|---|
10 }, | 10 }, |
11 splitsceen: { | 11 splitsceen: { |
12 active: false, | 12 active: false, |
13 mode: "v" | 13 mode: "v" |
14 }, | 14 }, |
15 usermenu: { | |
16 iscollapsed: defaultCollapseState | |
17 }, | |
15 countries: ["AT", "SK", "HU", "HR", "RS", "BiH", "BG", "RO", "UA"] | 18 countries: ["AT", "SK", "HU", "HR", "RS", "BiH", "BG", "RO", "UA"] |
16 }, | 19 }, |
17 getters: { | 20 getters: { |
18 countries: state => { | 21 countries: state => { |
19 return state.countries; | 22 return state.countries; |
20 }, | 23 }, |
21 sidebarCollapsed: state => { | 24 sidebarCollapsed: state => { |
22 return state.sidebar.iscollapsed; | 25 return state.sidebar.iscollapsed; |
26 }, | |
27 isUsermenuCollapsed: state => { | |
28 return state.usermenu.iscollapsed; | |
23 }, | 29 }, |
24 appTitle: state => { | 30 appTitle: state => { |
25 return state.appTitle; | 31 return state.appTitle; |
26 }, | 32 }, |
27 secondaryLogo: state => { | 33 secondaryLogo: state => { |
36 }, | 42 }, |
37 mutations: { | 43 mutations: { |
38 toggleSidebar: state => { | 44 toggleSidebar: state => { |
39 state.sidebar.iscollapsed = !state.sidebar.iscollapsed; | 45 state.sidebar.iscollapsed = !state.sidebar.iscollapsed; |
40 }, | 46 }, |
47 toggleUserMenu: state => { | |
48 state.usermenu.iscollapsed = !state.usermenu.iscollapsed; | |
49 }, | |
41 toggleSplitScreen: state => { | 50 toggleSplitScreen: state => { |
42 state.splitsceen.active = !state.splitsceen.active; | 51 state.splitsceen.active = !state.splitsceen.active; |
43 }, | 52 }, |
44 resetSidebar: state => { | 53 resetSidebar: state => { |
45 state.sidebar.iscollapsed = defaultCollapseState; | 54 state.sidebar.iscollapsed = defaultCollapseState; |
46 }, | 55 }, |
47 collapseSidebar: state => { | 56 collapseSidebar: state => { |
48 state.sidebar.iscollapsed = true; | 57 state.sidebar.iscollapsed = true; |
58 }, | |
59 resetUserMenu: state => { | |
60 state.usermenu.iscollapsed = defaultCollapseState; | |
61 }, | |
62 collapseUserMenu: state => { | |
63 state.usermenu.iscollapsed = true; | |
49 } | 64 } |
50 }, | 65 }, |
51 actions: {} | 66 actions: {} |
52 }; | 67 }; |
53 | 68 |