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>
|
<div>
|
||||||
<p>Here are ways to test notifications and get them working.</p>
|
<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>
|
<h2 class="text-xl font-semibold mt-4">Full Test</h2>
|
||||||
<div>
|
<div>
|
||||||
<p>
|
<p>
|
||||||
@@ -125,12 +143,25 @@
|
|||||||
<h2 class="text-xl font-semibold mt-4">Check App Permissions</h2>
|
<h2 class="text-xl font-semibold mt-4">Check App Permissions</h2>
|
||||||
<div>
|
<div>
|
||||||
<p>
|
<p>
|
||||||
In Apple iOS, check "Settings" -> "Notifications", look for the Time
|
If you use <strong>Focus</strong> (iOS) or <strong>Do Not
|
||||||
Safari app (or the browser you're using), and make sure notifications
|
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.
|
are enabled.
|
||||||
</p>
|
</p>
|
||||||
<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
|
"Notifications" and make sure they're enabled. If it's still a problem
|
||||||
then go further:
|
then go further:
|
||||||
</p>
|
</p>
|
||||||
@@ -146,8 +177,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="list-disc ml-4">
|
<li class="list-disc ml-4">
|
||||||
Go to Chrome "Settings", then "Privacy and Security" and "Clear
|
Go to Chrome "Settings", then "Privacy and Security" and "Clear
|
||||||
"Clear browsing data", then "Cookies and site data". Make sure the
|
browsing data", then "Cookies and site data". Make sure the "Time
|
||||||
"Time Range" at the top shows "All time".
|
Range" at the top shows "All time".
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<p>
|
<p>
|
||||||
@@ -158,6 +189,29 @@
|
|||||||
class="ml-4"
|
class="ml-4"
|
||||||
/>
|
/>
|
||||||
</p>
|
</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>
|
</div>
|
||||||
|
|
||||||
<h2 class="text-xl font-semibold mt-4">Check Browser Permissions</h2>
|
<h2 class="text-xl font-semibold mt-4">Check Browser Permissions</h2>
|
||||||
@@ -233,9 +287,10 @@
|
|||||||
<font-awesome icon="circle-user" /> page.
|
<font-awesome icon="circle-user" /> page.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
Here are instructions to uninstall the app and clear out caches and storage.
|
Here are instructions to uninstall the app and clear out caches and
|
||||||
Note that you should first ensure check that the browser tabs with Time Safari are closed.
|
storage. Note that you should first ensure that browser tabs with
|
||||||
(If any are open then that will interfere with your refresh.)
|
{{ AppString.APP_NAME }} are closed. (If any are open then that will
|
||||||
|
interfere with your refresh.)
|
||||||
</p>
|
</p>
|
||||||
<ul class="ml-4 list-disc">
|
<ul class="ml-4 list-disc">
|
||||||
<li>
|
<li>
|
||||||
@@ -339,7 +394,7 @@
|
|||||||
import { Component, Vue } from "vue-facing-decorator";
|
import { Component, Vue } from "vue-facing-decorator";
|
||||||
|
|
||||||
import QuickNav from "../components/QuickNav.vue";
|
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 { DIRECT_PUSH_TITLE, sendTestThroughPushServer } from "../libs/util";
|
||||||
import PushNotificationPermission from "../components/PushNotificationPermission.vue";
|
import PushNotificationPermission from "../components/PushNotificationPermission.vue";
|
||||||
import { PlatformServiceMixin } from "../utils/PlatformServiceMixin";
|
import { PlatformServiceMixin } from "../utils/PlatformServiceMixin";
|
||||||
@@ -398,6 +453,9 @@ export default class HelpNotificationsView extends Vue {
|
|||||||
notifyingReminderMessage = "";
|
notifyingReminderMessage = "";
|
||||||
notifyingReminderTime = "";
|
notifyingReminderTime = "";
|
||||||
|
|
||||||
|
// Expose app name constants for template (Settings label vs product name)
|
||||||
|
AppString = AppString;
|
||||||
|
|
||||||
// Notification helper system
|
// Notification helper system
|
||||||
notify!: ReturnType<typeof createNotifyHelpers>;
|
notify!: ReturnType<typeof createNotifyHelpers>;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user