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

profile UX

Browse source
This commit is contained in:
Harvey Kandola 2016-06-30 15:34:01 -07:00
parent 791e653251
commit e34ea468b2
9 changed files with 128 additions and 118 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/app/components/layout/zone-navigation.js
View file

@ -13,12 +13,8 @@ import Ember from 'ember';
import netUtil from '../../utils/net'; import netUtil from '../../utils/net';
export default Ember.Component.extend({ export default Ember.Component.extend({
dashboardMode: false, folderService: Ember.inject.service('folder'),
searchMode: false, folder: null,
profileMode: false,
settingsMode: false,
folderMode: false,
documentMode: false,
didInitAttrs() { didInitAttrs() {
let self = this; let self = this;
@ -29,6 +25,12 @@ export default Ember.Component.extend({
} }
}, },
didReceiveAttrs() {
if (this.get('folder') === null) {
this.set("folder", this.get('folderService.currentFolder'));
}
},
actions: { actions: {
switchAccount(domain) { switchAccount(domain) {
this.audit.record('switched-account'); this.audit.record('switched-account');

4
app/app/pods/profile/route.js
View file

@ -2,6 +2,7 @@ import Ember from 'ember';
export default Ember.Route.extend({ export default Ember.Route.extend({
userService: Ember.inject.service('user'), userService: Ember.inject.service('user'),
folderService: Ember.inject.service('folder'),
beforeModel: function() { beforeModel: function() {
if (!this.session.authenticated) { if (!this.session.authenticated) {
@ -19,7 +20,6 @@ export default Ember.Route.extend({
setupController(controller, model) { setupController(controller, model) {
controller.set('model', model); controller.set('model', model);
let fullname = model.get('fullname'); controller.set("folder", this.get('folderService.currentFolder'));
controller.set('message', `Profile for ${fullname}`);
} }
}); });

86
app/app/pods/profile/template.hbs
View file

@ -1,38 +1,52 @@
{{#header/page-navigation profileMode=true}} {{#layout/zone-container}}
{{header/message-box message="Manage your profile"}}
{{/header/page-navigation}}
{{#layout/page-container}} {{layout/zone-navigation}}
{{#layout/page-sidebar}}
{{#layout/zone-header title=session.user.fullname message="Your Documize profile"}}
<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">home</div>
</div>
{{/link-to}}
</div>
{{/layout/zone-header}}
{{#layout/zone-sidebar}}
<div class="sidebar-menu">
<div class="avatar-large">{{session.user.initials}}</div> <div class="avatar-large">{{session.user.initials}}</div>
{{/layout/page-sidebar}} </div>
{{#layout/page-content}} {{/layout/zone-sidebar}}
<div class="input-form">
<form> {{#layout/zone-content}}
<div class="input-control"> <div class="input-form form-borderless">
<label>Firstname</label> <form>
{{focus-input id="firstname" type="text" value=model.firstname}} <div class="input-control">
</div> <label>Firstname</label>
<div class="input-control"> {{focus-input id="firstname" type="text" value=model.firstname}}
<label>Lastname</label> </div>
{{input id="lastname" type="text" value=model.lastname}} <div class="input-control">
</div> <label>Lastname</label>
<div class="input-control"> {{input id="lastname" type="text" value=model.lastname}}
<label>Email</label> </div>
{{input id="email" type="text" value=model.email}} <div class="input-control">
</div> <label>Email</label>
<div class="input-control"> {{input id="email" type="text" value=model.email}}
<label>Password</label> </div>
<div class="tip">Optional change your password</div> <div class="input-control">
{{input id="password" type="password" value=password.password}} <label>Password</label>
</div> <div class="tip">Optional change your password</div>
<div class="input-control"> {{input id="password" type="password" value=password.password}}
<label>Confirm Password</label> </div>
<div class="tip">Confirm your new password</div> <div class="input-control">
{{input id="confirmPassword" type="password" value=password.confirmation}} <label>Confirm Password</label>
</div> <div class="tip">Confirm your new password</div>
<div class="regular-button button-blue" {{ action 'save' }}>save</div> {{input id="confirmPassword" type="password" value=password.confirmation}}
</form> </div>
</div> <div class="regular-button button-blue" {{ action 'save' }}>save</div>
{{/layout/page-content}} </form>
{{/layout/page-container}} </div>
{{/layout/zone-content}}
{{/layout/zone-container}}

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

@ -133,7 +133,7 @@
} }
.zone-sidebar { .zone-sidebar {
height:100%; height: 100%;
min-height:100%; min-height:100%;
padding: 0 0 0 40px; padding: 0 0 0 40px;
border-right: 1px solid $color-border; border-right: 1px solid $color-border;
@ -141,6 +141,6 @@
} }
.zone-content { .zone-content {
padding: 0 40px 0 40px; padding: 30px 40px 30px 40px;
float: left; float: left;
} }

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

@ -1,7 +1,5 @@
.folders-list { .folders-list {
margin: 30px 0;
> .add-space-action { > .add-space-action {
text-align: center; text-align: center;
margin-bottom: 30px; margin-bottom: 30px;
@ -53,8 +51,6 @@
} }
.documents-list { .documents-list {
margin: 15px 0;
> .document { > .document {
margin: 0; margin: 0;
padding: 20px 20px 25px 20px; padding: 20px 20px 25px 20px;

3
app/app/styles/view/page-folder-settings.scss
View file

@ -1,3 +0,0 @@
.folder-settings {
margin-top: 30px;
}

0
app/app/styles/view/page-profile.scss Normal file
View file

127
app/app/templates/components/folder/folders-list.hbs
View file

@ -1,69 +1,70 @@
<div class="sidebar-menu">
<div class="folders-list">
<div class="folders-list"> {{#if session.isEditor}}
<div class="add-space-action hidden-xs hidden-sm">
{{#if session.isEditor}} <div class="regular-button button-white" id="add-folder-button" data-tooltip="New space" data-tooltip-position="top center">
<div class="add-space-action hidden-xs hidden-sm"> <i class="material-icons">add</i>
<div class="regular-button button-white" id="add-folder-button" data-tooltip="New space" data-tooltip-position="top center"> <div class="name">space</div>
<i class="material-icons">add</i>
<div class="name">space</div>
</div>
{{#dropdown-dialog target="add-folder-button" position="bottom left" button="Add" color="flat-green" onAction=(action 'addFolder') focusOn="new-folder-name"}}
<div>
<div class="input-control">
<label>New space</label>
<div class="tip">A repository for related documentation</div>
{{input type='text' id="new-folder-name" class="mousetrap" value=newFolder}}
</div>
</div> </div>
{{/dropdown-dialog}} {{#dropdown-dialog target="add-folder-button" position="bottom left" button="Add" color="flat-green" onAction=(action 'addFolder') focusOn="new-folder-name"}}
</div> <div>
{{/if}} <div class="input-control">
<label>New space</label>
<div class="tip">A repository for related documentation</div>
{{input type='text' id="new-folder-name" class="mousetrap" value=newFolder}}
</div>
</div>
{{/dropdown-dialog}}
</div>
{{/if}}
<div class="section"> <div class="section">
<div class="heading">EVERYONE</div> <div class="heading">EVERYONE</div>
{{#unless hasPublicFolders}} {{#unless hasPublicFolders}}
<div class="message margin-left-15">No global spaces</div> <div class="message margin-left-15">No global spaces</div>
{{/unless}} {{/unless}}
<ul class="list"> <ul class="list">
{{#each publicFolders as |folder|}} {{#each publicFolders as |folder|}}
{{#link-to 'folders.folder' folder.id folder.slug class="link" activeClass='selected' }} {{#link-to 'folders.folder' folder.id folder.slug class="link" activeClass='selected' }}
<li class="item">{{ folder.name }}</li> <li class="item">{{ folder.name }}</li>
{{/link-to}} {{/link-to}}
{{/each}} {{/each}}
</ul> </ul>
</div>
{{#if session.authenticated}}
<div class="section">
<div class="heading">TEAM</div>
{{#unless hasProtectedFolders}}
<div class="message margin-left-15">No protected spaces</div>
{{/unless}}
<ul class="list">
{{#each protectedFolders as |folder|}}
{{#link-to 'folders.folder' folder.id folder.slug class="link" activeClass='selected' }}
<li class="item">{{ folder.name }}</li>
{{/link-to}}
{{/each}}
</ul>
</div>
<div class="section">
<div class="heading">PERSONAL</div>
{{#unless hasPrivateFolders}}
<div class="message margin-left-15">No private spaces</div>
{{/unless}}
<ul class="list">
{{#each privateFolders as |folder|}}
{{#link-to 'folders.folder' folder.id folder.slug class="link" activeClass='selected' }}
<li class="item">{{ folder.name }}</li>
{{/link-to}}
{{/each}}
</ul>
</div>
{{/if}}
</div> </div>
{{#if session.authenticated}} <div class="copyright hidden-xs hidden-sm">
<div class="section"> <a href="https://documize.com?ref=app-footer" target="_blank">Copyright&nbsp;&copy;&nbsp;2016 Documize Inc.</a>
<div class="heading">TEAM</div> </div>
{{#unless hasProtectedFolders}}
<div class="message margin-left-15">No protected spaces</div>
{{/unless}}
<ul class="list">
{{#each protectedFolders as |folder|}}
{{#link-to 'folders.folder' folder.id folder.slug class="link" activeClass='selected' }}
<li class="item">{{ folder.name }}</li>
{{/link-to}}
{{/each}}
</ul>
</div>
<div class="section">
<div class="heading">PERSONAL</div>
{{#unless hasPrivateFolders}}
<div class="message margin-left-15">No private spaces</div>
{{/unless}}
<ul class="list">
{{#each privateFolders as |folder|}}
{{#link-to 'folders.folder' folder.id folder.slug class="link" activeClass='selected' }}
<li class="item">{{ folder.name }}</li>
{{/link-to}}
{{/each}}
</ul>
</div>
{{/if}}
</div>
<div class="copyright hidden-xs hidden-sm">
<a href="https://documize.com?ref=app-footer" target="_blank">Copyright&nbsp;&copy;&nbsp;2016 Documize Inc.</a>
</div> </div>

4
app/app/templates/components/layout/zone-navigation.hbs
View file

@ -6,13 +6,13 @@
<i class="material-icons">apps</i> <i class="material-icons">apps</i>
</div> </div>
{{else}} {{else}}
{{#link-to 'folders.folder' title=session.appMeta.title}} {{#link-to 'folders.folder' folder.id folder.slug title=session.appMeta.title}}
<div class="header-button"> <div class="header-button">
<i class="material-icons">apps</i> <i class="material-icons">apps</i>
</div> </div>
{{/link-to}} {{/link-to}}
{{/if}} {{/if}}
{{#link-to 'folders.folder' class="title"}} {{#link-to 'folders.folder' folder.id folder.slug class="title"}}
<div>{{session.appMeta.title}}</div> <div>{{session.appMeta.title}}</div>
{{/link-to}} {{/link-to}}
</div> </div>