diff --git a/gui/app/components/folder/settings-general.js b/gui/app/components/folder/settings-general.js
index f51f97e7..6af213fd 100644
--- a/gui/app/components/folder/settings-general.js
+++ b/gui/app/components/folder/settings-general.js
@@ -63,13 +63,13 @@ export default Component.extend(AuthMixin, Notifier, {
this.set('spaceType', t);
},
- onSetLikes(l) {
- this.set('allowLikes', l);
+ // onSetLikes(l) {
+ // this.set('allowLikes', l);
- schedule('afterRender', () => {
- if (l) this.$('#space-likes-prompt').focus();
- });
- },
+ // schedule('afterRender', () => {
+ // if (l) this.$('#space-likes-prompt').focus();
+ // });
+ // },
onSave() {
if (!this.get('isSpaceAdmin')) return;
diff --git a/gui/app/components/folder/settings-permissions.js b/gui/app/components/folder/settings-permissions.js
index dc565ba5..c3ecb5e1 100644
--- a/gui/app/components/folder/settings-permissions.js
+++ b/gui/app/components/folder/settings-permissions.js
@@ -30,6 +30,8 @@ export default Component.extend(Notifier, Modals, {
searchText: '',
inviteEmail: '',
inviteMessage: '',
+ showSpacePermExplain: false,
+ showDocumentPermExplain: false,
isSpaceAdmin: computed('permissions', function() {
return this.get('permissions.spaceOwner') || this.get('permissions.spaceManage');
@@ -146,6 +148,26 @@ export default Component.extend(Notifier, Modals, {
},
actions: {
+ toggleSpacePerms() {
+ this.set('showSpacePermExplain', !this.get('showSpacePermExplain'));
+
+ if (this.showSpacePermExplain) {
+ this.$(".space-perms").show();
+ } else {
+ this.$(".space-perms").hide();
+ }
+ },
+
+ toggleDocumentPerms() {
+ this.set('showDocumentPermExplain', !this.get('showDocumentPermExplain'));
+
+ if (this.showDocumentPermExplain) {
+ this.$(".document-perms").show();
+ } else {
+ this.$(".document-perms").hide();
+ }
+ },
+
onShowInviteModal() {
this.modalOpen("#space-invite-user-modal", {"show": true}, '#space-invite-email');
},
diff --git a/gui/app/components/ui/ui-toolbar-icon.js b/gui/app/components/ui/ui-toolbar-icon.js
index e1c497c4..fc18ad89 100644
--- a/gui/app/components/ui/ui-toolbar-icon.js
+++ b/gui/app/components/ui/ui-toolbar-icon.js
@@ -39,10 +39,11 @@ export default Component.extend({
this.onClick(e);
return;
}
+
if (is.not.undefined(this.linkTo)) {
// TODO: pass in linkModel, linkOptions
// https://emberjs.com/api/ember/3.5/classes/RouterService/methods/transitionTo?anchor=transitionTo
- this.router.transitionTo(this.linkTo);
+ this.router.transitionTo(this.get('linkTo'));
}
}
});
diff --git a/gui/app/constants/constants.js b/gui/app/constants/constants.js
index 646df70f..774f29ec 100644
--- a/gui/app/constants/constants.js
+++ b/gui/app/constants/constants.js
@@ -208,6 +208,7 @@ let constants = EmberObject.extend({
ArrowSmallRight: 'dicon-small-right',
Attachment: 'dicon-attachment',
BarChart: 'dicon-chart-bar-2',
+ Blocks: 'dicon-menu-6',
Bookmark: 'dicon-bookmark',
BookmarkAdd: 'dicon-bookmark-add',
BookmarkDelete: 'dicon-bookmark-delete',
@@ -260,6 +261,7 @@ let constants = EmberObject.extend({
Delete: 'Delete',
Export: 'Export',
Insert: 'Insert',
+ Invite: 'Invite',
Join: 'Join',
Leave: 'Leave',
Next: 'Next',
diff --git a/gui/app/pods/customize/template.hbs b/gui/app/pods/customize/template.hbs
index 781b40b5..905da823 100644
--- a/gui/app/pods/customize/template.hbs
+++ b/gui/app/pods/customize/template.hbs
@@ -2,7 +2,7 @@
{{ui/ui-spacer size=300}}
-
filter
+
administration
{{#link-to "customize.general" activeClass="selected" class="item" tagName="div"}}
diff --git a/gui/app/pods/folder/index/template.hbs b/gui/app/pods/folder/index/template.hbs
index f08f72d2..fb7403de 100644
--- a/gui/app/pods/folder/index/template.hbs
+++ b/gui/app/pods/folder/index/template.hbs
@@ -1,4 +1,4 @@
-{{#layout/master-sidebar selectedItem="spaces"}}
+{{#layout/master-sidebar}}
{{folder/space-sidebar
spaces=model.folders
space=model.folder
diff --git a/gui/app/pods/folder/settings/template.hbs b/gui/app/pods/folder/settings/template.hbs
index d5ebc302..8d38c783 100644
--- a/gui/app/pods/folder/settings/template.hbs
+++ b/gui/app/pods/folder/settings/template.hbs
@@ -1,79 +1,76 @@
-{{#layout/top-bar}}
-
- {{#link-to "folder.index" model.folder.id model.folder.slug class="link"}}
- {{model.folder.name}}
- {{/link-to}}
-
-
- {{#link-to "folder.settings" model.folder.id model.folder.slug class="link selected"}}
- Settings
- {{/link-to}}
-
-{{/layout/top-bar}}
+{{#layout/master-sidebar}}
+ {{ui/ui-spacer size=300}}
-{{#layout/middle-zone}}
- {{#layout/middle-zone-content}}
- {{#if (eq tab "general")}}
- {{folder/settings-general permissions=model.permissions space=model.folder}}
- {{/if}}
+ {{#link-to "folder.index"}}
+ {{ui/ui-button color=constants.Color.Yellow light=true icon=constants.Icon.ArrowLeft label="Back to space"}}
+ {{/link-to}}
- {{#if (eq tab "permissions")}}
- {{folder/settings-permissions permissions=model.permissions folders=model.folders folder=model.folder onRefresh=(action "onRefresh")}}
- {{/if}}
+ {{ui/ui-spacer size=400}}
- {{#if (eq tab "templates")}}
- {{folder/settings-templates permissions=model.permissions space=model.folder templates=model.templates}}
- {{/if}}
-
- {{#if (eq tab "blocks")}}
- {{folder/settings-blocks permissions=model.permissions space=model.folder}}
- {{/if}}
-
- {{#if (eq appMeta.edition constants.Product.EnterpriseEdition)}}
- {{#if (eq tab "archived")}}
- {{enterprise/space-archived permissions=model.permissions spaces=model.folder space=model.folder}}
+
+
space management
+
+
+
+
+
+ {{#if (eq appMeta.edition constants.Product.EnterpriseEdition)}}
+
+
Archived
{{/if}}
- {{/if}}
-
- {{#if (eq tab "categories")}}
- {{folder/settings-category permissions=model.permissions spaces=model.folder space=model.folder}}
- {{/if}}
-
- {{#if (eq tab "deletion")}}
- {{folder/settings-delete permissions=model.permissions spaces=model.folder space=model.folder}}
- {{/if}}
- {{/layout/middle-zone-content}}
-
- {{#layout/middle-zone-sidebar}}
-
- {{/layout/middle-zone-sidebar}}
-{{/layout/middle-zone}}
+
+{{/layout/master-sidebar}}
-{{#layout/bottom-bar}}
-{{/layout/bottom-bar}}
+{{#layout/master-content}}
+ {{#if (eq tab "general")}}
+ {{folder/settings-general permissions=model.permissions space=model.folder}}
+ {{/if}}
+
+ {{#if (eq tab "permissions")}}
+ {{folder/settings-permissions permissions=model.permissions folders=model.folders folder=model.folder onRefresh=(action "onRefresh")}}
+ {{/if}}
+
+ {{#if (eq tab "templates")}}
+ {{folder/settings-templates permissions=model.permissions space=model.folder templates=model.templates}}
+ {{/if}}
+
+ {{#if (eq tab "blocks")}}
+ {{folder/settings-blocks permissions=model.permissions space=model.folder}}
+ {{/if}}
+
+ {{#if (eq appMeta.edition constants.Product.EnterpriseEdition)}}
+ {{#if (eq tab "archived")}}
+ {{enterprise/space-archived permissions=model.permissions spaces=model.folder space=model.folder}}
+ {{/if}}
+ {{/if}}
+
+ {{#if (eq tab "categories")}}
+ {{folder/settings-category permissions=model.permissions spaces=model.folder space=model.folder}}
+ {{/if}}
+
+ {{#if (eq tab "deletion")}}
+ {{folder/settings-delete permissions=model.permissions spaces=model.folder space=model.folder}}
+ {{/if}}
+{{/layout/master-content}}
diff --git a/gui/app/styles/core/view/customize.scss b/gui/app/styles/core/view/customize.scss
index 3175e535..a84581ee 100644
--- a/gui/app/styles/core/view/customize.scss
+++ b/gui/app/styles/core/view/customize.scss
@@ -1,5 +1,4 @@
.view-customize {
-
> .explain-user-perms {
padding: 15px 25px;
background-color: map-get($yellow-shades, 100);
diff --git a/gui/app/styles/core/view/space.scss b/gui/app/styles/core/view/space.scss
index 1dba0923..f736cf9a 100644
--- a/gui/app/styles/core/view/space.scss
+++ b/gui/app/styles/core/view/space.scss
@@ -138,15 +138,31 @@
}
.space-admin {
- > .title {
- font-size: 1.5rem;
- font-weight: bold;
- color: map-get($gray-shades, 800);
- }
+ > .blocks {
+ margin: 0;
+ padding: 0;
- > .sub-title {
- font-size: 1.1rem;
- color: map-get($gray-shades, 600);
+ > .block {
+ @include card();
+ list-style-type: none;
+ margin: 0 0 2rem 0;
+ padding: 15px 20px;
+ width: 100%;
+ position: relative;
+
+ > .name {
+ font-size: 1.3rem;
+ font-weight: 700;
+ color: map-get($gray-shades, 800);
+ }
+
+ > .desc {
+ font-size: 1.1rem;
+ font-weight: 400;
+ margin: 0.4rem 0 1rem 0;
+ color: $color-black-light-3;
+ }
+ }
}
> .permission-table {
diff --git a/gui/app/templates/components/customize/user-admin.hbs b/gui/app/templates/components/customize/user-admin.hbs
index 3dd6ccce..d7ba39a7 100644
--- a/gui/app/templates/components/customize/user-admin.hbs
+++ b/gui/app/templates/components/customize/user-admin.hbs
@@ -1,48 +1,44 @@
-
-
-
- {{#if isAuthProviderDocumize}}
- {{ui/ui-button color=constants.Color.Green light=true icon=constants.Icon.Person label=constants.Label.Add onClick=(action "onOpenUserModal")}}
-
-
-
-
-
-
-
+
+ {{#if isAuthProviderDocumize}}
+ {{ui/ui-button color=constants.Color.Green light=true icon=constants.Icon.Person label=constants.Label.Add onClick=(action "onOpenUserModal")}}
+
-
+ {{/if}}
diff --git a/gui/app/templates/components/folder/settings-blocks.hbs b/gui/app/templates/components/folder/settings-blocks.hbs
index fc707a7a..31f454a3 100644
--- a/gui/app/templates/components/folder/settings-blocks.hbs
+++ b/gui/app/templates/components/folder/settings-blocks.hbs
@@ -1,14 +1,21 @@
-
-
- {{#each blocks as |block|}}
-
-
{{block.title}}
-
{{block.excerpt}}
-
Edit
-
-
Delete
-
- {{/each}}
+{{layout/logo-heading
+ title="Content Blocks"
+ desc="Content blocks provide re-usable content that can be inserted into any document"
+ icon=constants.Icon.Blocks}}
+
+
+
+ {{#each blocks as |block|}}
+
+
{{block.title}}
+
{{block.excerpt}}
+ {{#ui/ui-toolbar dark=false light=true raised=true large=false bordered=true}}
+ {{ui/ui-toolbar-icon icon=constants.Icon.Edit color=constants.Color.Gray tooltip="Edit block" onClick=(action "onEdit" block.id)}}
+ {{ui/ui-toolbar-icon icon=constants.Icon.Delete color=constants.Color.Red tooltip="Delete block" onClick=(action "onShowDeleteDialog" block.id)}}
+ {{/ui/ui-toolbar}}
+
+ {{/each}}
+
{{#if isSpaceAdmin}}
diff --git a/gui/app/templates/components/folder/settings-delete.hbs b/gui/app/templates/components/folder/settings-delete.hbs
index 1eb2af3b..c70fd6cc 100644
--- a/gui/app/templates/components/folder/settings-delete.hbs
+++ b/gui/app/templates/components/folder/settings-delete.hbs
@@ -1,11 +1,19 @@
-
+{{layout/logo-heading
+ title="Delete Space"
+ desc="Proceed with caution as there is no undo"
+ icon=constants.Icon.Delete}}
+
+
+
+{{ui/ui-button
+ color=constants.Color.Red
+ icon=constants.Icon.Delete
+ label=constants.Label.Delete
+ light=true
+ onClick=(action 'onDelete')}}
diff --git a/gui/app/templates/components/folder/settings-general.hbs b/gui/app/templates/components/folder/settings-general.hbs
index 5e89a9bd..10670903 100644
--- a/gui/app/templates/components/folder/settings-general.hbs
+++ b/gui/app/templates/components/folder/settings-general.hbs
@@ -1,31 +1,36 @@
-
\ No newline at end of file
+ {{/if}}
+
+
+{{ui/ui-button
+ color=constants.Color.Green
+ icon=constants.Icon.Settings
+ label=constants.Label.Save
+ light=true
+ onClick=(action 'onSave')}}
diff --git a/gui/app/templates/components/folder/settings-permissions.hbs b/gui/app/templates/components/folder/settings-permissions.hbs
index d28641f6..92205755 100644
--- a/gui/app/templates/components/folder/settings-permissions.hbs
+++ b/gui/app/templates/components/folder/settings-permissions.hbs
@@ -1,17 +1,76 @@
-
-
-
+{{layout/logo-heading
+ title="Space Permissions"
+ desc="Assign permissions to users or groups and invite new users to this space"
+ icon=constants.Icon.Locked}}
-
-
-
Add existing users
-
-
Invite new users
+
+
+
+ Space Permissions Explained
+ {{#if showSpacePermExplain}}
+
+ {{else}}
+
+ {{/if}}
+
+
+
View
+
See content within this space
+
Manage
+
Manage all aspects of space except deletion
+
Owner
+
Manage and delete space
+
+
+ {{ui/ui-spacer size=200}}
+
+
+ Document Permissions Explained
+ {{#if showDocumentPermExplain}}
+
+ {{else}}
+
+ {{/if}}
+
+
+
Create
+
Can create new documents in space
+
Edit
+
Can change document contents
+
Delete
+
Can remove documents from space
+
Move
+
Can move documents from this space to another space
+
Copy
+
Can duplicate documents
+
Templates
+
Can create and publish document templates
+
Approval
+
Can approve or reject document content changes
+
Lifecycle
+
Can mark documents as Draft, Live and Archived
+
Versions
+
Can create document version and link them together
+
+{{ui/ui-spacer size=300}}
+
+
+ {{ui/ui-button color=constants.Color.Gray light=true icon=constants.Icon.Person
+ label="Add Existing User"
+ onClick=(action "onShowAddModal")}}
+ {{ui/ui-button-gap}}
+ {{ui/ui-button color=constants.Color.Gray light=true icon=constants.Icon.Plus
+ label="Invite New User"
+ onClick=(action "onShowInviteModal")}}
+
+
+{{ui/ui-spacer size=300}}
+
-
+
-SAVE
-
-
-
-
-
Space permissions:
-
- View — see content within this space
- Manage — manage all aspects of space except deletion
- Owner — manage and delete space
-
-
-
-
-
-
Document permissions:
-
- Create — create new documents
- Edit — edit documents
- Delete — delete documents
- Move — move content between documents
- Copy — copy content between documents
- Templates — create, edit, delete document templates and content blocks
- Approval — approve or reject content changes
- Lifecycle — mark documents as Draft, Live or Archived
- Versions — create versions of documents (baselining)
-
-
-
-
+{{ui/ui-button color=constants.Color.Green light=true icon=constants.Icon.Locked
+ label=constants.Label.Save onClick=(action "onSave")}}
@@ -135,7 +166,7 @@
{{/each}}
@@ -160,8 +191,11 @@
diff --git a/gui/app/templates/components/toolbar/for-space.hbs b/gui/app/templates/components/toolbar/for-space.hbs
index 3d9804ae..7819750e 100644
--- a/gui/app/templates/components/toolbar/for-space.hbs
+++ b/gui/app/templates/components/toolbar/for-space.hbs
@@ -4,7 +4,7 @@
tooltip="Export as HTML" onClick=(action "onShowExport")}}
{{/if}}
{{#if pinState.isPinned}}
- {{ui/ui-toolbar-icon icon=constants.Icon.BookmarkDelete color=constants.Color.Gray
+ {{ui/ui-toolbar-icon icon=constants.Icon.BookmarkDelete color=constants.Color.Yellow
tooltip="Remove view from bookmarks" onClick=(action "onUnpin")}}
{{else if session.authenticated}}
{{ui/ui-toolbar-icon icon=constants.Icon.BookmarkAdd color=constants.Color.Gray
@@ -13,11 +13,7 @@
{{#if (or permissions.spaceOwner permissions.spaceManage)}}
{{ui/ui-toolbar-icon icon=constants.Icon.Settings color=constants.Color.Gray
- tooltip="Space settings" link="folder.settings" }}
- {{!-- {{#link-to "folder.settings" space.id space.slug class="button-icon-gray align-middle"}}
- settings
- {{#attach-tooltip showDelay=1000}}Settings, permissions, templates{{/attach-tooltip}}
- {{/link-to}} --}}
+ tooltip="Space settings" linkTo="folder.settings"}}
{{/if}}
{{/ui/ui-toolbar}}