Initialize Master Template

src/router.js

@@ -20,7 +20,10 @@ import PermissionsConfig from './views/master-config/permissions-config';
 import User from './views/user-page';
 
 /* Master Template */
-import RksDaftar from './views/rks-daftar';
+import RksDaftar from './views/master-template/rks-daftar.vue';
+import RksTemplate from './views/master-template/rks-template.vue';
+import KontrakDaftar from './views/master-template/kontrak-daftar.vue';
+import KontrakTemplate from './views/master-template/kontrak-template.vue';
 
 /* DRP */
 import DrpPenyusunan from './views/drp/drp-penyusunan';
@@ -282,7 +285,7 @@ const router = new createRouter({
       component: PermissionsConfig
     },
     {
-      path: "/rks-daftar",
+      path: "/master-template/rks-daftar",
       name: "rks-daftar",
       meta: {
         requiresAuth: true,
@@ -290,6 +293,33 @@ const router = new createRouter({
       },
       component: RksDaftar
     },
+    {
+      path: "/master-template/rks-template",
+      name: "rks-template",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: RksTemplate,
+    },
+    {
+      path: "/master-template/kontrak-daftar",
+      name: "kontrak-daftar-isi",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: KontrakDaftar,
+    },
+    {
+      path: "/master-template/kontrak-template",
+      name: "kontrak-template",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: KontrakTemplate,
+    },
     {
       path: "/drp/drp-penyusunan",
       name: "drp-penyusunan",

src/views/master-template/kontrak-daftar.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+
+  </div>
+</template>

src/views/master-template/kontrak-template.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+
+  </div>
+</template>

src/views/master-template/rks-daftar.vue

@@ -6,7 +6,7 @@
       <div class="dx-card responsive-paddings">
         <div id="app-container">
           <DxDataGrid ref="currDataGrid"
-            :data-source="customDataSource" 
+            :data-source="customDataSource"
             key-expr="id"
             :allow-column-reordering="true"
             :column-auto-width="true"
@@ -19,7 +19,7 @@
                 :use-icons="true"
                 form="popup"
                 mode="popup">
-                <DxTexts 
+                <DxTexts
                 add-row="Tambah"
                 edit-row="Ubah"
                 delete-row="Hapus"
@@ -58,12 +58,12 @@
                 <DxItem name="columnChooserButton" />
             </DxToolbar>
             <DxPaging :page-size="5" />
-            <DxPager 
+            <DxPager
             :visible="true"
-            :allowed-page-sizes="[5, 10, 50]" 
+            :allowed-page-sizes="[5, 10, 50]"
-            :display-mode="compact" 
+            :display-mode="compact"
-            :show-page-size-selector="true" 
+            :show-page-size-selector="true"
-            :show-info="true" 
+            :show-info="true"
             :show-navigation-buttons="true"
             info-text="Hal {0} dari {1} ({2} data)" />
             <DxFilterRow :visible="false" />
@@ -90,7 +90,7 @@
   </div>
 </template>
 
-<script> 
+<script>
 import DxDataGrid, {
   DxEditing,
   DxItem,
@@ -199,13 +199,13 @@ export default {
         }
         break;
       }
-      
+
     },
     onCellPrepared(e) {
       var isEditing = e.row.isEditing, $links = e.cellElement.find(".dx-link");
-    
+
       $links.text("");
-      
+
       if(isEditing){
           $links.filter(".dx-link-save").addClass("dx-icon-save").addClass("yellowClass");
           $links.filter(".dx-link-cancel").addClass("dx-icon-revert").addClass("yellowClass");
@@ -215,7 +215,7 @@ export default {
       }
     },
   },
-  
+
   data() {
       return {
           //jsonUrl: URL,

src/views/master-template/rks-template.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+
+  </div>
+</template>