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