diff --git a/src/components/Pages/Transaksi/Transaksi.vue b/src/components/Pages/Transaksi/Transaksi.vue index cc05c81..233b57d 100755 --- a/src/components/Pages/Transaksi/Transaksi.vue +++ b/src/components/Pages/Transaksi/Transaksi.vue @@ -71,7 +71,7 @@ v-if="tab == 'keluhan'" :width="170" alignment="center" - data-field="issuetype" + data-field="nama_issuetype" caption="Tipe Isu" css-class="custom-table-column" cell-template="formatText" @@ -88,7 +88,7 @@ v-if="tab == 'gangguan'" :width="170" alignment="center" - data-field="" + data-field="alamat_pelapor" caption="Alamat Pelapor" css-class="custom-table-column" cell-template="formatText" @@ -97,7 +97,7 @@ v-if="tab == 'gangguan'" :width="170" alignment="center" - data-field="" + data-field="lokasi" caption="Lokasi" css-class="custom-table-column" cell-template="formatText" @@ -106,7 +106,7 @@ v-if="tab == 'gangguan'" :width="170" alignment="center" - data-field="" + data-field="nama_posko" caption="Posko" css-class="custom-table-column" cell-template="formatText" @@ -148,7 +148,7 @@ { status_akhir: status ? status.name : '', no_laporan: searchBy == 'No Lapor' ? keyword : '', nama_pelapor: searchBy == 'Nama Pelapor' ? keyword : '', - permasalahan: searchBy == 'Permasalahan' ? keyword : '', - tipe_laporan: tab.value == 'gangguan' ? 'G' : 'K' + permasalahan: searchBy == 'Permasalahan' ? keyword : '' } loadingData.value = true - await requestGraphQl(queries.transaksi.transaksiAPKT, query) + await requestGraphQl( + tab.value == 'gangguan' + ? queries.transaksi.transaksiApktGangguan + : queries.transaksi.transaksiApktKeluhan, + query + ) .then((result) => { if (result.data.data != undefined) { - data.value = result.data.data.transaksiApkt + if (tab.value == 'gangguan') { + data.value = result.data.data.transaksiApktGangguan + } else { + data.value = result.data.data.transaksiApktKeluhan + } } else { data.value = [] } diff --git a/src/stores/auth.ts b/src/stores/auth.ts index 1fc73da..8c21ce5 100755 --- a/src/stores/auth.ts +++ b/src/stores/auth.ts @@ -5,44 +5,56 @@ import { readData, removeData, writeData } from '@/utils/storage' import router from '@/router' export const useAuthStore = defineStore('auth', () => { - // token from localStorage - const token = ref(readData('token') || '') - // create a shared state - const username = ref('') - const password = ref('') - const isLoading = ref(false) - const isLoggedIn = computed(() => token.value !== '') + // token from localStorage + const token = ref(readData('token') || '') + // create a shared state + const username = ref('') + const password = ref('') + const isLoading = ref(false) + const isLoggedIn = computed(() => token.value !== '') - // define your actions - const login = () => { - if (username.value == '' || password.value == '') { - dispatchNotification({ title: 'Perhatian', content: 'Username atau password tidak boleh kosong', type: 'warning' }) + // define your actions + const login = () => { + if (username.value == '' || password.value == '') { + dispatchNotification({ + title: 'Perhatian', + content: 'Username atau password tidak boleh kosong', + type: 'warning' + }) + } else { + isLoading.value = true + setTimeout(() => { + isLoading.value = false + if (username.value == 'demo' && password.value == 'demo') { + // store token in localStorage + writeData('token', 'secret-token') + dispatchNotification({ + title: 'Berhasil', + content: 'Login berhasil, selamat datang kembali!', + type: 'success' + }) + // redirect to home page after login + window.location.reload() } else { - isLoading.value = true - setTimeout(() => { - isLoading.value = false - if (username.value == 'demo' && password.value == 'demo') { - // store token in localStorage - writeData('token', 'secret-token') - dispatchNotification({ title: 'Berhasil', content: 'Login berhasil, selamat datang kembali!', type: 'success' }) - // redirect to home page after login - window.location.reload() - } else { - dispatchNotification({ title: 'Login Gagal', content: 'Username atau password salah', type: 'error' }) - } - }, 3000) + dispatchNotification({ + title: 'Login Gagal', + content: 'Username atau password salah', + type: 'error' + }) } + }, 3000) } + } - const logout = () => removeData('token') + const logout = () => removeData('token') - return { - token, - username, - password, - isLoggedIn, - isLoading, - login, - logout, - } -}) \ No newline at end of file + return { + token, + username, + password, + isLoggedIn, + isLoading, + login, + logout + } +}) diff --git a/src/utils/api/api.graphql.ts b/src/utils/api/api.graphql.ts index 89bc2a4..d86bd8e 100755 --- a/src/utils/api/api.graphql.ts +++ b/src/utils/api/api.graphql.ts @@ -5257,8 +5257,8 @@ export const queries = { } }, transaksi: { - transaksiAPKT: gql` - query transaksiApkt( + transaksiApktKeluhan: gql` + query transaksiApktKeluhan( $dateFrom: Date! $dateTo: Date! $idPosko: Int! @@ -5271,9 +5271,8 @@ export const queries = { $no_laporan: String! $nama_pelapor: String! $permasalahan: String! - $tipe_laporan: String! ) { - transaksiApkt( + transaksiApktKeluhan( dateFrom: $dateFrom dateTo: $dateTo idPosko: $idPosko @@ -5286,22 +5285,74 @@ export const queries = { no_laporan: $no_laporan nama_pelapor: $nama_pelapor permasalahan: $permasalahan - tipe_laporan: $tipe_laporan ) { + id no_laporan - issuetype + nama_issuetype nama_pelapor nama_ulp no_telp_pelapor permasalahan deskripsi - waktu_lapor + create_date jumlah_lapor keterangan_lapor_ulang status_akhir + durasi_time durasi + email_pelapor + tipe_sla + is_sla + } + } + `, + transaksiApktGangguan: gql` + query transaksiApktGangguan( + $dateFrom: Date! + $dateTo: Date! + $idPosko: Int! + $idUlp: Int! + $idUid: Int! + $idUp3: Int! + $tipe_sla: Int! + $operator_sla: String! + $status_akhir: String! + $no_laporan: String! + $nama_pelapor: String! + $permasalahan: String! + ) { + transaksiApktGangguan( + dateFrom: $dateFrom + dateTo: $dateTo + idPosko: $idPosko + idUlp: $idUlp + idUid: $idUid + idUp3: $idUp3 + tipe_sla: $tipe_sla + operator_sla: $operator_sla + status_akhir: $status_akhir + no_laporan: $no_laporan + nama_pelapor: $nama_pelapor + permasalahan: $permasalahan + ) { + id + no_laporan + nama_pelapor + alamat_pelapor + lokasi + nama_posko + no_telp_pelapor + deskripsi + create_date + waktu_padam + jumlah_lapor + keterangan_lapor_ulang + status_akhir + durasi_time + durasi + email_pelapor + waktu_lapor tipe_sla - operator_sla is_sla } }