|
|
@ -157,7 +157,7 @@ |
|
|
|
> |
|
|
|
<div class="w-full px-6 py-6 text-slate-900 text-center"> |
|
|
|
<p class="text-lg mb-4"> |
|
|
|
Would you like to turn on notifications for this app? |
|
|
|
Would you like to <b>turn on</b> notifications for this app? |
|
|
|
</p> |
|
|
|
|
|
|
|
<button |
|
|
@ -181,6 +181,71 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
v-if="notification.type === 'notification-mute'" |
|
|
|
class="absolute inset-0 h-screen flex flex-col items-center justify-center bg-slate-900/50" |
|
|
|
> |
|
|
|
<div |
|
|
|
class="flex w-11/12 max-w-sm mx-auto mb-3 overflow-hidden bg-white rounded-lg shadow-lg" |
|
|
|
> |
|
|
|
<div class="w-full px-6 py-6 text-slate-900 text-center"> |
|
|
|
<p class="text-lg mb-4">Mute app notifications:</p> |
|
|
|
|
|
|
|
<button |
|
|
|
class="block w-full text-center text-md font-bold uppercase bg-blue-600 text-white px-2 py-2 rounded-md mb-2" |
|
|
|
> |
|
|
|
For 1 Hour |
|
|
|
</button> |
|
|
|
<button |
|
|
|
class="block w-full text-center text-md font-bold uppercase bg-blue-600 text-white px-2 py-2 rounded-md mb-2" |
|
|
|
> |
|
|
|
For 8 Hours |
|
|
|
</button> |
|
|
|
<button |
|
|
|
class="block w-full text-center text-md font-bold uppercase bg-blue-600 text-white px-2 py-2 rounded-md mb-2" |
|
|
|
> |
|
|
|
For 24 Hours |
|
|
|
</button> |
|
|
|
<button |
|
|
|
class="block w-full text-center text-md font-bold uppercase bg-blue-600 text-white px-2 py-2 rounded-md mb-2" |
|
|
|
> |
|
|
|
Until I turn it back on |
|
|
|
</button> |
|
|
|
<button |
|
|
|
@click="close(notification.id)" |
|
|
|
class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white px-2 py-2 rounded-md" |
|
|
|
> |
|
|
|
Cancel |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
v-if="notification.type === 'notification-off'" |
|
|
|
class="absolute inset-0 h-screen flex flex-col items-center justify-center bg-slate-900/50" |
|
|
|
> |
|
|
|
<div |
|
|
|
class="flex w-11/12 max-w-sm mx-auto mb-3 overflow-hidden bg-white rounded-lg shadow-lg" |
|
|
|
> |
|
|
|
<div class="w-full px-6 py-6 text-slate-900 text-center"> |
|
|
|
<p class="text-lg mb-4"> |
|
|
|
Would you like to <b>turn off</b> notifications for this app? |
|
|
|
</p> |
|
|
|
|
|
|
|
<button |
|
|
|
class="block w-full text-center text-md font-bold uppercase bg-rose-600 text-white px-2 py-2 rounded-md mb-2" |
|
|
|
> |
|
|
|
Turn Off Notifications |
|
|
|
</button> |
|
|
|
<button |
|
|
|
@click="close(notification.id)" |
|
|
|
class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white px-2 py-2 rounded-md" |
|
|
|
> |
|
|
|
Leave it On |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</Notification> |
|
|
|
</div> |
|
|
|