fix(help): improve notification troubleshooting copy and use app constants

- Fix typo in Android Chrome "Clear browsing data" step
- Use TimeSafari in Settings steps and clarify PWA vs native install
- Add Battery & background subsection (iOS and Android)
- Add Focus / Do Not Disturb note under Check App Permissions
- Add quick checklist at top before Full Test
- Replace hardcoded app names with AppString.APP_NAME and APP_NAME_NO_SPACES
This commit is contained in:
Jose Olarte III
2026-02-26 17:58:32 +08:00
parent baac36607b
commit d4721f5f4c

View File

@@ -61,6 +61,24 @@
<div>
<p>Here are ways to test notifications and get them working.</p>
<p class="mt-2 font-medium">Quick checklist:</p>
<ul class="list-disc ml-4 mt-1">
<li>
Notifications are turned on for
<strong>{{ AppString.APP_NAME_NO_SPACES }}</strong>
(or the browser you use for the app) in system Settings.
</li>
<li>
Battery and background settings are not restricting the app (see
"Battery &amp; background" under Check App Permissions).
</li>
<li>
You're not in Focus or Do Not Disturb, or the app is allowed in that
mode.
</li>
<li>Run the <strong>Full Test</strong> below.</li>
</ul>
<h2 class="text-xl font-semibold mt-4">Full Test</h2>
<div>
<p>
@@ -125,12 +143,25 @@
<h2 class="text-xl font-semibold mt-4">Check App Permissions</h2>
<div>
<p>
In Apple iOS, check "Settings" -> "Notifications", look for the Time
Safari app (or the browser you're using), and make sure notifications
If you use <strong>Focus</strong> (iOS) or <strong>Do Not
Disturb</strong> (Android), notifications may be silenced. Check that
{{ AppString.APP_NAME }} is allowed in that mode, or temporarily turn
it off to test.
</p>
<p>
In Apple iOS, check "Settings" -> "Notifications" and look for
<strong>{{ AppString.APP_NAME_NO_SPACES }}</strong>
(the app name in system Settings). If you added the app from a browser
(e.g. "Add to Home Screen"), you may see
the browser (e.g. Safari) instead ensure notifications are enabled
for that and for the site if listed separately. Make sure notifications
are enabled.
</p>
<p>
In Android, hold on to the app icon, then select "App Info", then
In Android, go to "Settings" -> "Notifications" and look for
<strong>{{ AppString.APP_NAME_NO_SPACES }}</strong>
(or Chrome if you installed from Chrome). Alternatively, long-press
the app icon, select "App Info", then
"Notifications" and make sure they're enabled. If it's still a problem
then go further:
</p>
@@ -146,8 +177,8 @@
</li>
<li class="list-disc ml-4">
Go to Chrome "Settings", then "Privacy and Security" and "Clear
"Clear browsing data", then "Cookies and site data". Make sure the
"Time Range" at the top shows "All time".
browsing data", then "Cookies and site data". Make sure the "Time
Range" at the top shows "All time".
</li>
</ul>
<p>
@@ -158,6 +189,29 @@
class="ml-4"
/>
</p>
<h3 class="text-lg font-semibold mt-4">Battery &amp; background</h3>
<p>
Notifications (especially scheduled reminders) can be blocked by
battery or background settings. Check the following:
</p>
<ul class="list-disc ml-4">
<li>
<strong>iOS</strong>: In Settings Battery, ensure Low Power Mode
is off (it can delay background activity). In Settings General
Background App Refresh, ensure it's on and that
<strong>{{ AppString.APP_NAME_NO_SPACES }}</strong>
(or Safari if you use the app from Safari) is allowed.
</li>
<li>
<strong>Android</strong>: In Settings → Apps →
{{ AppString.APP_NAME_NO_SPACES }} (or Chrome if you use the PWA),
open Battery and set to "Unrestricted" or "Don't
optimize" so the app can run in the background. Battery Saver or
Adaptive Battery can also limit notifications — try disabling them or
adding an exception for the app.
</li>
</ul>
</div>
<h2 class="text-xl font-semibold mt-4">Check Browser Permissions</h2>
@@ -233,9 +287,10 @@
<font-awesome icon="circle-user" /> page.
</p>
<p>
Here are instructions to uninstall the app and clear out caches and storage.
Note that you should first ensure check that the browser tabs with Time Safari are closed.
(If any are open then that will interfere with your refresh.)
Here are instructions to uninstall the app and clear out caches and
storage. Note that you should first ensure that browser tabs with
{{ AppString.APP_NAME }} are closed. (If any are open then that will
interfere with your refresh.)
</p>
<ul class="ml-4 list-disc">
<li>
@@ -339,7 +394,7 @@
import { Component, Vue } from "vue-facing-decorator";
import QuickNav from "../components/QuickNav.vue";
import { NotificationIface } from "../constants/app";
import { AppString, NotificationIface } from "../constants/app";
import { DIRECT_PUSH_TITLE, sendTestThroughPushServer } from "../libs/util";
import PushNotificationPermission from "../components/PushNotificationPermission.vue";
import { PlatformServiceMixin } from "../utils/PlatformServiceMixin";
@@ -398,6 +453,9 @@ export default class HelpNotificationsView extends Vue {
notifyingReminderMessage = "";
notifyingReminderTime = "";
// Expose app name constants for template (Settings label vs product name)
AppString = AppString;
// Notification helper system
notify!: ReturnType<typeof createNotifyHelpers>;