rename "template" to "layout"

build-tools/layout-resolver.js

@@ -0,0 +1,30 @@
+class LayoutResolver {
+  Resolve(key) {
+    switch (key) {
+      case "NarikListUi":
+        return {
+          layout: "",
+          layoutUrl: "./src/app/layouts/list-layout.html",
+        };
+      case "NarikEditUi":
+        return {
+          layout: "",
+          layoutUrl: "./src/app/layouts/edit-layout.html",
+        };
+      case "widget":
+        return {
+          layout: "",
+          layoutUrl: "./src/app/layouts/widget-layout.html",
+        };
+      case "widget2":
+        return {
+          layout: "",
+          layoutUrl: "./src/app/layouts/widget-layout2.html",
+        };
+
+      default:
+        break;
+    }
+  }
+}
+module.exports = LayoutResolver;

extra-webpack.config.js

@@ -1,6 +1,6 @@
 const path = require("path");
 const AngularCompilerPlugin = require("@ngtools/webpack/src");
-const TemplateResolver = require("./build-tools/template-resolver");
+const LayoutResolver = require("./build-tools/layout-resolver");
 
 module.exports = (config) => {
   const index = config.plugins.findIndex((p) => {
@@ -21,7 +21,7 @@ module.exports = (config) => {
       {
         loader: "@narik/webpack-tools",
         options: {
-          resolver: new TemplateResolver(),
+          resolver: new LayoutResolver(),
           basePath: config.plugins[index]._basePath,
         },
       },

src/app/templates/widget-template.html → src/app/layouts/widget-layout.html

@@ -1,22 +1,22 @@
 <div class="card m-2">
   <div class="card-body">
-
-    <div class="card-footer">
-      <div narik-section="widgetFooter">
-        <narik-button buttonClass='btn-outline-primary
-            btn-rounded waves-effect' iconClass='fa-check' label='{{"prompt" | translate}}' (click)="prompt()">
-        </narik-button>
-      </div>
-    </div>
-
-
     <div narik-section="widgetTitle">
       <h5 class="card-title">{{ title }}</h5>
     </div>
 
     <div narik-section="widgetContent"></div>
 
-
-
+    <div class="card-footer">
+      <div narik-section="widgetFooter">
+        <narik-button
+          buttonClass="btn-outline-primary
+            btn-rounded waves-effect"
+          iconClass="fa-check"
+          label='{{"prompt" | translate}}'
+          (click)="prompt()"
+        >
+        </narik-button>
+      </div>
+    </div>
   </div>
 </div>