From cc931dcb04e97c645763bfd4951a95d3bf1c0708 Mon Sep 17 00:00:00 2001 From: Trent Larson Date: Fri, 5 Jan 2024 09:48:15 -0700 Subject: [PATCH] add notification check with instructions on front screen --- package-lock.json | 16 +++-- package.json | 2 + src/assets/help/apple-share-icon.svg | 3 + src/assets/help/install-android-chrome.png | Bin 0 -> 2629 bytes src/main.ts | 2 + src/views/HelpNotificationsView.vue | 8 ++- src/views/HomeView.vue | 66 ++++++++++++++------- 7 files changed, 69 insertions(+), 28 deletions(-) create mode 100644 src/assets/help/apple-share-icon.svg create mode 100644 src/assets/help/install-android-chrome.png diff --git a/package-lock.json b/package-lock.json index 17e2bab..b5ba731 100644 --- a/package-lock.json +++ b/package-lock.json @@ -50,6 +50,7 @@ "reflect-metadata": "^0.1.13", "register-service-worker": "^1.7.2", "three": "^0.156.1", + "ua-parser-js": "^1.0.37", "util": "^0.12.5", "vue": "^3.3.4", "vue-axios": "^3.5.2", @@ -62,6 +63,7 @@ "@types/leaflet": "^1.9.4", "@types/ramda": "^0.29.3", "@types/three": "^0.155.1", + "@types/ua-parser-js": "^0.7.39", "@typescript-eslint/eslint-plugin": "^6.6.0", "@typescript-eslint/parser": "^6.6.0", "@vue-leaflet/vue-leaflet": "^0.10.1", @@ -8975,6 +8977,12 @@ "integrity": "sha512-IDaobHimLQhjwsQ/NMwRVfa/yL7L/wriQPMhw1ZJall0KX6E1oxk29XMDeilW5qTIg5aoiqf5Udy8U/51aNoQQ==", "dev": true }, + "node_modules/@types/ua-parser-js": { + "version": "0.7.39", + "resolved": "https://registry.npmjs.org/@types/ua-parser-js/-/ua-parser-js-0.7.39.tgz", + "integrity": "sha512-P/oDfpofrdtF5xw433SPALpdSchtJmY7nsJItf8h3KXqOslkbySh8zq4dSWXH2oTjRvJ5PczVEoCZPow6GicLg==", + "dev": true + }, "node_modules/@types/web-bluetooth": { "version": "0.0.18", "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.18.tgz", @@ -26834,9 +26842,9 @@ } }, "node_modules/ua-parser-js": { - "version": "1.0.36", - "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.36.tgz", - "integrity": "sha512-znuyCIXzl8ciS3+y3fHJI/2OhQIXbXw9MWC/o3qwyR+RGppjZHrM27CGFSKCJXi2Kctiz537iOu2KnXs1lMQhw==", + "version": "1.0.37", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.37.tgz", + "integrity": "sha512-bhTyI94tZofjo+Dn8SN6Zv8nBDvyXTymAdM3LDI/0IboIUwTu1rEhW7v2TfiVsoYWgkQ4kOVqnI8APUFbIQIFQ==", "funding": [ { "type": "opencollective", @@ -26851,8 +26859,6 @@ "url": "https://github.com/sponsors/faisalman" } ], - "optional": true, - "peer": true, "engines": { "node": "*" } diff --git a/package.json b/package.json index ccc6306..976697d 100644 --- a/package.json +++ b/package.json @@ -50,6 +50,7 @@ "reflect-metadata": "^0.1.13", "register-service-worker": "^1.7.2", "three": "^0.156.1", + "ua-parser-js": "^1.0.37", "util": "^0.12.5", "vue": "^3.3.4", "vue-axios": "^3.5.2", @@ -62,6 +63,7 @@ "@types/leaflet": "^1.9.4", "@types/ramda": "^0.29.3", "@types/three": "^0.155.1", + "@types/ua-parser-js": "^0.7.39", "@typescript-eslint/eslint-plugin": "^6.6.0", "@typescript-eslint/parser": "^6.6.0", "@vue-leaflet/vue-leaflet": "^0.10.1", diff --git a/src/assets/help/apple-share-icon.svg b/src/assets/help/apple-share-icon.svg new file mode 100644 index 0000000..47023e8 --- /dev/null +++ b/src/assets/help/apple-share-icon.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/assets/help/install-android-chrome.png b/src/assets/help/install-android-chrome.png new file mode 100644 index 0000000000000000000000000000000000000000..a322bc23641ec52af13f84fe84fad0add1f810c1 GIT binary patch literal 2629 zcmb_edorDTA-~Zn_@7nu)_Ph79*V=16Ywh)Bx}H08KwMcI0DuFI z4tDMWEcxM35y71`7^Wit5W)S-DWICA@=5Tp3-xil z+@#%1K6C~eU(>j%Vr+B4E&vjk`HRU_NT37sCpSB3H+(5w8e-!XaP#mjp>rMT;jVWe zM#|*~aqLu}^rhTi!3dNs#59F7>#NdgZ1H zxZg^fUiG149QA!B%Tt#QuQCkc-DYPh; zcW5({nn3Wo)qT2#q~oDBD~IQSUvg5MX(4b^^-HyPePl8BR6EjDlD3CEY0GDh>ZJp; zLpa#p&_!6y6#`PPCu90GAw0ln-Ub5$UG05rfk57|l+`-?uWy8KLNa&moZW4bdv zTehlxX=dh~0ZJ2By}_j3(pPhi)$s-ek+f7v9RA#Tnozknh0VJjes*kupWG%FEZ=J; zjz3hsW;E$-#kp?vGU2l}PQCg0%#fnRf8HD)SCW{VgwTZ>86+B;wKK`#OoTk2;umE! z-4Kh)Qkt;k`W>C(ij=h6yA7Bm%X9l{|9rOe`wqRG($tN6!O?v6*5Yer=$E!Du1|^0 z&{gN5Z6Jspdj0Q2YD1w$c@)LS61OG2oHg7yMia&9_%7liS{T$+;JoOwSfXV0LNYJz zeF*zLgOdNYGQRdr-fM)!$4X(kWaImE|A;FSU2EjgP#4~du@@i87fYY!S1rdT&+Tam z)8)6&8U7246J4fc&ZR*8!ev^w^OUW>&iE7#?1wIPC+Q~pwB?r$qU~FsZ*)m!a}9mw zLs&y}2H|48;+oONY8Nf$L*$<5-{%l-Mb*Rv)i5eqJ*@buMdw%9QP$}6~=JN zWsx>$DJ$_rkb+M%zha8wMyyd1YR#mTRxO=da9{X*kRhF^LxsRrUT81 zBA>mw`0~m%h*W*0lZN>#Dn!lH?)x>qu{xq4`0lYyeY!t4m#=xSX8-8J(mLsRG*-I@ zmOXp&6*aa);W8tAswn`{3z`&*9oV5nG7G-h{xWfbpZWwso=v~1E{*O<@%!%Bkx{v#*DN{aUN&M0DR zU?R(~A31;6S~52&ZpWTpR-^K*cC7h(9llZeYQFk_BMEiw_^uqijHb0wdwR^T(N{!I zFnLJ@6P@b6T@)gP!)A9E3Gb^2_jXXllO(Qw(w{?&y_~p+#DJ{4LD9^L4zB*U%fb3F zQn+B3dO5JXU}YfRnG5Y(PLA*kh(1EN-`P+f(qJGdGWN*s5qg<`u4jVFHG^o^-a}eH zzhS&g@3`Vz!ThRNDT01QRWeEVOCH1l#_MQL^N&}n&oC=+ z8au@V$6W@aa^AY)u>cM}2ktpF5QcVk{52iElnBfEZqM7uuSgwt^U3jXb-?p7D3`^>96g9$xm- z614KClR5)MTsV{c29?h$5wRA(2DYs=3-44r!I7Z%fR*@0-IJPYQXA)j*H27P&%628 zJh;;By>V7XP=!Si4N&iAsg+fQE}Yp5>-X1wGh*&&i01-PX=Fh=Aus*KE;#$p021` zJU;5Grwd~6J=b>*v0sE=H#v6W8kt+jYcDxAyV3k7C}xShX9&?IU^U!~8cw)G^&JK$ zg5f2_Sza;+a{-xTFJ&u`*wCQ;(@epV&b0m|yO;#|$a~~z1>$@6?T=E~`jE{cO-g>g z&2+`vD`a)%UR~CO)=228!sAC1ir@s@h&1thnPdu9!JvooVe^~|Ek?FQWaDv?N3!)6a}#@3xw;y-+|wNsTbeG;os6?a>juIkGzK&>(VAmXX$ z$X;GQX2tq|bNqv1>=%Nl7@i74bS(C48|qZ*ZNXXJ({Gj7xzcJ@w&rwL$L+VWx-~^ZO6{hlQ5jL`QKa*35+m|gWGB7x`(GDaHXHDa?Z4vT zbcG!!qG#w}Jq)_~Dv^Qy7Sw_qCvYg{28x6APH&UHo!x(s*LFKO5)AfM=LK($pg*;2 z9}%k0)j;7bqxXOn<#Spaf2BBI6oW?E3S8Dy#)P3nlk?*)l z`$kW2U!mAQL^*ahiFwJe%|xS6=S__`*5bpR=nzg-Q7b!Yrvy literal 0 HcmV?d00001 diff --git a/src/main.ts b/src/main.ts index e2133e4..3890eb7 100644 --- a/src/main.ts +++ b/src/main.ts @@ -56,6 +56,7 @@ import { faSpinner, faSquareCaretDown, faSquareCaretUp, + faSquarePlus, faTrashCan, faTriangleExclamation, faUser, @@ -109,6 +110,7 @@ library.add( faSpinner, faSquareCaretDown, faSquareCaretUp, + faSquarePlus, faTrashCan, faTriangleExclamation, faUser, diff --git a/src/views/HelpNotificationsView.vue b/src/views/HelpNotificationsView.vue index 5c60504..a72535b 100644 --- a/src/views/HelpNotificationsView.vue +++ b/src/views/HelpNotificationsView.vue @@ -21,6 +21,7 @@ +

Here are ways to test notifications and get them working.

@@ -39,13 +40,13 @@

- If this is not installed as an app... + If this app doesn't support notifications...

- For best results on mobile, install this app on your device (as - opposed to using it inside the browser app). In Chrome, it may prompt + To be notified of interesting updates, install this app on your device + (as opposed to using it inside the browser app). In Chrome, it may prompt you, and you can also look for the "Install" command in the browser settings; on the the desktop, look for this icon in the address bar:

+