Up to Production CMS Tahura, Hide Pesan Platform, and hide menu aduan

.github/workflows/production.yaml

@@ -45,6 +45,11 @@ jobs:
             NEW_RELIC_APP_NAME=${{secrets.NEW_RELIC_APP_NAME}}
             NEW_RELIC_LICENSE_KEY=${{secrets.NEW_RELIC_LICENSE_KEY}}
             TINYMCE_API_KEY=${{secrets.TINYMCE_API_KEY}}
+            GOOGLE_MAPS_API_KEY=${{secrets.GOOGLE_MAPS_API_KEY}}
+            URL_TABLEAU_JABARPROV=${{secrets.URL_TABLEAU_JABARPROV}}
+            URL_DASHBOARD_TAHURA=${{secrets.URL_DASHBOARD_TAHURA}}
+            USERNAME_TABLEAU=${{secrets.USERNAME_TABLEAU}}
+            URL_GET_TOKEN_TABLEAU=${{secrets.URL_GET_TOKEN_TABLEAU}}
       # GitOps
       - name: GitOps ArgoCD Setup
         run: |

.github/workflows/staging.yaml

@@ -2,7 +2,7 @@ name: Jabar Super Apps Web Admin
 
 on:
   push:
-    branches: [ development ]
+    branches: [development]
 
 jobs:
   docker:
@@ -45,6 +45,11 @@ jobs:
             NEW_RELIC_APP_NAME=${{secrets.NEW_RELIC_APP_NAME}}
             NEW_RELIC_LICENSE_KEY=${{secrets.NEW_RELIC_LICENSE_KEY}}
             TINYMCE_API_KEY=${{secrets.TINYMCE_API_KEY}}
+            GOOGLE_MAPS_API_KEY=${{secrets.GOOGLE_MAPS_API_KEY}}
+            URL_TABLEAU_JABARPROV=${{secrets.URL_TABLEAU_JABARPROV}}
+            URL_DASHBOARD_TAHURA=${{secrets.URL_DASHBOARD_TAHURA}}
+            USERNAME_TABLEAU=${{secrets.USERNAME_TABLEAU}}
+            URL_GET_TOKEN_TABLEAU=${{secrets.URL_GET_TOKEN_TABLEAU}}
       # GitOps
       - name: GitOps ArgoCD Setup
         run: |

.vscode/settings.json

@@ -1,6 +1,16 @@
 {
   "editor.codeActionsOnSave": {
-    "source.fixAll": false,
+    "source.fixAll": true,
     "source.fixAll.eslint": true
+  },
+
+  // Use Prettier as default formatter for .vue file
+  "[vue]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+
+  // Use Prettier as default formatter for .js file
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   }
 }

Dockerfile

@@ -15,6 +15,11 @@ ARG ACCOUNT_ID_NEW_RELIC
 ARG NEW_RELIC_APP_NAME
 ARG NEW_RELIC_LICENSE_KEY
 ARG TINYMCE_API_KEY
+ARG GOOGLE_MAPS_API_KEY
+ARG URL_TABLEAU_JABARPROV
+ARG URL_DASHBOARD_TAHURA
+ARG USERNAME_TABLEAU
+ARG URL_GET_TOKEN_TABLEAU
 ENV KEYCLOCK_BASE_URL $KEYCLOCK_BASE_URL
 ENV KEYCLOCK_CLIENT_ID $KEYCLOCK_CLIENT_ID
 ENV KEYCLOCK_ENDPOINT $KEYCLOCK_ENDPOINT
@@ -27,6 +32,13 @@ ENV ACCOUNT_ID_NEW_RELIC $ACCOUNT_ID_NEW_RELIC
 ENV NEW_RELIC_APP_NAME $NEW_RELIC_APP_NAME
 ENV NEW_RELIC_LICENSE_KEY $NEW_RELIC_LICENSE_KEY
 ENV TINYMCE_API_KEY $TINYMCE_API_KEY
+ENV GOOGLE_MAPS_API_KEY $GOOGLE_MAPS_API_KEY
+ENV URL_TABLEAU_JABARPROV $URL_TABLEAU_JABARPROV
+ENV URL_DASHBOARD_TAHURA $URL_DASHBOARD_TAHURA
+ENV USERNAME_TABLEAU $USERNAME_TABLEAU
+ENV URL_GET_TOKEN_TABLEAU $URL_GET_TOKEN_TABLEAU
+
+
 
 RUN npm run build
 

assets/css/style.css

@@ -5,3 +5,110 @@
 *{
   font-family: Lato;
 }
+/* style date picker */
+.mx-table-year td, .mx-table-month {
+  @apply text-gray-800 !important;
+}
+
+.mx-table-year td.cell.active, .mx-table-month td.cell.active{
+  @apply text-white bg-green-700 !important;
+}
+
+.mx-icon-left,.mx-icon-right,.mx-icon-double-left,.mx-icon-double-right{
+  @apply text-gray-900 font-black !important;
+}
+
+.mx-table-date th{
+  @apply text-sm text-gray-800 font-roboto font-medium !important;
+}
+
+.mx-table-date td {
+  @apply text-gray-700 font-lato text-sm !important;
+}
+
+.mx-table-date td.cell.active {
+    @apply bg-green-700 rounded-full text-white !important;
+}
+
+.mx-table-date td.cell.in-range, td.cell.hover-in-range{
+  @apply bg-green-50 !important;
+}
+
+.mx-datepicker-popup{
+  @apply rounded-lg border border-gray-400 !important;
+}
+
+.mx-datepicker-footer{
+  @apply !p-0;
+}
+
+.mx-input-wrapper{
+  @apply border border-gray-300 rounded-lg !important;
+}
+
+.mx-icon-calendar{
+  @apply text-green-700 !important;
+}
+
+.mx-input{
+  @apply text-sm font-lato text-gray-700 !important;
+}
+
+
+.mx-input:hover, .mx-input:focus {
+  @apply border-green-600 !important
+}
+
+.mx-btn-text,.mx-calendar-header{
+  @apply text-gray-900 font-roboto font-bold text-[14px] !important;
+}
+
+.jds-data-table {
+  @apply rounded-lg border-spacing-[1px] !important;
+}
+
+.jds-data-table tr th:first-child {
+  @apply rounded-tl-lg;
+}
+
+.jds-data-table tr th:last-child {
+  @apply rounded-tr-lg;
+}
+.jds-data-table tr th {
+  @apply h-[42px] border-r border-white bg-green-700 !important;
+}
+
+.jds-data-table tr td {
+  @apply max-w-[435px] border-r border-gray-200;
+}
+
+.form-add-complaint .jds-select .jds-input-text__input-wrapper {
+  @apply !w-[592px] !bg-white
+}
+
+.form-add-complaint .jds-popover__content {
+  @apply !w-[580px]
+}
+
+.form-add-complaint .jds-select__options {
+  @apply !max-h-[500px] !overflow-y-auto;
+  scrollbar-color: #e0e0e0 transparent;
+  scrollbar-width: thin;
+}
+
+.form-add-complaint .jds-select__options::-webkit-scrollbar {
+  @apply h-5 w-5;
+}
+
+.form-add-complaint .jds-select__options::-webkit-scrollbar-track {
+  @apply bg-transparent;
+}
+
+.form-add-complaint .jds-select__options::-webkit-scrollbar-thumb {
+  @apply rounded-xl border-[6px] border-solid border-transparent bg-gray-300 bg-clip-content;
+}
+
+/* for filterable style
+.form-add-complaint .jds-options__filter .jds-input-text__input-wrapper{
+  @apply !w-[540px]
+} */