diff --git a/gui/app/components/customize/user-groups.js b/gui/app/components/customize/user-groups.js index fcf7107e..612ab8a6 100644 --- a/gui/app/components/customize/user-groups.js +++ b/gui/app/components/customize/user-groups.js @@ -24,7 +24,7 @@ export default Component.extend(AuthProvider, ModalMixin, { searchText: '', users: null, members: null, - userLimit: 100, + userLimit: 25, didReceiveAttrs() { this._super(...arguments); diff --git a/gui/app/components/customize/user-list.js b/gui/app/components/customize/user-list.js index d19fb411..9f0cb8ac 100644 --- a/gui/app/components/customize/user-list.js +++ b/gui/app/components/customize/user-list.js @@ -25,6 +25,7 @@ export default Component.extend(AuthProvider, ModalMixin, Notifier, { filter: '', hasSelectedUsers: false, showDeleteDialog: false, + showPermExplain: false, init() { this._super(...arguments); @@ -58,6 +59,16 @@ export default Component.extend(AuthProvider, ModalMixin, Notifier, { }, actions: { + togglePerms() { + this.set('showPermExplain', !this.get('showPermExplain')); + + if (this.showPermExplain) { + this.$(".perms").show(); + } else { + this.$(".perms").hide(); + } + }, + toggleSelect(user) { user.set('selected', !user.get('selected')); diff --git a/gui/app/components/ui/ui-toolbar-label.js b/gui/app/components/ui/ui-toolbar-label.js index a940d019..165e5d6a 100644 --- a/gui/app/components/ui/ui-toolbar-label.js +++ b/gui/app/components/ui/ui-toolbar-label.js @@ -22,11 +22,14 @@ export default Component.extend({ color: '', label: '', tooltip: '', + selected: false, - calcClass: computed(function() { + calcClass: computed('selected', function() { let c = ''; if (this.color !== '') c += this.color + ' '; + if (this.selected === true) c += 'label-selected'; + return c.trim(); }), diff --git a/gui/app/constants/constants.js b/gui/app/constants/constants.js index 03705691..2f6a86e1 100644 --- a/gui/app/constants/constants.js +++ b/gui/app/constants/constants.js @@ -202,6 +202,10 @@ let constants = EmberObject.extend({ ArrowDown: 'dicon-arrow-down-2', ArrowLeft: 'dicon-arrow-left-2', ArrowRight: 'dicon-arrow-right-2', + ArrowSmallUp: 'dicon-small-up', + ArrowSmallDown: 'dicon-small-down', + ArrowSmallLeft: 'dicon-small-left', + ArrowSmallRight: 'dicon-small-right', Attachment: 'dicon-attachment', BarChart: 'dicon-chart-bar-2', Bookmark: 'dicon-bookmark', diff --git a/gui/app/pods/customize/users/controller.js b/gui/app/pods/customize/users/controller.js index 49377a87..f77cd34b 100644 --- a/gui/app/pods/customize/users/controller.js +++ b/gui/app/pods/customize/users/controller.js @@ -16,7 +16,7 @@ export default Controller.extend({ userService: service('user'), globalSvc: service('global'), syncInProgress: false, - userLimit: 100, + userLimit: 25, loadUsers(filter) { this.get('userService').getComplete(filter, this.get('userLimit')).then((users) => { diff --git a/gui/app/styles/core/ui/ui-toolbar.scss b/gui/app/styles/core/ui/ui-toolbar.scss index 5ee5b8ba..3b4a3dd5 100644 --- a/gui/app/styles/core/ui/ui-toolbar.scss +++ b/gui/app/styles/core/ui/ui-toolbar.scss @@ -4,7 +4,6 @@ .dmz-toolbar { display: inline-flex; - // flex: 0 1 auto; flex-basis: auto; text-align: center; white-space: nowrap; @@ -30,7 +29,6 @@ } > .label { - // display: inline-block; font-size: 14px; font-weight: 500; color: map-get($gray-shades, 600); @@ -39,6 +37,10 @@ cursor: pointer; } + > .label-selected { + color: map-get($yellow-shades, 600); + } + > .red { color: map-get($red-shades, 500); diff --git a/gui/app/styles/core/view/customize.scss b/gui/app/styles/core/view/customize.scss index 09f1e3c1..3175e535 100644 --- a/gui/app/styles/core/view/customize.scss +++ b/gui/app/styles/core/view/customize.scss @@ -5,24 +5,35 @@ background-color: map-get($yellow-shades, 100); border: 1px solid map-get($yellow-shades, 300); @include border-radius(3px); + @extend .no-select; > .title { font-weight: 700; font-size: 1.1rem; color: map-get($yellow-shades, 800); + cursor: pointer; + + > i { + font-size: 20px; + vertical-align: sub; + } } - > .perm-name { - font-size: 1rem; - font-weight: 600; - color: map-get($gray-shades, 800); - margin-top: 10px; - } + .perms { + display: none; - > .perm-desc { - font-size: 0.9rem; - font-weight: 300; - color: map-get($gray-shades, 800); + > .perm-name { + font-size: 1rem; + font-weight: 600; + color: map-get($gray-shades, 800); + margin-top: 10px; + } + + > .perm-desc { + font-size: 0.9rem; + font-weight: 300; + color: map-get($gray-shades, 800); + } } } diff --git a/gui/app/templates/components/customize/user-groups.hbs b/gui/app/templates/components/customize/user-groups.hbs index 48e1c131..2db4a10c 100644 --- a/gui/app/templates/components/customize/user-groups.hbs +++ b/gui/app/templates/components/customize/user-groups.hbs @@ -135,15 +135,15 @@
{{#ui/ui-toolbar dark=false light=false raised=false large=true bordered=false tooltip="Maximum users to display"}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="1" onClick=(action "onLimit" 1)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="10" onClick=(action "onLimit" 10)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="25" onClick=(action "onLimit" 25)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="50" onClick=(action "onLimit" 50)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="100" onClick=(action "onLimit" 100)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="250" onClick=(action "onLimit" 250)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="500" onClick=(action "onLimit" 500)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="1,000" onClick=(action "onLimit" 1000)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="ALL" onClick=(action "onLimit" 99999)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="5" selected=(eq userLimit 5) onClick=(action "onLimit" 5)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="10" selected=(eq userLimit 10) onClick=(action "onLimit" 10)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="25" selected=(eq userLimit 25) onClick=(action "onLimit" 25)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="50" selected=(eq userLimit 50) onClick=(action "onLimit" 50)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="100" selected=(eq userLimit 100) onClick=(action "onLimit" 100)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="250" selected=(eq userLimit 250) onClick=(action "onLimit" 250)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="500" selected=(eq userLimit 500) onClick=(action "onLimit" 500)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="1,000" selected=(eq userLimit 1000) onClick=(action "onLimit" 1000)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="ALL" selected=(eq userLimit 99999) onClick=(action "onLimit" 99999)}} {{/ui/ui-toolbar}}
{{ui/ui-spacer size=300}} diff --git a/gui/app/templates/components/customize/user-list.hbs b/gui/app/templates/components/customize/user-list.hbs index a563b68d..f897493c 100644 --- a/gui/app/templates/components/customize/user-list.hbs +++ b/gui/app/templates/components/customize/user-list.hbs @@ -19,17 +19,26 @@ {{ui/ui-spacer size=300}}
-
User Permissions Explained
-
Spaces
-
Can add spaces, both personal and shared with others
-
Visible
-
Can see names of users and groups, can disable for external users like customers/partners
-
Admin
-
Can manage all aspects of Documize, like this screen
-
Analytics
-
Can view analytical reports<
-
Active
-
Can login and use Documize
+
+ Permissions Explained + {{#if showPermExplain}} + + {{else}} + + {{/if}} +
+
+
Spaces
+
Can add spaces, both personal and shared with others
+
Visible
+
Can see names of users and groups, can disable for external users like customers/partners
+
Admin
+
Can manage all aspects of Documize, like this screen
+
Analytics
+
Can view analytical reports<
+
Active
+
Can login and use Documize
+
{{ui/ui-spacer size=300}} @@ -40,15 +49,15 @@
{{#ui/ui-toolbar dark=false light=false raised=false large=true bordered=false tooltip="Maximum users to display"}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="1" onClick=(action "onLimit" 1)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="10" onClick=(action "onLimit" 10)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="25" onClick=(action "onLimit" 25)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="50" onClick=(action "onLimit" 50)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="100" onClick=(action "onLimit" 100)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="250" onClick=(action "onLimit" 250)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="500" onClick=(action "onLimit" 500)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="1,000" onClick=(action "onLimit" 1000)}} - {{ui/ui-toolbar-label color=constants.Color.Gray label="ALL" onClick=(action "onLimit" 99999)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="5" selected=(eq userLimit 5) onClick=(action "onLimit" 5)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="10" selected=(eq userLimit 10) onClick=(action "onLimit" 10)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="25" selected=(eq userLimit 25) onClick=(action "onLimit" 25)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="50" selected=(eq userLimit 50) onClick=(action "onLimit" 50)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="100" selected=(eq userLimit 100) onClick=(action "onLimit" 100)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="250" selected=(eq userLimit 250) onClick=(action "onLimit" 250)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="500" selected=(eq userLimit 500) onClick=(action "onLimit" 500)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="1,000" selected=(eq userLimit 1000) onClick=(action "onLimit" 1000)}} + {{ui/ui-toolbar-label color=constants.Color.Gray label="ALL" selected=(eq userLimit 99999) onClick=(action "onLimit" 99999)}} {{/ui/ui-toolbar}}