Mercurial > gemma
diff client/src/components/Sidebar.vue @ 285:8e22d1f16f81 usermanagement
refactor: better variable naming
In order to achieve more consistent style all boolean getter functions were
renamed according JS style and is-prefixed.
Sidebar collapsed renamed to isCollapsed.
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Tue, 31 Jul 2018 09:36:15 +0200 |
parents | 96860b2bbc0d |
children | 2c58906649be |
line wrap: on
line diff
--- a/client/src/components/Sidebar.vue Mon Jul 30 17:43:59 2018 +0200 +++ b/client/src/components/Sidebar.vue Tue Jul 31 09:36:15 2018 +0200 @@ -6,7 +6,7 @@ <a class="nav-link" href="#">Link</a> <a class="nav-link" href="#">Link</a> <a class="nav-link disabled" href="#">Disabled</a> - <div v-if="is_sys_admin"> + <div v-if="isSysAdmin"> <router-link to="users">Users</router-link> </div> </nav> @@ -28,12 +28,12 @@ name: "sidebar", props: ["isOverlay"], computed: { - ...mapGetters("user", ["userinfo", "is_sys_admin"]), + ...mapGetters("user", ["userinfo", "isSysAdmin"]), collapseicon() { return { fa: true, - "fa-angle-double-left": !this.collapsed, - "fa-angle-double-right": this.collapsed + "fa-angle-double-left": !this.isCollapsed, + "fa-angle-double-right": this.isCollapsed }; }, menuStyle() { @@ -41,37 +41,37 @@ menu: true, nav: true, "flex-column": true, - "visibility-extended": !this.collapsed, - "visibility-collapsed": this.collapsed + "visibility-extended": !this.isCollapsed, + "visibility-collapsed": this.isCollapsed }; }, userinfoStyle() { return { user: true, "d-inline-flex": true, - "visibility-extended": !this.collapsed, - "visibility-collapsed": this.collapsed + "visibility-extended": !this.isCollapsed, + "visibility-collapsed": this.isCollapsed }; }, collapseStyle() { return { collapser: true, - collapserextended: !this.collapsed, - collapsercollapsed: this.collapsed + collapserextended: !this.isCollapsed, + collapsercollapsed: this.isCollapsed }; }, sidebarStyle() { return { sidebar: true, overlay: this.isOverlay, - sidebarcollapsed: this.collapsed, - sidebarextended: !this.collapsed + sidebarcollapsed: this.isCollapsed, + sidebarextended: !this.isCollapsed }; } }, methods: { collapse() { - this.collapsed = !this.collapsed; + this.isCollapsed = !this.isCollapsed; }, logoff() { this.$store.commit("user/clear_auth"); @@ -80,7 +80,7 @@ }, data() { return { - collapsed: false + isCollapsed: false }; } };