Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-09 15:35:27 +02:00
Code Releases Activity

global settings UX

Browse source
This commit is contained in:
Harvey Kandola 2016-06-30 16:02:45 -07:00
parent e34ea468b2
commit e173bccf52
11 changed files with 109 additions and 79 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,4 +1,5 @@
<div class="input-form"> <div class="global-folder-settings">
<div class="input-form form-borderless">
<form> <form>
<div class="heading"> <div class="heading">
<div class="title">{{folders.length}} shared {{label}}</div> <div class="title">{{folders.length}} shared {{label}}</div>
@ -16,7 +17,7 @@
{{#each folders as |folder|}} {{#each folders as |folder|}}
<tr> <tr>
<td class="bordered"> <td class="bordered">
{{#link-to 'folders.folder' folder.id folder.slug}}{{folder.name}}{{/link-to}} {{#link-to 'folders.folder' folder.id folder.slug class="alt"}}{{folder.name}}{{/link-to}}
</td> </td>
<td class="bordered"> <td class="bordered">
{{#each folder.sharedWith as |person|}} {{#each folder.sharedWith as |person|}}
@ -41,3 +42,4 @@
</div> </div>
</form> </form>
</div> </div>
</div>

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

@ -1,4 +1,4 @@
<div class="input-form"> <div class="input-form form-borderless">
<form> <form>
<div class="heading"> <div class="heading">
<div class="title">General Settings</div> <div class="title">General Settings</div>

30
app/app/pods/customize/template.hbs
View file

@ -1,9 +1,19 @@
{{#header/page-navigation settingsMode=true}} {{#layout/zone-container}}
{{header/message-box message="Manage this Documize instance"}}
{{/header/page-navigation}}
{{#layout/page-container}} {{layout/zone-navigation}}
{{#layout/page-sidebar}}
{{#layout/zone-header title="Documize Settings" message="General options, space management, user management"}}
<div class="pull-right">
{{#link-to 'folders.folder' folder.id folder.slug}}
<div class="regular-button button-white">
<i class="material-icons">arrow_back</i>
<div class="name">space</div>
</div>
{{/link-to}}
</div>
{{/layout/zone-header}}
{{#layout/zone-sidebar}}
<div class="sidebar-menu"> <div class="sidebar-menu">
<ul class="options"> <ul class="options">
{{#link-to 'customize.general' activeClass='selected' class="option" tagName="li"}}General{{/link-to}} {{#link-to 'customize.general' activeClass='selected' class="option" tagName="li"}}General{{/link-to}}
@ -11,8 +21,10 @@
{{#link-to 'customize.users' activeClass='selected' class="option" tagName="li"}}Users{{/link-to}} {{#link-to 'customize.users' activeClass='selected' class="option" tagName="li"}}Users{{/link-to}}
</ul> </ul>
</div> </div>
{{/layout/page-sidebar}} {{/layout/zone-sidebar}}
{{#layout/page-content}}
{{#layout/zone-content}}
{{outlet}} {{outlet}}
{{/layout/page-content}} {{/layout/zone-content}}
{{/layout/page-container}}
{{/layout/zone-container}}

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

@ -1,4 +1,4 @@
<div class="input-form"> <div class="input-form form-borderless">
<form> <form>
<div class="heading"> <div class="heading">
<div class="title">Add User</div> <div class="title">Add User</div>

11
app/app/styles/base.scss
View file

@ -52,6 +52,17 @@ a {
} }
} }
a.alt {
color: $color-blue;
text-decoration: none;
cursor: pointer;
a:hover, a:focus {
text-decoration: underline;
}
}
$i: 150; $i: 150;
@while $i > 0 { @while $i > 0 {
.margin-#{$i} { margin: #{$i}px; } .margin-#{$i} { margin: #{$i}px; }

1
app/app/styles/color.scss
View file

@ -28,6 +28,7 @@ $color-stroke: #e1e1e1;
$color-tooltip: #a1a1a1; $color-tooltip: #a1a1a1;
$color-toast: #4c4c4c; $color-toast: #4c4c4c;
$color-checkbox: #115a97;
$color-chip: #98A2AB; $color-chip: #98A2AB;
$color-chip: #dff0f9; $color-chip: #dff0f9;

22
app/app/styles/view/layout.scss
View file

@ -1,17 +1,7 @@
.page-container { .zone-container {
min-height: 500px; //ensure dropdowns render in viewport min-height: 500px; //ensure dropdowns render in viewport
} }
.copyright {
margin-top: 50px;
text-align: center;
> a {
font-size: 0.8rem;
color: $color-gray;
}
}
.zone-navigation { .zone-navigation {
background-color: $color-primary; background-color: $color-primary;
color: $color-white; color: $color-white;
@ -144,3 +134,13 @@
padding: 30px 40px 30px 40px; padding: 30px 40px 30px 40px;
float: left; float: left;
} }
.copyright {
margin-top: 50px;
text-align: center;
> a {
font-size: 0.8rem;
color: $color-gray;
}
}

2
app/app/styles/view/page-documents.scss
View file

@ -85,7 +85,7 @@
width: 10px; width: 10px;
margin: 0; margin: 0;
padding: 0; padding: 0;
color: $color-blue; color: $color-checkbox;
} }
} }

6
app/app/styles/view/page-settings.scss
View file

@ -1,3 +1,7 @@
.global-folder-settings {
}
.user-list { .user-list {
margin: 30px 0; margin: 30px 0;
@ -21,7 +25,7 @@
} }
.checkbox { .checkbox {
color: $color-link; color: $color-checkbox;
cursor: pointer; cursor: pointer;
} }
} }

2
app/app/templates/components/layout/zone-container.hbs
View file

@ -1,4 +1,4 @@
<div class="page-container"> <div class="zone-container">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
{{yield}} {{yield}}

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

@ -1,6 +1,6 @@
<div class="user-list"> <div class="user-list">
<div class="heading">{{users.length}} users</div> <div class="heading">{{users.length}} users</div>
<table class="basic-table no-table-border"> <table class="basic-table">
<thead> <thead>
<tr> <tr>
<th class="border-bottom border-top">Firstname</th> <th class="border-bottom border-top">Firstname</th>