diff --git a/.github/workflows/production.yaml b/.github/workflows/production.yaml index 54320b62..cb46cea8 100644 --- a/.github/workflows/production.yaml +++ b/.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: | diff --git a/.github/workflows/staging.yaml b/.github/workflows/staging.yaml index 2bd0d98f..4d6f282c 100644 --- a/.github/workflows/staging.yaml +++ b/.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: | diff --git a/.vscode/settings.json b/.vscode/settings.json index 761323ac..a5254189 100644 --- a/.vscode/settings.json +++ b/.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" } } diff --git a/Dockerfile b/Dockerfile index 8927b504..9a5ad01c 100644 --- a/Dockerfile +++ b/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 diff --git a/assets/css/style.css b/assets/css/style.css index dcd070d9..cd76ae83 100644 --- a/assets/css/style.css +++ b/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] +} */ diff --git a/assets/logo/span-lapor.svg b/assets/logo/span-lapor.svg new file mode 100644 index 00000000..941a83ee --- /dev/null +++ b/assets/logo/span-lapor.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/components/Aduan/Detail/index.vue b/components/Aduan/Detail/index.vue new file mode 100644 index 00000000..6906f598 --- /dev/null +++ b/components/Aduan/Detail/index.vue @@ -0,0 +1,702 @@ +