Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-20 05:39:42 +02:00
Code Releases Activity

revised form styling

Browse source
This commit is contained in:
Harvey Kandola 2016-11-08 18:20:34 -08:00
parent 671a76ac55
commit c09e23a0da
12 changed files with 200 additions and 203 deletions
Download patch file Download diff file Expand all files Collapse all files

6
app/app/pods/customize/folders/template.hbs
View file

@ -1,7 +1,6 @@
<div class="global-folder-settings">
<div class="input-form form-borderless">
<form>
<div class="heading">
<div class="form-bordered">
<div class="form-header">
<div class="title">{{folders.length}} shared {{label}}</div>
<div class="tip">View and change shared space ownership</div>
</div>
@ -40,6 +39,5 @@
</tbody>
</table>
</div>
</form>
</div>
</div>

2
app/app/pods/customize/general/template.hbs
View file

@ -1,3 +1 @@
<div class="input-form form-borderless">
{{general-settings model=model save=(action 'save')}}
</div>

2
app/app/pods/customize/global/template.hbs
View file

@ -1,3 +1 @@
<div class="input-form form-borderless">
{{global-settings model=model save=(action 'save')}}
</div>

2
app/app/pods/customize/users/template.hbs
View file

@ -1,6 +1,4 @@
<div class="input-form form-borderless">
{{user-settings add=(action 'add')}}
</div>
<div class="clearfix" />

38
app/app/styles/widget/widget-input.scss
View file

@ -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;
}

4
app/app/templates/components/document/document-meta.hbs
View file

@ -1,4 +1,8 @@
<div class="form-bordered">
<div class="form-header">
<div class="title">Meta Information</div>
<div class="tip">Name, owner, excerpt</div>
</div>
<div class="input-control">
<label>Owner</label>
<div class="tip">Set the document owner</div>

30
app/app/templates/components/folder/folder-settings.hbs
View file

@ -1,20 +1,21 @@
<div class="folder-settings">
{{#if tabGeneral}}
<div class="input-form form-borderless">
<form>
<div class="form-bordered">
<div class="input-control">
<label>Name</label>
<div class="tip">Concise name helps everyone understand what this space contains</div>
{{focus-input id="folderName" type="text" value=folder.name}}
</div>
<div class="regular-button button-blue" {{ action 'rename' }}>save</div>
</form>
</div>
{{/if}}
{{#if tabShare}}
<div class="input-form form-borderless">
<form>
<div class="form-bordered">
<div class="form-header">
<div class="title">Invitations</div>
<div class="tip">Invite people to this space</div>
</div>
<div class="input-control">
<label>Email</label>
<div class="tip">Comma separate multiple email addresses</div>
@ -26,26 +27,30 @@
{{textarea id="explainInvite" value=inviteMessage rows=3}}
</div>
<div class="regular-button button-blue" {{ action 'share' }}>Share</div>
</form>
</div>
{{/if}}
{{#if tabDelete}}
<div class="input-form form-borderless">
<form>
<div class="form-bordered">
<div class="form-header">
<div class="title">Danger Here</div>
<div class="tip">Before careful as there is no undo!</div>
</div>
<div class="input-control">
<label>Move then Delete</label>
<label>Move before delete</label>
<div class="tip">Move existing documents to another space before you delete <strong>{{folder.name}}</strong></div>
{{ui-select id="delete-target" content=folders action=(action (mut moveTarget)) prompt="Select destination"}}
</div>
<div class="regular-button button-red" {{ action 'remove' }}>delete</div>
</form>
</div>
{{/if}}
{{#if tabPermissions}}
<div class="input-form form-borderless">
<form>
<div class="form-bordered">
<div class="form-header">
<div class="title">Permissions</div>
<div class="tip">Decide who can see and edit within this space</div>
</div>
<div class="input-control">
<label>Permissions</label>
<div class="tip">The message that gets sent to new invites for <strong>{{folder.name}}</strong></div>
@ -77,7 +82,6 @@
</tbody>
</table>
<div class="regular-button button-blue" {{ action 'setPermissions' }}>Apply</div>
</form>
</div>
{{/if}}
</div>

6
app/app/templates/components/general-settings.hbs
View file

@ -1,5 +1,9 @@
<form>
<div>
<div class="form-bordered">
<div class="form-header">
<div class="title">Instance Settings</div>
<div class="tip">Settings applicable to your Documize instance</div>
</div>
<div class="input-control">
<label>Title</label>
<div class="tip">Describe the title of this Documize instance</div>

8
app/app/templates/components/global-settings.hbs
View file

@ -1,9 +1,8 @@
<form>
<div class="input-control">
<label>Global Settings</label>
<form class="form-bordered">
<div class="form-header">
<div class="title">Global Settings</div>
<div class="tip">Settings applicable for all tenants</div>
</div>
<div>
<div class="input-control">
<label>SMTP Host</label>
<div class="tip">e.g. my.host.com</div>
@ -30,5 +29,4 @@
{{input id="smtp-password" type="text" value=model.global.password class=(if SMTPPasswordEmptyError 'error')}}
</div>
<div class="regular-button button-blue" {{ action 'save' }}>save</div>
</div>
</form>

7
app/app/templates/components/settings/user-list.hbs
View file

@ -1,5 +1,8 @@
<div class="user-list">
<div class="heading">{{users.length}} users</div>
<div class="user-list form-bordered">
<div class="form-header">
<div class="title">User Management</div>
<div class="tip">Set basic information, passwords and permissions for {{users.length}} users</div>
</div>
<table class="basic-table">
<thead>
<tr>

8
app/app/templates/components/user-profile.hbs
View file

@ -1,5 +1,8 @@
<div class="input-form form-borderless">
<form>
<div class="form-bordered">
<div class="form-header">
<div class="title">About You</div>
<div class="tip">The basics...</div>
</div>
<div class="input-control">
<label>Firstname</label>
{{focus-input id="firstname" type="text" value=model.firstname class=(if hasFirstnameError 'error')}}
@ -23,5 +26,4 @@
{{input id="confirmPassword" type="password" value=password.confirmation class=hasConfirmPasswordError}}
</div>
<div class="regular-button button-blue" {{ action 'save' }}>save</div>
</form>
</div>

6
app/app/templates/components/user-settings.hbs
View file

@ -1,6 +1,6 @@
<form>
<div class="input-control">
<label>Add User</label>
<form class="form-bordered">
<div class="form-header">
<div class="title">Add user</div>
<div class="tip">New users receive an invitation email with a random password</div>
</div>
<div class="input-control">