Added support for previewCssFilePath and previewJsFilePath to allow injecting CSS / JS for previews

Author: mattbrailsford

Package/Doc_Type_Grid_Editor_0.1.1.zip

@@ -8,6 +8,8 @@
 	    "allowedDocTypes": [],
         "enablePreview": true,
         "viewPath": "/Views/Partials/Grid/Editors/DocTypeGridEditor/",
-        "previewViewPath": "/Views/Partials/Grid/Editors/DocTypeGridEditor/Previews/"
+        "previewViewPath": "/Views/Partials/Grid/Editors/DocTypeGridEditor/Previews/",
+        "previewCssFilePath": "/Views/Partials/Grid/Editors/DocTypeGridEditor/Previews/Css/dtge.css",
+        "previewJsFilePath": "/Views/Partials/Grid/Editors/DocTypeGridEditor/Previews/Js/dtge.js"
 	}
 }

Src/Our.Umbraco.DocTypeGridEditor/Web/UI/App_Plugins/DocTypeGridEditor/Config/grid.editors.config.js

@@ -4,10 +4,11 @@
     "$rootScope",
     "$timeout",
     "$routeParams",
+    'assetsService',
     "Our.Umbraco.DocTypeGridEditor.Services.DocTypeDialogService",
     "Our.Umbraco.DocTypeGridEditor.Resources.DocTypeGridEditorResources",
 
-    function ($scope, $rootScope, $timeout, $routeParams, dtgeDialogService, dtgeResources) {
+    function ($scope, $rootScope, $timeout, $routeParams, assetsService, dtgeDialogService, dtgeResources) {
 
         $scope.title = "Click to insert item";
         $scope.icon = "icon-item-arrangement";
@@ -64,6 +65,18 @@
             value: {}
         });
 
+        // Load preview css / js files
+        if ("enablePreview" in $scope.control.editor.config && $scope.control.editor.config.enablePreview)
+        {
+            if ("previewCssFilePath" in $scope.control.editor.config && $scope.control.editor.config.previewCssFilePath) {
+                assetsService.loadCss($scope.control.editor.config.previewCssFilePath, $scope);
+            };
+
+            if ("previewJsFilePath" in $scope.control.editor.config && $scope.control.editor.config.previewJsFilePath) {
+                assetsService.loadJs($scope.control.editor.config.previewJsFilePath, $scope);
+            }
+        }
+
         $timeout(function () {
             if ($scope.control.$initializing) {
                 $scope.setDocType();