101 lines
4.1 KiB
HTML
101 lines
4.1 KiB
HTML
<div class="usky-grid usky-grid-configuration" ng-controller="Umbraco.PropertyEditors.GridPrevalueEditor.RowConfigController">
|
|
|
|
<div class="umb-form-settings">
|
|
|
|
<h5><localize key="grid_addRowConfiguration" /></h5>
|
|
<p><localize key="grid_addRowConfigurationDetail" /></p>
|
|
|
|
<div class="alert alert-warn ng-scope" ng-show="nameChanged">
|
|
<p>Modifying a row configuration name will result in loss of
|
|
data for any existing content that is based on this configuration.</p>
|
|
<p><strong>Modifying only the label will not result in data loss.</strong></p>
|
|
</div>
|
|
|
|
<umb-control-group label="@general_name">
|
|
<input type="text" ng-model="currentRow.name" />
|
|
</umb-control-group>
|
|
|
|
<umb-control-group label="@general_label">
|
|
<input type="text" ng-model="currentRow.label" placeholder="Overrides name" />
|
|
</umb-control-group>
|
|
|
|
<div class="uSky-templates-template"
|
|
style="margin: 0; width: 350px; position: relative;">
|
|
|
|
<div class="tb" style="height: auto; border: none !important; background: none">
|
|
<div class="tr">
|
|
|
|
<a class="td uSky-templates-column"
|
|
ng-class="{last:$last, selected:cell==currentCell}"
|
|
ng-repeat="cell in currentRow.areas"
|
|
ng-click="configureCell(cell, currentRow)"
|
|
ng-style="{width: percentage(cell.grid) + '%'}">
|
|
</a>
|
|
|
|
<a class="td uSky-templates-column add"
|
|
ng-click="configureCell(undefined, currentRow)"
|
|
ng-style="{width: percentage(availableRowSpace) + '%'}">
|
|
<i class="icon icon-add"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-if="currentCell" style="padding-bottom: 50px;">
|
|
|
|
<umb-control-group label="@general_width">
|
|
<div class="grid-size-scaler">
|
|
<a href ng-click="scaleDown(currentCell)">
|
|
<i class="icon icon-remove"></i>
|
|
</a>
|
|
{{currentCell.grid}}
|
|
<a href ng-click="scaleUp(currentCell, availableRowSpace, true)">
|
|
<i class="icon icon-add"></i>
|
|
</a>
|
|
</div>
|
|
</umb-control-group>
|
|
|
|
<umb-control-group label="@grid_maxItems" description="@grid_maxItemsDescription">
|
|
<input type="number" ng-model="currentCell.maxItems" class="umb-editor-tiny" placeholder="Max" min="0" />
|
|
</umb-control-group>
|
|
|
|
<umb-control-group hide-label="true">
|
|
<i class="icon-delete red"></i>
|
|
<a class="btn btn-small btn-link" href="" ng-click="deleteArea(currentCell, currentRow)">
|
|
<localize key="general_delete" class="ng-isolate-scope ng-scope">Delete</localize>
|
|
</a>
|
|
</umb-control-group>
|
|
|
|
<umb-control-group hide-label="true">
|
|
<ul class="unstyled">
|
|
<li>
|
|
<label>
|
|
<input type="checkbox"
|
|
ng-model="currentCell.allowAll"
|
|
ng-change="toggleAllowed(currentCell)" />
|
|
<localize key="grid_allowAllEditors"/>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
|
|
<div ng-if="currentCell.allowAll === false">
|
|
<hr />
|
|
<ul class="unstyled">
|
|
<li ng-repeat="editor in editors">
|
|
<label>
|
|
<input type="checkbox"
|
|
checklist-model="currentCell.allowed"
|
|
checklist-value="editor.alias">
|
|
<i class="icon {{editor.icon}}"></i> {{editor.name}}
|
|
<small class="input-label--small">({{editor.alias}})</small>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</umb-control-group>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|