Update welcome page, routing modul for Admin dan Perencana

package-lock.json

@@ -1,11 +1,11 @@
 {
-  "name": "vue",
+  "name": "smartproc-plngg",
   "version": "0.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "vue",
+      "name": "smartproc-plngg",
       "version": "0.1.0",
       "hasInstallScript": true,
       "dependencies": {

src/app-navigation.js

@@ -141,5 +141,85 @@ export default [
   {
     text: "Kontrak",
     icon: "images/icon/ico-7-kontrak.png",
+  }, 
+  {
+    text: 'Drp Monitoring',
+    path: '/drp-monitoring',
+    icon: 'folder'
+  }, 
+  {
+    text: '/rks/rks Daftar',
+    path: '//rks/rks-daftar',
+    icon: 'folder'
+  }, 
+  {
+    text: '/rks/rks Template',
+    path: '//rks/rks-template',
+    icon: 'folder'
+  }, 
+  {
+    text: '/rks/rks Daftar Kontrak',
+    path: '//rks/rks-daftar-kontrak',
+    icon: 'folder'
+  }, 
+  {
+    text: '/rks/rks Template Kontrak',
+    path: '//rks/rks-template-kontrak',
+    icon: 'folder'
+  }, 
+  {
+    text: 'Rks Hpe Penyusunan',
+    path: '/rks-hpe-penyusunan',
+    icon: 'folder'
+  }, 
+  {
+    text: 'Rks Hpe Approval',
+    path: '/rks-hpe-approval',
+    icon: 'folder'
+  }, 
+  {
+    text: 'Rks Hpe Revisi',
+    path: '/rks-hpe-revisi',
+    icon: 'folder'
+  }, 
+  {
+    text: 'Rks Hpe Cetak',
+    path: '/rks-hpe-cetak',
+    icon: 'folder'
+  }, 
+  {
+    text: 'Hps Penyusunan',
+    path: '/hps-penyusunan',
+    icon: 'folder'
+  }, 
+  {
+    text: 'Hps Approval',
+    path: '/hps-approval',
+    icon: 'folder'
+  }, 
+  {
+    text: 'Hps Revisi',
+    path: '/hps-revisi',
+    icon: 'folder'
+  }, 
+  {
+    text: 'Hps Cetak',
+    path: '/hps-cetak',
+    icon: 'folder'
+  }, 
+  {
+    text: 'Hps Monitoring',
+    path: '/hps-monitoring',
+    icon: 'folder'
+  }, 
+  {
+    text: 'Rks Monitoring',
+    path: '/rks-monitoring',
+    icon: 'folder'
+  }, 
+  {
+    text: 'Kontrak Monitoring',
+    path: '/kontrak-monitoring',
+    icon: 'folder'
   }
 ];

src/auth.js

@@ -25,9 +25,11 @@ export default {
       });
 
       const data = response.data;
-
+      console.log(data);
+      
       this._user = {
         userId: data.data.userId,
+        nama: data.data.nama,
         username: data.data.username,
         email: data.data.email,
         role: data.data.role,

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 RksTemplateKontrak from './views/rks/rks-template-kontrak';
+import RksDaftarKontrak from './views/rks/rks-daftar-kontrak';
+import RksTemplate from './views/rks/rks-template';
+import RksDaftar from './views/rks/rks-daftar';
 
 /* DRP */
 import DrpPenyusunan from './views/drp/drp-penyusunan';
@@ -32,6 +35,24 @@ import RecomendationList from './views/drp/recomendation-list.vue'
 import DrpList from './views/drp/drp-list.vue';
 import DrpRevisi from './views/drp/drp-revisi';
 import DrpCetak from './views/drp/drp-cetak';
+import DrpMonitoring from './views/drp/drp-monitoring';
+
+/* RKS & HPE */
+import RksHpePenyusunan from './views/rks-hpe/rks-hpe-penyusunan';
+import RksHpeApproval from './views/rks-hpe/rks-hpe-approval';
+import RksHpeRevisi from './views/rks-hpe/rks-hpe-revisi';
+import RksHpeCetak from './views/rks-hpe/rks-hpe-cetak';
+import RksMonitoring from './views/rks-hpe/rks-monitoring';
+
+/* HPS */
+import HpsPenyusunan from './views/hps/hps-penyusunan';
+import HpsApproval from './views/hps/hps-approval';
+import HpsRevisi from './views/hps/hps-revisi';
+import HpsCetak from './views/hps/hps-cetak';
+import HpsMonitoring from './views/hps/hps-monitoring';
+
+/* Kontrak */
+import KontrakMonitoring from './views/kontrak/kontrak-monitoring';
 
 /* General */
 import auth from "./auth";
@@ -372,6 +393,150 @@ const router = new createRouter({
         layout: defaultLayout
       },
       component: DrpCetak
+    }, 
+    {
+      path: "/drp/drp-monitoring",
+      name: "drp-monitoring",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: DrpMonitoring
+    }, 
+    {
+      path: "/rks/rks-daftar",
+      name: "rks-daftar",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: RksDaftar
+    }, 
+    {
+      path: "/rks/rks-template",
+      name: "rks-template",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: RksTemplate
+    }, 
+    {
+      path: "/rks/rks-daftar-kontrak",
+      name: "rks-daftar-kontrak",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: RksDaftarKontrak
+    }, 
+    {
+      path: "/rks/rks-template-kontrak",
+      name: "rks-template-kontrak",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: RksTemplateKontrak
+    }, 
+    {
+      path: "/rks-hpe/rks-hpe-penyusunan",
+      name: "rks-hpe-penyusunan",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: RksHpePenyusunan
+    }, 
+    {
+      path: "/rks-hpe/rks-hpe-approval",
+      name: "rks-hpe-approval",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: RksHpeApproval
+    }, 
+    {
+      path: "/rks-hpe/rks-hpe-revisi",
+      name: "rks-hpe-revisi",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: RksHpeRevisi
+    }, 
+    {
+      path: "/rks-hpe/rks-hpe-cetak",
+      name: "rks-hpe-cetak",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: RksHpeCetak
+    }, 
+    {
+      path: "/hps/hps-penyusunan",
+      name: "hps-penyusunan",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: HpsPenyusunan
+    }, 
+    {
+      path: "/hps/hps-approval",
+      name: "hps-approval",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: HpsApproval
+    }, 
+    {
+      path: "/hps/hps-revisi",
+      name: "hps-revisi",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: HpsRevisi
+    }, 
+    {
+      path: "/hps/hps-cetak",
+      name: "hps-cetak",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: HpsCetak
+    }, 
+    {
+      path: "/hps/hps-monitoring",
+      name: "hps-monitoring",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: HpsMonitoring
+    }, 
+    {
+      path: "/rks/rks-monitoring",
+      name: "rks-monitoring",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: RksMonitoring
+    }, 
+    {
+      path: "/kontrak/kontrak-monitoring",
+      name: "kontrak-monitoring",
+      meta: {
+        requiresAuth: true,
+        layout: defaultLayout
+      },
+      component: KontrakMonitoring
     }
   ],
   history: createWebHashHistory()

src/views/drp/drp-monitoring.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">Drp Monitoring</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>

src/views/home-page.vue

@@ -3,7 +3,12 @@
     <h2 class="content-block">Home</h2>
     <div class="content-block">
       <div class="dx-card responsive-paddings">
-        <div class="logos-container">
+        <h3>{{ greet }}, <i>{{ nama }}</i></h3>
+        <p>
+        Anda login menggunakan <strong>{{ username }}</strong> dengan
+        hak akses sebagai <strong>{{ role }}</strong>
+        </p>
+        <!--<div class="logos-container">
           <svg
             class="devextreme-logo"
             viewBox="0 0 200 34"
@@ -129,11 +134,44 @@
           For technical content related to DevExtreme Vue components, feel free to explore 
           our <a href="https://js.devexpress.com/documentation/" target="_blank" rel="noopener noreferrer">online documentation</a>
           and <a href="https://js.devexpress.com/Demos/Widgetsgallery/" target="_blank" rel="noopener noreferrer">technical demos</a>.
-        </p>
+        </p>-->
       </div>
     </div>
   </div>
 </template>
+<script>
+import auth from "../auth";
+import { ref } from 'vue';
+
+export default {
+  setup() {
+    const nama = ref("");
+    const username = ref("");
+    const role = ref("");
+    const today = new Date();
+    const hrs = today.getHours();
+    var greet = ref("");
+    
+    auth.getUser().then((e) => nama.value = e.data.nama);
+    auth.getUser().then((e) => username.value = e.data.username);
+    auth.getUser().then((e) => role.value = e.data.role);
+
+    if (hrs >= 0) greet = "Selamat Malam"; // REALLY early
+    if (hrs >  4) greet = "Selamat Pagi";  // After 6am
+    if (hrs > 10) greet = "Selamat Siang"; // After 11pm
+    if (hrs > 14) greet = "Selamat Sore";  // After 14pm
+    if (hrs > 16) greet = "Selamat Petang";// After 14pm
+    if (hrs > 18) greet = "Selamat Malam"; // After 10pm
+
+    return {
+      nama,
+      username,
+      role,
+      greet,
+    }
+  },
+};
+</script>
 
 <style lang="scss">
 .logos-container {

src/views/hps/hps-approval.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">Hps Approval</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>

src/views/hps/hps-cetak.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">Hps Cetak</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>

src/views/hps/hps-monitoring.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">Hps Monitoring</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>

src/views/hps/hps-penyusunan.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">Hps Penyusunan</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>

src/views/hps/hps-revisi.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">Hps Revisi</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>

src/views/kontrak/kontrak-monitoring.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">Kontrak Monitoring</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>

src/views/rks-hpe/rks-hpe-approval.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">Rks Hpe Approval</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>

src/views/rks-hpe/rks-hpe-cetak.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">Rks Hpe Cetak</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>

src/views/rks-hpe/rks-hpe-penyusunan.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">Rks Hpe Penyusunan</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>

src/views/rks-hpe/rks-hpe-revisi.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">Rks Hpe Revisi</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>

src/views/rks-hpe/rks-monitoring.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">Rks Monitoring</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>

src/views/rks/rks-daftar-kontrak.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">&#x2F;rks&#x2F;rks Daftar Kontrak</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>

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

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">&#x2F;rks&#x2F;rks Template Kontrak</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>

src/views/rks/rks-template.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="content-block">&#x2F;rks&#x2F;rks Template</h2>
+    <div class="content-block">
+      <div class="dx-card responsive-paddings">
+        Put your content here
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+</style>