Added rule editor to other element types.

This commit is contained in:
Sipke Schoorstra
2015-04-19 11:40:13 +02:00
parent d5f75a242d
commit c525bda388
7 changed files with 8 additions and 2 deletions

View File

@@ -12,6 +12,7 @@
};
}
@Display(New.LayoutEditor_Template_Properties(ElementTypeName: "form", Items: additionalItems))
@Display(New.LayoutEditor_Template_Rule(ElementTypeName: "form"))
<li class="layout-panel-item layout-panel-action" title="@T("Delete form (Del)")" ng-click="delete(element)"><i class="fa fa-remove"></i></li>
</ul>
<div class="layout-container-children-placeholder">

View File

@@ -72,6 +72,7 @@ namespace Orchard.Layouts.Framework.Display {
var childIndex = 0;
foreach (var child in container.Elements) {
var childShape = DisplayElement(child, content, displayType: displayType, updater: updater);
if (childShape != null) {
childShape.Parent = elementShape;
elementShape.Add(childShape, childIndex++.ToString());

View File

@@ -3,6 +3,7 @@
<li class="layout-panel-item layout-panel-label">Canvas</li>
@Display()
@Display(New.LayoutEditor_Template_Properties(ElementTypeName: "canvas"))
@Display(New.LayoutEditor_Template_Rule(ElementTypeName: "canvas"))
</ul>
<div class="layout-container-children-placeholder">
@T("This layout canvas is empty. To get started, drag a grid element from the toolbox and drop it here.")

View File

@@ -16,6 +16,7 @@
<ul class="layout-panel layout-panel-main">
<li class="layout-panel-item layout-panel-label">Column ({{element.width}})</li>
@Display(New.LayoutEditor_Template_Properties(ElementTypeName: "column", Items: additionalItems))
@Display(New.LayoutEditor_Template_Rule(ElementTypeName: "column"))
<li class="layout-panel-item layout-panel-action" title="@T("Delete column (Del)")" ng-click="delete(element)"><i class="fa fa-remove"></i></li>
<li class="layout-panel-item layout-panel-action" title="@T("Move column left (Ctrl+Left)")" ng-click="element.moveUp()" ng-class="{disabled: !element.canMoveUp()}"><i class="fa fa-chevron-left"></i></li>
<li class="layout-panel-item layout-panel-action" title="@T("Move column right (Ctrl+Right)")" ng-click="element.moveDown()" ng-class="{disabled: !element.canMoveDown()}"><i class="fa fa-chevron-right"></i></li>

View File

@@ -3,6 +3,7 @@
<li class="layout-panel-item layout-panel-label">{{::element.contentTypeLabel}}</li>
<li class="layout-panel-item layout-panel-action layout-panel-action-edit" ng-show="{{element.hasEditor}}" title="Edit {{element.contentTypeLabel.toLowerCase()}} content (Enter)" ng-click="edit()"><i class="fa fa-code"></i></li>
@Display(New.LayoutEditor_Template_Properties(ElementTypeName: "{{element.contentTypeLabel.toLowerCase()}}"))
@Display(New.LayoutEditor_Template_Rule(ElementTypeName: "{{element.contentTypeLabel.toLowerCase()}}"))
<li class="layout-panel-item layout-panel-action" title="@T("Delete {{element.contentTypeLabel.toLowerCase()}} (Del)")" ng-click="delete(element)"><i class="fa fa-remove"></i></li>
<li class="layout-panel-item layout-panel-action" title="@T("Move {{element.contentTypeLabel.toLowerCase()}} up (Ctrl+Up)")" ng-click="element.moveUp()" ng-class="{disabled: !element.canMoveUp()}"><i class="fa fa-chevron-up"></i></li>
<li class="layout-panel-item layout-panel-action" title="@T("Move {{element.contentTypeLabel.toLowerCase()}} down (Ctrl+Down)")" ng-click="element.moveDown()" ng-class="{disabled: !element.canMoveDown()}"><i class="fa fa-chevron-down"></i></li>

View File

@@ -1,8 +1,8 @@
@using Orchard.Layouts.ViewModels;
<div class="layout-element-wrapper" ng-class="{'layout-container-empty': getShowChildrenPlaceholder()}">
<div class="layout-element-wrapper" ng-class="{'layout-container-empty': getShowChildrenPlaceholder()}">
<ul class="layout-panel layout-panel-main">
<li class="layout-panel-item layout-panel-label">Grid</li>
@Display(New.LayoutEditor_Template_Properties(ElementTypeName: "grid"))
@Display(New.LayoutEditor_Template_Rule(ElementTypeName: "grid"))
<li class="layout-panel-item layout-panel-action" title="@T("Delete grid (Del)")" ng-click="delete(element)"><i class="fa fa-remove"></i></li>
<li class="layout-panel-item layout-panel-action" title="@T("Move grid up (Ctrl+Up)")" ng-click="element.moveUp()" ng-class="{disabled: !element.canMoveUp()}"><i class="fa fa-chevron-up"></i></li>
<li class="layout-panel-item layout-panel-action" title="@T("Move grid down (Ctrl+Down)")" ng-click="element.moveDown()" ng-class="{disabled: !element.canMoveDown()}"><i class="fa fa-chevron-down"></i></li>

View File

@@ -2,6 +2,7 @@
<ul class="layout-panel layout-panel-main">
<li class="layout-panel-item layout-panel-label">Row</li>
@Display(New.LayoutEditor_Template_Properties(ElementTypeName: "row"))
@Display(New.LayoutEditor_Template_Rule(ElementTypeName: "row"))
<li class="layout-panel-item layout-panel-action" title="@T("Delete row (Del)")" ng-click="delete(element)">
<i class="fa fa-remove"></i>
</li>