Adds support for blueprints

- an array of available blueprints is added to the output of GetContentTypes
- new methods are added to the dialog controller, to handle blueprints.
- blueprint scaffold is loaded using the contentResource

Author: skttl

src/Our.Umbraco.DocTypeGridEditor/Web/Controllers/DocTypeGridEditorApiController.cs

@@ -27,17 +27,22 @@ public object GetContentTypeAliasByGuid([ModelBinder] Guid guid)
         [HttpGet]
         public IEnumerable<object> GetContentTypes([ModelBinder] string[] allowedContentTypes)
         {
-            return Services.ContentTypeService.GetAllContentTypes()
+            var contentTypes = Services.ContentTypeService.GetAllContentTypes()
                 .Where(x => allowedContentTypes == null || allowedContentTypes.Length == 0 || allowedContentTypes.Any(y => Regex.IsMatch(x.Alias, y)))
                 .OrderBy(x => x.Name)
+                .ToList();
+            var blueprints = Services.ContentService.GetBlueprintsForContentTypes(contentTypes.Select(x => x.Id).ToArray()).ToArray();
+
+            return contentTypes
                 .Select(x => new
                 {
                     id = x.Id,
                     guid = x.Key,
                     name = x.Name,
                     alias = x.Alias,
                     description = x.Description,
-                    icon = x.Icon
+                    icon = x.Icon,
+                    blueprints = blueprints.Where(bp => bp.ContentTypeId == x.Id).ToDictionary(bp => bp.Id, bp => bp.Name)
                 });
         }
 

src/Our.Umbraco.DocTypeGridEditor/Web/UI/App_Plugins/DocTypeGridEditor/Js/doctypegrideditor.controllers.js

@@ -195,8 +195,9 @@ angular.module("umbraco").controller("Our.Umbraco.DocTypeGridEditor.Dialogs.DocT
         "contentResource",
         "Our.Umbraco.DocTypeGridEditor.Resources.DocTypeGridEditorResources",
         "Our.Umbraco.DocTypeGridEditor.Services.DocTypeGridEditorUtilityService",
+        "blueprintConfig",
 
-        function ($scope, $interpolate, formHelper, contentResource, dtgeResources, dtgeUtilityService) {
+        function ($scope, $interpolate, formHelper, contentResource, dtgeResources, dtgeUtilityService, blueprintConfig) {
 
             $scope.docTypes = [];
             $scope.dialogMode = "selectDocType";
@@ -208,13 +209,41 @@ angular.module("umbraco").controller("Our.Umbraco.DocTypeGridEditor.Dialogs.DocT
                 : undefined;
 
             $scope.model.nameExp = nameExp;
-
-            $scope.selectDocType = function (alias) {
+            
+            function createBlank() {
                 $scope.dialogMode = "edit";
-                $scope.model.dialogData.docTypeAlias = alias;
                 loadNode();
             };
 
+            function createOrSelectBlueprintIfAny(docType) {
+
+                $scope.model.dialogData.docTypeAlias = docType.alias;
+                var blueprintIds = _.keys(docType.blueprints || {});
+                $scope.selectedDocType = docType;
+
+                if (blueprintIds.length) {
+                    if (blueprintConfig.skipSelect) {
+                        createFromBlueprint(blueprintIds[0]);
+                    } else {
+                        $scope.dialogMode = "selectBlueprint";
+                    }
+                } else {
+                    createBlank();
+                }
+            };
+
+            function createFromBlueprint(blueprintId) {
+                contentResource.getBlueprintScaffold(-20, blueprintId).then(function (data) {
+                    // Assign the model to scope
+                    $scope.nodeContext = $scope.model.node = data;
+                    $scope.dialogMode = "edit";
+                });
+            };
+
+            $scope.createBlank = createBlank;
+            $scope.createOrSelectBlueprintIfAny = createOrSelectBlueprintIfAny;
+            $scope.createFromBlueprint = createFromBlueprint;
+
             function loadNode() {
                 contentResource.getScaffold(-20, $scope.model.dialogData.docTypeAlias).then(function (data) {
 
@@ -250,9 +279,7 @@ angular.module("umbraco").controller("Our.Umbraco.DocTypeGridEditor.Dialogs.DocT
                 dtgeResources.getContentTypes($scope.model.allowedDocTypes).then(function (docTypes) {
                     $scope.docTypes = docTypes;
                     if ($scope.docTypes.length == 1) {
-                        $scope.model.dialogData.docTypeAlias = $scope.docTypes[0].alias;
-                        $scope.dialogMode = "edit";
-                        loadNode();
+                        createOrSelectBlueprintIfAny($scope.docTypes[0]);
                     }
                 });
             }

src/Our.Umbraco.DocTypeGridEditor/Web/UI/App_Plugins/DocTypeGridEditor/Views/doctypegrideditor.dialog.html

@@ -4,7 +4,7 @@
         <umb-control-group label="{{selectContentTypeLabel}}" ng-switch-when="selectDocType">
             <ul class="umb-actions umb-actions-child">
                 <li data-element="action-create-{{docType.alias}}" ng-repeat="docType in docTypes | orderBy:'name':false">
-                    <a ng-click="selectDocType(docType.alias)">
+                    <a ng-click="createOrSelectBlueprintIfAny(docType)">
                         <i class="large {{docType.icon}}"></i>
                         <span class="menu-label">
                             {{docType.name}}
@@ -17,6 +17,29 @@
             </ul>
         </umb-control-group>
 
+        <div ng-switch-when="selectBlueprint">
+            <h5>Select a blueprint</h5>
+
+            <ul class="umb-actions umb-actions-child">
+                <li ng-repeat="(key, value) in selectedDocType.blueprints | orderBy:'name':false">
+                    <a ng-click="createFromBlueprint(key)">
+                        <i class="large {{selectedDocType.icon}}"></i>
+                        <span class="menu-label">
+                            {{value}}
+                        </span>
+                    </a>
+                </li>
+                <li class="sep" ng-show="allowBlank">
+                    <a ng-click="createBlank()">
+                        <i class="large {{selectedDocType.icon}}"></i>
+                        <span class="menu-label">
+                            <localize key="blueprints_blankBlueprint">Blank</localize>
+                        </span>
+                    </a>
+                </li>
+            </ul>
+        </div>
+
         <div ng-switch-when="edit">
 
             <fieldset ng-repeat="tab in model.node.tabs">