Notifikasi{{ unreadCount }} belum dibaca
+
+ Belum ada notifikasi
+
+
+ Filter ({{ activeFilterCount }})
+
+
@@ -58,6 +84,8 @@
:src="item.image"
:alt="item.name || `Item ${rowIndex + 1}`"
class="mobile-image"
+ loading="lazy"
+ decoding="async"
@error="onImageError($event, item)"
/>
@@ -137,6 +165,8 @@
:src="item.image"
:alt="item.name || 'avatar'"
class="table-list-mobile-image"
+ loading="lazy"
+ decoding="async"
@error="onImageError($event, item)"
/>
@@ -174,6 +204,8 @@
:src="item.image"
:alt="item.name || 'avatar'"
class="table-avatar"
+ loading="lazy"
+ decoding="async"
@error="onImageError($event, item)"
/>
@@ -244,16 +276,14 @@
+
+
diff --git a/src/components/customers/CustomerLocationMap.vue b/src/components/customers/CustomerLocationMap.vue
new file mode 100644
index 00000000..b005dd2e
--- /dev/null
+++ b/src/components/customers/CustomerLocationMap.vue
@@ -0,0 +1,161 @@
+
+
+
+
+
+
+ Filter Data
+
+
+
+
+
+ {{ field.label }}
+
+
+
+
+
+
+ Reset
+ Terapkan
+
+
+
+
+
+
+
diff --git a/src/router/index.js b/src/router/index.js
index 515d5a67..73598b8c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -394,6 +394,155 @@ const routes = [
component: () => import('@/views/nas/NasResourceView.vue'),
meta: { nasResource: 'webfig' },
},
+ {
+ path: '/customers/orders',
+ name: 'Customer List Order',
+ component: () => import('@/views/customers/Customers.vue'),
+ meta: { customerScope: 'orders' },
+ },
+ {
+ path: '/customers/orders/create',
+ name: 'Registrasi Customer',
+ component: () => import('@/views/customers/CustomerFormPage.vue'),
+ meta: { activeMenu: '/customers/orders' },
+ },
+ {
+ path: '/customers/orders/:id/edit',
+ name: 'Edit Customer',
+ component: () => import('@/views/customers/CustomerFormPage.vue'),
+ meta: { activeMenu: '/customers/orders' },
+ },
+ {
+ path: '/customers/:scope/:id/detail',
+ name: 'Detail Customer',
+ component: () => import('@/views/customers/CustomerDetailPage.vue'),
+ meta: { activeMenuBase: '/customers' },
+ },
+ {
+ path: '/customers/active',
+ name: 'Customer Aktif',
+ component: () => import('@/views/customers/Customers.vue'),
+ meta: { customerScope: 'active' },
+ },
+ {
+ path: '/customers/inactive',
+ name: 'Customer Tidak Aktif',
+ component: () => import('@/views/customers/Customers.vue'),
+ meta: { customerScope: 'inactive' },
+ },
+ {
+ path: '/customers/unmanaged',
+ name: 'Customer Unmanage',
+ component: () => import('@/views/customers/Customers.vue'),
+ meta: { customerScope: 'unmanaged' },
+ },
+ {
+ path: '/customers/trash',
+ name: 'Sampah Customer',
+ component: () => import('@/views/customers/Customers.vue'),
+ meta: { customerScope: 'trash' },
+ },
+ {
+ path: '/billing/profiles',
+ name: 'Profile Tagihan',
+ component: () => import('@/views/billing/BillingProfiles.vue'),
+ },
+ {
+ path: '/billing/running',
+ name: 'Tagihan Berjalan',
+ component: () => import('@/views/billing/Invoices.vue'),
+ meta: { invoiceScope: 'running' },
+ },
+ {
+ path: '/billing/overdue',
+ name: 'Tunggakan',
+ component: () => import('@/views/billing/Invoices.vue'),
+ meta: { invoiceScope: 'overdue' },
+ },
+ {
+ path: '/billing/paid',
+ name: 'Tagihan Lunas',
+ component: () => import('@/views/billing/Invoices.vue'),
+ meta: { invoiceScope: 'paid' },
+ },
+ {
+ path: '/topology/map',
+ name: 'Peta Jaringan',
+ component: () => import('@/views/topology/TopologyMap.vue'),
+ },
+ {
+ path: '/topology/devices',
+ name: 'Perangkat Topologi',
+ component: () => import('@/views/topology/TopologyResourceView.vue'),
+ meta: { topologyResource: 'node' },
+ },
+ {
+ path: '/topology/links',
+ name: 'Jalur Kabel',
+ component: () => import('@/views/topology/TopologyResourceView.vue'),
+ meta: { topologyResource: 'link' },
+ },
+ {
+ path: '/topology/network',
+ name: 'Topologi Jaringan',
+ component: () => import('@/views/topology/TopologyNetwork.vue'),
+ },
+ {
+ path: '/topology/device-types',
+ name: 'Kategori Perangkat',
+ component: () => import('@/views/topology/TopologyResourceView.vue'),
+ meta: { topologyResource: 'device-type' },
+ },
+ {
+ path: '/notifications-service/broadcasts',
+ name: 'Pesan Siaran',
+ component: () => import('@/views/notifications-service/NotificationBroadcasts.vue'),
+ },
+ {
+ path: '/notifications-service/system',
+ name: 'Notifikasi Aplikasi',
+ component: () => import('@/views/notifications-service/NotificationChannelDashboard.vue'),
+ meta: { notificationChannel: 'system' },
+ },
+ {
+ path: '/notifications-service/whatsapp-official',
+ name: 'WhatsApp Official',
+ component: () => import('@/views/notifications-service/NotificationChannelDashboard.vue'),
+ meta: { notificationChannel: 'whatsapp_official' },
+ },
+ {
+ path: '/notifications-service/whatsapp-unofficial',
+ name: 'WhatsApp Unofficial',
+ component: () => import('@/views/notifications-service/NotificationChannelDashboard.vue'),
+ meta: { notificationChannel: 'whatsapp_unofficial' },
+ },
+ {
+ path: '/notifications-service/email',
+ name: 'Email Notifikasi',
+ component: () => import('@/views/notifications-service/NotificationChannelDashboard.vue'),
+ meta: { notificationChannel: 'email' },
+ },
+ {
+ path: '/notifications-service/telegram',
+ name: 'Telegram Notifikasi',
+ component: () => import('@/views/notifications-service/NotificationChannelDashboard.vue'),
+ meta: { notificationChannel: 'telegram' },
+ },
+ {
+ path: '/payment-gateway/settings',
+ name: 'Setting Payment Gateway',
+ component: () => import('@/views/payment-gateway/PaymentGatewaySettings.vue'),
+ },
+ {
+ path: '/payment-gateway/logs',
+ name: 'Log Pembayaran',
+ component: () => import('@/views/payment-gateway/PaymentLogs.vue'),
+ },
+ {
+ path: '/wallet',
+ name: 'Dompet',
+ component: () => import('@/views/wallet/WalletDashboard.vue'),
+ },
{
path: '/users',
name: 'Users',
diff --git a/src/services/billingService.js b/src/services/billingService.js
new file mode 100644
index 00000000..4f4e3d3b
--- /dev/null
+++ b/src/services/billingService.js
@@ -0,0 +1,14 @@
+import api from '@/api/axios'
+
+export async function getBillingProfiles(params = {}) { return (await api.get('/billing/profiles', { params })).data }
+export async function getBillingProfile(id) { return (await api.get(`/billing/profiles/${id}`)).data }
+export async function createBillingProfile(payload) { return (await api.post('/billing/profiles', payload)).data }
+export async function updateBillingProfile(id, payload) { return (await api.put(`/billing/profiles/${id}`, payload)).data }
+export async function deleteBillingProfile(id) { return (await api.delete(`/billing/profiles/${id}`)).data }
+export async function getInvoices(scope, params = {}) { return (await api.get(`/billing/invoices/${scope}`, { params })).data }
+export async function getInvoice(scope, id) { return (await api.get(`/billing/invoices/${scope}/${id}`)).data }
+export async function getInvoiceOptions() { return (await api.get('/billing/invoice-options')).data }
+export async function createInvoice(payload) { return (await api.post('/billing/invoices', payload)).data }
+export async function updateInvoice(id, payload) { return (await api.put(`/billing/invoices/${id}`, payload)).data }
+export async function payInvoice(scope, id, payload) { return (await api.post(`/billing/invoices/${scope}/${id}/pay`, payload)).data }
+export async function cancelInvoice(id) { return (await api.post(`/billing/invoices/${id}/cancel`)).data }
diff --git a/src/services/customerService.js b/src/services/customerService.js
new file mode 100644
index 00000000..fe349df3
--- /dev/null
+++ b/src/services/customerService.js
@@ -0,0 +1,42 @@
+import api from '@/api/axios'
+
+export async function getCustomers(scope, params = {}) {
+ const { data } = await api.get(`/customers/${scope}`, { params })
+ return data
+}
+export async function getCustomerOptions() {
+ const { data } = await api.get('/customers/options')
+ return data
+}
+export async function getCustomer(scope, id) {
+ const { data } = await api.get(`/customers/${scope}/${id}`)
+ return data
+}
+export async function createCustomer(payload) {
+ const { data } = await api.post('/customers', payload)
+ return data
+}
+export async function updateCustomer(id, payload) {
+ const { data } = await api.put(`/customers/${id}`, payload)
+ return data
+}
+export async function activateCustomer(id, payload) {
+ const { data } = await api.post(`/customers/${id}/activate`, payload)
+ return data
+}
+export async function deactivateCustomer(id) {
+ const { data } = await api.post(`/customers/${id}/deactivate`)
+ return data
+}
+export async function trashCustomer(id) {
+ const { data } = await api.delete(`/customers/${id}`)
+ return data
+}
+export async function restoreCustomer(id) {
+ const { data } = await api.post(`/customers/${id}/restore`)
+ return data
+}
+export async function forceDeleteCustomer(id) {
+ const { data } = await api.delete(`/customers/${id}/force`)
+ return data
+}
diff --git a/src/services/notificationService.js b/src/services/notificationService.js
new file mode 100644
index 00000000..741cc927
--- /dev/null
+++ b/src/services/notificationService.js
@@ -0,0 +1,75 @@
+import api from '@/api/axios'
+
+const channelPaths = {
+ system: 'system',
+ whatsapp_official: 'whatsapp-official',
+ whatsapp_unofficial: 'whatsapp-unofficial',
+ email: 'email',
+ telegram: 'telegram',
+}
+
+const channelBase = (channel) => `/notifications/channels/${channelPaths[channel]}`
+
+export async function getNotificationEvents() {
+ return (await api.get('/notifications/events')).data
+}
+export async function getNotificationChannels(channel) {
+ return (await api.get(`${channelBase(channel)}/settings`)).data
+}
+export async function createNotificationChannel(channel, payload) {
+ return (await api.post(`${channelBase(channel)}/settings`, payload)).data
+}
+export async function updateNotificationChannel(channel, id, payload) {
+ return (await api.put(`${channelBase(channel)}/settings/${id}`, payload)).data
+}
+export async function testNotificationChannel(channel, id) {
+ return (await api.post(`${channelBase(channel)}/settings/${id}/test`)).data
+}
+export async function getNotificationTemplates(channel) {
+ return (await api.get(`${channelBase(channel)}/templates`)).data
+}
+export async function createNotificationTemplate(channel, payload) {
+ return (await api.post(`${channelBase(channel)}/templates`, payload)).data
+}
+export async function updateNotificationTemplate(channel, id, payload) {
+ return (await api.put(`${channelBase(channel)}/templates/${id}`, payload)).data
+}
+export async function getNotificationLogs(channel, params = {}) {
+ return (await api.get(`${channelBase(channel)}/logs`, { params })).data
+}
+export async function getNotificationPreferences(params = {}) {
+ return (await api.get('/notifications/preferences', { params })).data
+}
+export async function saveNotificationPreferences(preferences) {
+ return (await api.put('/notifications/preferences', { preferences })).data
+}
+export async function getBroadcasts(params = {}) {
+ return (await api.get('/notifications/broadcasts', { params })).data
+}
+export async function previewBroadcast(payload) {
+ return (await api.post('/notifications/broadcasts/preview', payload)).data
+}
+export async function createBroadcast(payload) {
+ return (await api.post('/notifications/broadcasts', payload)).data
+}
+export async function approveBroadcast(id) {
+ return (await api.post(`/notifications/broadcasts/${id}/approve`)).data
+}
+export async function getMyNotifications(params = {}) {
+ return (await api.get('/me/notifications', { params })).data
+}
+export async function markNotificationRead(uuid) {
+ return (await api.put(`/me/notifications/${uuid}/read`)).data
+}
+export async function getCustomerNotificationContacts(customerId) {
+ return (await api.get(`/customers/${customerId}/notification-contacts`)).data
+}
+export async function createCustomerNotificationContact(customerId, payload) {
+ return (await api.post(`/customers/${customerId}/notification-contacts`, payload)).data
+}
+export async function updateCustomerNotificationContact(customerId, id, payload) {
+ return (await api.put(`/customers/${customerId}/notification-contacts/${id}`, payload)).data
+}
+export async function deleteCustomerNotificationContact(customerId, id) {
+ return (await api.delete(`/customers/${customerId}/notification-contacts/${id}`)).data
+}
diff --git a/src/services/paymentGatewayService.js b/src/services/paymentGatewayService.js
new file mode 100644
index 00000000..f0980345
--- /dev/null
+++ b/src/services/paymentGatewayService.js
@@ -0,0 +1,8 @@
+import api from '@/api/axios'
+
+export const getPaymentProviders = async () => (await api.get('/payment-gateway/providers')).data
+export const getPaymentSettings = async () => (await api.get('/payment-gateway/settings')).data
+export const createGatewayAccount = async (payload) => (await api.post('/payment-gateway/accounts', payload)).data
+export const updateGatewayAccount = async (id, payload) => (await api.put(`/payment-gateway/accounts/${id}`, payload)).data
+export const saveTenantPaymentSetting = async (payload) => (await api.put('/payment-gateway/tenant-setting', payload)).data
+export const getPaymentTransactions = async (params = {}) => (await api.get('/payment-gateway/transactions', { params })).data
diff --git a/src/services/topologyService.js b/src/services/topologyService.js
new file mode 100644
index 00000000..a9fd45b5
--- /dev/null
+++ b/src/services/topologyService.js
@@ -0,0 +1,60 @@
+import api from '@/api/axios'
+
+const paths = {
+ 'device-type': 'device-types',
+ node: 'nodes',
+ link: 'links',
+}
+
+const endpoint = (resource, id = null) => {
+ const base = `/topology/${paths[resource]}`
+ return id ? `${base}/${id}` : base
+}
+
+export async function getTopologyResources(resource, params = {}) {
+ return (await api.get(endpoint(resource), { params })).data
+}
+
+export async function getTopologyResource(resource, id) {
+ return (await api.get(endpoint(resource, id))).data
+}
+
+export async function createTopologyResource(resource, payload) {
+ return (await api.post(endpoint(resource), payload)).data
+}
+
+export async function updateTopologyResource(resource, id, payload) {
+ return (await api.put(endpoint(resource, id), payload)).data
+}
+
+export async function deleteTopologyResource(resource, id) {
+ return (await api.delete(endpoint(resource, id))).data
+}
+
+export async function getTopologyOptions() {
+ return (await api.get('/topology/options')).data
+}
+
+export async function getTopologyMap(params = {}) {
+ return (await api.get('/topology/map', { params })).data
+}
+
+export async function getNodePorts(nodeId) {
+ return (await api.get(`/topology/nodes/${nodeId}/ports`)).data
+}
+
+export async function createNodePort(nodeId, payload) {
+ return (await api.post(`/topology/nodes/${nodeId}/ports`, payload)).data
+}
+
+export async function updateNodePort(id, payload) {
+ return (await api.put(`/topology/ports/${id}`, payload)).data
+}
+
+export async function deleteNodePort(id) {
+ return (await api.delete(`/topology/ports/${id}`)).data
+}
+
+export async function traceTopology(nodeId, direction = 'downstream') {
+ return (await api.get(`/topology/nodes/${nodeId}/${direction}`)).data
+}
diff --git a/src/services/walletService.js b/src/services/walletService.js
new file mode 100644
index 00000000..2573de06
--- /dev/null
+++ b/src/services/walletService.js
@@ -0,0 +1,6 @@
+import api from '@/api/axios'
+
+export const getMyWallets = async () => (await api.get('/wallets')).data
+export const getWalletLedger = async (id, params = {}) => (await api.get(`/wallets/${id}/ledger`, { params })).data
+export const transferWallet = async (id, payload) => (await api.post(`/wallets/${id}/transfer`, payload)).data
+export const withdrawWallet = async (id, payload) => (await api.post(`/wallets/${id}/withdraw`, payload)).data
diff --git a/src/utils/imageCompression.js b/src/utils/imageCompression.js
new file mode 100644
index 00000000..a2d259f4
--- /dev/null
+++ b/src/utils/imageCompression.js
@@ -0,0 +1,48 @@
+const MAX_CUSTOMER_IMAGE_BYTES = 500 * 1024
+
+function canvasBlob(canvas, type, quality) {
+ return new Promise((resolve) => canvas.toBlob(resolve, type, quality))
+}
+
+export async function compressCustomerImage(file) {
+ if (!file.type.startsWith('image/')) throw new Error('File harus berupa gambar.')
+
+ const bitmap = await createImageBitmap(file)
+ const maxDimension = 1920
+ let scale = Math.min(1, maxDimension / Math.max(bitmap.width, bitmap.height))
+ let width = Math.max(1, Math.round(bitmap.width * scale))
+ let height = Math.max(1, Math.round(bitmap.height * scale))
+ const canvas = document.createElement('canvas')
+ const context = canvas.getContext('2d', { alpha: false })
+ let blob = null
+ let quality = 0.86
+
+ for (let attempt = 0; attempt < 10; attempt += 1) {
+ canvas.width = width
+ canvas.height = height
+ context.fillStyle = '#ffffff'
+ context.fillRect(0, 0, width, height)
+ context.drawImage(bitmap, 0, 0, width, height)
+ blob = await canvasBlob(canvas, 'image/webp', quality)
+
+ if (blob && blob.size <= MAX_CUSTOMER_IMAGE_BYTES) break
+ if (quality > 0.58) quality -= 0.08
+ else {
+ width = Math.max(640, Math.round(width * 0.82))
+ height = Math.max(360, Math.round(height * 0.82))
+ }
+ }
+
+ bitmap.close()
+ if (!blob || blob.size > MAX_CUSTOMER_IMAGE_BYTES) {
+ throw new Error('Gambar tidak dapat dikompresi hingga di bawah 500 KB.')
+ }
+
+ const baseName = file.name.replace(/\.[^.]+$/, '')
+ return new File([blob], `${baseName}.webp`, {
+ type: 'image/webp',
+ lastModified: Date.now(),
+ })
+}
+
+export { MAX_CUSTOMER_IMAGE_BYTES }
diff --git a/src/utils/responsiveViewMode.js b/src/utils/responsiveViewMode.js
new file mode 100644
index 00000000..1056abcb
--- /dev/null
+++ b/src/utils/responsiveViewMode.js
@@ -0,0 +1,18 @@
+export const RESPONSIVE_VIEW_MODE_STORAGE_KEY = 'manja-responsive-data-view-mode'
+export const RESPONSIVE_VIEW_MODE_EVENT = 'manja-responsive-data-view-mode-change'
+
+export const getResponsiveViewMode = () => {
+ const storedMode = localStorage.getItem(RESPONSIVE_VIEW_MODE_STORAGE_KEY)
+ return storedMode === 'card' || storedMode === 'table' ? storedMode : 'table'
+}
+
+export const saveResponsiveViewMode = (mode) => {
+ if (mode !== 'card' && mode !== 'table') return
+
+ localStorage.setItem(RESPONSIVE_VIEW_MODE_STORAGE_KEY, mode)
+ window.dispatchEvent(
+ new CustomEvent(RESPONSIVE_VIEW_MODE_EVENT, {
+ detail: mode,
+ }),
+ )
+}
diff --git a/src/views/billing/BillingProfiles.vue b/src/views/billing/BillingProfiles.vue
new file mode 100644
index 00000000..9366f0ee
--- /dev/null
+++ b/src/views/billing/BillingProfiles.vue
@@ -0,0 +1,109 @@
+
+
+
+ Klik peta atau geser marker untuk menentukan lokasi pemasangan.
+
+ + Tambah Profile
+
Profile Tagihan
Aturan jadwal tagihan bulanan customerMemuat data...
+ + Buat Tagihan
+
{{ config[0] }}
{{ config[1] }}Memuat data...
Invoice{{ detail.invoice_number }}
Customer{{ detail.customer_name_snapshot }}
Total{{ detail.total_label }}
Terbayar{{ money(detail.paid_amount) }}
Sisa{{ detail.balance_label }}
Status{{ detail.status_label }}
+
+
+ Profil Customer
+ Lokasi Pemasangan
+ Dokumentasi{{ gallery.length }} gambar
+
+
+
+
+
+
+ Kontak Notifikasi Batal Simpan
+
+
+
diff --git a/src/views/customers/CustomerFormPage.vue b/src/views/customers/CustomerFormPage.vue
new file mode 100644
index 00000000..2a86ea21
--- /dev/null
+++ b/src/views/customers/CustomerFormPage.vue
@@ -0,0 +1,290 @@
+
+
+
+
+ Edit Customer
+
+
+
+ ![Cover customer]()
+
+
+ ← Kembali
+
+ {{ customer?.name || 'Detail Customer' }}
+
+ {{ customer?.customer_code || '-' }}
+ {{ statusLabel }}
+
+
+
+ Nama{{ customer.name }}
+ NIK/Identitas{{ customer.identity_number || '-' }}
+ Email{{ customer.email || '-' }}
+ WhatsApp{{ customer.whatsapp_number || '-' }}
+ Tenant{{ customer.tenant?.tenant_name || '-' }}
+ Username Eksternal{{ customer.external_username || '-' }}
+ {{ customer.full_installation_address || '-' }}
+Koordinat lokasi pemasangan belum tersedia.
+
+ ![Dokumentasi customer]()
+
+ {{ activeImage.caption || activeImage.original_name }}
+
+
+
+
+ Jenis Nomor/Alamat/Chat ID Label
+
+
+ Informasi Customer
+
+ Tenant ID Customer Nama Lengkap NIK/Identitas Email WhatsApp
+ Lokasi Pemasangan
+
+ Alamat Provinsi Kabupaten Kecamatan Desa
+ Dokumentasi Lokasi{{ gallery.length }}/20 gambar
+
+ Kategori Keterangan Jadikan Cover Hapus
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/customers/Customers.vue b/src/views/customers/Customers.vue
new file mode 100644
index 00000000..e3a36b18
--- /dev/null
+++ b/src/views/customers/Customers.vue
@@ -0,0 +1,217 @@
+
+
+
+
+
+ {{ saving ? 'Menyimpan...' : 'Simpan Customer' }}
+
+
+
+ ← Kembali
+
+ {{ isEdit ? 'Lengkapi Data Customer' : 'Registrasi Customer' }}
+Identitas, lokasi pemasangan, layanan, dan dokumentasi customer.
+
+
+
+ Latitude Longitude Gunakan Lokasi Saya
+
+
+ ![Dokumentasi customer]()
+
+
+
+
+
+
+
+
+
+
+ + Daftarkan Customer
+
+ {{ scopeConfig[0] }}
{{ scopeConfig[1] }}Memuat data...
{{ detail.email || '-' }}
{{ detail.whatsapp_number || '-' }}
Alamat Pemasangan
{{ detail.full_installation_address || '-' }}
Paket
{{ detail.package_profile?.name || '-' }}
NAS
{{ detail.nas_mikrotik?.name || '-' }}
+
+
+ + Buat Siaran
+
+ Pesan Siaran
Broadcast tersegmentasi dengan snapshot penerima dan pengiriman melalui queueMemuat data...
Filter Penerima
{{ customer.customer_code }} · {{ customer.name }}
+
+
+ + Tambah Setting
+
+ {{ config.title }}
Konfigurasi, template, otomasi dan monitoring pengiriman
+
+
+ Memuat data...
+ Belum ada konfigurasi {{ config.title }} untuk tenant ini.
+
+ {{ item.enabled ? 'Aktif' : 'Nonaktif' }}
+ Edit Tes Koneksi
+
+
+ {{ item.name }}
{{ item.tenant?.tenant_name || 'Tenant aktif' }}Kredensial{{ item.credentials_configured ? 'Tersimpan' : 'Belum lengkap' }}
+ Status koneksi{{ item.last_health_status || 'Belum diuji' }}
+
+
+ {{ item.event?.category }} {{ item.enabled ? 'Enable' : 'Disable' }}
+ Atur Template
+
+
+ {{ item.event?.name }}
{{ item.body }}
{{ item.tenant_id ? 'Override tenant' : 'Template bawaan' }} · Versi {{ item.version }} +
+ Tenant
+
+
+
Jenis PesanAplikasiWA OfficialWA UnofficialEmailTelegram
+ {{ event.name }}{{ event.code }}
+
+ + Gateway
+
+ Mode Gateway Tenant Aktif Gateway Platform Penanggung Biaya Kedaluwarsa Pembayaran (menit) Simpan Mode
+
+
+ Setting Payment Gateway
Pilih gateway tenant atau gateway global platformMemuat data...
Mode Pembayaran Tenant
+Daftar Akun Gateway
Belum ada akun gateway.
+
+ Log Pembayaran
Histori pembayaran customer dan transaksi gatewayMemuat data...
+
+
+ {{ counts.nodes }} perangkat {{ counts.links }} jalur
+
+ Peta Jaringan
Visualisasi geografis perangkat dan jalur FTTH
+
+
+
+
+
+ Perangkat Acuan Arah Penelusuran Tampilkan Belum ada hubungan jaringan dari perangkat yang dipilih.
+
Topologi Jaringan
Penelusuran hubungan logis upstream dan downstreamMemuat topologi...
+
+
+
+ {{ index === 0 ? 'Perangkat acuan' : `Tingkat ${index}` }}
+
+
+ {{ node.device_type?.code }} {{ node.name }}{{ node.code }}
+
+ ↓
+
+
+
+ + Tambah {{ resource === 'node' ? 'Perangkat' : resource === 'link' ? 'Jalur' : 'Kategori' }}
+
+ {{ config.title }}
{{ config.subtitle }}Memuat data...
{{ column.label }}{{ detail[column.key] || '-' }}
{{ editingPortId ? 'Edit' : 'Tambah' }} Port
+ Nama Nomor Tipe Arah Simpan Port
+
{{ port.port_number }}. {{ port.name }}{{ port.port_type }} · {{ port.status }}Edit Hapus
Dompet
Saldo user dan tenant dengan pencatatan ledgerMemuat data...
+
+
+
+
+