diff --git a/.env.development b/.env.development index 53f7347..37809dd 100755 --- a/.env.development +++ b/.env.development @@ -1,4 +1,6 @@ VITE_BASE_URL=http://localhost:5173 VITE_BASE_DIRECTORY=/ VITE_APP_VERSION=0.0.1 -VITE_APP_NAME='Executive Information System' \ No newline at end of file +VITE_APP_NAME='Executive Information System' +VITE_APP_GRAPHQL_ENDPOINT=http://192.168.5.213:32169/graphql +VITE_APP_REST_ENDPOINT=http://192.168.5.213:32180 \ No newline at end of file diff --git a/.env.production b/.env.production index 50bbd8a..3af203a 100755 --- a/.env.production +++ b/.env.production @@ -1,4 +1,6 @@ VITE_BASE_URL=https://api.domain.com/v1/ VITE_BASE_DIRECTORY=/ VITE_APP_VERSION=0.0.1 -VITE_APP_NAME='Executive Information System' \ No newline at end of file +VITE_APP_NAME='Executive Information System' +VITE_APP_GRAPHQL_ENDPOINT=http://10.1.50.173:32180/graphql +VITE_APP_REST_ENDPOINT=http://10.1.50.173:32181 \ No newline at end of file diff --git a/Dockerfile b/Dockerfile index 1511885..c1f0400 100755 --- a/Dockerfile +++ b/Dockerfile @@ -1,9 +1,9 @@ -# FROM node:lts-alpine as build-stage -# WORKDIR /app +FROM node:lts-alpine as build-stage +WORKDIR /app # COPY package*.json ./ # RUN npm install -# COPY . . -# RUN npm run build +COPY . . +RUN npm run build # FROM nginx:stable-alpine as production-stage # COPY --from=build-stage /app/dist /usr/share/nginx/html @@ -15,4 +15,10 @@ FROM nginx:stable-alpine COPY /dist /usr/share/nginx/html COPY /nginx.conf /etc/nginx/nginx.conf EXPOSE 32166 -CMD ["nginx", "-g", "daemon off;"] \ No newline at end of file +CMD ["nginx", "-g", "daemon off;"] + +# FROM nginx:stable-alpine +# COPY /dist /usr/share/nginx/html +# COPY /nginx.conf /etc/nginx/nginx.conf +# EXPOSE 32166 +# CMD ["nginx", "-g", "daemon off;"] \ No newline at end of file diff --git a/README.md b/README.md index b3541a9..e04f99c 100755 --- a/README.md +++ b/README.md @@ -1,52 +1,26 @@ -# Executive Information System +# TABLE MENU DOCUMENTATION +## Monalisa +### Gangguan > Rekapitulasi +| CODE | MENU | FILE | +| ------- | ---------------------------------------- | ------------ | +| MON0001 | Jumlah Kali Gangguan | Table_36.vue | +| MON0002 | Dispacthing Time (DT) Gangguan | Table_37.vue | +| MON0003 | Recovery Time (RCT) Gangguan | Table_38.vue | +| MON0004 | Response Time (RPT) Gangguan | Table_39.vue | +| MON0005 | Jumlah dan Durasi RPT RCT Gangguan | Table_40.vue | +| MON0006 | Rekapitulasi Gangguan Per Jenis Gangguan | Table_41.vue | +| MON0007 | Rekapitulasi Lapor Ulang Gangguan | Table_42.vue | +| MON0008 | Rekapitulasi ENS Gangguan | Table_43.vue | +| MON0009 | Rekapitulasi Gangguan Belum Selesai | Table_44.vue | +| MON0010 | Jumlah Kali Keluhan | Table_45.vue | +| MON0011 | Recovery Time (RCT) Keluhan | Table_46.vue | +| MON0012 | Response Time (RPT) Keluhan | Table_47.vue | +| MON0013 | Jumlah dan Durasi RPT RCT Keluhan | Table_48.vue | +| MON0014 | Rekapitulasi Gangguan Per Jenis Keluhan | Table_49.vue | +| MON0015 | Rekapitulasi Lapor Ulang Keluhan | Table_50.vue | +| MON0016 | Rekapitulasi Gangguan Belum Selesai | Table_51.vue | -This template should help get you started developing with Vue 3 in Vite. - -## Recommended IDE Setup - -[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin). - -## Type Support for `.vue` Imports in TS - -TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types. - -If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps: - -1. Disable the built-in TypeScript Extension - 1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette - 2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)` -2. Reload the VSCode window by running `Developer: Reload Window` from the command palette. - -## Customize configuration - -See [Vite Configuration Reference](https://vitejs.dev/config/). - -## Project Setup - -```sh -npm install -``` - -### Compile and Hot-Reload for Development - -```sh -npm run dev -``` - -### Type-Check, Compile and Minify for Production - -```sh -npm run build -``` - -### Run Unit Tests with [Vitest](https://vitest.dev/) - -```sh -npm run test:unit -``` - -### Lint with [ESLint](https://eslint.org/) - -```sh -npm run lint -``` \ No newline at end of file +### Keluhan > Rekapitulasi +| CODE | MENU | FILE | +| ------- | ------------------- | ------------ | +| MON0010 | Jumlah Kali Keluhan | Table_45.vue | \ No newline at end of file diff --git a/src/assets/css/style.css b/src/assets/css/style.css index a899e7f..ef87b66 100755 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -1145,10 +1145,6 @@ body { margin: 0.875rem; } -.m-auto { - margin: auto; -} - .-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; @@ -1257,6 +1253,10 @@ body { margin-top: -1px; } +.mb-0 { + margin-bottom: 0px; +} + .mb-1 { margin-bottom: 0.25rem; } @@ -1525,6 +1525,10 @@ body { height: 80vh; } +.h-\[400px\] { + height: 400px; +} + .max-h-0 { max-height: 0px; } @@ -2622,11 +2626,6 @@ body { background-color: rgb(255 204 204 / var(--tw-bg-opacity)); } -.bg-red-300 { - --tw-bg-opacity: 1; - background-color: rgb(255 102 102 / var(--tw-bg-opacity)); -} - .bg-red-300\/10 { background-color: rgb(255 102 102 / 0.1); } @@ -5499,6 +5498,10 @@ body { width: 100%; } + .sm\:max-w-\[90\%\] { + max-width: 90%; + } + .sm\:max-w-lg { max-width: 32rem; } @@ -5899,6 +5902,10 @@ body { width: 2.5rem; } + .lg\:w-2\/6 { + width: 33.333333%; + } + .lg\:w-80 { width: 20rem; } @@ -5907,10 +5914,30 @@ body { grid-template-columns: repeat(3, minmax(0, 1fr)); } + .lg\:flex-row { + flex-direction: row; + } + .lg\:flex-nowrap { flex-wrap: nowrap; } + .lg\:justify-between { + justify-content: space-between; + } + + .lg\:space-x-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.5rem * var(--tw-space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1rem * var(--tw-space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); + } + .lg\:border-b-0 { border-bottom-width: 0px; } diff --git a/src/components/DatePicker.vue b/src/components/DatePicker.vue index 04c5044..2228ef0 100755 --- a/src/components/DatePicker.vue +++ b/src/components/DatePicker.vue @@ -1,7 +1,6 @@