<div id="toolbar">
<div class="spacer"></div>
<h3><strong>Admin</strong>: cache</h3>
</div>
<div id="main">
<div class="content padsmall">
<p>
<div style="float:left">
<span class="bh-label" data-label="element_count"></span>:
</div>
<script type="text/template">{{elementCount}}</script>
</p>
<button type="button" class="bh-label bh-ui-btn-clear btn btn-raised btn-primary" data-label="clear"></button>
</div>
</div>
<div id="toolbar">
<div class="spacer"></div>
<h3><strong>Admin</strong>: <span class="bh-label" data-label="configuration"></span></h3>
<div class="buttons">
<!--<a href="#" class="yep-ui-btn-save btn btn-raised btn-primary bh-label" data-label="save"></a>-->
</div>
</div>
<style>
.json-container .close {
float:none;
font-size: 13px;
line-height: 1.2;
font-family: monospace;
opacity:1;
text-shadow:none;
color:#333;
font-weight: 300;
}
</style>
<div id="main">
<div class="content" style="padding-top:50px">
<div class="panel panel-default bh-fitheight" data-offset="110">
<div class="yep-component" data-name="widgets.JsonEditor" style="height:100%;" id="editor"></div>
</div>
</div>
</div>
<div id="toolbar">
<div class="spacer"></div>
<h3><strong>Admin</strong>: log</h3>
</div>
<div id="main">
<div class="content padsmall">
<div class="cms-editor">
<div class="row">
<div class="col-md-3">
<div class="property form-group">
<label class="property-label control-label bh-label" data-label="log_file"></label>
<div id="logselect" class="yep-component" data-name="widgets.Select"></div>
</div>
</div>
<div class="col-md-2">
<div class="property form-group">
<label class="property-label control-label bh-label" data-label="line_number"></label>
<div id="linenumberselect" class="yep-component" data-name="widgets.Select"></div>
</div>
</div>
</div>
</div>
<div class="panel panel-default datagridcard bh-fitheight" data-offset="80" style="margin-top:20px">
<div class="panel-body">
<pre class="yep-ui-data" style="height:100%"></pre>
</div>
</div>
</div>
</div>
<script type="text/template">
<div id="toolbar">
<a class="back yep-route" href="admin/models?t={{type}}"><i class="material-icons"></i></a>
<h3>
<strong>{{typeLabel}}</strong>: {{model.label}}
</h3>
<div class="buttons">
<!--<a href="#" class="yep-ui-btn-save btn btn-raised btn-primary bh-label" data-label="save"></a>-->
</div>
</div>
</script>
<div id="main">
<div class="content padsmall">
<ul class="nav nav-tabs yep-ui-tabs">
<li class="active"><a href="#modeleditcode" data-toggle="tab" class="bh-label" data-label="code"></a></li>
<li><a href="#modeleditdependencies" data-toggle="tab" class="bh-label" data-label="dependencies"></a></li>
</ul>
<div class="tab-content bh-fitheight" data-offset="100">
<div id="modeleditcode" class="tab-pane active" style="height:100%;">
<div class="panel panel-default datagridcard" style="height:100%;">
<div class="yep-component" data-name="widgets.JsonEditor" style="height:100%;" id="editor"></div>
</div>
</div>
<div id="modeleditdependencies" class="tab-pane" style="height:100%">
<div class="panel panel-default datagridcard" style="height:100%;">
<div class="panel-body" style="height:100%">
<div id="dependenciesdatagrid" style="height:100%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="toolbar">
<div class="spacer"></div>
<h3><strong>Admin</strong>: <span class="bh-label" data-label="models"></span></h3>
</div>
<style>
.json-container .close {
float:none;
font-size: 13px;
line-height: 1.2;
font-family: monospace;
opacity:1;
text-shadow:none;
color:#333;
font-weight: 300;
}
</style>
<div id="main">
<div class="content padsmall">
<script class="yep-template" type="text/template">
<ul class="nav nav-tabs yep-ui-tabs" style="margin-bottom:15px">
<li><a href="#modelscontent" data-type="content" data-toggle="tab" class="bh-label" data-label="content"></a></li>
{% if uiElements.tabs.pageTemplate %}
<li><a href="#modelspage" data-type="page" data-toggle="tab" class="bh-label" data-label="page"></a></li>
{% endif %}
{% if uiElements.tabs.blockTemplate %}
<li><a href="#modelsblock" data-type="block" data-toggle="tab" class="bh-label" data-label="block"></a></li>
{% endif %}
</ul>
</script>
<div class="tab-content bh-fitheight" data-offset="145">
<div id="modelscontent" class="tab-pane" style="height:100%">
<script class="yep-template" type="text/template" id="contentActions">
<p style="line-height:50px">
{{ selectedElements.content.length }} <span class="bh-label" data-label="elements_selected"></span>
{% if selectedElements.content.length>0 %}
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-delete bh-label" data-label="delete" data-type="content"></a>
{% endif %}
</p>
</script>
<div class="panel panel-default datagridcard bh-fitheight" data-offset="-50">
<div class="panel-body" style="height:100%">
<div class="yep-component" data-name="widgets.Datagrid" id="contentDatagrid" style="height:100%"></div>
</div>
</div>
</div>
<div id="modelspage" class="tab-pane" style="height:100%">
<script class="yep-template" type="text/template" id="pageActions">
<p style="line-height:50px">
{{ selectedElements.page.length }} <span class="bh-label" data-label="elements_selected"></span>
{% if selectedElements.page.length>0 %}
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-delete bh-label" data-label="delete" data-type="page"></a>
{% endif %}
</p>
</script>
<div class="panel panel-default datagridcard bh-fitheight" data-offset="-50">
<div class="panel-body" style="height:100%">
<div class="yep-component" data-name="widgets.Datagrid" id="pageDatagrid" style="height:100%"></div>
</div>
</div>
</div>
<div id="modelsblock" class="tab-pane" style="height:100%">
<script class="yep-template" type="text/template" id="blockActions">
<p style="line-height:50px">
{{ selectedElements.block.length }} <span class="bh-label" data-label="elements_selected"></span>
{% if selectedElements.block.length>0 %}
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-delete bh-label" data-label="delete" data-type="block"></a>
{% endif %}
</p>
</script>
<div class="panel panel-default datagridcard bh-fitheight" data-offset="-50">
<div class="panel-body" style="height:100%">
<div class="yep-component" data-name="widgets.Datagrid" id="blockDatagrid" style="height:100%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="toolbar">
<div class="spacer"></div>
<h3><strong class="bh-label" data-label="publishing">Publishing</strong></h3>
</div>
<div id="main">
<div class="content padsmall">
<script type="text/template">
{% if !publishingQueue.running %}
<p class="bh-label" data-label="select_elements" style="line-height:50px"></p>
{% endif %}
</script>
<script type="text/template" class="yep-template">
{% if publishingQueue.running %}
<p>
<span class="bh-label" data-label="processing"></span>
{{ publishingQueue.progress }}
<span class="bh-label" data-label="of"></span>
{{ publishingQueue.totalElementCount }}
<span class="bh-label" data-label="elements" data-lowercase="true"></span>
</p>
<div class="progress">
<div class="progress-bar progress-bar-info" style="width:{{ percent }}%;"></div>
</div>
<p>
<a href="#" class="yep-ui-stop btn btn-raised btn-primary bh-label" data-label="stop"></a>
</p>
{% else %}
<div class="panel panel-default datagridcard">
<div class="panel-body">
<table class="datatable table table-hover">
<thead>
<tr>
<th>
<div class="checkbox">
<label>
<input type="checkbox" class="yep-ui-selectall">
</label>
</div>
</th>
<th nowrap class="bh-label" data-label="type" width="100%"></th>
</tr>
</thead>
<tbody>
{% for row in publishingScopes %}
<tr>
<td>
<div class="checkbox">
<label>
<input type="checkbox" class="yep-ui-checkbox" value="{{ row.id }}">
</label>
</div>
</td>
<td>
{{ row.label }}
</td>
</tr>
{% endfor %}
</tr>
</table>
<p>
<a href="#" class="yep-ui-publish btn btn-raised btn-primary bh-label" data-label="publish"></a>
<a href="#" class="yep-ui-unpublish btn btn-raised btn-primary bh-label" data-label="unpublish"></a>
</p>
<br style="clear:both" />
</div>
</div>
{% endif %}
</script>
</div>
</div>
<div id="toolbar">
<div class="spacer"></div>
<h3><strong>Admin</strong>: <span class="bh-label" data-label="configuration"></span></h3>
</div>
<style>
.json-container .close {
float:none;
font-size: 13px;
line-height: 1.2;
font-family: monospace;
opacity:1;
text-shadow:none;
color:#333;
font-weight: 300;
}
</style>
<div id="main">
<div class="content padsmall">
<script class="yep-template" type="text/template">
<ul class="nav nav-tabs" style="margin-bottom: 30px;">
<li class="active"><a href="#config" data-toggle="tab" class="bh-label" data-label="configuration"></a></li>
<li><a href="#contentmodels" data-toggle="tab" class="bh-label" data-label="content_models"></a></li>
{% if uiElements.tabs.pageTemplate %}
<li><a href="#pagetemplates" data-toggle="tab" class="bh-label" data-label="page_templates"></a></li>
{% endif %}
{% if uiElements.tabs.blockTemplate %}
<li><a href="#blocktemplates" data-toggle="tab" class="bh-label" data-label="block_templates"></a></li>
{% endif %}
</ul>
</script>
<div class="panel panel-default datagridcard bh-fitheight" data-offset="90">
<div class="panel-body yep-ui-body" style="overflow-y:auto;">
<div class="tab-content">
<div id="config" class="tab-pane active">
<div class="yep-ui-configuration"></div>
</div>
<div id="contentmodels" class="tab-pane">
<div class="form-group" style="margin-top:0;">
<label class="control-label bh-label" data-label="model" style="margin-top:0;"></label>
<script class="yep-template" type="text/template">
<select class="form-control yep-ui-contentmodel" style="min-width:200px; width:auto">
{% for contentModel in contentModels %}
<option value="{{ contentModel.id }}" {% if loop.index0 == 0 %}selected="selected"{% endif %}>{{ contentModel.label }}</option>
{% endfor %}
</select>
</script>
</div>
<div class="yep-ui-model"></div>
</div>
<div id="pagetemplates" class="tab-pane">
<script class="yep-template" type="text/template">
<div class="form-group" style="margin-top:0;">
<label class="control-label bh-label" data-label="template" style="margin-top:0;"></label>
<select class="form-control yep-ui-pagetemplate" style="min-width:200px; width:auto">
{% for pageTemplate in pageTemplates %}
<option value="{{ pageTemplate.id }}" {% if loop.index0 == 0 %}selected="selected"{% endif %}>{{ pageTemplate.label }}</option>
{% endfor %}
</select>
</div>
<div class="yep-ui-pagetemplate-code"></div>
</script>
</div>
<div id="blocktemplates" class="tab-pane">
<script class="yep-template" type="text/template">
<div class="form-group" style="margin-top:0;">
<label class="control-label bh-label" data-label="template" style="margin-top:0;"></label>
<select class="form-control yep-ui-blocktemplate" style="min-width:200px; width:auto">
{% for blockTemplate in blockTemplates %}
<option value="{{ blockTemplate.id }}" {% if loop.index0 == 0 %}selected="selected"{% endif %}>{{ blockTemplate.label }}</option>
{% endfor %}
</select>
</div>
<div class="yep-ui-blocktemplate-code"></div>
</script>
</div>
</div>
</div>
</div>
<script class="yep-template" type="text/template" id="actions">
<div id="toolbar">
{% if model.single %}
<div class="spacer"></div>
{% else %}
<a class="back yep-route" href="content/{{ model.id }}/list"><i class="material-icons"></i></a>
{% endif %}
<h3>
<strong>{{ model.label }}</strong>
</h3>
{% for t in translations %}
{% if t.current && translations.length>1 %}
<span class="label label-default">{{ t.code }}</span>
{% endif %}
{% endfor %}
{% if content.description %}
{% if !model.single %}
<span class="info">{{ content.description }}</span>
{% endif %}
{% endif %}
<div class="buttons">
{% if content.id && content.url!=null && uiElements.previewButton %}
{% if publishingEnabled %}
<a href="#" class="btn yep-ui-btn-preview" style="padding-left:15px; padding-right:15px" data-target="staging">
<span>staging</span>
</a>
<a href="#" class="btn yep-ui-btn-preview" style="padding-left:15px; padding-right:15px; margin-right:15px" data-target="live">
<span>live</span>
</a>
{% else %}
<a href="#" class="btn yep-ui-btn-preview" style="padding-left:15px; padding-right:15px; margin-right:15px" data-target="live">
<span>preview</span>
</a>
{% endif %}
{% endif %}
{% if uiElements.saveButton %}
<a href="#" class="bh-ui-btn-save btn btn-raised btn-primary bh-label" data-label="save"></a>
{% endif %}
</div>
</div>
</script>
<div id="main" class="right-sidebar">
<div class="content padsmall">
<script type="text/template" class="yep-template" src="content.ContentEditBody"></script>
</div>
<div class="sidebar">
<script type="text/template" class="yep-template" src="content.ContentEditSidebar"></script>
</div>
</div>
<div id="preview"></div>
<div class="cms-editor yep-ui-editor">
</div>
<div class="cms-editor yep-language-selector">
</div>
<div id="datagrid" class="yep-component" data-name="widgets.Datagrid" style="height:100%"></div>
<script type="text/template">
{% if busy %}
<div class="loading"></div>
{% endif %}
{% if tabs.length<=1 && !dialog %}
<div style="height:40px"></div>
{% endif %}
{% if tabs.length>1 %}
<ul class="nav nav-tabs">
{% for tab in tabs %}
{% if tab.visible %}
<li class="yep-ui-tabcontrol {% if tab.active %}active{% endif %}"><a href="#{{tab.id}}" data-toggle="tab">{{tab.label}}</a></li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
{% if dialog %}
<div style="height:30px"></div>
{% endif %}
<div class="tab-content">
{% for tab in tabs %}
<div id="{{tab.id}}" class="tab-pane {% if tab.active %}active{% endif %}">
{% if tab.type == 'dependencies' %}
<div class="panel panel-default datagridcard">
<div class="panel-body">
<div id="dependenciesdatagrid"></div>
</div>
</div>
{% else %}
<div class="cms-editor yep-ui-{{tab.id}}-editor">
</div>
{% endif %}
</div>
{% endfor %}
</div>
</script>
<!-- overridden -->
<script type="text/template" class="yep-template" src="content.ContentEditBody"></script>
<div class="cms-editor" style="padding-bottom:0; margin-top:20px">
<div class="row">
<div class="col-md-2">
<form>
<div class="property form-group">
<label class="property-label control-label bh-label" data-label="search"></label>
<div class="input-group">
<div class="yep-component" id="freetext" data-name="widgets.ClearableInput"></div>
<div class="input-group-addon">
<span class="material-icons yep-ui-submit" style="cursor:pointer"></span>
</div>
</div>
</div>
</form>
</div>
<script type="text/template">
{% for definition in filterDefinitions %}
<div class="col-md-2">
<div class="property form-group">
<label class="property-label control-label">{{definition.label}}</label>
<div id="{{definition.id}}"></div>
</div>
</div>
{% endfor %}
</script>
<button type="button" class="btn bh-label reset yep-ui-reset"
style="display:none; float:left; margin-top:22px; margin-bottom:0; padding:8px 15px" data-label="reset"></button>
</div>
</div>
<!-- toolbar -->
<script type="text/template" id="toolbar">
{% if !model.single %}
<div id="toolbar">
<div class="spacer"></div>
<h3>
<strong>
{% if model.pluralLabel!='' %}{{model.pluralLabel}}{% endif %}
{% if model.pluralLabel=='' %}{{model.label}}{% endif %}
</strong>
</h3>
{% if uiElements.createButton %}
<div class="buttons">
<a href="#" class="yep-ui-create btn btn-raised btn-primary bh-label" data-label="{{ model.id == 'media' ? 'upload' : 'create_new' }}"></a>
</div>
{% endif %}
</div>
{% endif %}
</script>
<!-- main -->
<div id="main">
<div class="content padsmall">
<!-- filters -->
<div id="filters"></div>
<!-- actions -->
<script type="text/template" id="actions">
<p style="line-height:50px">
{{ selectedElements.length }} <span class="bh-label" data-label="elements_selected"></span>
{% if selectedElements.length>0 %}
{% if selectedElements.length == 1 && model.id != 'media' %}
{% if uiElements.createButton %}
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-copy bh-label" data-label="copy"></a>
{% endif %}
{% endif %}
{% if uiElements.deleteButton %}
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-delete bh-label" data-label="delete"></a>
{% endif %}
{% if uiElements.publishButton %}
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-publish bh-label" data-label="publish"></a>
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-unpublish bh-label" data-label="unpublish"></a>
{% endif %}
{% endif %}
</p>
</script>
<!-- datagrid -->
<div class="panel panel-default datagridcard bh-datagridcard bh-fitheight" data-offset="80" style="display:none">
<div class="panel-body">
<div id="datagrid" style="height:100%"></div>
</div>
</div>
</div>
</div>
<div id="contentfilters"></div>
<br/>
<div id="contentdatagrid" style="height:400px"></div>
<div id="datagrid" class="yep-component" data-name="widgets.Datagrid" style="height:100%"></div>
<div class="cms-editor" style="margin-top:0;">
<div class="row">
<div class="col-xs-4">
<div class="form-group yep-ui-type-select-scope" style="margin-top:0">
<label class="property-label control-label bh-label" data-label="link_to"></label>
<script type="text/template" class="yep-template">
<select class="form-control yep-ui-type" style="width:100%">
<option value="externalurl" class="bh-label" data-label="external_url"></option>
<option value="page" class="bh-label" data-label="page"></option>
<option value="media" class="bh-label" data-label="media"></option>
{% for model in modelList %}
<option value="content-{{ model.id }}">{{ model.label }}</option>
{% endfor %}
</select>
</script>
</div>
</div>
<div class="col-xs-4">
<div class="form-group" style="margin-top:0">
<label class="property-label control-label bh-label" data-label="target"></label>
<select class="form-control yep-ui-target" style="width:100%">
<option value="_self" class="bh-label" data-label="same_window"></option>
<option value="_blank" class="bh-label" data-label="new_window"></option>
</select>
</div>
</div>
<div class="col-xs-4">
<div class="form-group property-label" style="margin-top:0">
<label class="property-label control-label info bh-label" data-label="follow"></label>
<div class="togglebutton" style="margin-top:5px">
<label>
<input class="yep-ui-follow" checked="checked" type="checkbox">
</label>
</div>
</div>
</div>
</div>
<div class="cms-editor" style="overflow:hidden; height:480px;">
<div class="yep-ui-panel" data-type="url" style="display:none;">
<label class="control-label bh-label" data-label="url"></label>
<input type="text" class="yep-ui-url form-control"/>
</div>
<div class="yep-ui-panel" data-type="page" style="display:none; height:100%;">
<div class="yep-ui-page-selector" style="margin-top:30px; height:100%;">
</div>
</div>
<div class="yep-ui-panel" data-type="media" style="display:none;">
<div class="yep-ui-media-selector">
</div>
</div>
<div class="yep-ui-panel" data-type="content" style="display:none;">
<div class="yep-ui-content-selector">
</div>
</div>
</div>
</div>
<script type="text/template">
{% if readOnly %}
<span class="yep-edt-boolean"></span>
{% else %}
<style>
.togglebutton>label>.toggle:nth-of-type(2){display:none}
</style>
<div class="togglebutton" style="height:45px">
<label>
<input class="yep-edt-checkbox" checked="" type="checkbox" />
<span class='toggle'></span>
</label>
</div>
{% endif %}
</script>
<script type="text/template">
{% if readOnly %}
<span class="yep-edt-color"></span>
{% else %}
<div class="yep-edt-color-cont input-group colorpicker-component" style="width:130px">
<input type="text" class="yep-edt-color form-control" style="width:80px"/>
<span class="input-group-addon" style="border:1px solid float:right; border:1px solid #ccc;"><i></i></span>
</div>
{% endif %}
</script>
<script type="text/template">
{% if readOnly %}
<span class="yep-edt-text"></span>
{% else %}
<div class="input-group">
<input type="text" class="yep-edt-text form-control"/>
<div class="input-group-addon colorpicker-component" style="border:1px solid #ccc; border-radius:0; padding:6px;">
<div class="yep-edt-color" style="width:30px; height:30px; cursor:pointer"></div>
</div>
</div>
{% endif %}
</script>
<script type="text/template">
{% if readOnly %}
<span class="yep-ed-date"></span>
{% else %}
<div class="input-group date yep-edt-datetime" style="width:{{ time ? 260 : 195 }}px">
<input type="text" class="form-control"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
<span class="input-group-addon" style="padding-left:0">
<a href="#" class="yep-edt-datetime-today btn btn-sm bh-label" data-label="today" style="padding-left:10px; padding-right:10px; margin:0;"></a>
</span>
</div>
{% endif %}
</script>
<script type="text/template">
{% if readOnly %}
{% if data %}
<a href="mailto:{{ data }}">{{ data }}</a>
{% else %}
<span class="yep-edt-text"></span>
{% endif %}
{% else %}
{% if lineNumber>1 %}
<textarea class="yep-edt-text form-control" style="height{{height}}px"></textarea>
{% else %}
<input type="text" class="yep-edt-text form-control"/>
{% endif %}
{% endif %}
</script>
<script type="text/template">
<div class="yep-media-editor">
<div class="yep-media-cont {{previewSize}} {% if accept=="image/*" %}image{% endif %}" style="display:none">
<div class="inner" style="overflow:hidden">
{% if accept=="image/*" %}
<div class="yep-edt-image image"></div>
{% else %}
<div class="yep-edt-media">
<span class="glyphicon {{icon}}"></span> <a href="#" target="_blank" style="color:#333;word-break: break-all;"></a>
{% if accept=="audio/*" %}
<audio controls class="{{previewSize}}">
</audio>
{% endif %}
{% if accept=="video/*" %}
<video controls class="{{previewSize}}">
</video>
{% endif %}
</div>
{% endif %}
</div>
</div>
{% if !readOnly %}
{% if accept=="image/*" %}<div style="height:15px"></div>{% endif %}
<a class="btn btn-primary btn-sm yep-edt-media-select-btn" href="#">
<i class="material-icons md-18"></i> <span class="bh-label" data-label="select_from_library"></span>
</a>
<a class="btn btn-primary btn-sm yep-edt-media-upload-file" href="#">
<i class="material-icons md-18"></i> <span class="bh-label" data-label="upload"></span>
</a>
<a class="btn btn-primary btn-sm yep-edt-media-reset-btn bh-label" style="display:none">
<i class="material-icons md-18"></i> <span class="bh-label" data-label="remove"></span>
</a>
{% endif %}
</div>
</script>
</script>
<textarea class="yep-edt-html"></textarea>
<!-- Identity -->
<div class="yep-edt-json" style="margin:10px 0 0 0"></div>
<script type="text/template">
<div class="">
<div class="form-group" style="margin-top:0">
{% if displayLabel %}
<label class="control-label property-label">Link</label>
{% endif %}
<div style="font-size:16px; margin-top:7px; -ms-word-break: break-all; word-break: break-all; word-break: break-word" class="yep-edt-link-object-label"></div>
<div>
<a class="btn btn-default btn-sm btn-primary yep-edt-link-select-btn" href="#">
<i class="material-icons md-18"></i> <span class="bh-label" data-label="select"></span>
</a>
<a class="btn btn-default btn-sm btn-primary yep-edt-link-reset-btn bh-label">
<i class="material-icons md-18"></i> <span class="bh-label" data-label="reset"></span>
</a>
</div>
</div>
<div class="form-group" style="margin-top:0; {% if !displayLabel %}display:none{% endif %}">
<label class="control-label property-label bh-label" data-label="label"></label>
<input type="text" class="yep-edt-link-label form-control"/>
</div>
</div>
</script>
<script type="text/template">
{% if readOnly %}
<span class="yep-edt-number"></span>
{% else %}
<input type="number" step="0.1" class="yep-edt-number form-control" style="width:{{width}}"/>
{% endif %}
</script>
<script type="text/template">
{% if readOnly %}
-
{% else %}
<input type="password" class="yep-edt-text form-control"/>
{% endif %}
</script>
<script type="text/template">
{% if readOnly %}
{{label}}
{% else %}
{% if dialog %}
<div>
<input type="text" class="yep-edt-reference-label form-control" style="cusrsor:default; display:none; background-size:0 1px,100% 1px; background-image: linear-gradient(#D2D2D2,#D2D2D2),linear-gradient(#D2D2D2,#D2D2D2)"
readonly="readonly" style="background-image:none; border-bottom:1px solid #D2D2D2"/>
<a class="btn btn-default btn-sm btn-primary yep-edt-reference-select-btn" href="#">
<i class="material-icons md-18"></i> <span class="bh-label" data-label="select"></span>
</a>
{% if !propertyDefinition.multiple %}
<a class="btn btn-default btn-sm btn-primary yep-edt-reference-reset-btn bh-label">
<i class="material-icons md-18"></i> <span class="bh-label" data-label="remove"></span>
</a>
{% endif %}
</div>
{% else %}
<div class="yep-edt-reference"></div>
{% endif %}
{% endif %}
</script>
<script type="text/template">
{% if readOnly %}
<div class="yep-edt-text"></div>
{% else %}
<textarea class="yep-edt-rte-text form-control" readonly="readonly" style="height:40px;overflow:hidden"></textarea>
<div class="yep-edt-rte"></div>
{% endif %}
</script>
<div class="yep-edt-select"></div>
<script type="text/template">
{% if readOnly %}
<span class="yep-edt-text"></span>
{% else %}
{% if lineNumber>1 %}
<textarea class="yep-edt-text form-control" style="height:{{height}}px"></textarea>
{% else %}
<input type="text" class="yep-edt-text form-control"/>
{% endif %}
{% endif %}
</script>
<script type="text/template" id="actions">
<div id="toolbar">
<a class="back yep-route" href="media/list"><i class="material-icons"></i></a>
<h3>
<strong class="bh-label" data-label="media"></strong>
</h3>
<span class="info">
{% if media.description %}
{{ media.description }}
{% else %}
{{ media.fileName }}
{% endif %}
</span>
<div class="buttons">
{% if uiElements.saveButton %}
<a href="#" class="bh-ui-btn-save btn btn-raised btn-primary bh-label" data-label="save"></a>
{% endif %}
</div>
</div>
</script>
<div id="main" class="right-sidebar">
<div class="content padsmall">
<ul class="nav nav-tabs yep-ui-tabs">
<li class="active"><a href="#mediaelements" data-toggle="tab" class="bh-label" data-label="properties"></a></li>
<li><a href="#mediadependencies" data-toggle="tab" class="bh-label" data-label="dependencies"></a></li>
</ul>
<div class="tab-content bh-fitheight" data-offset="100">
<div id="mediaelements" class="tab-pane active" style="height:100%;">
<div class="panel panel-default" style="height:100%;">
<div class="cms-editor yep-ui-elements-editor"></div>
</div>
</div>
<div id="mediadependencies" class="tab-pane" style="height:100%">
<div class="panel panel-default datagridcard" style="height:100%;">
<div class="panel-body" style="height:100%">
<div id="dependenciesdatagrid" style="height:100%"></div>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar">
<script class="yep-template" type="text/template" id="status">
{% if !busy %}
{% if uiElements.publishButton %}
<div class="section">
{% if media.publishingStatus == YEP.Constants.PUBLISHING_STATUS_UNPUBLISHED %}
<p>
<span class="bh-label" data-label="status"></span>:
<span class="status draft bh-label" data-label="unpublished"></span>
</p>
<div class="btn-group actionstoggle">
<button type="button" class="mainbtn yep-ui-btn-publish btn active btn-raised bh-label" data-label="publish" id=""></button>
<button type="button" class="btn btn active btn-raised dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only"></span>
</button>
<ul class="dropdown-menu">
<li>
<a class="yep-ui-btn-delete" href="javascript:void(0)">
<i class="material-icons">delete</i>
<span class="bh-label" data-label="delete"></span>
</a>
</li>
</ul>
</div>
{% endif %}
{% if media.publishingStatus == YEP.Constants.PUBLISHING_STATUS_UPDATED %}
<p>
<span class="bh-label" data-label="status"></span>:
<span class="status updated bh-label" data-label="updated"></span>
</p>
<div class="btn-group actionstoggle">
<button type="button" class="mainbtn yep-ui-btn-publish btn active btn-raised bh-label" data-label="publish" id="">Publish</button>
<button type="button" class="btn btn active btn-raised dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only"></span>
</button>
<ul class="dropdown-menu">
<li>
<a class="yep-ui-btn-delete" href="javascript:void(0)">
<i class="material-icons">delete</i>
<span class="bh-label" data-label="delete"></span>
</a>
</li>
<li>
<a class="yep-ui-btn-unpublish" href="javascript:void(0)">
<i class="material-icons">cloud_download</i>
<span class="bh-label" data-label="unpublish"></span>
</a>
</li>
</ul>
</div>
{% endif %}
{% if media.publishingStatus == YEP.Constants.PUBLISHING_STATUS_PUBLISHED %}
<p>
<span class="bh-label" data-label="status"></span>:
<span class="status published bh-label" data-label="published"></span>
</p>
<div class="btn-group actionstoggle">
<button type="button" class="mainbtn yep-ui-btn-publish btn active btn-raised bh-label" data-label="publish" id=""></button>
<button type="button" class="btn btn active btn-raised dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only"></span>
</button>
<ul class="dropdown-menu">
<li>
<a class="yep-ui-btn-delete" href="javascript:void(0)">
<i class="material-icons">delete</i>
<span class="bh-label" data-label="delete"></span>
</a>
</li>
<li>
<a class="yep-ui-btn-unpublish" href="javascript:void(0)">
<i class="material-icons">cloud_download</i>
<span class="bh-label" data-label="unpublish"></span>
</a>
</li>
</ul>
</div>
{% endif %}
</div>
<div class="sep"></div>
{% endif %}
<div class="section">
<h5 class="bh-label" data-label="info"></h5>
<table class="info">
<tr>
<td width="100%" nowrap><strong class="bh-label" data-label="created"></strong></td>
<td nowrap>
{{ media.creationDate }}
<span class="by"><span class="bh-label" data-label="by"></span> {{ media.createdBy }}</span>
</td>
</tr>
<tr>
<td width="100%" nowrap><strong class="bh-label" data-label="last_update"></strong></td>
<td nowrap>
{{ media.lastUpdate }}
<span class="by"><span class="bh-label" data-label="by"></span> {{ media.updatedBy }}</span>
</td>
</tr>
</table>
</div>
{% endif %}
</script>
</div>
</div>
<script type="text/template">
<div class="mediapreview">
{% if type=="image" %}
<img src="{{media.url}}">
{% endif %}
{% if type=="audio" %}
<audio controls>
<source src="{{media.url}}" type="{{media.contentType}}">
</audio>
{% endif %}
{% if type=="video" %}
<video controls>
<source src="{{media.url}}" type="{{media.contentType}}">
</video>
{% endif %}
<table>
<tr>
<th class="bh-label">Content type</th>
<td>{{media.contentType}}</td>
</tr>
<tr>
<th class="bh-label">Size</th>
<td>{{media.size}}</td>
</tr>
</table>
</div>
</script>
<div id="mediafilters"></div>
<br/>
<div id="mediadatagrid" style="height:400px"></div>
<div class="mediaupload">
<div class="droparea yep-ui-droparea">
<span class="plus">
+
</span>
<br/>
<span class="info bh-label" data-label="click_or_drag_files_here"></span>
<input type="file" class="yep-ui-file" multiple="multiple"/>
</div>
<script type="text/template">
{% if handlers.length>0 %}
<div class="documents yep-ui-documents">
<table>
{% for handler in handlers %}
<tr class="yep-ui-upload" id="{{handler.id}}">
<td width="100%">
<fieldset class="form-group" style="margin:0; padding:0;">
<label class="control-label">{{ handler.files[0].name }} ({{ handler.files[0].displaySize }})</label>
<input id="name" class="form-control yep-ui-description bh-label" data-label="enter_name" data-attribute="placeholder" type="text">
</fieldset>
<div class="progress">
<div class="progress-bar yep-ui-upload-progress"></div>
</div>
</td>
<td>
{% if handler.files[0].dataURL %}
<div class="preview" style="background-image:url('{{ handler.files[0].dataURL }}')"></div>
{% else %}
<div class="document material-icons md-36">insert_drive_file</div>
{% endif %}
</td>
<td>
<i class="material-icons action bh-label yep-ui-remove" data-label="remove" data-attribute="title">delete</i>
</td>
</tr>
{% endfor %}
</table>
</div>
{% endif %}
</script>
</div>
<div class="dashboard">
<script type="text/template" class="yep-template" data-engine="twig">
{% if !busy %}
<div class="alert alert-dismissible alert-primary infopanel">
<div class="cell">
<h3>
<i class="material-icons user"></i>
<span class="bh-label" data-label="welcome"></span> {{ uiElements.userLabel }}
</h3>
</div>
<div class="cell actions">
<div class="repositorylabel">{{uiElements.appName}}</div>
{% if uiElements.previewButtons %}
<!--
{% if uiElements.stagingPreviewButton!=null %}
<a href="{{ uiElements.stagingPreviewButton.href }}" onclick="$(this).blur()" class="btn" target="_blank">{{ uiElements.stagingPreviewButton.label }}</a>
|
{% endif %}
{% if uiElements.livePreviewButton!=null %}
<a href="{{ uiElements.livePreviewButton.href }}" onclick="$(this).blur()" class="btn" target="_blank">{{ uiElements.livePreviewButton.label }}</a>
{% endif %}
-->
{% endif %}
</div>
</div>
{% endif %}
</script>
<div id="main">
<div class="content">
<script type="text/template" class="yep-template" data-engine="twig">
{% if busy %}
<div class="loading"></div>
{% else %}
<div class="row">
<div class="col-md-8">
<table class="datatable table table-hover">
<thead>
<tr>
<th colspan="5" class="bh-label" data-label="latest_updated_elements">
</th>
</tr>
</thead>
<tbody>
{% for row in dataset.data %}
<tr id="{{ row.id }}" data-model="{{ row.modelId }}" class="yep-ui-record">
<td nowrap><i class="material-icons">{{ row.icon }}</i></td>
<td nowrap>{{ row.modelDescription }}</td>
<td width="100%">
{{ row.description}}
</td>
<td nowrap>
{{ row.lastUpdateDescription }}
<br/>
{% if row.updatedBy!="" %}
<span class="txt-small">
by {{ row.updatedBy }}
{% endif %}
</span>
</td>
</tr>
{% endfor %}
<tr>
<td colspan="4">
<a href="storableList" class="btn btn-sm btn-primary yep-route bh-label" data-label="all"></a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-4">
<table class="table">
<thead>
<tr>
<th colspan="2" class="bh-label" data-label="quick_links">
</th>
</tr>
</thead>
<tbody>
{% for row in uiElements.contentButtons %}
<tr>
<td width="100%" style="vertical-align:middle">
{{ row.label }}
</td>
<td nowrap>
<a href="{{ row.allRoute }}" class="yep-route btn btn-sm btn-primary"><span class="bh-label" data-label="all"></span></a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{% endif %}
</script>
</div>
</div>
</div>
<script type="text/template">
<div id="main" class="right-sidebar">
<div class="content">
<h1>{{message}}</h1>
</div>
</div>
</script>
<script type="text/template" class="yep-template">
<div class="loginpanel">
<div class="cont">
<div class="center">
<h2>{{appName}}</h2>
</div>
<div class="box cms-editor bh-loginbox">
<form>
<div class="form-group">
<label class="control-label bh-label" data-label="username"></label>
<input class="form-control yep-username" type="text"/>
</div>
<div class="form-group">
<label class="control-label bh-label" data-label="password"></label>
<input class="form-control yep-password" type="password" />
</div>
<div class="form-group center yep-errorbox" style="display:none">
<p class="bh-label" data-label="invalid_username_or_password"></p>
</div>
<div class="form-group center">
<button class="btn btn-raised btn-primary bh-label" data-label="login"></button>
{% if passwordResetUrl %}
<br/>
<br/>
<a class="bh-label" href="{{passwordResetUrl}}" data-label="lost_password"></a>
{% endif %}
</div>
</form>
</div>
<div class="center">
<p>
<img src="{{webResourcePath}}yep-admin/web/img/logo.svg" class="logo"/>
<br/>
Yep v.{{ version }} - © {{ year }} Stone Digital S.r.l.
</p>
</div>
</div>
</div>
</script>
<script type="text/template">
<div class="yep-ui-preview contentpreview">
<div id="header" class="navbar navbar-default navbar-inverse">
<div class="container-fluid">
<ul class="nav navbar-nav">
{% if ui.buttons.length>0 %}
{% for btn in ui.buttons %}
<li {% if loop.last %}class="sep"{% endif %}>
<a href="{{ btn.url }}" class="yep-ui-changeurl" data-target="{{ btn.target }}">{{ btn.label }}</a>
</li>
{% endfor %}
{% endif %}
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a class="yep-ui-newwindow bh-label" data-label="open_in_new_window" data-attribute="title" target="yeppreview"><i class="material-icons">open_in_new</i></a>
</li>
<li>
<a class="yep-ui-jsonbtn bh-label" data-label="inspect" data-attribute="title"><i class="material-icons">info_outline</i></a>
</li>
<li>
<a class="yep-ui-close bh-label" data-label="close" data-attribute="title"><i class="material-icons">close</i></a>
</li>
</ul>
</div>
</div>
<iframe frameborder="0"></iframe>
<div class="panel yep-ui-panel">
<div class="json yep-ui-json"></div>
<a class="yep-ui-closepanel close bh-label" data-label="close" data-attribute="title"><i class="material-icons">close</i></a>
</div>
</div>
</script>
<div id="datagrid" class="yep-component" data-name="widgets.Datagrid" style="height:100%"></div>
<div id="toolbar">
<a class="back yep-route" href="dashboard"><i class="material-icons"></i></a>
<h3>
<strong class="bh-label" data-label="latest_updated_elements"></strong>
</h3>
</div>
<div id="main">
<div class="content">
<div class="panel panel-default datagridcard bh-fitheight" data-offset="110">
<div class="panel-body">
<div id="datagrid" style="height:100%"></div>
</div>
</div>
</div>
</div>
<div id="main">
<div class="content">
<div id="component"></div>
<script type="text/template">
<p>Component <strong>{{componentName}}</strong> not found</p>
</script>
</div>
</div>
<div class="loginpanel">
<script type="text/template" class="yep-template">
<div class="cont">
<div class="center">
<h2 class="bh-label" data-label="change_password"></h2>
</div>
<div class="box cms-editor bh-loginbox">
{% if display == 'form' %}
<p class="bh-label" data-label="password_reset_info"></p>
<form autocomplete="off">
<div class="form-group">
<label class="control-label bh-label" data-label="new_password"></label>
<input class="form-control yep-password" type="password"/>
</div>
<div class="form-group">
<label class="control-label bh-label" data-label="confirm_password"></label>
<input class="form-control yep-password-confirm" type="password"/>
</div>
<div class="form-group center yep-errorbox" style="display:none">
<p class="bh-label" data-label="password_not_match"></p>
</div>
<div class="form-group center">
<a href="../../../" class="btn bh-label" data-label="cancel"></a>
<button class="btn btn-raised btn-primary bh-label" data-label="change_password"></button>
</div>
</form>
{% else %}
<p class="center" style="margin:30px 0 30px 0">{{message}}</p>
<div class="form-group center">
<a href="../../../" class="btn btn-raised btn-primary bh-label" data-label="login"></a>
</div>
{% endif %}
</div>
<div class="center">
<p>
<img src="{{contextPath}}yep-admin/web/img/logo.svg" class="logo"/>
<br/>
Yep v.{{ version }} - © {{ year }} Stone Digital S.r.l.
</p>
</div>
</div>
</script>
</div>
<div class="loginpanel">
<script type="text/template" class="yep-template">
<div class="cont">
<div class="center">
<h2 class="bh-label" data-label="password_reset"></h2>
</div>
<div class="box cms-editor bh-loginbox">
{% if display == 'form' %}
<p class="bh-label" data-label="password_reset_token_info"></p>
<form autocomplete="off">
<div class="form-group">
<label class="control-label bh-label">Username / Email</label>
<input class="form-control yep-username" type="text"/>
</div>
<div class="form-group center yep-errorbox" style="display:none">
<p class="bh-label" data-label="user_not_found"></p>
</div>
<div class="form-group center">
<a href="../../" class="btn bh-label" data-label="cancel"></a>
<button class="btn btn-raised btn-primary bh-label" data-label="reset_password"></button>
</div>
</form>
{% else %}
<p class="bh-label" data-label="password_reset_token_success" style="margin:30px 0 30px 0"></p>
{% endif %}
</div>
<div class="center">
<p>
<img src="{{contextPath}}yep-admin/web/img/logo.svg" class="logo"/>
<br/>
Yep v.{{ version }} - © {{ year }} Stone Digital S.r.l.
</p>
</div>
</div>
</script>
</div>
<script class="yep-template" type="text/template">
<div id="toolbar">
<a class="back yep-route" href="site{% if model.id == 'block' %}?t=block{% endif %}"><i class="material-icons"></i></a>
<h3>
{% if model.id == 'page' %}
<strong class="bh-label" data-label="page"></strong>
{% else %}
<strong class="bh-label" data-label="block"></strong>
{% endif %}
</h3>
{% for t in translations %}
{% if t.current && translations.length>1 %}
<span class="label label-default">{{t.code}}</span>
{% endif %}
{% endfor %}
{% if content.elements.name %}
<span class="info">{{content.elements.name}}</span>
{% endif %}
<div class="buttons">
{% if content.id && content.stagingUrl!=null && uiElements.previewButton %}
{% if publishingEnabled %}
<a href="#" class="btn yep-ui-btn-preview" style="padding-left:15px; padding-right:15px" data-target="staging">
<span>staging</span>
</a>
<a href="#" class="btn yep-ui-btn-preview" style="padding-left:15px; padding-right:15px; margin-right:15px" data-target="live">
<span>live</span>
</a>
{% else %}
<a href="#" class="btn yep-ui-btn-preview" style="padding-left:15px; padding-right:15px; margin-right:15px" data-target="live">
<span>preview</span>
</a>
{% endif %}
{% endif %}
{% if uiElements.saveButton %}
<a href="#" class="bh-ui-btn-save btn btn-raised btn-primary bh-label" data-label="save"></a>
{% endif %}
</div>
</div>
</script>
<div id="main" class="right-sidebar">
<div class="content padsmall">
<script type="text/template">
{% if tabs.length<=1 %}
<div style="height:40px"></div>
{% endif %}
{% if tabs.length>1 %}
<ul class="nav nav-tabs">
{% for tab in tabs %}
{% if tab.visible %}
<li class="yep-ui-tabcontrol {% if tab.active %}active{% endif %}"><a href="#{{tab.id}}" data-toggle="tab">{{tab.label}}</a></li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
<div class="tab-content">
{% for tab in tabs %}
<div id="{{tab.id}}" class="tab-pane {% if tab.active %}active{% endif %}">
{% if tab.type=='dependencies' %}
<div class="panel panel-default datagridcard">
<div class="panel-body">
<div id="dependenciesdatagrid"></div>
</div>
</div>
{% else %}
<div class="cms-editor yep-ui-{{tab.id}}-editor">
</div>
{% endif %}
</div>
{% endfor %}
</div>
</script>
</div>
<div class="sidebar">
<script type="text/template" class="yep-template" src="content.ContentEditSidebar"></script>
</div>
</div>
<div id="preview"></div>
<!-- filters -->
<div id="filters"></div>
<!-- actions -->
<script type="text/template" id="actions">
<p style="line-height:50px">
{{ selectedElements.length }} <span class="bh-label" data-label="elements_selected"></span>
{% if selectedElements.length>0 %}
{% if uiElements.deleteButton %}
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-delete bh-label" data-label="delete"></a>
{% endif %}
{% if uiElements.publishButton %}
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-publish bh-label" data-label="publish"></a>
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-unpublish bh-label" data-label="unpublish"></a>
{% endif %}
{% endif %}
</p>
</script>
<!-- datagrid -->
<div class="panel panel-default datagridcard bh-fitheight" data-offset="-50">
<div class="panel-body">
<div id="datagrid" style="height:100%"></div>
</div>
</div>
<div class="cms-editor" style="height:400px">
<div class="form-group" style="margin-top:0">
<label class="property-label control-label bh-label" data-label="name"></label>
<input type="text" class="yep-ui-name form-control"/>
</div>
<p class="error yep-ui-error bh-label" style="display:none; color:red" data-label="specify_name_and_select_a_template_or_a_page_to_copy"></p>
<ul class="nav nav-tabs" style="margin-top:20px; margin-bottom:10px">
<li class="yep-ui-tabcontrol active"><a href="#pagecreatenew" data-toggle="tab" class="bh-label" data-label="new"></a></li>
<li class="yep-ui-tabcontrol"><a href="#pagecreatecopy" data-toggle="tab" class="bh-label" data-label="copy"></a></li>
</ul>
<div class="tab-content">
<div id="pagecreatenew" class="tab-pane active">
<div class="form-group">
<label class="property-label control-label bh-label" data-label="template"></label>
<div class="yep-ui-select"></div>
</div>
</div>
<div id="pagecreatecopy" class="tab-pane">
<div class="yep-ui-tree" style="height:260px; overflow:auto"></div>
</div>
</div>
</div>
<script class="yep-template" type="text/template" id="siteactions">
{% if !displayTree %}
<div class="alert alert-info">
<p class="bh-label" data-label="no_page_found"></p>
</div>
{% endif %}
{% if displayTree %}
{% if displayType!="selector" %}
<p style="line-height:50px">
{{ selectedElements.length}} <span class="bh-label" data-label="elements_selected"></span>
{% if selectedElements.length>0 %}
{% if selectedElements.length==1 %}
{% if uiElements.createButton %}
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-appendpage bh-label" data-label="add_children"></a>
{% endif %}
{% endif %}
{% if uiElements.deleteButton %}
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-delete bh-label" data-label="delete"></a>
{% endif %}
{% if uiElements.publishButton %}
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-publish bh-label" data-label="publish"></a>
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-unpublish bh-label" data-label="unpublish"></a>
{% endif %}
{% endif %}
</p>
{% endif %}
{% endif %}
</script>
<div class="panel panel-default datagridcard" style="height:100%">
<div class="panel-body">
<div id="sitetree" style="height:100%"></div>
</div>
</div>
<script type="text/template">
<div id="toolbar">
<div class="spacer"></div>
<h3>
<strong class="bh-label" data-label="site"></strong>
</h3>
<div class="buttons">
{% if uiElements.createPageButton %}
<a href="javascript:void(0)" class="yep-ui-newpage btn btn-raised btn-primary bh-label" data-label="create_new_page"
{% if uiElements.selectedTab == 'block' %}style="display:none"{% endif %}></a>
{% endif %}
{% if uiElements.createBlockButton %}
<a href="javascript:void(0)" class="yep-ui-newblock btn btn-raised btn-primary bh-label" data-label="create_new_block"
{% if uiElements.selectedTab == 'page' %}style="display:none"{% endif %}></a>
{% endif %}
</div>
</div>
<div id="main">
<div class="content padsmall">
{% if uiElements.tabs %}
<ul class="nav nav-tabs yep-ui-tabs" style="margin-bottom:15px">
<li {% if uiElements.selectedTab == 'page' %}class="active"{% endif %}>
<a href="#page" data-toggle="tab" class="bh-label" data-label="pages" data-id="page"></a>
</li>
<li {% if uiElements.selectedTab == 'block' %}class="active"{% endif %}>
<a href="#block" data-toggle="tab" class="bh-label" data-label="blocks" data-id="block"></a>
</li>
</ul>
{% endif %}
<div class="tab-content bh-fitheight" data-offset="145">
<div id="page" class="yep-ui-pagetree tab-pane {% if uiElements.selectedTab == 'page' %}active{% endif %}" style="height:100%">
</div>
<div id="block" class="yep-ui-blocklist tab-pane {% if uiElements.selectedTab == 'block' %}active{% endif %}" style="height:100%">
</div>
</div>
</div>
</div>
</script>
<div class="yep-ui-sitetree" style="height:100%"></div>
<div class="yep-component" data-name="test.DummyComponent" data-message="Component message"></div>
<script type="text/template">
<div class="datagrid2" style="height: 300px;">
<div class="grid">
<div class="loading"></div>
<table class="datatable table table-hover">
<thead>
<tr>
<th nowrap width="50"><div class="th">test</div></th>
<th class="sortable yep-ui-sort sortable desc" data-sort="elements.cap" nowrap="">
<div class="th">
<span>1</span>
<i class="arrow up material-icons">arrow_drop_up</i>
<i class="arrow down material-icons">arrow_drop_down</i>
</div>
</th>
<th class="sortable yep-ui-sort " data-sort="elements.region" nowrap="">
<div class="th">
<span>2</span>
<i class="arrow up material-icons">arrow_drop_up</i>
<i class="arrow down material-icons">arrow_drop_down</i>
</div>
</th>
<th class="sortable yep-ui-sort " data-sort="elements.province" nowrap="">
<div class="th">
<span>3</span>
<i class="arrow up material-icons">arrow_drop_up</i>
<i class="arrow down material-icons">arrow_drop_down</i>
</div>
</th>
<th nowrap="">
<div class="th">
<span>4</span>
</div>
</th>
</tr>
</thead>
<tbody>
{% for row in data %}
<tr>
<td></td>
{% for col in row %}
<td>
{{col}}
</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
<div class="counters">
100
</div>
</div>
</div>
</script>
<div id="dynamicDatagrid" class="yep-component" data-name="widgets.Datagrid"></div>
<div id="staticDatagrid" class="yep-component" data-name="widgets.Datagrid"></div>
<div id="dynamicDatagrid" class="yep-component" data-name="widgets.Datagrid2"></div>
<div id="staticDatagrid" class="yep-component" data-name="widgets.Datagrid2"></div>
<script type="text/template">
Dummy component {{message}}
</script>
<script type="text/template">
<ul>
<% for (var i=0;i<list.length;i++) { %>
<li><%= list[i]%></li>
<% } %>
</ul>
</script>
<div class="row">
<div class="col-md-3">
<label class="property-label control-label" style="font-szie:14px; color:#333">Label 1</label>
<div id="select" class="yep-component" data-name="widgets.Select">
test
</div>
</div>
<div class="col-md-3">
<label class="property-label control-label" style="font-szie:14px; color:#333">Label 2</label>
<div id="multipleselect" class="yep-component" data-name="widgets.Select" data-multiple="true"></div>
</div>
</div>
<div id="main">
<div class="content">
<div id="component"></div>
<script type="text/template">
<p>Component <strong>{{componentName}}</strong> not found</p>
</script>
</div>
</div>
<div id="tree"></div>
<div class="upload"></div>
<a href="#">Upload</a>
<div class="yep-ui-vc-templates" style="display:none">
<div data-id="row">
<div class="vc-row yep-ui-row">
<div class="vc-row-actions">
<i class="material-icons drag yep-ui-row-handle"></i>
<div class="dropdown" style="display:inline">
<i class="material-icons add dropdown-toggle" data-toggle="dropdown" aria-expanded="true" title="Add">library_add</i>
<ul class="dropdown-menu">
<li><a href="#" class="yep-ui-cell-add" data-model="">Content</a></li>
</ul>
</div>
<i class="material-icons delete yep-ui-row-delete" title="Remove"></i>
</div>
<div class="vc-row-body row yep-ui-row-body">
</div>
</div>
</div>
<div data-id="cell">
<div class="vc-cell yep-ui-cell">
<div class="vc-cell-actions">
<div class="dropdown" style="display:inline">
<i class="material-icons md-18 add dropdown-toggle" data-toggle="dropdown" aria-expanded="true" title="Resize">aspect_ratio</i>
<ul class="dropdown-menu">
<li><a href="#" class="yep-ui-cell-resize" data-size="4">1 cols</a></li>
<li><a href="#" class="yep-ui-cell-resize" data-size="8">2 cols</a></li>
<li><a href="#" class="yep-ui-cell-resize" data-size="12">3 cols</a></li>
</ul>
</div>
<i class="material-icons md-18 edit">edit</i>
<i class="material-icons md-18 delete yep-ui-cell-delete"></i>
</div>
<div class="vc-cell-body"></div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-body">
<div class="visualcomposer yep-ui-vc-workarea">
</div>
<br/>
<button type="button" class="btn btn-sm btn-default btn-raised yep-ui-row-add"><span class="glyphicon glyphicon-plus"></span> Add row</button>
</div>
</div>
<script class="yep-template" type="text/template" id="actions">
<div id="toolbar">
<a class="back yep-route" href="group/list"><i class="material-icons"></i></a>
<h3>
{% if id %}
<strong>{{ group.name }}</strong>:
<span class="bh-label" data-label="edit"></span>
{% else %}
<strong class="bh-label" data-label="groups"></strong>:
<span class="bh-label" data-label="create_new"></span>
{% endif %}
</h3>
{% if uiElements.saveButton %}
<div class="buttons">
<a href="#" class="bh-ui-btn-save btn btn-raised btn-primary bh-label" data-label="save"></a>
</div>
{% endif %}
</div>
</script>
<div id="main">
<div class="content">
<div class="cms-editor">
<div class="yep-ui-group-editor">
</div>
</div>
<script class="yep-template" type="text/template">
{% if users.length>0 %}
<div class="cms-editor yep-ui-users-editor">
<div class="panel panel-default">
<div class="panel-body">
<h4 class="content-group-title bh-toggle-control bh-label" data-label="users"></h4>
{% for user in users %}
<div class="checkbox">
{% if !readOnly %}
<label>
<input type="checkbox" class="yep-ui-user" value="{{ user.id}}" {% if user.inGroup %}checked="checked"{% endif %} />
</label>
{% endif %}
{{ user.username }}
</div>
{% endfor %}
</div>
</div>
</div>
{% endif %}
</script>
<script class="yep-template" type="text/template">
<div class="cms-editor yep-ui-grants-editor">
<div class="panel panel-default">
<div class="panel-body">
<h4 class="content-group-title bh-toggle-control bh-label" data-label="grants"></h4>
<table class="table">
<thead>
<tr>
<th> </th>
{% if readOnly %}
<th class="bh-label yep-ui-columntoggle" data-col="2" data-label="read">/th>
<th class="bh-label yep-ui-columntoggle" data-col="3" data-label="edit"></th>
<th class="bh-label yep-ui-columntoggle" data-col="4" data-label="create"></th>
<th class="bh-label yep-ui-columntoggle" data-col="5" data-label="delete"></th>
{% if uiElements.publishColumn %}
<th class="bh-label yep-ui-columntoggle" data-col="6" data-label="publish"></th>
{% endif %}
{% else %}
<th nowrap>
<div class="checkbox" style="display:inline-block; margin:0 5px 0 0;">
<label>
<input
class="yep-ui-columntoggle" data-col="2"
type="checkbox">
</label>
</div>
<span class="bh-label" data-label="read">/span>
</th>
<th nowrap>
<div class="checkbox" style="display:inline-block; margin:0 5px 0 0;">
<label>
<input
class="yep-ui-columntoggle" data-col="3"
type="checkbox">
</label>
</div>
<span class="bh-label" data-label="create">/span>
</th>
<th nowrap>
<div class="checkbox" style="display:inline-block; margin:0 5px 0 0;">
<label>
<input
class="yep-ui-columntoggle" data-col="4"
type="checkbox">
</label>
</div>
<span class="bh-label" data-label="edit">/span>
</th>
<th nowrap>
<div class="checkbox" style="display:inline-block; margin:0 5px 0 0;">
<label>
<input
class="yep-ui-columntoggle" data-col="5"
type="checkbox">
</label>
</div>
<span class="bh-label" data-label="delete">/span>
</th>
{% if uiElements.publishColumn %}
<th nowrap>
<div class="checkbox" style="display:inline-block; margin:0 5px 0 0;">
<label>
<input
class="yep-ui-columntoggle" data-col="6"
type="checkbox">
</label>
</div>
<span class="bh-label" data-label="publish">/span>
</th>
{% endif %}
{% endif %}
</tr>
</thead>
<tbody>
{% for tr in grantTable %}
<tr>
<td>{{ tr.label }}</td>
{% for key, grant in tr.grants %}
<td width="15%">
{% if readOnly %}
{% if tr.grants[key] %}
<i class="material-icons"></i>
{% else %}
<i class="material-icons" style="opacity:0.3"></i>
{% endif %}
{% endif %}
{% if !readOnly %}
<div class="checkbox" style="margin:0">
<label>
<input
value="true"
type="checkbox"
class="yep-ui-grant"
data-type="{{ tr.type}}"
{% if tr.modelId %}data-modelId="{{ tr.modelId }}"{% endif %}
data-grant="{{ key }}"
{% if grant %}checked="checked"{% endif %}>
</label>
</div>
{% endif %}
</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
</script>
</div>
</div>
<div id="toolbar">
<div class="spacer"></div>
<h3>
<strong class="bh-label" data-label="groups"></strong>
</h3>
<script class="yep-template" type="text/template">
{% if uiElements.createButton %}
<div class="buttons">
<a href="group/create" class="yep-route btn btn-raised btn-primary">Create new</a>
</div>
{% endif %}
</script>
</div>
<div id="main">
<div class="content padsmall">
<!-- actions -->
<script type="text/template" id="actions">
{% if uiElements.allowSelection %}
<p style="line-height:50px">
{{ selectedElements.length }} <span class="bh-label" data-label="elements_selected"></span>
{% if selectedElements.length>0 %}
{% if uiElements.deleteButton %}
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-delete bh-label" data-label="delete"></a>
{% endif %}
{% endif %}
</p>
{% endif %}
</script>
<!-- datagrid -->
<div class="panel panel-default datagridcard bh-fitheight" data-offset="80">
<div class="panel-body">
<div id="datagrid" style="height:100%"></div>
</div>
</div>
</div>
</div>
<script type="text/template">
<div id="toolbar">
<div class="spacer"></div>
<h3>
<strong class="bh-label" data-label="profile"></strong>
</h3>
{% if !readOnly %}
<div class="buttons">
<a href="javascript:void(0)" class="bh-ui-btn-save btn btn-raised btn-primary bh-label" data-label="save"></a>
</div>
{% endif %}
</div>
<div id="main">
<div class="content">
<div class="cms-editor yep-ui-user-editor">
</div>
</div>
</div>
</script>
<script class="yep-template" type="text/template" id="actions">
<div id="toolbar">
<a class="back yep-route" href="user/list"><i class="material-icons"></i></a>
<h3>
{% if id %}
<strong>{{ user.username}}</strong>:
<span class="bh-label" data-label="edit"></span>
{% endif %}
{% if !id %}
<strong class="bh-label" data-label="users"></strong>:
<span class="bh-label" data-label="create_new"></span>
{% endif %}
</h3>
{% if uiElements.saveButton %}
<div class="buttons">
<a href="#" class="bh-ui-btn-save btn btn-raised btn-primary bh-label" data-label="save"></a>
</div>
{% endif %}
</div>
</script>
<div id="main">
<div class="content">
<div class="cms-editor yep-ui-user-editor">
</div>
<div class="cms-editor">
<script class="yep-template" type="text/template">
{% if groups.length>0 %}
<div class="cms-editor panel panel-default yep-ui-users-editor">
<div class="panel-body">
<h4 class="content-group-title bh-toggle-control bh-label" data-label="groups"></h4>
{% for group in groups %}
<div class="checkbox">
{% if !readOnly %}
<label>
<input type="checkbox" class="yep-ui-group" value="{{ group.id}}" {% if group.hasUser %}checked="checked"{% endif %} />
</label>
{% endif %}
{{ group.name}}
{% endfor %}
</div>
</div>
</div>
{% endif %}
</script>
</div>
</div>
</div>
<div id="toolbar">
<div class="spacer"></div>
<h3>
<strong class="bh-label" data-label="users"></strong>
</h3>
<script class="yep-template" type="text/template">
{% if uiElements.createButton %}
<div class="buttons">
<a href="user/create" class="yep-route btn btn-raised btn-primary">Create new</a>
</div>
{% endif %}
</script>
</div>
<div id="main">
<div class="content padsmall">
<script type="text/template" id="actions">
{% if uiElements.allowSelection %}
<p style="line-height:50px">
{{ selectedElements.length }} <span class="bh-label" data-label="elements_selected"></span>
{% if selectedElements.length>0 %}
{% if uiElements.deleteButton %}
<a href="#" class="btn btn-raised btn-primary btn-xs yep-ui-delete bh-label" data-label="delete"></a>
{% endif %}
{% endif %}
</p>
{% endif %}
</script>
<!-- datagrid -->
<div class="panel panel-default datagridcard bh-fitheight" data-offset="80">
<div class="panel-body">
<div id="datagrid" style="height:100%"></div>
</div>
</div>
</div>
</div>
<div class="bh-clearable clearable">
<input class="form-control yep-ui-freetext" type="text">
<i class="material-icons bh-clear clear">clear</i>
</div>
<div class="datagrid yep-ui-datagrid-container">
<div class="yep-ui-toolbar toolbar"></div>
<div class="yep-ui-message" style="display:none">
<script type="text/template" id="message">
<p>{{emptyDataMessage}}</p>
</script>
</div>
<div class="loading yep-ui-loading" style="display:none"></div>
<div class="grid yep-ui-grid" style="display:none">
<script type="text/template" id="grid">
<table class="datatable table table-hover yep-ui-scroller">
<thead>
<tr>
{% if selectable %}
<th width="36">
<div class="th">
<div class="checkbox">
<label>
<input type="checkbox" class="yep-ui-selectall">
</label>
</div>
</div>
</th>
{% endif %}
{% if sortable %}
<th width="36">
</th>
{% endif %}
{% for col in columns %}
<th
{% if col.sortable %}class="sortable yep-ui-sort {{col.sort}}" data-sort="{{col.id}}"{% endif %}>
<div class="th">
<span>{{col.label}}</span>
{% if col.sortable %}
<i class="arrow up material-icons">arrow_drop_up</i>
<i class="arrow down material-icons">arrow_drop_down</i>
{% endif %}
</div>
</th>
{% endfor %}
{% if detailButton %}
<th width="36">
</th>
{% endif %}
</tr>
</thead>
<tbody class="yep-ui-databody">
</tbody>
</table>
</script>
<script type="text/template" id="counters">
{% if totalCount>0 %}
<p class="counters">
{{loadedCount}} <span class="bh-label" data-label="of"></span> {{totalCount}} {{elementLabel}}
</p>
{% endif %}
</script>
</div>
</div>
<div class="yep-ui-databuilder" style="display:none">
<script type="text/template" id="databuilder">
<table >
{% for row in data %}
<tr class="yep-ui-record" id="{{row.__id}}" {% if detailButton!=null %}style="cursor:default"{% endif %}>
{% if selectable %}
<td width="36">
<div class="checkbox">
<label>
<input type="checkbox" class="yep-ui-select">
</label>
</div>
</td>
{% endif %}
{% if sortable %}
<td width="36" style="position:relative;">
<i class="material-icons yep-ui-drag" style="opacity:0.5; position:absolute; top:50%; margin-top:-11px; cursor:move"></i>
</td>
{% endif %}
{% for col in row.__cols %}
<td class="yep-ui-cell">{{col.data}}</td>
{% endfor %}
{% if detailButton!=null %}
<td width="36" style="cursor:pointer" class="yep-ui-detail">
{{detailButton}}
</td>
{% endif %}
</tr>
{% endfor %}
</table>
</script>
</div>
<script type="text/template">
<div class="enhancedselect dropdown" style="min-width:{{width}}">
<div class="dropdown-toggle form-control bh-toggle">
<div class="selectlabel bh-selectlabel bh-tooltip"></div>
<div class="caret bh-caret"></div>
{% if nullable %}
<i class="material-icons bh-reset reset">clear</i>
{% endif %}
</div>
<ul class="dropdown-menu bh-menu" style="{{dropDownStyle}}">
{% if displaySearch %}
<li class="search">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="material-icons"></i></div>
<input type="text" class="bh-label bh-search" data-label="search" data-attribute="placeholder">
</div>
</div>
</li>
{% endif %}
{% if multiple && displayAll%}
<li class="item">
<a href="#" class="bh-item bh-all">
<div class="form-group">
<div class="input-group">
<div class="checkbox">
<label>
<input type="checkbox" value="" {% if options.length == value.length %}checked="checked"{% endif %}/>
</label>
<strong class="bh-label" data-label="all">All</strong>
</div>
</div>
</div>
</a>
</li>
{% endif %}
{% for option in options %}
<li class="item {% if !multiple && option.selected %}selected{% endif %}">
<a href="#" class="bh-item" data-value="{{option.value}}">
<div class="form-group">
<div class="input-group">
<div class="checkbox">
{% if multiple %}
<label>
<input type="checkbox" value="{{option.value}}" {% if option.selected %}checked="checked"{% endif %}/>
</label>
{% endif %}
<span class="bh-optionlabel">{{option.label}}</span>
</div>
{% if multiple %}
<div class="input-group-addon">
<span class="small text-primary only bh-only bh-label" data-label="only"></span>
</div>
{% endif %}
</div>
</div>
</a>
</li>
{% endfor %}
<li class="emptysearch bh-emptysearch bh-label" data-label="no_item_found"></li>
</ul>
</div>
</script>
<div class="tree">
<div class="header">
<script type="text/template">
<table class="table datatable">
<thead>
<tr>
{% if selectable %}
<th width="105" nowrap>
<div class="checkbox">
<label>
<input type="checkbox" class="yep-ui-selectall" />
</label>
</div>
</th>
{% endif %}
<th class="bh-label" width="100%">{{label}}</th>
</tr>
</thead>
</table>
</script>
</div>
<div class="body yep-ui-body">
<div class="yep-ui-tree"></div>
</div>
<div class="footer"></div>
</div>