Initial commit
This commit is contained in:
root
84
client/res/templates/admin/layouts/grid-panel.tpl
Normal file
84
client/res/templates/admin/layouts/grid-panel.tpl
Normal file
@@ -0,0 +1,84 @@
|
||||
<header data-name="{{name}}">
|
||||
<a
|
||||
role="button"
|
||||
tabindex="0"
|
||||
data-action="edit-panel-label"
|
||||
class="edit-panel-label"
|
||||
><i class="fas fa-pencil-alt fa-sm"></i></a>
|
||||
<label
|
||||
data-is-custom="{{#if isCustomLabel}}true{{/if}}"
|
||||
data-label="{{label}}"
|
||||
class="panel-label"
|
||||
>{{labelTranslated}}</label>
|
||||
<a
|
||||
role="button"
|
||||
tabindex="0"
|
||||
style="float: right;"
|
||||
data-action="removePanel"
|
||||
class="remove-panel"
|
||||
data-number="{{number}}"
|
||||
><i class="fas fa-times"></i></a>
|
||||
</header>
|
||||
<ul class="rows">
|
||||
{{#each rows}}
|
||||
<li data-cell-count="{{./this.length}}">
|
||||
<div class="row-actions clear-fix">
|
||||
<a
|
||||
role="button"
|
||||
tabindex="0"
|
||||
data-action="removeRow"
|
||||
class="remove-row"
|
||||
><i class="fas fa-times"></i></a>
|
||||
<a
|
||||
role="button"
|
||||
tabindex="0"
|
||||
data-action="plusCell"
|
||||
class="add-cell"
|
||||
><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
<ul class="cells" data-cell-count="{{./this.length}}">
|
||||
{{#each this}}
|
||||
{{#if this}}
|
||||
<li
|
||||
class="cell"
|
||||
data-name="{{name}}"
|
||||
{{#if hasCustomLabel}}
|
||||
data-custom-label="{{customLabel}}"
|
||||
{{/if}}
|
||||
data-no-label="{{noLabel}}"
|
||||
title="{{label}}"
|
||||
>
|
||||
<div class="left" style="width: calc(100% - 14px);">{{label}}</div>
|
||||
<div class="right" style="width: 14px;">
|
||||
<a
|
||||
role="button"
|
||||
tabindex="0"
|
||||
data-action="removeField"
|
||||
class="remove-field"
|
||||
><i class="fas fa-times"></i></a>
|
||||
</div>
|
||||
</li>
|
||||
{{else}}
|
||||
<li class="empty cell">
|
||||
<div class="right" style="width: 14px;">
|
||||
<a
|
||||
role="button"
|
||||
tabindex="0"
|
||||
data-action="minusCell"
|
||||
class="remove-field"
|
||||
><i class="fas fa-minus"></i></a>
|
||||
</div>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
<div>
|
||||
<a
|
||||
role="button"
|
||||
tabindex="0"
|
||||
data-action="addRow"
|
||||
><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
82
client/res/templates/admin/layouts/grid.tpl
Normal file
82
client/res/templates/admin/layouts/grid.tpl
Normal file
@@ -0,0 +1,82 @@
|
||||
<div class="button-container">
|
||||
<div class="btn-group">
|
||||
{{#each buttonList}}
|
||||
{{button name label=label scope='Admin' style=style className='btn-xs-wide'}}
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="layout" class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="well enabled-well" tabindex="-1">
|
||||
<header>{{translate 'Layout' scope='LayoutManager'}}</header>
|
||||
<ul class="panels">
|
||||
{{#each panelDataList}}
|
||||
<li data-number="{{number}}" class="panel-layout" data-tab-break="{{tabBreak}}">
|
||||
{{{var viewKey ../this}}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
|
||||
<div><a role="button" tabindex="0" data-action="addPanel">{{translate 'Add Panel' scope='Admin'}}</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="well">
|
||||
<header>{{translate 'Available Fields' scope='Admin'}}</header>
|
||||
<ul class="disabled cells clearfix">
|
||||
{{#each disabledFields}}
|
||||
<li class="cell" data-name="{{./this}}" title="{{translate this scope=../scope category='fields'}}">
|
||||
<div class="left" style="width: calc(100% - 14px);">
|
||||
{{translate this scope=../scope category='fields'}}
|
||||
</div>
|
||||
<div class="right" style="width: 14px;">
|
||||
<a
|
||||
role="button"
|
||||
tabindex="0"
|
||||
data-action="removeField"
|
||||
class="remove-field"
|
||||
><i class="fas fa-times"></i></a>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="layout-row-tpl" style="display: none;">
|
||||
<li data-cell-count="{{columnCount}}">
|
||||
<div class="row-actions clear-fix">
|
||||
<a role="button" tabindex="0" data-action="removeRow" class="remove-row"><i class="fas fa-times"></i></a>
|
||||
<a role="button" tabindex="0" data-action="plusCell" class="add-cell"><i class="fas fa-plus"></i></a>
|
||||
</div>
|
||||
<ul class="cells" data-cell-count="{{columnCount}}">
|
||||
<% for (var i = 0; i < {{columnCount}}; i++) { %>
|
||||
<li class="empty cell">
|
||||
<div class="right" style="width: 14px;">
|
||||
<a
|
||||
role="button"
|
||||
tabindex="0"
|
||||
data-action="minusCell"
|
||||
class="remove-field"
|
||||
><i class="fas fa-minus"></i></a>
|
||||
</div>
|
||||
</li>
|
||||
<% } %>
|
||||
</ul>
|
||||
</li>
|
||||
</div>
|
||||
|
||||
<div id="empty-cell-tpl" style="display: none;">
|
||||
<li class="empty cell disabled">
|
||||
<div class="right" style="width: 14px;">
|
||||
<a
|
||||
role="button"
|
||||
tabindex="0"
|
||||
data-action="minusCell"
|
||||
class="remove-field"
|
||||
><i class="fas fa-minus"></i></a>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
41
client/res/templates/admin/layouts/index.tpl
Normal file
41
client/res/templates/admin/layouts/index.tpl
Normal file
@@ -0,0 +1,41 @@
|
||||
<div class="page-header"><h3>{{{headerHtml}}}</h3></div>
|
||||
|
||||
<div class="row">
|
||||
<div id="layouts-menu" class="col-sm-3">
|
||||
<div class="panel-group panel-group-accordion" id="layout-accordion">
|
||||
{{#each layoutScopeDataList}}
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<a
|
||||
class="accordion-toggle{{#if ../em}} btn btn-link{{/if}}"
|
||||
data-scope="{{scope}}" href="{{url}}"
|
||||
>{{translate scope category='scopeNamesPlural'}}</a>
|
||||
</div>
|
||||
<div class="panel-collapse collapse{{#ifEqual scope ../scope}} in{{/ifEqual}}" data-scope="{{scope}}">
|
||||
<div class="panel-body">
|
||||
<ul class="list-unstyled" style="overflow-x: hidden;">
|
||||
{{#each typeDataList}}
|
||||
<li>
|
||||
<a
|
||||
class="layout-link btn btn-link"
|
||||
data-type="{{type}}"
|
||||
data-scope="{{../scope}}"
|
||||
href="{{url}}"
|
||||
>{{label}}</a>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="layouts-panel" class="col-sm-9">
|
||||
<h4 id="layout-header" style="margin-top: 0px;"></h4>
|
||||
<div id="layout-content" class="">
|
||||
{{{content}}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,17 @@
|
||||
{{#each attributeDataList}}
|
||||
<div class="row">
|
||||
<div
|
||||
class="cell form-group {{#if isWide}}col-md-12{{else}}col-md-6{{/if}}"
|
||||
data-name="{{name}}"
|
||||
>
|
||||
<label
|
||||
class="control-label"
|
||||
data-name="{{name}}"
|
||||
>{{label}}</label>
|
||||
<div
|
||||
class="field"
|
||||
data-name="{{name}}"
|
||||
>{{{var viewKey ../this}}}</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
83
client/res/templates/admin/layouts/rows.tpl
Normal file
83
client/res/templates/admin/layouts/rows.tpl
Normal file
@@ -0,0 +1,83 @@
|
||||
<div class="button-container">
|
||||
<div class="btn-group">
|
||||
{{#each buttonList}}
|
||||
{{button name label=label scope='Admin' style=style className='btn-xs-wide'}}
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
ul.enabled {
|
||||
li {
|
||||
&[data-hidden="true"] {
|
||||
.left {
|
||||
color: var(--text-muted-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<div id="layout" class="row">
|
||||
<div class="col-sm-5">
|
||||
<div class="well enabled-well" tabindex="-1">
|
||||
<header>{{translate 'Enabled' scope='Admin'}}</header>
|
||||
<ul class="enabled connected">
|
||||
{{#each layout}}
|
||||
<li
|
||||
class="cell"
|
||||
draggable="true"
|
||||
{{#each ../dataAttributeList}}data-{{toDom this}}="{{prop ../this this}}" {{/each}}
|
||||
title="{{labelText}}"
|
||||
>
|
||||
<div class="left" style="width: calc(100% - var(--17px));">
|
||||
<span>{{labelText}}</span>
|
||||
</div>
|
||||
{{#if ../editable}}
|
||||
{{#unless notEditable}}
|
||||
<div class="right" style="width: 17px;"><a
|
||||
role="button"
|
||||
tabindex="0"
|
||||
data-action="editItem"
|
||||
class="edit-field"
|
||||
><i class="fas fa-pencil-alt fa-sm"></i></a></div>
|
||||
{{/unless}}
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-5">
|
||||
<div class="well">
|
||||
<header>{{translate 'Disabled' scope='Admin'}}</header>
|
||||
<ul class="disabled connected">
|
||||
{{#each disabledFields}}
|
||||
<li
|
||||
class="cell"
|
||||
draggable="true"
|
||||
{{#each ../dataAttributeList}}data-{{toDom this}}="{{prop ../this this}}" {{/each}}
|
||||
title="{{labelText}}"
|
||||
>
|
||||
<div class="left" style="width: calc(100% - var(--17px));">
|
||||
<span>{{labelText}}</span>
|
||||
</div>
|
||||
{{#if ../editable}}
|
||||
{{#unless notEditable}}
|
||||
<div class="right" style="width: 17px;"><a
|
||||
role="button"
|
||||
tabindex="0"
|
||||
data-action="editItem"
|
||||
class="edit-field"
|
||||
><i class="fas fa-pencil-alt fa-sm"></i></a></div>
|
||||
{{/unless}}
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user