1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-02 20:15:26 +02:00

Replaced Material Icons & Boostrap with custom UI framework

This commit is contained in:
Harvey Kandola 2018-12-21 11:15:59 +00:00
parent d0f0a12f2d
commit 61c648a7ac
75 changed files with 116 additions and 1445 deletions

View file

@ -6,21 +6,21 @@
<div class="text-header">Documize</div>
<div class="text">Built-in email/password</div>
{{#if isDocumizeProvider}}
<i class="material-icons">check</i>
<i class="dicon {{constants.Icon.Tick}}" />
{{/if}}
</li>
<li class="option {{if isKeycloakProvider "selected"}}" {{action "onKeycloak"}}>
<div class="text-header">Keycloak</div>
<div class="text">Via authentication server</div>
{{#if isKeycloakProvider}}
<i class="material-icons">check</i>
<i class="dicon {{constants.Icon.Tick}}" />
{{/if}}
</li>
<li class="option {{if isLDAPProvider "selected"}}" {{action "onLDAP"}}>
<div class="text-header">LDAP</div>
<div class="text">Connect to LDAP/ Active Directory</div>
{{#if isLDAPProvider}}
<i class="material-icons">check</i>
<i class="dicon {{constants.Icon.Tick}}" />
{{/if}}
</li>
</ul>

View file

@ -224,6 +224,7 @@
</div>
<div class="modal-footer">
{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Close dismiss=true}}
{{ui/ui-button-gap}}
{{ui/ui-button color=constants.Color.Red light=true label=constants.Label.Delete onClick=(action "onBulkDelete")}}
</div>
</div>

View file

@ -58,7 +58,7 @@
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Cancel dismiss=true}}
</div>
</div>
</div>

View file

@ -37,7 +37,7 @@
{{item.title}}
</div>
{{#if item.selected}}
<i class="material-icons">check</i>
<i class="dicon {{constants.Icon.Tick}}" />
{{/if}}
</li>
{{/each}}
@ -66,7 +66,7 @@
{{item.title}}<br>{{item.context}}
</div>
{{#if item.selected}}
<i class="material-icons">check</i>
<i class="dicon {{constants.Icon.Tick}}" />
{{/if}}
</li>
{{/each}}
@ -76,7 +76,7 @@
{{item.title}}<br>{{item.context}}
</div>
{{#if item.selected}}
<i class="material-icons">check</i>
<i class="dicon {{constants.Icon.Tick}}" />
{{/if}}
</li>
{{/each}}
@ -87,7 +87,7 @@
{{item.title}}
</div>
{{#if item.selected}}
<i class="material-icons">check</i>
<i class="dicon {{constants.Icon.Tick}}" />
{{/if}}
</li>
{{/each}}
@ -112,8 +112,9 @@
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" {{action "onCancel"}}>Cancel</button>
<button type="button" class="btn btn-success" {{action "onInsertLink"}}>Insert</button>
{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Close dismiss=true}}
{{ui/ui-button-gap}}
{{ui/ui-button color=constants.Color.Green light=true label=constants.Label.Insert onClick=(action "onInsertLink")}}
</div>
</div>
</div>

View file

@ -67,9 +67,10 @@
<div class="modal-body">
<div class="form-group">
<label>Destination Document</label>
{{focus-input type="text" value=docSearchFilter class="form-control mb-4" placeholder="a OR b, x AND y, 'phrase mat*'"}}
{{focus-input type="text" value=docSearchFilter class="form-control" placeholder="a OR b, x AND y, 'phrase mat*'"}}
</div>
<div class="my-5 document-copy-move">
{{ui/ui-spacer size=100}}
<div class="document-copy-move">
{{#if emptySearch}}
<p>No matching documents found.</p>
{{/if}}
@ -80,7 +81,7 @@
<div class="space">{{result.space}}</div>
<div class="snippet">{{result.excerpt}}</div>
{{#if result.selected}}
<i class="material-icons">check</i>
<i class="dicon {{constants.Icon.Tick}}" />
{{/if}}
</li>
{{/each}}
@ -88,8 +89,9 @@
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-success" onclick={{action "onCopyPage"}}>Copy</button>
{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Cancel dismiss=true}}
{{ui/ui-button-gap}}
{{ui/ui-button color=constants.Color.Green light=true label=constants.Label.Copy onClick=(action "onCopyPage")}}
</div>
</div>
</div>
@ -104,9 +106,9 @@
<div class="modal-body">
<div class="form-group">
<label>Destination Document</label>
{{focus-input type="text" value=docSearchFilter class="form-control mb-4" placeholder="a OR b, x AND y, 'phrase mat*'"}}
{{focus-input type="text" value=docSearchFilter class="form-control" placeholder="a OR b, x AND y, 'phrase mat*'"}}
</div>
<div class="my-5 document-copy-move">
<div class="document-copy-move">
{{#if emptySearch}}
<p>No matching documents found.</p>
{{/if}}
@ -117,7 +119,7 @@
<div class="space">{{result.space}}</div>
<div class="snippet">{{result.excerpt}}</div>
{{#if result.selected}}
<i class="material-icons">check</i>
<i class="dicon {{constants.Icon.Tick}}" />
{{/if}}
</li>
{{/each}}
@ -125,8 +127,9 @@
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-success" onclick={{action "onMovePage"}}>Move</button>
{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Cancel dismiss=true}}
{{ui/ui-button-gap}}
{{ui/ui-button color=constants.Color.Green light=true label=constants.Label.Copy onClick=(action "onMovePage")}}
</div>
</div>
</div>
@ -150,8 +153,9 @@
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger" onclick= {{action "onDeletePage"}}>Delete</button>
{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Cancel dismiss=true}}
{{ui/ui-button-gap}}
{{ui/ui-button color=constants.Color.Delete light=true label=constants.Label.Delete onClick=(action "onDeletePage")}}
</div>
</div>
</div>
@ -176,8 +180,9 @@
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-success" onclick={{action "onSavePageAsBlock"}}>Publish</button>
{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Cancel dismiss=true}}
{{ui/ui-button-gap}}
{{ui/ui-button color=constants.Color.Green light=true label=constants.Label.Publish onClick=(action "onSavePageAsBlock")}}
</div>
</div>
</div>

View file

@ -56,9 +56,9 @@
{{/ui/ui-dialog}}
{{#if showAdd}}
{{ui/empty-state icon="direct" message="Add documents via + DOCUMENT"}}
{{ui/empty-state icon=constants.Icon.ArrowUp message="Add documents via + DOCUMENT"}}
{{/if}}
{{#if showLockout}}
{{ui/empty-state icon="visibility" message="Space permissions are preventing you from viewing and creating documents"}}
{{ui/empty-state icon=constants.Icon.Preview message="Space permissions are preventing you from viewing and creating documents"}}
{{/if}}

View file

@ -87,29 +87,12 @@
<ul class="options">
{{#each categoryPermissions as |permission|}}
<li class="option {{if permission.selected "selected"}}" {{action "onToggle" permission}}>
<div class="text text-truncate">
{{#if (eq permission.who "role")}}
<span class="button-icon-gray button-icon-small align-middle">
<i class="material-icons">people</i>
</span>
{{else}}
{{#if (eq permission.whoId constants.EveryoneUserId)}}
<span class="button-icon-gray button-icon-small align-middle">
<i class="material-icons">language</i>
</span>
{{else}}
<span class="button-icon-gray button-icon-small align-middle">
<i class="material-icons">person</i>
</span>
{{/if}}
{{/if}}
&nbsp;{{permission.name}}
{{#if (eq permission.whoId session.user.id)}}
<small class="form-text text-muted d-inline-block">(you)</small>
{{/if}}
</div>
{{permission.name}}
{{#if (eq permission.whoId session.user.id)}}
<small class="form-text text-muted d-inline-block">(you)</small>
{{/if}}
{{#if permission.selected}}
<i class="material-icons">check</i>
<i class="dicon {{constants.Icon.Tick}}"/>
{{/if}}
</li>
{{/each}}

View file

@ -97,7 +97,7 @@
{{#each spacePermissions as |permission|}}
<tr>
<td class="no-wrap no-width">
<i class="material-icons align-top text-secondary cursor-pointer">more_vert</i>
<i class="dicon {{constants.Icon.TriangleSmallDown}} cursor-pointer"/>
{{#attach-popover class="ember-attacher-popper" hideOn="clickout" showOn="click" isShown=false}}
<div class="menu">
<a class="item" href="#" {{action "onBulkPermission" permission true}}>Grant all</a>
@ -105,25 +105,17 @@
</div>
{{/attach-popover}}
{{#if (eq permission.who "role")}}
<span class="button-icon-blue button-icon-small align-middle">
<i class="material-icons">people</i>
</span>
<span class="color-gray-700">&nbsp;{{permission.name}}
<small class="form-text text-muted d-inline-block">({{permission.members}})</small>
</span>
<i class="dicon {{constants.Icon.People}}"/>
<span class="color-gray-700">&nbsp;{{permission.name}} ({{permission.members}})</span>
{{else}}
{{#if (eq permission.whoId constants.EveryoneUserId)}}
<span class="button-icon-green button-icon-small align-middle">
<i class="material-icons">language</i>
</span>
<i class="dicon {{constants.Icon.World}}"/>
<span class="color-green-700">&nbsp;{{permission.name}}</span>
{{else}}
<span class="button-icon-gray button-icon-small align-middle">
<i class="material-icons">person</i>
</span>
<span class="">&nbsp;{{permission.name}}
<i class="dicon {{constants.Icon.Person}}"/>
<span>&nbsp;{{permission.name}}
{{#if (eq permission.whoId session.user.id)}}
<small class="form-text text-muted d-inline-block">(you)</small>
&nbsp;(you)
{{/if}}
</span>
{{/if}}

View file

@ -1,10 +0,0 @@
<div class="content-zone">
<div class="explainer-header explainer-gap">Templates provide predefined content for new documents</div>
{{#each templates as |item|}}
<div class="mb-5">
<h1>{{item.title}}</h1>
<p>{{item.description}}</p>
<button type="button" class="btn btn-outline-success" onclick={{action "onOpenTemplate" item.id}}>Open</button>
</div>
{{/each}}
</div>

View file

@ -66,10 +66,10 @@
{{#each templates as |item|}}
<li class="option {{if item.selected "selected"}}" {{action "onSelectTemplate" item}}>
<div class="text text-truncate">
{{item.title}}<br>{{item.description}}
{{item.name}}<br>{{item.excerpt}}
</div>
{{#if item.selected}}
<i class="material-icons">check</i>
<i class="dicon {{constants.Icon.Tick}}" />
{{/if}}
</li>
{{/each}}
@ -79,6 +79,7 @@
</div>
<div class="modal-footer">
{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Cancel dismiss=true}}
{{ui/ui-button-gap}}
{{ui/ui-button color=constants.Color.Green light=true label=constants.Label.Add onClick=(action "onAddTemplateDoc")}}
</div>
</div>
@ -90,7 +91,7 @@
<div class="modal-header">Import Files</div>
<div class="modal-body">
<div class="import-zone">
<button id="import-document-button" type="button" class="btn btn-outline-secondary btn-lg btn-block">
<button id="import-document-button" type="button" class="dmz-button-yellow-light text-center">
<br>
Click to select files or drag-drop files
<br><br>
@ -128,6 +129,7 @@
</div>
<div class="modal-footer">
{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Cancel dismiss=true}}
{{ui/ui-button-gap}}
{{ui/ui-button color=constants.Color.Green light=true label=constants.Label.Export onClick=(action "onExport")}}
</div>
</div>

View file

@ -1,23 +0,0 @@
<div class="row no-gutters d-flex align-items-center">
<div class="col d-flex justify-content-start">
<div class="footer">
<a href="https://documize.com?ref=af">Documize {{appMeta.version}}</a>
</div>
{{yield}}
</div>
<div class="col d-flex justify-content-end">
<div class="footer">
{{#if showWait}}
<div class="progress progress-wait animated fadeIn">
<img src="/assets/img/busy-gray.gif">
</div>
{{/if}}
{{#if showDone}}
<div class="progress progress-done animated zoomIn">&check;</div>
{{/if}}
{{#if showMessage}}
<div class="progress-notification animated zoomIn">{{message}}</div>
{{/if}}
</div>
</div>
</div>

View file

@ -1 +0,0 @@
{{yield}}

View file

@ -1,213 +0,0 @@
<div id="top-bar" class="clearfix container-fluid">
<div class="row no-gutters">
<div class="col col-6 col-md-9">
<div class="top-bar d-none d-md-block">
<ul class="items d-flex align-items-center">
<li class="item cursor-auto">
<img class="logo" src="/assets/img/icon-white-64x64.png">
</li>
{{#if (eq appMeta.edition constants.Product.CommunityEdition)}}
<li class="item">
{{#link-to "folders" class=(if (eq selectItem "spaces") "link selected" "link")}}SPACES{{/link-to}}
</li>
{{/if}}
{{#if (eq appMeta.edition constants.Product.EnterpriseEdition)}}
{{#if session.viewDashboard}}
<li class="item">
{{#link-to "dashboard" class=(if (eq selectItem "dashboard") "link selected" "link")}}ACTIONS{{/link-to}}
</li>
{{/if}}
{{#if session.viewAnalytics}}
<li class="item">
{{#link-to "analytics" class=(if (eq selectItem "analytics") "link selected" "link")}}ANALYTICS{{/link-to}}
</li>
{{/if}}
<li class="item">
{{#link-to "folders" class=(if (eq selectItem "spaces") "link selected" "link")}}SPACES{{/link-to}}
</li>
{{/if}}
{{yield}}
</ul>
</div>
<div class="top-bar d-md-none dropdown d-flex align-items-center">
<div class="hamburger" id="top-nav-hamburger" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="material-icons">menu</i>
</div>
<div class="dropdown-menu" aria-labelledby="top-nav-hamburger">
{{#if (eq appMeta.edition constants.Product.CommunityEdition)}}
{{#link-to "folders" class="dropdown-item"}}Spaces{{/link-to}}
{{/if}}
{{#if (eq appMeta.edition constants.Product.EnterpriseEdition)}}
{{#link-to "folders" class="dropdown-item"}}Spaces{{/link-to}}
{{#if session.viewDashboard}}
{{#link-to "dashboard" class="dropdown-item"}}Actions{{/link-to}}
{{/if}}
{{#if session.viewAnalytics}}
{{#link-to "analytics" class="dropdown-item"}}Analytics{{/link-to}}
{{/if}}
{{/if}}
</div>
</div>
</div>
<div class="col col-6 col-md-3">
<div class="top-bar">
<div class="buttons d-flex flex-wrap align-items-center">
{{#unless appMeta.valid}}
<div class="btn-group">
<div class="button-icon-gold animated infinite wobble slow delay-2s" {{action "onBilling"}}>
<i class="material-icons">report</i>
</div>
</div>
<div class="button-icon-gap" />
{{/unless}}
<div class="btn-group">
{{#link-to "search" class="button-icon-white" }}
<i class="material-icons">search</i>
{{/link-to}}
</div>
{{#if session.authenticated}}
{{#if hasPins}}
<div class="button-icon-gap" />
<div class="btn-group">
<div class="button-icon-white" id="user-pins-button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="material-icons">star</i>
</div>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="user-pins-button">
{{#if hasSpacePins}}
<h6 class="dropdown-header">Spaces</h6>
{{#each spacePins as |pin|}}
<a class="dropdown-item" href="#" {{action "jumpToPin" pin}} data-id= {{pin.id}} id="pin-{{pin.id}}">{{pin.pin}}</a>
{{/each}}
{{/if}}
{{#if hasDocumentPins}}
<h6 class="dropdown-header">Documents</h6>
{{#each documentPins as |pin|}}
<a class="dropdown-item" href="#" {{action "jumpToPin" pin}} data-id= {{pin.id}} id="pin-{{pin.id}}">{{pin.pin}}</a>
{{/each}}
{{/if}}
</div>
</div>
{{/if}}
<div class="button-icon-gap" />
<div class="btn-group">
<div class="button-gravatar-white align-text-bottom" id="profile-button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{session.user.initials}}
{{#if hasWhatsNew}}
<div class="whats-new-dot" />
{{/if}}
{{#if session.isGlobalAdmin}}
{{#if appMeta.updateAvailable}}
<div class="update-available-dot" />
{{/if}}
{{/if}}
</div>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="profile-button">
{{#if session.isAdmin}}
{{#link-to "customize.general" class="dropdown-item"}}Settings{{/link-to}}
{{#unless appMeta.valid}}
{{#link-to "customize.billing" class="dropdown-item bold-700 color-red-600"}}Update Billing{{/link-to}}
{{/unless}}
<div class="dropdown-divider"></div>
{{/if}}
{{#link-to "profile" class="dropdown-item" }}Profile{{/link-to}}
<div class="dropdown-divider"></div>
{{#if session.isGlobalAdmin}}
{{#if appMeta.updateAvailable}}
{{#link-to "customize.product" class="dropdown-item bold-700 color-yellow-600"}}Update available{{/link-to}}
{{/if}}
{{/if}}
<a href="#" class="dropdown-item {{if hasWhatsNew "color-red-600 bold-700"}}" {{action "onShowWhatsNewModal"}}>What's New</a>
<a href="https://docs.documize.com" target="_blank" class="dropdown-item">Help</a>
<a href="#" class="dropdown-item" data-toggle="modal" data-target="#about-documize-modal" data-backdrop="static">About</a>
{{#if enableLogout}}
<div class="dropdown-divider"></div>
{{#link-to "auth.logout" class="dropdown-item"}}Logout{{/link-to}}
{{/if}}
</div>
</div>
{{else}}
<div class="button-icon-gap" />
<div class="btn-group">
{{#link-to "auth.login" class="button-icon-white"}}
<i class="material-icons">lock_open</i>
{{/link-to}}
</div>
{{/if}}
</div>
</div>
</div>
</div>
</div>
{{#if session.authenticated}}
<div id="whats-new-modal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-header modal-header-white">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" data-dismiss="modal" aria-label="Close">&times;</span>
</button>
</div>
<div class="modal-content">
<div class="modal-body">
<div class="product-news">
<h2>What's New</h2>
{{{newsContent}}}
<div class="action">
Have an idea? Suggestion or feedback? <a href="mailto:support@documize.com">Get in touch!</a>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div id="about-documize-modal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="product-about">
<div class="edition">
Documize {{appMeta.edition}} Edition
</div>
<div class="version">
{{appMeta.version}}
</div>
<div class="version">
Build {{appMeta.revision}}
</div>
<div class="dotcom">
<a href="https://documize.com">https://documize.com</a>
</div>
{{#if (eq appMeta.edition constants.Product.CommunityEdition)}}
<div class="copyright">
&copy; Documize Inc. All rights reserved.
</div>
<div class="license">
<br>
<br>This software (Documize Community Edition) is licensed under
<a href="http://www.gnu.org/licenses/agpl-3.0.en.html">GNU AGPL v3</a>
You can operate outside the AGPL restrictions by purchasing Documize Enterprise Edition and obtaining a commercial license by
contacting
<a href="mailto:sales@documize.com">sales@documize.com</a>
</div>
{{/if}}
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
{{/if}}

View file

@ -13,9 +13,6 @@
<div class="space">{{result.space}}</div>
<div class="snippet">{{result.excerpt}}</div>
{{folder/document-tags documentTags=result.tags}}
{{#if result.template}}
<button type="button" class="mt-3 btn btn-warning text-uppercase bold-700">TEMPLATE</button>
{{/if}}
{{/link-to}}
</li>
{{/each}}

View file

@ -34,25 +34,12 @@
<div class="form-group">
<label>Select Repository</label>
{{ui/ui-list-picker items=config.lists nameField="repo" singleSelect=true}}
{{!-- <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>
</div>
{{else}}
<div class="col-6">
<div class="btn btn-primary" {{action "auth"}}>Authenticate</div>
<div class="" {{action "auth"}}>Authenticate</div>
</div>
{{/if}}
</div>

View file

@ -14,13 +14,7 @@
{{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>
{{ui/ui-button color=constants.Color.Green light=true label=constants.Label.Authenticate onClick=(action "auth")}}
</form>
</div>
<div class="grid-cell-2">

View file

@ -22,9 +22,9 @@
{{#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>
<i class="section-trello-list-checkbox dicon {{constants.Icon.CheckboxChecked}}" />
{{else}}
<i class="material-icons widget-checkbox checkbox-gray section-trello-list-checkbox">check_box_outline_blank</i>
<i class="section-trello-list-checkbox dicon {{constants.Icon.Checkbox}}" />
{{/if}}
<span class="trello-list-title">{{list.name}}</span>
</div>
@ -39,8 +39,10 @@
{{/if}}
{{else}}
{{#if session.isGlobalAdmin}}
{{#link-to "customize.integrations" class="btn btn-outline-secondary bold-700"}}
Configure Trello Connector
{{#link-to "customize.integrations"}}
{{ui/ui-button color=constants.Color.Yellow light=true
label="Configure Trello Connector"}}
{{/link-to}}
{{else}}
<p>Your Documize administrator needs to configure Trello before usage.</p>

View file

@ -1,7 +1,8 @@
<div class="col-9">
<h1>Let's setup Documize</h1>
<h3>Database: {{model.dbname}}</h3>
<form class="my-5" {{action "save" on="submit"}}>
{{ui/ui-spacer size=300}}
<form {{action "save" on="submit"}}>
<div class="form-group">
<label>Team</label>
{{focus-input id="siteTitle" type="text" value=model.title class=(if hasEmptyTitleError "form-control is-invalid" "form-control")}}
@ -27,6 +28,7 @@
{{input id="adminPassword" type="password" value=model.password class=(if hasEmptyPasswordError "form-control is-invalid" "form-control")}}
<small class="form-text text-muted">Pick something strong and unique that you don't use anywhere else</small>
</div>
<button type="submit" class="btn btn-success mt-5" {{action "save"}}>{{buttonLabel}}</button>
{{ui/ui-button submit=true color=constants.Color.Green light=true label=buttonLabel onClick=(action "save")}}
</form>
{{ui/ui-spacer size=300}}
</div>

View file

@ -1,4 +1,4 @@
<div class="empty-state">
<i class="material-icons">{{glypth}}</i>
<i class="dicon {{glypth}}"/>
<p>{{message}}</p>
</div>

View file

@ -1,8 +1,8 @@
<div class="ui-checkbox {{if selected "ui-checkbox-selected"}}" {{action "onCheck"}}>
{{#if selected}}
<i class="material-icons selected">check_box</i>
<i class="dicon {{constants.Icon.CheckboxChecked}} selected" />
{{else}}
<i class="material-icons">check_box_outline_blank</i>
<i class="dicon {{constants.Icon.Checkbox}}" />
{{/if}}
<div class="text">{{yield}}</div>
</div>

View file

@ -9,6 +9,7 @@
</div>
<div class="modal-footer">
{{ui/ui-button color=constants.Color.Gray light=true label=cancelCaption dismiss=true onClick=(action "onCancel")}}
{{ui/ui-button-gap}}
{{ui/ui-button color=buttonColor light=true label=confirmCaption onClick=(action "onAction")}}
</div>
</div>

View file

@ -4,7 +4,7 @@
<li class="option {{if item.selected "selected"}}" {{action "onToggle" item}}>
<div class="text text-truncate">{{get item nameField}}</div>
{{#if item.selected}}
<i class="material-icons">check</i>
<i class="dicon {{constants.Icon.Tick}}" />
{{/if}}
</li>
{{/each}}

View file

@ -1,8 +0,0 @@
<div class="ui-radio {{if selected "ui-radio-selected"}}" {{action "onCheck"}}>
{{#if selected}}
<i class="material-icons selected">radio_button_checked</i>
{{else}}
<i class="material-icons">radio_button_unchecked</i>
{{/if}}
<div class="text">{{yield}}</div>
</div>

View file

@ -21,5 +21,5 @@
{{input id="confirmPassword" type="password" value=password.confirmation class=(if hasConfirmPasswordError "form-control is-invalid" "form-control")}}
</div>
{{/if}}
<div class="btn btn-success my-5" {{action "save"}}>Save</div>
{{ui/ui-button color=constants.Color.Green light=true label=constants.Label.Save onClick=(action "save")}}
</div>