PWA: installable app (web/win/android/ios) + download/help page + push notifications

- manifest.webmanifest + service worker (offline shell + push + notificationclick) + PNG icons (192/512/apple) + iOS meta + SW registration → installable everywhere - /Download page: per-OS install help (web/windows/android/ios), install button (beforeinstallprompt), 'enable notifications' flow, usage guide, Bazaar/TWA note; nav + footer links - Web Push foundation: WebPushSubscription entity + /push/subscribe (stores), VAPID + push settings in /Admin/Settings, on-device local notification; server broadcast documented (WebPush via Nexus) - docs/PWA-TWA.md: VAPID keygen, server-push wiring, Bubblewrap→Cafe Bazaar + assetlinks steps - Verified: manifest/sw/icons served, download page, subscribe stores (200), layout wired Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-04 11:23:13 +03:30
parent 9a92da42e6
commit a02eb6a985
17 changed files with 1417 additions and 1 deletions
@@ -12,6 +12,15 @@
       self-hosted under wwwroot/fonts (@@font-face in site.css) — no external CDN. *@
    <link rel="preload" href="~/fonts/Vazirmatn-Regular.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
+
+    @* PWA: installable app (Web/Windows/Android via this manifest; iOS via apple-* tags) *@
+    <link rel="manifest" href="/manifest.webmanifest" />
+    <meta name="theme-color" content="#0e8f8a" />
+    <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+    <meta name="apple-mobile-web-app-title" content="همکادر" />
 </head>
 <body>
    <header class="site-header">
@@ -25,6 +34,7 @@
                <a asp-page="/Shifts/Index">شیفت‌ها</a>
                <a asp-page="/Jobs/Index">استخدام</a>
                <a asp-page="/Calendar/Index">تقویم هفتگی</a>
+                <a asp-page="/Download">دریافت اپ</a>
                <a asp-page="/Facilities/Index">مراکز درمانی</a>
                <a asp-page="/Preferences/Index">علاقه‌مندی‌ها</a>
            </nav>
@@ -63,10 +73,19 @@
                <strong>همکادر</strong>
                <p class="muted">سامانه واسط میان کادر درمان و مراکز درمانی برای شیفت و استخدام</p>
            </div>
-            <div class="muted">© ۱۴۰۵ همکادر — همه حقوق محفوظ است</div>
+            <div class="muted">
+                <a asp-page="/Download" style="font-weight:700;">📲 دریافت اپلیکیشن</a>
+                · © ۱۴۰۵ همکادر — همه حقوق محفوظ است
+            </div>
        </div>
    </footer>

+    @* Register the PWA service worker (offline + push notifications). *@
+    <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', function () { navigator.serviceWorker.register('/sw.js').catch(function () {}); });
+        }
+    </script>
    @await RenderSectionAsync("Scripts", required: false)
 </body>
 </html>