55 lines
2.3 KiB
HTML
55 lines
2.3 KiB
HTML
<div ng-controller="Umbraco.PropertyEditors.ContentPickerController" class="umb-editor umb-contentpicker">
|
|
|
|
<ng-form name="contentPickerForm">
|
|
|
|
<ul class="unstyled list-icons"
|
|
ui-sortable
|
|
ng-model="renderModel">
|
|
<li ng-repeat="node in renderModel" ng-attr-title="{{model.config.showPathOnHover && 'Path: ' + node.path || undefined}}">
|
|
<i class="icon icon-navigation handle"></i>
|
|
<a href="#" prevent-default ng-click="remove($index)">
|
|
<i class="icon icon-delete red hover-show"></i>
|
|
<i class="{{node.icon}} hover-hide"></i>
|
|
{{node.name}}
|
|
</a>
|
|
|
|
<div ng-if="!dialogEditor && ((model.config.showOpenButton && allowOpenButton) || (model.config.showEditButton && allowEditButton))">
|
|
<small ng-if="model.config.showOpenButton && allowOpenButton"><a href ng-click="showNode($index)"><localize key="open">Open</localize></a></small>
|
|
<small ng-if="model.config.showEditButton && allowEditButton"><a href umb-launch-mini-editor="node"><localize key="edit">Edit</localize></a></small>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul class="unstyled list-icons" ng-show="model.config.multiPicker === true || renderModel.length === 0">
|
|
<li>
|
|
<i class="icon icon-add blue"></i>
|
|
<a href="#" ng-click="openContentPicker()" prevent-default>
|
|
<localize key="general_add">Add</localize>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!--These are here because we need ng-form fields to validate against-->
|
|
<input type="hidden" name="minCount" ng-model="renderModel" />
|
|
<input type="hidden" name="maxCount" ng-model="renderModel" />
|
|
|
|
<div class="help-inline" val-msg-for="minCount" val-toggle-msg="minCount">
|
|
You need to add at least {{model.config.minNumber}} items
|
|
</div>
|
|
|
|
<div class="help-inline" val-msg-for="maxCount" val-toggle-msg="maxCount">
|
|
You can only have {{model.config.maxNumber}} items selected
|
|
</div>
|
|
|
|
|
|
</ng-form>
|
|
|
|
<umb-overlay
|
|
ng-if="contentPickerOverlay.show"
|
|
model="contentPickerOverlay"
|
|
view="contentPickerOverlay.view"
|
|
position="right">
|
|
</umb-overlay>
|
|
|
|
</div>
|