Remove sorting in grid layout configuration (#8354)
This commit is contained in:
Bjarne Fyrstenborg
committed by
GitHub
GitHub
parent
99a3dec4ba
commit
14e92e1583
+123
-129
@@ -1,171 +1,165 @@
|
||||
<div class="usky-grid usky-grid-configuration" ng-controller="Umbraco.PropertyEditors.GridPrevalueEditor.LayoutConfigController as vm">
|
||||
|
||||
|
||||
|
||||
<div class="usky-grid usky-grid-configuration"
|
||||
ng-controller="Umbraco.PropertyEditors.GridPrevalueEditor.LayoutConfigController as vm">
|
||||
|
||||
<umb-editor-view>
|
||||
|
||||
<form novalidate name="LayoutConfigForm" val-form-manager>
|
||||
|
||||
<umb-editor-header
|
||||
name="model.title"
|
||||
name-locked="true"
|
||||
hide-alias="true"
|
||||
hide-icon="true"
|
||||
hide-description="true">
|
||||
</umb-editor-header>
|
||||
<umb-editor-header
|
||||
name="model.title"
|
||||
name-locked="true"
|
||||
hide-alias="true"
|
||||
hide-icon="true"
|
||||
hide-description="true">
|
||||
</umb-editor-header>
|
||||
|
||||
<umb-editor-container>
|
||||
<umb-box>
|
||||
<umb-box-content>
|
||||
<umb-editor-container>
|
||||
<umb-box>
|
||||
<umb-box-content>
|
||||
|
||||
<div class="umb-forms-settings form-horizontal">
|
||||
|
||||
<p>
|
||||
<localize key="grid_addGridLayoutDetail"/>
|
||||
</p>
|
||||
|
||||
<umb-control-group label="@general_name">
|
||||
<input type="text" ng-model="currentLayout.name"/>
|
||||
</umb-control-group>
|
||||
|
||||
<div class="uSky-templates-template"
|
||||
style="margin: 0; width: 350px; position: relative;">
|
||||
|
||||
<div class="tb" style="height: 70px; border-width: 2px; padding: 2px">
|
||||
<div class="tr">
|
||||
|
||||
<div class="umb-forms-settings form-horizontal">
|
||||
<a class="td uSky-templates-column"
|
||||
ng-class="{last:$last, selected:section==currentSection}"
|
||||
ng-repeat="section in currentLayout.sections"
|
||||
ng-click="configureSection(section, currentLayout)"
|
||||
ng-style="{width: percentage(section.grid) +'%'}">
|
||||
</a>
|
||||
|
||||
<p><localize key="grid_addGridLayoutDetail" /></p>
|
||||
<a class="td uSky-templates-column add" ng-if="availableLayoutSpace > 0"
|
||||
ng-click="configureSection(undefined, currentLayout)"
|
||||
ng-style="{width: percentage(availableLayoutSpace) + '%'}">
|
||||
<i class="icon icon-add"></i>
|
||||
</a>
|
||||
|
||||
<umb-control-group label="@general_name">
|
||||
<input type="text" ng-model="currentLayout.name" />
|
||||
</umb-control-group>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="uSky-templates-template"
|
||||
style="margin: 0; width: 350px; position: relative;">
|
||||
<div ng-if="currentSection != null" style="padding-bottom: 50px;">
|
||||
|
||||
<div class="tb" style="height: 70px; border-width: 2px; padding: 2px">
|
||||
<div class="tr">
|
||||
<umb-control-group label="@general_width">
|
||||
<div class="grid-size-scaler">
|
||||
<button type="button" class="btn-link" ng-click="scaleDown(currentSection)">
|
||||
<i class="icon icon-remove" aria-hidden="true"></i>
|
||||
</button>
|
||||
<span>{{currentSection.grid}}</span>
|
||||
<button type="button" class="btn-link"
|
||||
ng-click="scaleUp(currentSection, availableLayoutSpace)">
|
||||
<i class="icon icon-add" aria-hidden="true"></i>
|
||||
</button>
|
||||
</div>
|
||||
</umb-control-group>
|
||||
|
||||
<a class="td uSky-templates-column"
|
||||
ng-class="{last:$last, selected:section==currentSection}"
|
||||
ng-repeat="section in currentLayout.sections"
|
||||
ng-click="configureSection(section, currentLayout)"
|
||||
ng-style="{width: percentage(section.grid) +'%'}">
|
||||
</a>
|
||||
<umb-control-group hide-label="true">
|
||||
<i class="icon-delete red" aria-hidden="true"></i>
|
||||
<button type="button" class="btn btn-small btn-link"
|
||||
ng-click="deleteSection(currentSection, currentLayout)">
|
||||
<localize key="general_delete" class="ng-isolate-scope ng-scope">Delete
|
||||
</localize>
|
||||
</button>
|
||||
</umb-control-group>
|
||||
|
||||
<a class="td uSky-templates-column add" ng-if="availableLayoutSpace > 0"
|
||||
ng-click="configureSection(undefined, currentLayout)"
|
||||
ng-style="{width: percentage(availableLayoutSpace) + '%'}">
|
||||
<i class="icon icon-add"></i>
|
||||
</a>
|
||||
<umb-control-group hide-label="true">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<umb-toggle
|
||||
class="umb-toggle-group-item__toggle"
|
||||
checked="currentSection.allowAll"
|
||||
on-click="toggleAllowed(currentSection)"
|
||||
show-labels="true"
|
||||
label-position="right"
|
||||
label-off="Allow all row configurations"
|
||||
label-on="Allow all row configurations"
|
||||
style="margin-left: 18px">
|
||||
</umb-toggle>
|
||||
|
||||
<div ng-if="currentSection != null" style="padding-bottom: 50px;">
|
||||
<div ng-if="currentSection.allowAll === false">
|
||||
<hr/>
|
||||
|
||||
<umb-control-group label="@general_width">
|
||||
<div class="grid-size-scaler">
|
||||
<a href ng-click="scaleDown(currentSection)">
|
||||
<i class="icon icon-remove"></i>
|
||||
</a>
|
||||
{{currentSection.grid}}
|
||||
<a href ng-click="scaleUp(currentSection, availableLayoutSpace)">
|
||||
<i class="icon icon-add"></i>
|
||||
</a>
|
||||
</div>
|
||||
</umb-control-group>
|
||||
<div class="control-group uSky-templates-rows">
|
||||
<ul class="unstyled">
|
||||
|
||||
<umb-control-group hide-label="true">
|
||||
<i class="icon-delete red"></i>
|
||||
<a class="btn btn-small btn-link" href="" ng-click="deleteSection(currentSection, currentLayout)">
|
||||
<localize key="general_delete" class="ng-isolate-scope ng-scope">Delete</localize>
|
||||
</a>
|
||||
</umb-control-group>
|
||||
<li ng-repeat="row in rows track by $id(row)">
|
||||
|
||||
<div class="flex">
|
||||
|
||||
<umb-control-group hide-label="true">
|
||||
<umb-checkbox model="row.allowed"
|
||||
input-id="rowconfig-{{$index}}"
|
||||
on-change="selectRow(currentSection, row)">
|
||||
</umb-checkbox>
|
||||
|
||||
<umb-toggle
|
||||
class="umb-toggle-group-item__toggle"
|
||||
checked="currentSection.allowAll"
|
||||
on-click="toggleAllowed(currentSection)"
|
||||
show-labels="true"
|
||||
label-position="right"
|
||||
label-off="Allow all row configurations"
|
||||
label-on="Allow all row configurations"
|
||||
style="margin-left: 18px">
|
||||
</umb-toggle>
|
||||
<div
|
||||
ng-click="row.allowed = !row.allowed; selectRow(currentSection, row)"
|
||||
class="flex flex-auto cursor-pointer">
|
||||
|
||||
<div ng-if="currentSection.allowAll === false">
|
||||
<hr />
|
||||
<div class="preview-rows columns" style="margin-top: auto;">
|
||||
<div class="preview-row">
|
||||
<div class="preview-col"
|
||||
ng-class="{last:$last}"
|
||||
ng-repeat="area in row.areas"
|
||||
ng-style="{width: percentage(area.grid) + '%'}">
|
||||
|
||||
<div class="control-group uSky-templates-rows">
|
||||
<ul class="unstyled"
|
||||
ui-sortable
|
||||
ng-model="model.value.templates">
|
||||
<div class="preview-cell"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<li ng-repeat="row in rows track by $id(row)">
|
||||
<div>
|
||||
{{row.name}}<br/>
|
||||
<small>{{row.areas.length}} cells</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
</div>
|
||||
|
||||
<umb-checkbox model="row.allowed"
|
||||
input-id="rowconfig-{{$index}}"
|
||||
on-change="selectRow(currentSection, row)">
|
||||
</umb-checkbox>
|
||||
<br style="clear: both"/>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</umb-control-group>
|
||||
</div>
|
||||
|
||||
<div ng-click="row.allowed = !row.allowed; selectRow(currentSection, row)" class="flex flex-auto cursor-pointer">
|
||||
</div>
|
||||
|
||||
<div class="preview-rows columns" style="margin-top: auto;">
|
||||
<div class="preview-row">
|
||||
<div class="preview-col"
|
||||
ng-class="{last:$last}"
|
||||
ng-repeat="area in row.areas"
|
||||
ng-style="{width: percentage(area.grid) + '%'}">
|
||||
</umb-box-content>
|
||||
</umb-box>
|
||||
</umb-editor-container>
|
||||
|
||||
<div class="preview-cell"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
{{row.name}}<br />
|
||||
<small>{{row.areas.length}} cells</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<br style="clear: both" />
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</umb-control-group>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</umb-box-content>
|
||||
</umb-box>
|
||||
</umb-editor-container>
|
||||
|
||||
<umb-editor-footer>
|
||||
<umb-editor-footer-content-right>
|
||||
<umb-button
|
||||
type="button"
|
||||
button-style="link"
|
||||
label-key="general_close"
|
||||
shortcut="esc"
|
||||
action="close()">
|
||||
</umb-button>
|
||||
<umb-editor-footer>
|
||||
<umb-editor-footer-content-right>
|
||||
<umb-button
|
||||
type="button"
|
||||
button-style="link"
|
||||
label-key="general_close"
|
||||
shortcut="esc"
|
||||
action="close()">
|
||||
</umb-button>
|
||||
<umb-button
|
||||
type="button"
|
||||
button-style="success"
|
||||
label-key="general_submit"
|
||||
action="submit()">
|
||||
</umb-button>
|
||||
</umb-editor-footer-content-right>
|
||||
</umb-editor-footer>
|
||||
</umb-editor-footer-content-right>
|
||||
</umb-editor-footer>
|
||||
|
||||
</form>
|
||||
</form>
|
||||
|
||||
</umb-editor-view>
|
||||
</umb-editor-view>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user