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

form styles fixed

Browse source
This commit is contained in:
Harvey Kandola 2016-11-10 10:15:12 -08:00
parent 8caa53bed7
commit 3965f6e94c
11 changed files with 195 additions and 253 deletions
Download patch file Download diff file Expand all files Collapse all files

37
app/app/components/document/document-activity.js
View file

@ -17,7 +17,7 @@ export default Ember.Component.extend({
didReceiveAttrs() {
let editors = this.get('activity.editors');
let viewers = this.get('activity.viewers');
let toc = this.get('pages');
let pages = this.get('pages');
let sorted = [];
if (is.null(editors)) {
@ -39,39 +39,28 @@ export default Ember.Component.extend({
Ember.set(item, "changed", item.action === "update-page");
Ember.set(item, "deleted", item.action === "remove-page");
let page = _.findWhere(toc, {
id: item.pageId
});
let page = pages.findBy('id', item.pageId);
let title = "";
if (is.not.undefined(page)) {
title = page.get('title');
if (item.added) {
Ember.set(item, 'changeLabel', "added " + title);
}
if (item.changed) {
Ember.set(item, 'changeLabel', "changed " + title);
}
if (item.deleted || is.undefined(page)) {
title = "removed section";
} else {
Ember.set(item, "deleted", true);
if (item.added) {
Ember.set(item, 'changeLabel', "added section (since removed)");
title = "added " + page.get('title');
}
if (item.changed) {
Ember.set(item, 'changeLabel', "changed section (since removed)");
}
if (item.deleted) {
Ember.set(item, 'changeLabel', "removed section");
title = "changed " + page.get('title');
}
}
sorted.pushObject({ date: item.created, item: item });
Ember.set(item, 'changeLabel', title);
let exists = sorted.findBy('item.pageId', item.pageId);
if (is.undefined(exists)) {
sorted.pushObject({ date: item.created, item: item });
}
});
this.set('sortedItems', _.sortBy(sorted, 'date').reverse());

8
app/app/pods/document/wizard/controller.js
View file

@ -10,16 +10,16 @@ export default Ember.Controller.extend(NotifierMixin, {
},
onAddSection(section) {
this.audit.record("added-section");
this.audit.record("added-section-" + section.get('contentType'));
let page = {
documentId: this.get('model.document.id'),
title: `${section.get('title')} Section`,
title: `${section.get('title')}`,
level: 1,
sequence: 2048,
body: "",
contentType: section.get('contentType')
contentType: section.get('contentType'),
pageType: section.get('pageType')
};
let data = this.get('store').normalize('page', page);
@ -40,7 +40,7 @@ export default Ember.Controller.extend(NotifierMixin, {
};
this.get('documentService').addPage(this.get('model.document.id'), model).then((newPage) => {
this.transitionToRoute('document.edit',
this.transitionToRoute('document.section',
this.get('model.folder.id'),
this.get('model.folder.slug'),
this.get('model.document.id'),

9
app/app/styles/view/document/toolbar.scss
View file

@ -29,6 +29,11 @@
> a {
color: $color-gray;
@include ease-in();
&:hover {
color: $color-link;
}
}
> .active {
@ -44,13 +49,14 @@
.add-tab {
display: inline-block;
vertical-align: text-top;
@include ease-in();
> i {
font-size: 1.5rem;
color: $color-gray;
&:hover {
color: $color-green;
color: $color-link;
}
}
}
@ -72,6 +78,7 @@
padding: 0;
color: $color-gray;
cursor: pointer;
@include ease-in();
&:hover {
color: $color-link;

3
app/app/styles/widget/widget-sidebar-menu.scss
View file

@ -10,8 +10,9 @@
font-size: 1.3rem;
list-style: none;
cursor: pointer;
@extend .no-select;
color: $color-off-black;
@extend .no-select;
@include ease-in();
&:hover {
color: $color-link;

36
app/app/templates/components/document/document-tab.hbs
View file

@ -1,25 +1,26 @@
<div class="document-section">
{{#if viewMode}}
<div class="toolbar pull-right">
<div class="buttons">
<div class="round-button-mono" {{action 'onEdit'}}>
<i class="material-icons color-gray">edit</i>
</div>
<div class="button-gap"></div>
<div class="round-button-mono" id="delete-section-button">
<i class="material-icons color-gray">delete</i>
<div class="wysiwyg">
<div>
<h1 class="pull-left">{{model.page.title}}</h1>
<div class="toolbar pull-right">
<div class="buttons">
<div class="round-button-mono" {{action 'onEdit'}}>
<i class="material-icons color-gray">edit</i>
</div>
<div class="button-gap"></div>
<div class="round-button-mono" id="delete-section-button">
<i class="material-icons color-gray">delete</i>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"/>
{{#dropdown-dialog target="delete-section-button" position="bottom right" button="Delete" color="flat-red" onAction=(action 'onDelete')}}
<p>Are you sure you want to delete this section?</p>
<p>There is no undo!</p>
{{/dropdown-dialog}}
<div class="clearfix" />
{{#dropdown-dialog target="delete-section-button" position="bottom right" button="Delete" color="flat-red" onAction=(action 'onDelete')}}
<p>Are you sure you want to delete this section?</p>
<p>There is no undo!</p>
{{/dropdown-dialog}}
<div class="wysiwyg">
<h1>{{model.page.title}}</h1>
{{section/base-renderer page=model.page}}
</div>
{{/if}}
@ -27,5 +28,4 @@
{{#if editMode}}
{{document/document-editor document=model.document folder=model.folder page=model.page meta=model.meta onCancel=(action 'onCancel') onAction=(action 'onAction')}}
{{/if}}
</div>

15
app/app/templates/components/section/airtable/type-editor.hbs
View file

@ -1,15 +1,8 @@
{{#section/base-editor document=document folder=folder page=page isDirty=(action 'isDirty') onCancel=(action 'onCancel')
onAction=(action 'onAction')}}
<div class="input-form">
<form>
<div class="heading">
<div class="title">Airtable</div>
<div class="tip">Paste the Airtable embed code snippet</div>
</div>
<div class="input-control">
<label>Embed Code</label>
{{textarea value=data rows="3" id="airtable-embed-code" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"}}
</div>
</form>
<div class="input-control">
<label>Airtable embed code</label>
<div class="tip">Paste the Airtable embed code snippet</div>
{{textarea value=data rows="3" id="airtable-embed-code" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"}}
</div>
{{/section/base-editor}}

2
app/app/templates/components/section/base-editor.hbs
View file

@ -4,7 +4,7 @@
<div class="input-control">
<label>Title</label>
<div class="tip">{{tip}}</div>
{{input type='text' id="page-title" value=page.title class="mousetrap"}}
{{focus-input type='text' id="page-title" value=page.title class="mousetrap"}}
</div>
</div>
<div class="buttons pull-right">

74
app/app/templates/components/section/gemini/type-editor.hbs
View file

@ -1,53 +1,41 @@
{{#section/base-editor document=document folder=folder page=page busy=waiting tip="Gemini enterprise issue and ticketing software (https://www.countersoft.com)" isDirty=(action 'isDirty') onCancel=(action 'onCancel') onAction=(action 'onAction')}}
<div class="pull-left" style="width: 45%;">
<div class="input-form">
<form>
<div class="heading">
<div class="title">Credentials</div>
<div class="tip">URL to the Gemini instance</div>
</div>
<div class="input-control">
<label>Gemini URL</label>
<div class="tip">e.g. http://helpdesk.countersoft.com</div>
{{focus-input id="gemini-url" type="text" value=config.url readonly=isReadonly}}
</div>
<div class="input-control">
<label>Username</label>
<div class="tip">Gemini username</div>
{{input id="gemini-username" type="text" value=config.username readonly=isReadonly}}
</div>
<div class="input-control">
<label>API Key</label>
<div class="tip">Gemini user API key (from user profile)</div>
{{input id="gemini-apikey" type="password" value=config.APIKey readonly=isReadonly}}
</div>
<div class="regular-button button-blue" {{ action 'auth' }}>Authenticate</div>
</form>
<div class="pull-left width-45">
<div class="input-control">
<label>Gemini URL</label>
<div class="tip">e.g. http://helpdesk.countersoft.com</div>
{{focus-input id="gemini-url" type="text" value=config.url readonly=isReadonly}}
</div>
<div class="input-control">
<label>Username</label>
<div class="tip">Gemini username</div>
{{input id="gemini-username" type="text" value=config.username readonly=isReadonly}}
</div>
<div class="input-control">
<label>API Key</label>
<div class="tip">Gemini user API key (from user profile)</div>
{{input id="gemini-apikey" type="password" value=config.APIKey readonly=isReadonly}}
</div>
<div class="regular-button button-blue" {{ action 'auth' }}>Authenticate</div>
</div>
<div class="pull-left margin-left-40" style="width: 45%;">
<div class="pull-left margin-left-40 width-45">
{{#if authenticated}}
<div class="input-form">
<form>
<div class="heading">
<div class="title">Workspace</div>
<div class="tip">Select Gemini workspace for source of items to be displayed</div>
</div>
<ul class="section-gemini-workspaces">
{{#each workspaces as |card|}}
<li class="section-gemini-workspace" data-tooltip="{{card.Title}}" data-tooltip-position="bottom center" id="gemini-workspace-{{card.Id}}">
<div class="section-gemini-card" style="background-color:{{card.Color}};" {{action 'onWorkspaceChange' card.Id}}>{{card.Key}}</div>
{{#if card.selected}}
<div class="section-gemini-selected-card">&#10003;</div>
{{/if}}
</li>
{{/each}}
</ul>
<div class="clearfix" />
</form>
<div class="input-control">
<label>Workspace</label>
<div class="tip">Select Gemini workspace for source of items to be displayed</div>
<ul class="section-gemini-workspaces">
{{#each workspaces as |card|}}
<li class="section-gemini-workspace" data-tooltip="{{card.Title}}" data-tooltip-position="bottom center" id="gemini-workspace-{{card.Id}}">
<div class="section-gemini-card" style="background-color:{{card.Color}};" {{action 'onWorkspaceChange' card.Id}}>{{card.Key}}</div>
{{#if card.selected}}
<div class="section-gemini-selected-card">&#10003;</div>
{{/if}}
</li>
{{/each}}
</ul>
</div>
<div class="clearfix" />
{{/if}}
</div>

114
app/app/templates/components/section/github/type-editor.hbs
View file

@ -1,74 +1,62 @@
{{#section/base-editor document=document folder=folder page=page busy=busy tip="GitHub is how people build software. (https://github.com)" isDirty=(action 'isDirty') onCancel=(action 'onCancel') onAction=(action 'onAction')}}
<div class="section-github-editor">
{{#if authenticated}}
<div class="pull-left width-45">
<div class="input-control">
<label>Select repository</label>
<div class="tip">Select organization or user whose repository you want to show</div>
{{ui-select id="owners-dropdown" content=owners action=(action 'onOwnerChange') optionValuePath="id" optionLabelPath="name" selection=config.owner}}
</div>
<div class="input-control">
<label>Show items since</label>
<div class="tip">default is 7 days ago</div>
{{input id="branch-since" value=config.branchSince type="text" }}<br>
</div>
<div class="input-control">
<label>GitHub Views</label>
<div class="tip">Select the views you want to show</div>
<div class="github-view">
{{input id="show-milestone" checked=config.showMilestones type="checkbox"}}
<label>Show Milestones</label>
{{input id="show-issues" checked=config.showIssues type="checkbox"}}
<label>Show Issues</label>
{{input id="show-commits" checked=config.showCommits type="checkbox" }}
<label>Show Commits</label>
{{#if authenticated}}
<div class="pull-left width-45">
<div class="input-control">
<label>Select repository</label>
<div class="tip">Select organization or user whose repository you want to show</div>
{{ui-select id="owners-dropdown" content=owners action=(action 'onOwnerChange') optionValuePath="id" optionLabelPath="name" selection=config.owner}}
</div>
<div class="input-control">
<label>Show items since</label>
<div class="tip">default is 7 days ago</div>
{{input id="branch-since" value=config.branchSince type="text" }}<br>
</div>
<div class="input-control">
<label>GitHub Views</label>
<div class="tip">Select the views you want to show</div>
<div class="github-view">
{{input id="show-milestone" checked=config.showMilestones type="checkbox"}}
<label>Show Milestones</label>
{{input id="show-issues" checked=config.showIssues type="checkbox"}}
<label>Show Issues</label>
{{input id="show-commits" checked=config.showCommits type="checkbox" }}
<label>Show Commits</label>
</div>
</div>
</div>
</div>
<div class="pull-left width-10">&nbsp;</div>
<div class="pull-left width-10">&nbsp;</div>
<div class="pull-left width-45">
<div class="input-form">
<div class="input-control">
<label>Repositories</label>
<div class="tip">Select the repository to show</div>
<div class="github-board">
{{#each config.lists as |list|}}
<div class="github-list" {{action 'onListCheckbox' list.id}}>
{{#if list.included}}
<i class="material-icons widget-checkbox checkbox-gray github-list-checkbox">check_box</i>
{{else}}
<i class="material-icons widget-checkbox checkbox-gray github-list-checkbox">check_box_outline_blank</i>
{{/if}}
<span class="github-list-title">{{list.repo}} {{#if list.private}}(private){{/if}}</span>
</div>
{{/each}}
<div class="clearfix" />
</div>
<div class="pull-left width-45">
<div class="input-form">
<div class="input-control">
<label>Repositories</label>
<div class="tip">Select the repository to show</div>
<div class="github-board">
{{#each config.lists as |list|}}
<div class="github-list" {{action 'onListCheckbox' list.id}}>
{{#if list.included}}
<i class="material-icons widget-checkbox checkbox-gray github-list-checkbox">check_box</i>
{{else}}
<i class="material-icons widget-checkbox checkbox-gray github-list-checkbox">check_box_outline_blank</i>
{{/if}}
<span class="github-list-title">{{list.repo}} {{#if list.private}}(private){{/if}}</span>
</div>
{{/each}}
</div>
</div>
</div>
{{else}}
<div class="pull-left width-50">
<div class="input-form">
<form>
<div class="heading">
<div class="title">Authentication</div>
<div class="tip">Click to authenticate with Github</div>
<div class="clearfix" />
</div>
<div class="regular-button button-blue" {{ action 'auth' }}>Authenticate</div>
</form>
</div>
</div>
</div>
{{/if}}
{{else}}
<div class="pull-left width-45">
<div class="input-control">
<label>Authentication</label>
<div class="tip">Click to authenticate with Github</div>
</div>
<div class="regular-button button-blue" {{ action 'auth' }}>Authenticate</div>
</div>
{{/if}}
</div>
{{/section/base-editor}}

78
app/app/templates/components/section/papertrail/type-editor.hbs
View file

@ -1,58 +1,42 @@
{{#section/base-editor document=document folder=folder page=page busy=waiting tip="Papertrail cloud logging service (https://papertrailapp.com)" isDirty=(action 'isDirty') onCancel=(action 'onCancel') onAction=(action 'onAction')}}
<div class="pull-left width-45">
<div class="input-form">
<form {{ action 'auth' on="submit" }} >
<div class="heading">
<div class="title">Papertrail Authentication
{{#if authenticated}}
Complete
{{/if}}
</div>
<div class="tip">Provide your Papertrail API token</div>
</div>
<div class="input-control">
<label>API Key</label>
<div class="tip">API Token (from your profile)</div>
{{focus-input id="papertrail-apitoken" type="password" value=config.APIToken }}
</div>
<div class="regular-button button-blue" {{ action 'auth' }} >
{{#if authenticated}}
Re-Authenticate
{{else}}
Authenticate
{{/if}}
</div>
</form>
</div>
<form {{ action 'auth' on="submit" }} >
<div class="input-control">
<label>Papertrail API Key</label>
<div class="tip">API Token (from your profile)</div>
{{focus-input id="papertrail-apitoken" type="password" value=config.APIToken }}
</div>
<div class="regular-button button-blue" {{ action 'auth' }} >
{{#if authenticated}}
Re-Authenticate
{{else}}
Authenticate
{{/if}}
</div>
</form>
</div>
{{#if authenticated}}
<div class="pull-left width-10">&nbsp;</div>
<div class="pull-left width-45">
<div class="input-form">
<form {{action 'onAction' on="submit"}}>
<div class="heading">
<div class="title">Log Filter</div>
<div class="tip">Determine which log entries you want to display</div>
</div>
<div class="input-control">
<label>Search Query</label>
<div class="tip">e.g. bob OR ("some phrase" AND sally)</div>
{{input id="papertrail-query" type="text" class="mousetrap" value=config.query}}
</div>
<div class="input-control">
<label>Maximum Results</label>
<div class="tip">How many log entries do you want?</div>
{{input id="papertrail-max" type="number" class="mousetrap" value=config.max}}
</div>
<div class="input-control">
<label>Group</label>
<div class="tip">Optional Papertrail group</div>
{{ui-select id="group-dropdown" prompt="<group>" content=options.groups action=(action 'onGroupsChange') optionValuePath="id" optionLabelPath="name" selection=config.group}}
</div>
</form>
</div>
<form {{action 'onAction' on="submit"}}>
<div class="input-control">
<label>Search query</label>
<div class="tip">Determine which log entries you want to display e.g. bob OR ("some phrase" AND sally)</div>
{{input id="papertrail-query" type="text" class="mousetrap" value=config.query}}
</div>
<div class="input-control">
<label>Maximum results</label>
<div class="tip">How many log entries do you want?</div>
{{input id="papertrail-max" type="number" class="mousetrap" value=config.max}}
</div>
<div class="input-control">
<label>Group</label>
<div class="tip">Optional Papertrail group</div>
{{ui-select id="group-dropdown" prompt="<group>" content=options.groups action=(action 'onGroupsChange') optionValuePath="id" optionLabelPath="name" selection=config.group}}
</div>
</form>
</div>
{{/if}}

72
app/app/templates/components/section/trello/type-editor.hbs
View file

@ -49,50 +49,42 @@
<div class="pull-left width-10">&nbsp;</div>
-->
<div class="pull-left width-45">
<div class="input-form">
<div class="input-control">
<label>Individual Board</label>
<div class="tip">Select board</div>
{{ui-select id="boards-dropdown" content=boards action=(action 'onBoardChange') optionValuePath="id" optionLabelPath="namePath" selection=config.board}}
</div>
{{#if config.board.id}}
<div class="input-control">
<label>Lists</label>
<div class="tip">Select lists to include</div>
<div class="section-trello-board" style= {{boardStyle}}>
<div class="section-trello-board-title">{{config.board.name}}</div>
{{#each config.lists as |list|}}
<div class="section-trello-list" {{action 'onListCheckbox' list.id}}>
{{#if list.included}}
<i class="material-icons widget-checkbox checkbox-gray section-trello-list-checkbox">check_box</i>
{{else}}
<i class="material-icons widget-checkbox checkbox-gray section-trello-list-checkbox">check_box_outline_blank</i>
{{/if}}
<span class="trello-list-title">{{list.name}}</span>
</div>
{{/each}}
<div class="clearfix" />
</div>
</div>
{{/if}}
</div>
<div class="input-control">
<label>Individual Board</label>
<div class="tip">Select board</div>
{{ui-select id="boards-dropdown" content=boards action=(action 'onBoardChange') optionValuePath="id" optionLabelPath="namePath" selection=config.board}}
</div>
{{/if}}
{{else}}
<div class="pull-left width-50">
<div class="input-form">
<form>
<div class="heading">
<div class="title">Authentication</div>
<div class="tip">Click to authenticate with Trello</div>
{{#if config.board.id}}
<div class="input-control">
<label>Lists</label>
<div class="tip">Select lists to include</div>
<div class="section-trello-board" style= {{boardStyle}}>
<div class="section-trello-board-title">{{config.board.name}}</div>
{{#each config.lists as |list|}}
<div class="section-trello-list" {{action 'onListCheckbox' list.id}}>
{{#if list.included}}
<i class="material-icons widget-checkbox checkbox-gray section-trello-list-checkbox">check_box</i>
{{else}}
<i class="material-icons widget-checkbox checkbox-gray section-trello-list-checkbox">check_box_outline_blank</i>
{{/if}}
<span class="trello-list-title">{{list.name}}</span>
</div>
{{/each}}
</div>
<div class="clearfix" />
</div>
<div class="regular-button button-blue" {{ action 'auth' }}>Authenticate</div>
</form>
{{/if}}
</div>
{{/if}}
{{else}}
<div class="pull-left width-50">
<div class="input-control">
<label>Authentication</label>
<div class="tip">Click to authenticate with Trello</div>
</div>
<div class="regular-button button-blue" {{ action 'auth' }}>Authenticate</div>
</div>
{{/if}}
</div>
{{/section/base-editor}}