<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>
<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>
<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 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 class="yep-template" type="text/template" id="actions"> <div id="toolbar"> <a class="back yep-route" href="content/{{ model.id }}/list"><i class="material-icons">&#xE314;</i></a> <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 %} <span class="info">{{ content.description }}</span> {% endif %} <div class="buttons"> {% if content.id && content.stagingUrl!=null && uiElements.previewButton %} <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> {% 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 busy %} <div class="loading"></div> {% endif %} </script> <!-- <script type="text/template"> {% if !uiElements.meta %} <div style="height:40px"></div> {% endif %} <ul class="nav nav-tabs" style="{% if !uiElements.meta %}display:none;{% endif %}"> <li class="yep-ui-tabcontrol active"><a href="#contentelements" data-toggle="tab" class="bh-label" data-label="elements"></a></li> <li class="yep-ui-tabcontrol"><a href="#contentattributes" data-toggle="tab" class="bh-label" data-label="meta_info"></a></li> </ul> </script> --> <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 %}"> <div class="cms-editor yep-ui-{{tab.id}}-editor"> </div> </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>
<script class="yep-template" type="text/template" id="status"> {% if !busy %} {% if id %} {% if uiElements.publishButton %} <div class="section"> {% if content.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 content.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 content.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 %} {% if translations.length>1 %} <div class="section"> <h5 class="bh-label" data-label="translations"></h5> <table> {% for t in translations %} <tr> <td width="100%" nowrap> <span>{% if t.current %}<strong>{% endif %}{{ t.name }}{% if t.current %}</strong>{% endif %}</span> </td> {% if !t.current && t.active %} <td> {% if uiElements.editLanguageButton || uiElements.viewLanguageButton %} <a class="btn btn-xs bh-ui-btn-editlanguage bh-label" data-language="{{ t.code }}"><i class="material-icons">&#xE150;</i></a> {% endif %} </td> {% endif %} {% if !t.active %} <td> {% if uiElements.addLanguageButton %} <a class="btn btn-xs bh-ui-btn-addlanguage" data-language="{{ t.code }}"><i class="material-icons">&#xE147;</i></a> {% endif %} </td> {% endif %} {% if t.active && t.deletable %} <td> {% if uiElements.removeLanguageButton %} <a class="btn btn-xs bh-ui-btn-removelanguage" data-language="{{ t.code }}"><i class="material-icons">&#xE872;</i></a> {% endif %} </td> {% endif %} </tr> {% endfor %} </table> </div> {% endif %} <div class="sep"></div> <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> {{ content.creationDate }} <span class="by"><span class="bh-label" data-label="by"></span> {{ content.createdBy }}</span> </td> </tr> <tr> <td width="100%" nowrap><strong class="bh-label" data-label="last_update"></strong></td> <td nowrap> {{ content.lastUpdate }} <span class="by"><span class="bh-label" data-label="by"></span> {{ content.updatedBy }}</span> </td> </tr> </table> </div> {% endif %} {% if !id %} <div class="section"> <h5 class="bh-label" data-label="status"></h5> <p> <span class="draft bh-label" data-label="unpublished"></span> </p> </div> {% endif %} {% endif %} </script>
<div class="cms-editor" style="padding-bottom:0"> <div class="row"> <div class="col-md-3"> <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">&#xE8B6;</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:47px; margin-bottom:0; padding:8px 15px" data-label="reset"></button> </div> </div>
<!-- toolbar --> <div id="toolbar"> <div class="spacer"></div> <script type="text/template" id="toolbar"> <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 %} </script> </div> <!-- 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> &nbsp; {% 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="80"> <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 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"> <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-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"> <div class="yep-media-editor"> <div class="yep-media-cont {{previewSize}} {% if accept=="image/*" %}image{% endif %}" style="display:none"> <div class="inner"> {% if accept=="image/*" %} <div class="yep-edt-image image"></div> {% else %} <div class="yep-edt-media"> <span class="glyphicon {{icon}}"></span>&nbsp;<a href="#" target="_blank" style="color:#333;"></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 %} <a class="btn btn-primary btn-sm yep-edt-media-select-btn" href="#"> <i class="material-icons md-18">&#xE3B6;</i> <span class="bh-label" data-label="select_from_library"></span> </a> &nbsp; <a class="btn btn-primary btn-sm yep-edt-media-upload-file" href="#"> <i class="material-icons md-18">&#xE2C6;</i> <span class="bh-label" data-label="upload"></span> </a> &nbsp; <a class="btn btn-primary btn-sm yep-edt-media-reset-btn bh-label" style="display:none"> <i class="material-icons md-18">&#xE15D;</i> <span class="bh-label" data-label="remove"></span> </a> {% endif %} </div> </script> </script>
<!-- Identity -->
<div class="yep-edt-json" style="margin:10px 0 0 0"></div>
<script type="text/template"> <div class="form-group" style="margin-top:0"> <label class="control-label yep-edt-link-object-type" style="display:none"></label> <input type="text" class="yep-edt-link-object-label form-control" readonly="readonly" style="background-image:none; border-bottom:1px solid #D2D2D2"/> <div class="yep-ui-focusshow" style="display:none"> <a class="btn btn-default btn-sm btn-primary yep-edt-link-select-btn" href="#"> <i class="material-icons md-18">&#xE157;</i> <span class="bh-label" data-label="select"></span> </a> &nbsp; <a class="btn btn-default btn-sm btn-primary yep-edt-link-reset-btn bh-label"> <i class="material-icons md-18">&#xE15D;</i> <span class="bh-label" data-label="remove"></span> </a> </div> </div> <div class="form-group yep-ui-focusshow" style="display:none; margin-top:0"> <label class="control-label property-label bh-label" data-label="label"></label> <input type="text" class="yep-edt-link-label form-control"/> </div> </script>
<script type="text/template"> {% if readOnly %} <span class="yep-edt-number"></span> {% else %} <input type="number" class="yep-edt-number form-control" style="width:200px"/> {% endif %} </script>
<script type="text/template"> {% if readOnly %} {{label}} {% else %} {% if dialog %} <div> <input type="text" class="yep-edt-reference-label form-control" style="display:none" 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">&#xE02F;</i> <span class="bh-label" data-label="select"></span> </a> {% if !propertyDefinition.multiple %} &nbsp; <a class="btn btn-default btn-sm btn-primary yep-edt-reference-reset-btn bh-label"> <i class="material-icons md-18">&#xE15D;</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:80px;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>&nbsp; {% 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">&#xE314;</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"> <script type="text/template"> {% if busy %} <div class="loading"></div> {% endif %} </script> <div class="cms-editor yep-ui-elements-editor"> </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">&#xE853;</i> <span class="bh-label" data-label="welcome"></span> {{ uiElements.userLabel }} </h3> </div> {% if uiElements.previewButtons %} <div class="cell actions"> <div class="repositorylabel">{{uiElements.appName}}</div> {% if uiElements.stagingPreviewButton!=null %} <a href="{{ uiElements.stagingPreviewButton.href }}" onclick="$(this).blur()" class="btn" target="_blank">{{ uiElements.stagingPreviewButton.label }}</a> &nbsp;|&nbsp; {% endif %} {% if uiElements.livePreviewButton!=null %} <a href="{{ uiElements.livePreviewButton.href }}" onclick="$(this).blur()" class="btn" target="_blank">{{ uiElements.livePreviewButton.label }}</a> {% endif %} </div> {% endif %} </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 %} </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> <a href="#" class="btn btn-sm btn-primary yep-ui-new-button" data-modelid="{{ row.modelId }}"><span class="bh-label" data-label="new"></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"> <div id="header" class="navbar navbar-default navbar-inverse"> <div class="container-fluid"> <div class=""> <ul class="nav navbar-nav"> {% for menu in uiElements.menu %} {% if menu.children.length==0 %} <li class="yep-ui-menu-parent sep"> <a href="{{ menu.route}}" class="yep-menu-item yep-route"> <!--<i class="material-icons">{{ menu.icon }}</i>--> {{ menu.label }} </a> </li> {% endif %} {% if menu.children.length>0 %} <li class="yep-ui-menu-parent dropdown sep"> <a href="#" class="yep-menu-item dropdown-toggle" data-toggle="dropdown"> <!--<i class="material-icons">{{ menu.icon }}</i>--> {{ menu.label }} <b class="caret"></b> <div class="ripple-container"></div> </a> <ul class="dropdown-menu"> {% for child in menu.children %} <li> <a href="{{ child.route }}" class="yep-menu-item yep-route">{{ child.label }}</a> </li> {% endfor %} </ul> </li> {% endif %} {% endfor %} </ul> <ul class="nav navbar-nav navbar-right"> {% if uiElements.adminMenu!=null && uiElements.adminMenu.children.length>0 %} <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="material-icons">{{ uiElements.adminMenu.icon }}</i> <b class="caret"></b> <div class="ripple-container"></div> </a> <ul class="dropdown-menu"> {% for child in uiElements.adminMenu.children %} <li><a href="{{ child.route}}" class="yep-route">{{ child.label }}</a></li> {% endfor %} </ul> </li> {% endif %} <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="material-icons">&#xE853;</i> <b class="caret"></b> <div class="ripple-container"></div> </a> <ul class="dropdown-menu"> <li><a class="username">{{ uiElements.userLabel }}</a></li> <li> <a href="#" class="bh-switchlanguage" data-language="it"> <i class="material-icons" {% if language!='it' %}style="opacity:0"{% endif %}>check</i> <span>Italiano</span> </a> </li> <li> <a href="#" class="bh-switchlanguage" data-language="en"> <i class="material-icons" {% if language!='en' %}style="opacity:0"{% endif %}>check</i> <span>English</span> </a> </li> <li> <a href="#" class="bh-logout"> <i class="material-icons md-24">&#xE879;</i> <span class="bh-label" data-label="logout"></span> </a> </li> </ul> </li> </ul> </div> </div> </div> </script>
<script type="text/template" class="yep-template"> <div class="login"> <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" style="margin-top:20px"> <label class="control-label bh-label" data-label="language"></label> <select class="form-control yep-language"> <option value="en" {% if language == 'en' %}selected="selected"{% endif %}>English</option> <option value="it" {% if language == 'it' %}selected="selected"{% endif %}>Italiano</option> </select> </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> </div> </form> </div> <div class="center"> <p> <img src="{{contextPath}}/yep-admin/web/img/logo.svg" class="logo"/> <br/> Yep v.{{ version }} - &copy; {{ year }} Stone Digital S.r.l. </p> </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> {% if ui.jsonButton %} <li> <a class="yep-ui-jsonbtn bh-label" data-label="inspect" data-attribute="title"><i class="material-icons">info_outline</i></a> </li> {% endif %} <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="main"> <div class="content"> <div id="component"></div> <script type="text/template"> <p>Component <strong>{{componentName}}</strong> not found</p> </script> </div> </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">&#xE314;</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 %} <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> {% 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 %}"> <div class="cms-editor yep-ui-{{tab.id}}-editor"> </div> </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> &nbsp; {% 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>
<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> &nbsp; {% 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>
<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">&#xE8FE;</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">&#xE872;</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">&#xE872;</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">&#xE314;</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> &nbsp; {% 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>&nbsp;</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">&#xE5CA;</i> {% else %} <i class="material-icons" style="opacity:0.3">&#xE14B;</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> &nbsp; {% 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 class="yep-template" type="text/template" id="actions"> <div id="toolbar"> <a class="back yep-route" href="user/list"><i class="material-icons">&#xE314;</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> &nbsp; {% 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> &nbsp; {% 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 %} {% 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 %} </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 selectable %} <td width="36"> <div class="checkbox"> <label> <input type="checkbox" class="yep-ui-select"> </label> </div> </td> {% endif %} {% for col in row.__cols %} <td class="yep-ui-cell">{{col.data}}</td> {% endfor %} </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> <i class="material-icons bh-reset reset">clear</i> </div> <ul class="dropdown-menu bh-menu"> {% if displaySearch %} <li class="search"> <div class="form-group"> <div class="input-group"> <div class="input-group-addon"><i class="material-icons">&#xE8B6;</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> &nbsp; <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> &nbsp; {% 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>