mirror of
https://github.com/documize/community.git
synced 2025-08-02 20:15:26 +02:00
Change add-ons to use new UI framework
This commit is contained in:
Harvey Kandola
parent
e140caff55
commit
89957c8278
20 changed files with 301 additions and 258 deletions
|
|
@ -217,7 +217,8 @@ let constants = EmberObject.extend({
|
|||
Category: 'dicon-flag',
|
||||
Checkbox: 'dicon-shape-rectangle',
|
||||
CheckboxChecked: 'dicon-i-check',
|
||||
Copy: 'dicon-single-copy-04',
|
||||
Copy: 'dicon-copy',
|
||||
Cross: 'dicon-i-remove',
|
||||
Database: 'dicon-database',
|
||||
Download: 'dicon-download',
|
||||
Delete: 'dicon-bin',
|
||||
|
|
@ -227,9 +228,10 @@ let constants = EmberObject.extend({
|
|||
Export2: 'dicon-upload',
|
||||
Filter: 'dicon-sort-tool',
|
||||
Grid1: 'dicon-grid-interface',
|
||||
Handshake: 'handshake',
|
||||
Handshake: 'dicon-handshake',
|
||||
Index: 'dicon-align-justify',
|
||||
Integrations: 'dicon-geometry',
|
||||
Link: 'dicon-link',
|
||||
ListBullet: 'dicon-list-bullet-2',
|
||||
Locked: 'dicon-lock',
|
||||
NotAllowed: 'dicon-ban',
|
||||
|
|
@ -238,12 +240,17 @@ let constants = EmberObject.extend({
|
|||
Plus: 'dicon-e-add',
|
||||
Person: 'dicon-single-01',
|
||||
People: 'dicon-multiple-19',
|
||||
Preview: 'dicon-preview',
|
||||
Remove: 'dicon-i-remove',
|
||||
RemoveUser: 'dicon-delete-28',
|
||||
Search: 'dicon-magnifier',
|
||||
Send: 'dicon-send',
|
||||
Settings: 'dicon-settings-gear',
|
||||
Tag: 'dicon-delete-key',
|
||||
TickSmall: 'dicon-d-check',
|
||||
Tick: 'dicon-check',
|
||||
TickSingle: 'dicon-check-single',
|
||||
TickDouble: 'dicon-check-double',
|
||||
TimeBack: 'dicon-time',
|
||||
TriangleSmallUp: 'dicon-small-triangle-up',
|
||||
TriangleSmallDown: 'dicon-small-triangle-down',
|
||||
|
|
@ -263,6 +270,7 @@ let constants = EmberObject.extend({
|
|||
Label: { // eslint-disable-line ember/avoid-leaking-state-in-ember-objects
|
||||
Add: 'Add',
|
||||
Activate: "Activate",
|
||||
Authenticate: 'Authenticate',
|
||||
Cancel: 'Cancel',
|
||||
Close: 'Close',
|
||||
Delete: 'Delete',
|
||||
|
|
|
|||
|
|
@ -1,25 +1,14 @@
|
|||
{{#layout/top-bar}}
|
||||
<li class="item">
|
||||
{{#link-to "folder.index" model.folder.id model.folder.slug class="link"}}
|
||||
{{model.folder.name}}
|
||||
{{/link-to}}
|
||||
</li>
|
||||
<li class="item">
|
||||
{{#link-to "document.index" model.folder.id model.folder.slug model.document.id model.document.slug class="link selected"}}
|
||||
{{model.document.name}}
|
||||
{{/link-to}}
|
||||
</li>
|
||||
{{/layout/top-bar}}
|
||||
{{#layout/master-sidebar}}
|
||||
{{ui/ui-spacer size=300}}
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="mt-5">
|
||||
{{document/document-editor document=model.document folder=model.folder page=model.page meta=model.meta onCancel=(action "onCancel") onAction=(action "onAction")}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="section">
|
||||
{{#link-to "document.index" model.folder.id model.folder.slug model.document.id model.document.slug}}
|
||||
{{ui/ui-button color=constants.Color.Yellow light=true icon=constants.Icon.ArrowLeft label="Document"}}
|
||||
{{/link-to}}
|
||||
</div>
|
||||
</div>
|
||||
{{/layout/master-sidebar}}
|
||||
|
||||
{{#layout/bottom-bar}}
|
||||
{{/layout/bottom-bar}}
|
||||
{{#layout/master-content}}
|
||||
{{document/document-editor document=model.document folder=model.folder page=model.page meta=model.meta
|
||||
onCancel=(action "onCancel") onAction=(action "onAction")}}
|
||||
{{/layout/master-content}}
|
||||
|
|
|
|||
|
|
@ -379,7 +379,7 @@ icons
|
|||
content: "\ea42";
|
||||
}
|
||||
|
||||
.dicon-single-copy-04::before {
|
||||
.dicon-copy::before {
|
||||
content: "\ea43";
|
||||
}
|
||||
|
||||
|
|
@ -438,3 +438,27 @@ icons
|
|||
.dicon-ban::before {
|
||||
content: "\ea53";
|
||||
}
|
||||
|
||||
.dicon-check-single::before {
|
||||
content: "\ea54";
|
||||
}
|
||||
|
||||
.dicon-check-double::before {
|
||||
content: "\ea55";
|
||||
}
|
||||
|
||||
.dicon-check::before {
|
||||
content: "\ea56";
|
||||
}
|
||||
|
||||
.dicon-d-check::before {
|
||||
content: "\ea57";
|
||||
}
|
||||
|
||||
.dicon-preview::before {
|
||||
content: "\ea58";
|
||||
}
|
||||
|
||||
.dicon-link::before {
|
||||
content: "\ea59";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -25,6 +25,10 @@ $display-break-5: 1800px;
|
|||
justify-self: self-start;
|
||||
}
|
||||
|
||||
.grid-cell-width-100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
// X-axis alignment
|
||||
.grid-cell-left {
|
||||
justify-self: self-end;
|
||||
|
|
|
|||
|
|
@ -1,12 +1,8 @@
|
|||
.section-editor {
|
||||
> .edit-title {
|
||||
margin: 16px 0;
|
||||
}
|
||||
|
||||
> .canvas {
|
||||
// margin: 34px 0 0 0;
|
||||
padding: 30px 20px;
|
||||
box-shadow: 0 0 0 0.75pt map-get($gray-shades, 200),0 0 3pt 0.75pt map-get($gray-shades, 200);
|
||||
border: 1px solid map-get($gray-shades, 200);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,3 +1,8 @@
|
|||
{{layout/logo-heading
|
||||
title="Airtable"
|
||||
desc="Part spreadsheet, part database, and entirely flexible (https://airtable.com)"
|
||||
icon=constants.Icon.Integrations}}
|
||||
|
||||
{{#section/base-editor document=document folder=folder page=page isDirty=(action "isDirty") onCancel=(action "onCancel") onAction=(action "onAction")}}
|
||||
<div class="form-group">
|
||||
<label for="airtable-embed-code">Airtable embed code</label>
|
||||
|
|
|
|||
|
|
@ -1,47 +1,46 @@
|
|||
<div id="section-editor-{{pageId}}">
|
||||
<div class="row">
|
||||
<div class="col-8 section-editor">
|
||||
{{#if blockMode}}
|
||||
<div class="form-group">
|
||||
{{focus-input id="page-id-{{pageId}}" value=pageTitle class=(if hasNameError "form-control mousetrap form-control-lg edit-title is-invalid" "form-control form-control-lg edit-title mousetrap") placeholder="Enter name"}}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{{textarea id="page-excerpt-{{pageId}}" value=page.excerpt rows="2" class=(if hasDescError "form-control mousetrap form-control-lg edit-title is-invalid" "form-control form-control-lg edit-title mousetrap") placeholder="Enter description"}}
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="form-group">
|
||||
{{focus-input type="text" id=pageId value=pageTitle class=(if hasNameError "form-control mousetrap form-control-lg edit-title is-invalid" "form-control form-control-lg edit-title mousetrap") placeholder="Enter name"}}
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="float-right">
|
||||
{{#if busy}}
|
||||
<img src="/assets/img/busy-gray.gif" class="busy-indicator">
|
||||
{{/if}}
|
||||
|
||||
{{#if contentLinkerButton}}
|
||||
<div class="btn btn-primary" id="section-editor-link-button-{{pageId}}" {{action "onShowLinkModal"}}>
|
||||
Link
|
||||
{{#attach-tooltip showDelay=1000}}Insert Link{{/attach-tooltip}}
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if previewButton}}
|
||||
<div class="btn btn-primary" id="section-editor-preview-button-{{pageId}}" {{action "onPreview"}}>{{previewText}}</div>
|
||||
{{/if}}
|
||||
|
||||
<div class="btn btn-success" {{action "onAction"}}>Save</div>
|
||||
<div class="btn btn-outline-secondary" id="section-editor-cancel-button-{{pageId}}" {{action "onCancel"}}>Cancel</div>
|
||||
<div class="grid-container-8-2">
|
||||
<div class="grid-cell-1 grid-cell-width-100">
|
||||
<div class="section-editor">
|
||||
<form>
|
||||
{{#if blockMode}}
|
||||
<div class="form-group">
|
||||
{{focus-input id="page-id-{{pageId}}" value=pageTitle placeholder="Enter name"
|
||||
class=(if hasNameError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap")}}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{{textarea id="page-excerpt-{{pageId}}" value=page.excerpt rows="2" class=(if hasDescError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap") placeholder="Enter description"}}
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="form-group">
|
||||
{{focus-input type="text" id=pageId value=pageTitle class=(if hasNameError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap") placeholder="Enter name"}}
|
||||
</div>
|
||||
{{/if}}
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col section-editor">
|
||||
<div class="canvas rounded mt-5">
|
||||
{{yield}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-cell-2 grid-cell-right">
|
||||
{{#if busy}}
|
||||
<img src="/assets/img/busy-gray.gif" class="busy-indicator">
|
||||
{{/if}}
|
||||
{{#ui/ui-toolbar dark=false light=true raised=true large=true bordered=true}}
|
||||
{{#if contentLinkerButton}}
|
||||
{{ui/ui-toolbar-icon icon=constants.Icon.Link color=constants.Color.Gray
|
||||
tooltip="Insert Link" onClick=(action "onShowLinkModal")}}
|
||||
{{/if}}
|
||||
{{#if previewButton}}
|
||||
{{ui/ui-toolbar-icon icon=constants.Icon.Preview color=constants.Color.Gray
|
||||
tooltip="Preview changes" onClick=(action "onPreview")}}
|
||||
{{/if}}
|
||||
{{ui/ui-toolbar-icon icon=constants.Icon.Tick color=constants.Color.Green tooltip="Save changes" onClick=(action "onAction")}}
|
||||
{{ui/ui-toolbar-icon icon=constants.Icon.Cross color=constants.Color.Red tooltip="Cancel editing" onClick=(action "onCancel")}}
|
||||
{{/ui/ui-toolbar}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="section-editor">
|
||||
<div class="canvas">
|
||||
{{yield}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -53,8 +52,8 @@
|
|||
<p>You have made changes to the section - continue editing or discard changes?</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Continue editing</button>
|
||||
<button type="button" class="btn btn-danger" onclick={{action "onDiscard"}}>Discard changes</button>
|
||||
{{ui/ui-button color=constants.Color.Gray light=true label="Continue editing" dismiss=true}}
|
||||
{{ui/ui-button color=constants.Color.Red light=true label="Discard changes" onClick=(action "onDiscard")}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,32 +1,29 @@
|
|||
<div id="section-editor-{{pageId}}">
|
||||
<div class="row">
|
||||
<div class="col-8 section-editor">
|
||||
<div class="grid-container-6-4">
|
||||
<div class="grid-cell-1 grid-cell-width-100">
|
||||
<div class="section-editor">
|
||||
<div class="form-group">
|
||||
{{focus-input type="text" id="page-title" value=page.title class=(if hasNameError "form-control mousetrap form-control-lg edit-title is-invalid" "form-control form-control-lg edit-title mousetrap") placeholder="Enter name"}}
|
||||
{{focus-input type="text" id="page-title" value=page.title class=(if hasNameError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap") placeholder="Enter name"}}
|
||||
</div>
|
||||
{{#if hasExcerpt}}
|
||||
<div class="form-group">
|
||||
{{textarea id="page-excerpt" value=page.excerpt rows="2" class=(if hasDescError "form-control mousetrap form-control-lg edit-title is-invalid" "form-control form-control-lg edit-title mousetrap") placeholder="Enter description"}}
|
||||
{{textarea id="page-excerpt" value=page.excerpt rows="2" class=(if hasDescError "form-control mousetrap form-control-lg is-invalid" "form-control form-control-lg mousetrap") placeholder="Enter description"}}
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="float-right">
|
||||
{{#if busy}}
|
||||
<img src="/assets/img/busy-gray.gif" class="busy-indicator">
|
||||
{{/if}}
|
||||
|
||||
<div class="btn btn-success" {{action "onAction"}}>{{actionLabel}}</div>
|
||||
<div class="btn btn-outline-secondary" id="section-editor-cancel-button-{{pageId}}" {{action "onCancel"}}>{{cancelLabel}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col section-editor">
|
||||
<div class="canvas rounded">
|
||||
{{yield}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-cell-2 grid-cell-right">
|
||||
{{#if busy}}
|
||||
<img src="/assets/img/busy-gray.gif" class="busy-indicator">
|
||||
{{/if}}
|
||||
{{ui/ui-button color=constants.Color.Gray light=true label=cancelLabel onClick=(action "onCancel")}}
|
||||
{{ui/ui-button-gap}}
|
||||
{{ui/ui-button color=constants.Color.Green light=true label=actionLabel onClick=(action "onAction")}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section-editor">
|
||||
<div class="canvas">
|
||||
{{yield}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -38,8 +35,8 @@
|
|||
<p>You have made changes - continue editing or discard changes?</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Continue editing</button>
|
||||
<button type="button" class="btn btn-danger" onclick={{action "onDiscard"}}>Discard changes</button>
|
||||
{{ui/ui-button color=constants.Color.Gray light=true label="Continue editing" dismiss=true}}
|
||||
{{ui/ui-button color=constants.Color.Red light=true label="Discard changes" onClick=(action "onDiscard")}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,13 @@
|
|||
{{#section/base-editor document=document folder=folder page=page busy=waiting tip="Concise name that describes the diagram" isDirty=(action "isDirty") onCancel=(action "onCancel") onAction=(action "onAction")}}
|
||||
{{layout/logo-heading
|
||||
title="Draw.io"
|
||||
desc="For making flowcharts, process diagrams, org charts, UML, ER diagrams, network diagrams and much more (https://about.draw.io)"
|
||||
icon=constants.Icon.Integrations}}
|
||||
|
||||
{{#section/base-editor document=document folder=folder page=page busy=waiting isDirty=(action "isDirty") onCancel=(action "onCancel") onAction=(action "onAction")}}
|
||||
<div class="section-flowchart-diagram">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<iframe id={{editorId}}
|
||||
src="https://www.draw.io/?embed=1&ui=Kennedy&spin=0&proto=json&splash=0"
|
||||
style="frameborder:0; border: 0; width: 100%; height: 1000px;">
|
||||
</iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<iframe id={{editorId}}
|
||||
src="https://www.draw.io/?embed=1&ui=Kennedy&spin=0&proto=json&splash=0"
|
||||
style="frameborder:0; border: 0; width: 100%; height: 1000px;">
|
||||
</iframe>
|
||||
</div>
|
||||
{{/section/base-editor}}
|
||||
|
|
|
|||
|
|
@ -1,43 +1,45 @@
|
|||
{{#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")}}
|
||||
{{layout/logo-heading
|
||||
title="Gemini"
|
||||
desc="Gemini enterprise issue and ticketing software (https://www.countersoft.com)"
|
||||
icon=constants.Icon.Integrations}}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="form-group">
|
||||
<label for="gemini-url">Gemini URL</label>
|
||||
{{focus-input id="gemini-url" type="text" value=config.url class="form-control"}}
|
||||
<small class="form-text text-muted">e.g. http://helpdesk.countersoft.com</small>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Username</label>
|
||||
{{input id="gemini-username" type="text" value=config.username class="form-control"}}
|
||||
<small class="form-text text-muted">Gemini Username</small>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="gemini-apikey">API Key</label>
|
||||
{{input id="gemini-apikey" type="password" value=config.APIKey class="form-control"}}
|
||||
<small class="form-text text-muted">Gemini user API key (from user profile)</small>
|
||||
</div>
|
||||
<div class="btn btn-primary" {{action "auth"}}>Authenticate</div>
|
||||
</div>
|
||||
|
||||
<div class="col-6">
|
||||
{{#if authenticated}}
|
||||
{{#section/base-editor document=document folder=folder page=page busy=waiting isDirty=(action "isDirty") onCancel=(action "onCancel") onAction=(action "onAction")}}
|
||||
<div class="grid-container-5-5">
|
||||
<div class="grid-cell-1">
|
||||
<div class="form-group">
|
||||
<label>Select Gemini workspace</label>
|
||||
<ul class="section-gemini-workspaces">
|
||||
{{#each workspaces as |card|}}
|
||||
<li class="section-gemini-workspace" id="gemini-workspace-{{card.Id}}">
|
||||
{{#attach-tooltip showDelay=1000}}{{card.Title}}{{/attach-tooltip}}
|
||||
<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">✓</div>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
<label for="gemini-url">Gemini URL</label>
|
||||
{{focus-input id="gemini-url" type="text" value=config.url class="form-control"}}
|
||||
<small class="form-text text-muted">e.g. http://helpdesk.countersoft.com</small>
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="form-group">
|
||||
<label>Username</label>
|
||||
{{input id="gemini-username" type="text" value=config.username class="form-control"}}
|
||||
<small class="form-text text-muted">Gemini Username</small>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="gemini-apikey">API Key</label>
|
||||
{{input id="gemini-apikey" type="password" value=config.APIKey class="form-control"}}
|
||||
<small class="form-text text-muted">Gemini user API key (from user profile)</small>
|
||||
</div>
|
||||
{{ui/ui-button color=constants.Color.Green light=true label=constants.Label.Authenticate onClick=(action "auth")}}
|
||||
</div>
|
||||
<div class="grid-cell-2">
|
||||
{{#if authenticated}}
|
||||
<div class="form-group">
|
||||
<label>Select Gemini workspace</label>
|
||||
<ul class="section-gemini-workspaces">
|
||||
{{#each workspaces as |card|}}
|
||||
<li class="section-gemini-workspace" id="gemini-workspace-{{card.Id}}">
|
||||
{{#attach-tooltip showDelay=1000}}{{card.Title}}{{/attach-tooltip}}
|
||||
<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">✓</div>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{/section/base-editor}}
|
||||
|
|
|
|||
|
|
@ -1,39 +1,32 @@
|
|||
{{#section/base-editor document=document folder=folder page=page busy=waiting tip="Jira issue tracking" isDirty=(action "isDirty") onCancel=(action "onCancel") onAction=(action "onAction")}}
|
||||
{{layout/logo-heading
|
||||
title="Jira Software"
|
||||
desc="Jira provides issue tracking and agile software"
|
||||
icon=constants.Icon.Integrations}}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 mb-5">
|
||||
{{#if session.isAdmin}}
|
||||
{{#link-to "customize.integrations" class="btn btn-outline-secondary bold-700"}}
|
||||
Configure Jira Connector
|
||||
{{/link-to}}
|
||||
{{else}}
|
||||
{{#unless authenticated}}
|
||||
<p>Your Documize administrator needs to provide Jira connection details before usage.</p>
|
||||
{{/unless}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#if authenticated}}
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<form {{action "onPreview"}}>
|
||||
<div class="form-group">
|
||||
<label for="gemini-url">Jira Query Language</label>
|
||||
{{focus-input id="jira-jql" type="text" value=config.jql class="form-control" placeholder="e.g. (status = resolved AND project = SysAdmin) OR assignee = bobsmith"}}
|
||||
</div>
|
||||
<button type="submit" class="btn btn-secondary bold-700">Preview</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row my-5">
|
||||
<div class="col-12">
|
||||
{{{issuesGrid}}}
|
||||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
<p class="text-danger">Jira connector not authenticated</p>
|
||||
{{/if}}
|
||||
{{#section/base-editor document=document folder=folder page=page busy=waiting isDirty=(action "isDirty") onCancel=(action "onCancel") onAction=(action "onAction")}}
|
||||
{{#if session.isAdmin}}
|
||||
{{#link-to "customize.integrations"}}
|
||||
{{ui/ui-button color=constants.Color.Green light=true label="Configure Jira Connector"}}
|
||||
{{/link-to}}
|
||||
{{else}}
|
||||
{{#unless authenticated}}
|
||||
<p class="color-green-600">Your Documize administrator needs to provide Jira connection details before usage.</p>
|
||||
{{/unless}}
|
||||
{{/if}}
|
||||
{{#if authenticated}}
|
||||
<form {{action "onPreview"}}>
|
||||
<div class="form-group">
|
||||
<label for="jira-jql">Jira Query Language</label>
|
||||
{{focus-input id="jira-jql" type="text" value=config.jql class="form-control" placeholder="e.g. (status = resolved AND project = SysAdmin) OR assignee = bobsmith"}}
|
||||
</div>
|
||||
{{ui/ui-button color=constants.Color.Green light=true label=constants.Label.Preview submit=true onClick=(action "onPreview")}}
|
||||
</form>
|
||||
|
||||
{{ui/ui-spacer size=300}}
|
||||
{{{issuesGrid}}}
|
||||
{{else}}
|
||||
{{ui/ui-spacer size=300}}
|
||||
<p class="color-gray-700">Jira connector not authenticated</p>
|
||||
{{/if}}
|
||||
{{/section/base-editor}}
|
||||
|
|
|
|||
|
|
@ -1,44 +1,49 @@
|
|||
{{#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")}}
|
||||
{{layout/logo-heading
|
||||
title="Papertrail"
|
||||
desc="Display your cloud-based logs (https://papertrailapp.com)"
|
||||
icon=constants.Icon.Integrations}}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<form {{action "auth" on="submit"}} >
|
||||
<div class="form-group">
|
||||
<label>Papertrail API Key</label>
|
||||
{{focus-input id="papertrail-apitoken" type="password" value=config.APIToken class="form-control"}}
|
||||
<small class="form-text text-muted">API Token (from your profile)</small>
|
||||
</div>
|
||||
<div class="btn btn-primary" {{action "auth"}} >
|
||||
{{#if authenticated}}
|
||||
Re-Authenticate
|
||||
{{else}}
|
||||
Authenticate
|
||||
{{/if}}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{{#section/base-editor document=document folder=folder page=page busy=waiting
|
||||
isDirty=(action "isDirty") onCancel=(action "onCancel") onAction=(action "onAction")}}
|
||||
|
||||
{{#if authenticated}}
|
||||
<div class="col-6">
|
||||
<form {{action "onAction" on="submit"}}>
|
||||
<div class="grid-container-5-5">
|
||||
<div class="grid-cell-1">
|
||||
<form {{action "auth" on="submit"}} >
|
||||
<div class="form-group">
|
||||
<label for="papertrail-query">Search query</label>
|
||||
{{input id="papertrail-query" type="text" class="form-control mousetrap" value=config.query}}
|
||||
<small class="form-text text-muted">Determine which log entries you want to display e.g. bob OR ("some phrase" AND sally)</small>
|
||||
<label>Papertrail API Key</label>
|
||||
{{focus-input id="papertrail-apitoken" type="password" value=config.APIToken class="form-control"}}
|
||||
<small class="form-text text-muted">API Token (from your profile)</small>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="papertrail-max">Maximum results</label>
|
||||
{{input id="papertrail-max" type="number" class="form-control mousetrap" value=config.max}}
|
||||
<small class="form-text text-muted">How many log entries do you want?</small>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="group-dropdown">Group</label>
|
||||
{{ui/ui-select id="group-dropdown" prompt="<group>" content=options.groups action=(action "onGroupsChange") optionValuePath="id" optionLabelPath="name" selection=config.group}}
|
||||
<small class="form-text text-muted">Optional Papertrail group</small>
|
||||
<div class="btn btn-primary" {{action "auth"}} >
|
||||
{{#if authenticated}}
|
||||
Re-Authenticate
|
||||
{{else}}
|
||||
Authenticate
|
||||
{{/if}}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="grid-cell-2">
|
||||
{{#if authenticated}}
|
||||
<form {{action "onAction" on="submit"}}>
|
||||
<div class="form-group">
|
||||
<label for="papertrail-query">Search query</label>
|
||||
{{input id="papertrail-query" type="text" class="form-control mousetrap" value=config.query}}
|
||||
<small class="form-text text-muted">Determine which log entries you want to display e.g. bob OR ("some phrase" AND sally)</small>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="papertrail-max">Maximum results</label>
|
||||
{{input id="papertrail-max" type="number" class="form-control mousetrap" value=config.max}}
|
||||
<small class="form-text text-muted">How many log entries do you want?</small>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="group-dropdown">Group</label>
|
||||
{{ui/ui-select id="group-dropdown" prompt="<group>" content=options.groups action=(action "onGroupsChange") optionValuePath="id" optionLabelPath="name" selection=config.group}}
|
||||
<small class="form-text text-muted">Optional Papertrail group</small>
|
||||
</div>
|
||||
</form>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{/section/base-editor}}
|
||||
|
|
|
|||
|
|
@ -1,36 +1,41 @@
|
|||
{{#section/base-editor document=document folder=folder page=page busy=waiting tip="Concise name that describes the diagram" isDirty=(action "isDirty") onCancel=(action "onCancel") onAction=(action "onAction")}}
|
||||
{{layout/logo-heading
|
||||
title="PlantUML"
|
||||
desc="Create UML diagrams from a plain text language (http://plantuml.com)"
|
||||
icon=constants.Icon.Integrations}}
|
||||
|
||||
{{#section/base-editor document=document folder=folder page=page busy=waiting
|
||||
isDirty=(action "isDirty") onCancel=(action "onCancel") onAction=(action "onAction")}}
|
||||
|
||||
<div class="section-plantuml-diagram">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="form-group">
|
||||
<label><a href="http://plantuml.com/" target="_blank">PlantUML Diagram</a></label>
|
||||
<div class="my-3">
|
||||
<p>Insert sample diagrams:</p>
|
||||
<p>
|
||||
<button type="button" class="btn btn-light" {{action "onInsertSequence"}}>Sequence</button>
|
||||
<button type="button" class="btn btn-light" {{action "onInsertUseCase"}}>Use Case</button>
|
||||
<button type="button" class="btn btn-light" {{action "onInsertClass"}}>Class</button>
|
||||
<button type="button" class="btn btn-light" {{action "onInsertActivity"}}>Activity</button>
|
||||
<button type="button" class="btn btn-light" {{action "onInsertActivityNew"}}>Activity (new syntax)</button>
|
||||
<button type="button" class="btn btn-light" {{action "onInsertComponent"}}>Component</button>
|
||||
<button type="button" class="btn btn-light" {{action "onInsertState"}}>State</button>
|
||||
</p>
|
||||
</div>
|
||||
{{focus-textarea value=diagramText rows=30 id=editorId class="diagram-editor form-control mousetrap"}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="form-group">
|
||||
<button type="button" class="btn btn-secondary" {{action "onPreview"}}>{{previewButtonCaption}}</button>
|
||||
<div id={{previewId}} class="text-center my-5">
|
||||
<img src={{diagramPreview}}>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label><a href="http://plantuml.com/" target="_blank">PlantUML Diagram</a></label>
|
||||
{{ui/ui-spacer size=200}}
|
||||
<div>
|
||||
<p>Insert sample diagrams:</p>
|
||||
<p>
|
||||
{{ui/ui-button color=constants.Color.Gray light=true label="Sequence" onClick=(action "onInsertSequence")}}
|
||||
{{ui/ui-button color=constants.Color.Gray light=true label="Use Case" onClick=(action "onInsertUseCase")}}
|
||||
{{ui/ui-button color=constants.Color.Gray light=true label="Class" onClick=(action "onInsertClass")}}
|
||||
{{ui/ui-button color=constants.Color.Gray light=true label="Activity" onClick=(action "onInsertActivity")}}
|
||||
{{ui/ui-button color=constants.Color.Gray light=true label="Activity (new syntax)" onClick=(action "onInsertActivityNew")}}
|
||||
{{ui/ui-button color=constants.Color.Gray light=true label="Component" onClick=(action "onInsertComponent")}}
|
||||
{{ui/ui-button color=constants.Color.Gray light=true label="State" onClick=(action "onInsertState")}}
|
||||
</p>
|
||||
</div>
|
||||
{{focus-textarea value=diagramText rows=30 id=editorId class="diagram-editor form-control mousetrap"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=200}}
|
||||
|
||||
{{ui/ui-button color=constants.Color.Yellow light=true label=previewButtonCaption onClick=(action "onPreview")}}
|
||||
|
||||
{{ui/ui-spacer size=200}}
|
||||
|
||||
<div id={{previewId}} class="text-center">
|
||||
<img src={{diagramPreview}}>
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=200}}
|
||||
|
||||
{{/section/base-editor}}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,9 @@
|
|||
{{layout/logo-heading
|
||||
title="Trello"
|
||||
desc="Trello is the visual way to manage your projects and organize anything (https://trello.com)"
|
||||
icon=constants.Icon.Integrations}}
|
||||
|
||||
{{#section/base-editor document=document folder=folder page=page busy=busy
|
||||
tip="Trello is the visual way to manage your projects and organize anything (https://trello.com)"
|
||||
isDirty=(action "isDirty") onCancel=(action "onCancel") onAction=(action "onAction")}}
|
||||
|
||||
{{#if trelloConfigured}}
|
||||
|
|
@ -30,7 +34,8 @@
|
|||
</div>
|
||||
{{/if}}
|
||||
{{else}}
|
||||
<div class="btn btn-primary" {{action "auth"}}>Authenticate</div>
|
||||
{{ui/ui-button color=constants.Color.Green light=true
|
||||
label=constants.Label.Authenticate onClick=(action "auth")}}
|
||||
{{/if}}
|
||||
{{else}}
|
||||
{{#if session.isGlobalAdmin}}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue