gigafibre-fsm/apps/client/src/pages/PaymentCardAddedPage.vue
louispaulb 607ea54b5c refactor: reduce token count, DRY code, consolidate docs
Backend services:
- targo-hub: extract deepGetValue to helpers.js, DRY disconnect reasons
  lookup map, compact CAPABILITIES, consolidate vision.js prompts/schemas,
  extract dispatch scoring weights, trim section dividers across 9 files
- modem-bridge: extract getSession() helper (6 occurrences), resetIdleTimer(),
  consolidate DM query factory, fix duplicate username fill bug, trim headers
  (server.js -36%, tplink-session.js -47%, docker-compose.yml -57%)

Frontend:
- useWifiDiagnostic: extract THRESHOLDS const, split processDiagnostic into
  6 focused helpers (processOnlineStatus, processWanIPs, processRadios,
  processMeshNodes, processClients, checkRadioIssues)
- EquipmentDetail: merge duplicate ROLE_LABELS, remove verbose comments

Documentation (17 → 13 files, -1,400 lines):
- New consolidated README.md (architecture, services, dependencies, auth)
- Merge ECOSYSTEM-OVERVIEW into ARCHITECTURE.md
- Merge MIGRATION-PLAN + ARCHITECTURE-COMPARE + FIELD-GAP + CHANGELOG → MIGRATION.md
- Merge COMPETITIVE-ANALYSIS into PLATFORM-STRATEGY.md
- Update ROADMAP.md with current phase status
- Delete CONTEXT.md (absorbed into README)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-13 08:39:58 -04:00

40 lines
1.4 KiB
Vue

<template>
<q-page padding class="flex flex-center">
<div style="max-width:520px;text-align:center">
<q-icon name="credit_card" color="positive" size="80px" />
<div class="text-h5 text-weight-bold q-mt-lg">Carte ajoutee!</div>
<div class="text-body1 text-grey-7 q-mt-sm">
Votre carte de paiement a ete enregistree avec succes.
Vous pouvez maintenant activer le paiement automatique.
</div>
<!-- Authenticated -->
<div v-if="auth.authenticated" class="q-mt-xl q-gutter-sm">
<q-btn color="primary" unelevated label="Mon compte" icon="person" @click="$router.push('/me')" />
<q-btn flat color="grey-7" label="Accueil" icon="home" @click="$router.push('/')" />
</div>
<!-- Not authenticated -->
<div v-else class="q-mt-xl">
<q-banner rounded class="bg-blue-1 q-mb-md">
<template #avatar><q-icon name="info" color="primary" /></template>
<div class="text-body2">
Connectez-vous pour gerer vos cartes et activer le paiement automatique.
</div>
</q-banner>
<q-btn color="primary" unelevated label="Se connecter" icon="login" @click="goToLogin" />
</div>
</div>
</q-page>
</template>
<script setup>
import { useMagicToken } from 'src/composables/useMagicToken'
const auth = useMagicToken()
function goToLogin () {
window.location.href = 'https://id.gigafibre.ca/'
}
</script>