gigafibre-fsm/apps/ops/src/router/index.js

import { route } from 'quasar/wrappers'
import { createRouter, createWebHashHistory } from 'vue-router'

const routes = [
  // Tech mobile view (sent via SMS to field techs)
  {
    path: '/j',
    component: () => import('src/layouts/TechLayout.vue'),
    children: [
      { path: '',              name: 'tech-tasks',  component: () => import('src/modules/tech/pages/TechTasksPage.vue') },
      { path: 'job/:name',    name: 'tech-job',     component: () => import('src/modules/tech/pages/TechJobDetailPage.vue'), props: true },
      { path: 'scan',         name: 'tech-scan',    component: () => import('src/modules/tech/pages/TechScanPage.vue') },
      { path: 'device/:serial', name: 'tech-device', component: () => import('src/modules/tech/pages/TechDevicePage.vue'), props: true },
      { path: 'diagnostic',   name: 'tech-diag',    component: () => import('src/modules/tech/pages/TechDiagnosticPage.vue') },
      { path: 'more',         name: 'tech-more',    component: () => import('src/modules/tech/pages/TechMorePage.vue') },
      // Magic link: /j/{jwt-token} — must be LAST to not capture static paths above
      { path: ':token',        name: 'tech-magic',   component: () => import('src/modules/tech/pages/TechTasksPage.vue'), props: true },
    ],
  },
  // Ops staff desktop view
  {
    path: '/',
    component: () => import('src/layouts/MainLayout.vue'),
    children: [
      { path: '',                  component: () => import('src/pages/DashboardPage.vue') },
      { path: 'clients',           component: () => import('src/pages/ClientsPage.vue') },
      { path: 'clients/:id',       component: () => import('src/pages/ClientDetailPage.vue'), props: true },
      { path: 'tickets',           component: () => import('src/pages/TicketsPage.vue') },
      { path: 'communications',    component: () => import('src/pages/CommunicationsPage.vue') },
      { path: 'communications/c/:token', component: () => import('src/pages/ConversationFullPage.vue'), props: true },
      { path: 'pipeline',          component: () => import('src/pages/PipelinePage.vue') },
      { path: 'equipe',            component: () => import('src/pages/EquipePage.vue') },
      { path: 'rapports',          component: () => import('src/pages/RapportsPage.vue') },
      { path: 'rapports/revenus',  component: () => import('src/pages/ReportRevenuPage.vue') },
      { path: 'rapports/ventes',   component: () => import('src/pages/ReportVentesPage.vue') },
      { path: 'rapports/taxes',    component: () => import('src/pages/ReportTaxesPage.vue') },
      { path: 'rapports/ar',       component: () => import('src/pages/ReportARPage.vue') },
      { path: 'rapports/internet-cher', component: () => import('src/pages/ReportInternetCherPage.vue') },
      { path: 'rapports/factures-negatives', component: () => import('src/pages/ReportNegativeBillingPage.vue') },
      { path: 'rapports/resilies-actifs', component: () => import('src/pages/ReportTerminatedActivePage.vue') },
      { path: 'ocr',               component: () => import('src/pages/OcrPage.vue') },
      { path: 'settings',          component: () => import('src/pages/SettingsPage.vue') },
      { path: 'email-queue',       component: () => import('src/pages/EmailQueuePage.vue') },
      { path: 'factures-fournisseurs', component: () => import('src/pages/SupplierInvoicesPage.vue') },
      { path: 'telephony',         component: () => import('src/pages/TelephonyPage.vue') },
      { path: 'dispatch',          component: () => import('src/pages/DispatchPage.vue') },
      { path: 'historique',        component: () => import('src/pages/HistoriquePage.vue') },
      { path: 'planification',     component: () => import('src/pages/PlanificationPage.vue') },
      { path: 'conformite-adresses', component: () => import('src/pages/AddressConformityPage.vue') },
      { path: 'rdv',               component: () => import('src/pages/RendezVousPage.vue') },
      { path: 'copilote',          component: () => import('src/pages/CopilotePage.vue') },
      { path: 'agent-flows',       component: () => import('src/pages/AgentFlowsPage.vue') },
      { path: 'network',           component: () => import('src/pages/NetworkPage.vue') },
      { path: 'sync-legacy',       component: () => import('src/pages/LegacySyncPage.vue') },
      // Gift campaigns — list, new wizard (CSV upload + matching), per-campaign detail with live SSE updates
      { path: 'campaigns',                   component: () => import('src/modules/campaigns/pages/CampaignsListPage.vue') },
      { path: 'campaigns/new',               component: () => import('src/modules/campaigns/pages/CampaignNewPage.vue') },
      // Template editor + gifts inventory routes must be ABOVE /campaigns/:id
      // otherwise the ':id' wildcard captures the literal paths and shows
      // the detail page instead.
      { path: 'campaigns/templates/:name?',  component: () => import('src/modules/campaigns/pages/TemplateEditorPage.vue'), props: true },
      { path: 'campaigns/gifts',             component: () => import('src/modules/campaigns/pages/GiftsInventoryPage.vue') },
      { path: 'campaigns/:id',               component: () => import('src/modules/campaigns/pages/CampaignDetailPage.vue'), props: true },
    ],
  },
]

export default route(function () {
  return createRouter({
    history: createWebHashHistory(process.env.VUE_ROUTER_BASE),
    routes,
  })
})