mirror of
https://github.com/documize/community.git
synced 2025-07-21 22:29:41 +02:00
Hanel empty state for document meta fields
This commit is contained in:
Harvey Kandola
parent
92cb03a1db
commit
b495041222
6 changed files with 32 additions and 170 deletions
|
|
@ -10,6 +10,7 @@
|
||||||
// https://documize.com
|
// https://documize.com
|
||||||
|
|
||||||
import { A } from '@ember/array';
|
import { A } from '@ember/array';
|
||||||
|
import { computed } from '@ember/object';
|
||||||
import { inject as service } from '@ember/service';
|
import { inject as service } from '@ember/service';
|
||||||
import Modals from '../../mixins/modal';
|
import Modals from '../../mixins/modal';
|
||||||
import Component from '@ember/component';
|
import Component from '@ember/component';
|
||||||
|
|
@ -19,10 +20,15 @@ export default Component.extend(Modals, {
|
||||||
sessionService: service('session'),
|
sessionService: service('session'),
|
||||||
categoryService: service('category'),
|
categoryService: service('category'),
|
||||||
router: service(),
|
router: service(),
|
||||||
|
selectedCategories: A([]),
|
||||||
|
tagz: A([]),
|
||||||
|
|
||||||
|
unassigned: computed('selectedCategories', 'tagz', function() {
|
||||||
|
return this.get('selectedCategories').length === 0 && this.get('tagz').length === 0;
|
||||||
|
}),
|
||||||
|
|
||||||
didReceiveAttrs() {
|
didReceiveAttrs() {
|
||||||
this._super(...arguments);
|
this._super(...arguments);
|
||||||
|
|
||||||
this.load();
|
this.load();
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,156 +0,0 @@
|
||||||
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
|
|
||||||
//
|
|
||||||
// This software (Documize Community Edition) is licensed under
|
|
||||||
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
|
|
||||||
//
|
|
||||||
// You can operate outside the AGPL restrictions by purchasing
|
|
||||||
// Documize Enterprise Edition and obtaining a commercial license
|
|
||||||
// by contacting <sales@documize.com>.
|
|
||||||
//
|
|
||||||
// https://documize.com
|
|
||||||
|
|
||||||
import { A } from '@ember/array';
|
|
||||||
import { computed } from '@ember/object';
|
|
||||||
import { notEmpty } from '@ember/object/computed';
|
|
||||||
import { inject as service } from '@ember/service';
|
|
||||||
import Modals from '../../mixins/modal';
|
|
||||||
import Component from '@ember/component';
|
|
||||||
|
|
||||||
export default Component.extend(Modals, {
|
|
||||||
documentService: service('document'),
|
|
||||||
sessionService: service('session'),
|
|
||||||
categoryService: service('category'),
|
|
||||||
router: service(),
|
|
||||||
contributorMsg: '',
|
|
||||||
approverMsg: '',
|
|
||||||
userChanges: notEmpty('contributorMsg'),
|
|
||||||
isApprover: computed('permissions', function() {
|
|
||||||
return this.get('permissions.documentApprove');
|
|
||||||
}),
|
|
||||||
isSpaceAdmin: computed('permissions', function() {
|
|
||||||
return this.get('permissions.spaceOwner') || this.get('permissions.spaceManage');
|
|
||||||
}),
|
|
||||||
changeControlMsg: computed('document.protection', function() {
|
|
||||||
let p = this.get('document.protection');
|
|
||||||
let constants = this.get('constants');
|
|
||||||
let msg = '';
|
|
||||||
|
|
||||||
switch (p) {
|
|
||||||
case constants.ProtectionType.None:
|
|
||||||
msg = constants.ProtectionType.NoneLabel;
|
|
||||||
break;
|
|
||||||
case constants.ProtectionType.Lock:
|
|
||||||
msg = constants.ProtectionType.LockLabel;
|
|
||||||
break;
|
|
||||||
case constants.ProtectionType.Review:
|
|
||||||
msg = constants.ProtectionType.ReviewLabel;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
return msg;
|
|
||||||
}),
|
|
||||||
approvalMsg: computed('document.{protection,approval}', function() {
|
|
||||||
let p = this.get('document.protection');
|
|
||||||
let a = this.get('document.approval');
|
|
||||||
let constants = this.get('constants');
|
|
||||||
let msg = '';
|
|
||||||
|
|
||||||
if (p === constants.ProtectionType.Review) {
|
|
||||||
switch (a) {
|
|
||||||
case constants.ApprovalType.Anybody:
|
|
||||||
msg = constants.ApprovalType.AnybodyLabel;
|
|
||||||
break;
|
|
||||||
case constants.ApprovalType.Majority:
|
|
||||||
msg = constants.ApprovalType.MajorityLabel;
|
|
||||||
break;
|
|
||||||
case constants.ApprovalType.Unanimous:
|
|
||||||
msg = constants.ApprovalType.UnanimousLabel;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return msg;
|
|
||||||
}),
|
|
||||||
|
|
||||||
didReceiveAttrs() {
|
|
||||||
this._super(...arguments);
|
|
||||||
|
|
||||||
this.workflowStatus();
|
|
||||||
this.load();
|
|
||||||
},
|
|
||||||
|
|
||||||
workflowStatus() {
|
|
||||||
let pages = this.get('pages');
|
|
||||||
let contributorMsg = '';
|
|
||||||
let userPendingCount = 0;
|
|
||||||
let userReviewCount = 0;
|
|
||||||
let userRejectedCount = 0;
|
|
||||||
let approverMsg = '';
|
|
||||||
let approverPendingCount = 0;
|
|
||||||
let approverReviewCount = 0;
|
|
||||||
let approverRejectedCount = 0;
|
|
||||||
|
|
||||||
pages.forEach((item) => {
|
|
||||||
if (item.get('userHasChangePending')) userPendingCount+=1;
|
|
||||||
if (item.get('userHasChangeAwaitingReview')) userReviewCount+=1;
|
|
||||||
if (item.get('userHasChangeRejected')) userRejectedCount+=1;
|
|
||||||
if (item.get('changePending')) approverPendingCount+=1;
|
|
||||||
if (item.get('changeAwaitingReview')) approverReviewCount+=1;
|
|
||||||
if (item.get('changeRejected')) approverRejectedCount+=1;
|
|
||||||
});
|
|
||||||
|
|
||||||
if (userPendingCount > 0 || userReviewCount > 0 || userRejectedCount > 0) {
|
|
||||||
let label = userPendingCount === 1 ? 'change' : 'changes';
|
|
||||||
contributorMsg = `${userPendingCount} ${label} progressing, ${userReviewCount} awaiting review, ${userRejectedCount} rejected`;
|
|
||||||
}
|
|
||||||
this.set('contributorMsg', contributorMsg);
|
|
||||||
|
|
||||||
if (approverPendingCount > 0 || approverReviewCount > 0 || approverRejectedCount > 0) {
|
|
||||||
let label = approverPendingCount === 1 ? 'change' : 'changes';
|
|
||||||
approverMsg = `${approverPendingCount} ${label} progressing, ${approverReviewCount} awaiting review, ${approverRejectedCount} rejected`;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.set('approverMsg', approverMsg);
|
|
||||||
this.set('selectedVersion', this.get('versions').findBy('documentId', this.get('document.id')));
|
|
||||||
},
|
|
||||||
|
|
||||||
load() {
|
|
||||||
this.get('categoryService').getDocumentCategories(this.get('document.id')).then((selected) => {
|
|
||||||
this.set('selectedCategories', selected);
|
|
||||||
});
|
|
||||||
|
|
||||||
let tagz = [];
|
|
||||||
if (!_.isUndefined(this.get('document.tags')) && this.get('document.tags').length > 1) {
|
|
||||||
let tags = this.get('document.tags').split('#');
|
|
||||||
_.each(tags, function(tag) {
|
|
||||||
if (tag.length > 0) {
|
|
||||||
tagz.pushObject(tag);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
this.set('tagz', A(tagz));
|
|
||||||
},
|
|
||||||
|
|
||||||
actions: {
|
|
||||||
onSelectVersion(version) {
|
|
||||||
let space = this.get('folder');
|
|
||||||
|
|
||||||
this.get('router').transitionTo('document',
|
|
||||||
space.get('id'), space.get('slug'),
|
|
||||||
version.documentId, this.get('document.slug'));
|
|
||||||
},
|
|
||||||
|
|
||||||
onEditLifecycle() {
|
|
||||||
},
|
|
||||||
|
|
||||||
onEditProtection() {
|
|
||||||
},
|
|
||||||
|
|
||||||
onEditCategory() {
|
|
||||||
if (!this.get('permissions.spaceManage')) return;
|
|
||||||
|
|
||||||
this.get('router').transitionTo('document.settings', {queryParams: {tab: 'meta'}});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
@ -289,6 +289,7 @@ let constants = EmberObject.extend({
|
||||||
Save: 'Save',
|
Save: 'Save',
|
||||||
Search: 'Search',
|
Search: 'Search',
|
||||||
SignIn: 'Sign In',
|
SignIn: 'Sign In',
|
||||||
|
Unassigned: 'Unassigned',
|
||||||
Update: 'Update',
|
Update: 'Update',
|
||||||
Upload: 'Upload'
|
Upload: 'Upload'
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -10,6 +10,20 @@
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
> .text {
|
||||||
|
margin: 10px 0;
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 500;
|
||||||
|
color: map-get($gray-shades, 600);
|
||||||
|
}
|
||||||
|
|
||||||
|
> .empty {
|
||||||
|
margin: 10px 0;
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 400;
|
||||||
|
color: map-get($gray-shades, 600);
|
||||||
|
}
|
||||||
|
|
||||||
> .meta-label {
|
> .meta-label {
|
||||||
@include border-radius(3px);
|
@include border-radius(3px);
|
||||||
@extend .no-select;
|
@extend .no-select;
|
||||||
|
|
|
||||||
|
|
@ -22,6 +22,16 @@
|
||||||
</div>
|
</div>
|
||||||
{{/each}}
|
{{/each}}
|
||||||
|
|
||||||
|
{{#if unassigned}}
|
||||||
|
{{#if permissions.spaceManage}}
|
||||||
|
{{#ui/ui-toolbar dark=false light=true raised=true large=false bordered=true}}
|
||||||
|
{{ui/ui-toolbar-icon icon=constants.Icon.Plus color=constants.Color.Gray linkTo="document.settings"}}
|
||||||
|
{{/ui/ui-toolbar}}
|
||||||
|
{{else}}
|
||||||
|
<div class="empty">Unassigned</div>
|
||||||
|
{{/if}}
|
||||||
|
{{/if}}
|
||||||
|
|
||||||
{{ui/ui-spacer size=200}}
|
{{ui/ui-spacer size=200}}
|
||||||
|
|
||||||
<div class="title">STATUS</div>
|
<div class="title">STATUS</div>
|
||||||
|
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
{{#each selectedCategories as |cat|}}
|
|
||||||
<div class="document-category {{if isSpaceAdmin "cursor-pointer"}}" {{action "onEditCategory"}}>
|
|
||||||
{{cat.category}}
|
|
||||||
{{#attach-tooltip showDelay=1000}}Category{{/attach-tooltip}}
|
|
||||||
</div>
|
|
||||||
{{/each}}
|
|
||||||
|
|
||||||
{{#each tagz as |t|}}
|
|
||||||
<div class="document-tag {{if isSpaceAdmin "cursor-pointer"}}" {{action "onEditCategory"}}>
|
|
||||||
{{#attach-tooltip showDelay=1000}}Tag{{/attach-tooltip}}
|
|
||||||
{{concat "#" t}}
|
|
||||||
</div>
|
|
||||||
{{/each}}
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue