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:
@@ -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 & 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 & 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>;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user