diff --git a/app/app/pods/customize/folders/template.hbs b/app/app/pods/customize/folders/template.hbs index f770c84e..9ba8a6f5 100644 --- a/app/app/pods/customize/folders/template.hbs +++ b/app/app/pods/customize/folders/template.hbs @@ -1,45 +1,43 @@
-
-
-
-
{{folders.length}} shared {{label}}
-
View and change shared space ownership
-
-
- - - - - - - - - {{#each folders as |folder|}} - - - + + {{/each}} + +
SpaceParticipants
- {{#link-to 'folder' folder.id folder.slug class="alt"}}{{folder.name}}{{/link-to}} - - {{#each folder.sharedWith as |person|}} - {{#if person.isEveryone}} - Everyone - {{else}} +
+
+
{{folders.length}} shared {{label}}
+
View and change shared space ownership
+
+
+ + + + + + + + + {{#each folders as |folder|}} + + + - - {{/each}} - -
SpaceParticipants
+ {{#link-to 'folder' folder.id folder.slug class="alt"}}{{folder.name}}{{/link-to}} + + {{#each folder.sharedWith as |person|}} + {{#if person.isEveryone}} + Everyone + {{else}} - {{#if person.isOwner}} - {{person.firstname}} {{person.lastname}} (owner) - {{else}} - {{person.firstname}} {{person.lastname}} - make owner - {{/if}} - {{/if}} -
- {{/each}} -
-
- + {{#if person.isOwner}} + {{person.firstname}} {{person.lastname}} (owner) + {{else}} + {{person.firstname}} {{person.lastname}} + make owner + {{/if}} + {{/if}} +
+ {{/each}} +
+
diff --git a/app/app/pods/customize/general/template.hbs b/app/app/pods/customize/general/template.hbs index 60cabfa8..908dc47e 100644 --- a/app/app/pods/customize/general/template.hbs +++ b/app/app/pods/customize/general/template.hbs @@ -1,3 +1 @@ -
- {{general-settings model=model save=(action 'save')}} -
+{{general-settings model=model save=(action 'save')}} diff --git a/app/app/pods/customize/global/template.hbs b/app/app/pods/customize/global/template.hbs index 6a52c097..bdf3d052 100644 --- a/app/app/pods/customize/global/template.hbs +++ b/app/app/pods/customize/global/template.hbs @@ -1,3 +1 @@ -
- {{global-settings model=model save=(action 'save')}} -
+{{global-settings model=model save=(action 'save')}} diff --git a/app/app/pods/customize/users/template.hbs b/app/app/pods/customize/users/template.hbs index b8b79a11..d8b084c5 100644 --- a/app/app/pods/customize/users/template.hbs +++ b/app/app/pods/customize/users/template.hbs @@ -1,6 +1,4 @@ -
- {{user-settings add=(action 'add')}} -
+{{user-settings add=(action 'add')}}
diff --git a/app/app/styles/widget/widget-input.scss b/app/app/styles/widget/widget-input.scss index e6eb288e..bba81339 100644 --- a/app/app/styles/widget/widget-input.scss +++ b/app/app/styles/widget/widget-input.scss @@ -4,7 +4,7 @@ .input-control { position: relative; - margin-bottom: 25px; + margin-bottom: 50px; > label { color: $color-input; @@ -51,8 +51,8 @@ overflow-y: hidden; } - > select, - > div select { + > div select, + > select { background-color: $color-white; padding: 5px; border: 1px solid $color-input; @@ -163,42 +163,32 @@ } } -.input-form { - border: 1px solid $color-border; - display: block; - border-radius: 3px; - background-color: $color-white; - padding: 30px 50px; +.form-bordered { + padding: 30px 40px; + border: 10px solid $color-border; + @include border-radius(15px); - > .heading, - > form .heading { + > .form-header { > .title { - font-size: 1.1rem; + font-size: 1.4rem; + font-weight: normal; + font-family: $font-semibold; + pointer-events: none; font-weight: bold; color: $color-off-black; } > .tip { color: $color-input; - font-size: 0.9em; + font-size: 1.2rem; margin: 5px 0 30px; padding: 0; + font-family: $font-light; text-align: left; } } } -.form-bordered { - padding: 30px 40px; - border: 10px solid $color-border; - @include border-radius(15px); -} - -.form-borderless { - padding: 0 !important; - border: none !important; -} - .form-divider { margin-top: 30px; } diff --git a/app/app/templates/components/document/document-meta.hbs b/app/app/templates/components/document/document-meta.hbs index a40157cf..8dce0284 100644 --- a/app/app/templates/components/document/document-meta.hbs +++ b/app/app/templates/components/document/document-meta.hbs @@ -1,4 +1,8 @@
+
+
Meta Information
+
Name, owner, excerpt
+
Set the document owner
diff --git a/app/app/templates/components/folder/folder-settings.hbs b/app/app/templates/components/folder/folder-settings.hbs index 6d82c9a1..75b830f3 100644 --- a/app/app/templates/components/folder/folder-settings.hbs +++ b/app/app/templates/components/folder/folder-settings.hbs @@ -1,83 +1,87 @@
{{#if tabGeneral}} -
-
-
- -
Concise name helps everyone understand what this space contains
- {{focus-input id="folderName" type="text" value=folder.name}} -
-
save
-
+
+
+ +
Concise name helps everyone understand what this space contains
+ {{focus-input id="folderName" type="text" value=folder.name}} +
+
save
{{/if}} {{#if tabShare}} -
-
-
- -
Comma separate multiple email addresses
- {{focus-input id="inviteEmail" type="text" value=inviteEmail}} -
-
- -
Explain why they are being invited
- {{textarea id="explainInvite" value=inviteMessage rows=3}} -
-
Share
-
+
+
+
Invitations
+
Invite people to this space
+
+
+ +
Comma separate multiple email addresses
+ {{focus-input id="inviteEmail" type="text" value=inviteEmail}} +
+
+ +
Explain why they are being invited
+ {{textarea id="explainInvite" value=inviteMessage rows=3}} +
+
Share
{{/if}} {{#if tabDelete}} -
-
-
- -
Move existing documents to another space before you delete {{folder.name}}
- {{ui-select id="delete-target" content=folders action=(action (mut moveTarget)) prompt="Select destination"}} -
-
delete
-
+
+
+
Danger Here
+
Before careful as there is no undo!
+
+
+ +
Move existing documents to another space before you delete {{folder.name}}
+ {{ui-select id="delete-target" content=folders action=(action (mut moveTarget)) prompt="Select destination"}} +
+
delete
{{/if}} {{#if tabPermissions}} -
-
-
- -
The message that gets sent to new invites for {{folder.name}}
- {{textarea id="explainRole" value=roleMessage rows=3}} -
+
+
+
Permissions
+
Decide who can see and edit within this space
+
+
+ +
The message that gets sent to new invites for {{folder.name}}
+ {{textarea id="explainRole" value=roleMessage rows=3}} +
- - - - - - - - - - {{#each permissions key="@index" as |permission|}} - - - - - - {{/each}} - -
 Can ViewCan Edit
{{permission.fullname}} - - - - - -
-
Apply
- + + + + + + + + + + {{#each permissions key="@index" as |permission|}} + + + + + + {{/each}} + +
 Can ViewCan Edit
{{permission.fullname}} + + + + + +
+
Apply
{{/if}}
diff --git a/app/app/templates/components/general-settings.hbs b/app/app/templates/components/general-settings.hbs index 48577c11..21706fa0 100644 --- a/app/app/templates/components/general-settings.hbs +++ b/app/app/templates/components/general-settings.hbs @@ -1,5 +1,9 @@
-
+
+
+
Instance Settings
+
Settings applicable to your Documize instance
+
Describe the title of this Documize instance
diff --git a/app/app/templates/components/global-settings.hbs b/app/app/templates/components/global-settings.hbs index 52b3e565..06375426 100644 --- a/app/app/templates/components/global-settings.hbs +++ b/app/app/templates/components/global-settings.hbs @@ -1,34 +1,32 @@ - -
- + +
+
Global Settings
Settings applicable for all tenants
-
-
- -
e.g. my.host.com
- {{focus-input id="smtp-host" type="text" value=model.global.host class=(if SMTPHostEmptyError 'error')}} -
-
- -
e.g. 587
- {{input id="smtp-port" type="text" value=model.global.port class=(if SMTPPortEmptyError 'error')}} -
-
- -
e.g. noreply@documize.com
- {{input id="smtp-sender" type="text" value=model.global.sender class=(if SMTPSenderEmptyError 'error')}} -
-
- -
Your credentials
- {{input id="smtp-userid" type="text" value=model.global.userid class=(if SMTPUserIdEmptyError 'error')}} -
-
- -
Your credentials
- {{input id="smtp-password" type="text" value=model.global.password class=(if SMTPPasswordEmptyError 'error')}} -
-
save
+
+ +
e.g. my.host.com
+ {{focus-input id="smtp-host" type="text" value=model.global.host class=(if SMTPHostEmptyError 'error')}}
+
+ +
e.g. 587
+ {{input id="smtp-port" type="text" value=model.global.port class=(if SMTPPortEmptyError 'error')}} +
+
+ +
e.g. noreply@documize.com
+ {{input id="smtp-sender" type="text" value=model.global.sender class=(if SMTPSenderEmptyError 'error')}} +
+
+ +
Your credentials
+ {{input id="smtp-userid" type="text" value=model.global.userid class=(if SMTPUserIdEmptyError 'error')}} +
+
+ +
Your credentials
+ {{input id="smtp-password" type="text" value=model.global.password class=(if SMTPPasswordEmptyError 'error')}} +
+
save
diff --git a/app/app/templates/components/settings/user-list.hbs b/app/app/templates/components/settings/user-list.hbs index 7c87a021..d7671138 100644 --- a/app/app/templates/components/settings/user-list.hbs +++ b/app/app/templates/components/settings/user-list.hbs @@ -1,5 +1,8 @@ -
-
{{users.length}} users
+
+
+
User Management
+
Set basic information, passwords and permissions for {{users.length}} users
+
diff --git a/app/app/templates/components/user-profile.hbs b/app/app/templates/components/user-profile.hbs index 1d98a10f..e69094de 100644 --- a/app/app/templates/components/user-profile.hbs +++ b/app/app/templates/components/user-profile.hbs @@ -1,27 +1,29 @@ -
-
-
- - {{focus-input id="firstname" type="text" value=model.firstname class=(if hasFirstnameError 'error')}} -
-
- - {{input id="lastname" type="text" value=model.lastname class=(if hasLastnameError 'error')}} -
-
- - {{input id="email" type="text" value=model.email class=(if hasEmailError 'error')}} -
-
- -
Optional change your password
- {{input id="password" type="password" value=password.password class=hasPasswordError}} -
-
- -
Confirm your new password
- {{input id="confirmPassword" type="password" value=password.confirmation class=hasConfirmPasswordError}} -
-
save
- +
+
+
About You
+
The basics...
+
+
+ + {{focus-input id="firstname" type="text" value=model.firstname class=(if hasFirstnameError 'error')}} +
+
+ + {{input id="lastname" type="text" value=model.lastname class=(if hasLastnameError 'error')}} +
+
+ + {{input id="email" type="text" value=model.email class=(if hasEmailError 'error')}} +
+
+ +
Optional change your password
+ {{input id="password" type="password" value=password.password class=hasPasswordError}} +
+
+ +
Confirm your new password
+ {{input id="confirmPassword" type="password" value=password.confirmation class=hasConfirmPasswordError}} +
+
save
diff --git a/app/app/templates/components/user-settings.hbs b/app/app/templates/components/user-settings.hbs index f6993107..db5e8c2b 100644 --- a/app/app/templates/components/user-settings.hbs +++ b/app/app/templates/components/user-settings.hbs @@ -1,8 +1,8 @@ -
-
- -
New users receive an invitation email with a random password
-
+ +
+
Add user
+
New users receive an invitation email with a random password
+
{{focus-input id="newUserFirstname" type="text" value=newUser.firstname class=(if hasFirstnameEmptyError 'error')}}