fernando/pseudosubs-v2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Ya no se necesita cuenta de Google para usar notificaciones.

Browse Source 
Completada la funcionalidad registro de navegador.
This commit is contained in:
Fernando 2019-05-10 15:11:57 -05:00
parent 3b371b5b45
commit 56d2c50384
1 changed files with 28 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/Usuario/ajustes-notificaciones.vue
View File

@ -1,8 +1,12 @@
<template lang="pug"> <template lang="pug">
div div
div.titulo Notificaciones (No disponible) div.titulo Notificaciones
br br
template(v-if="notf && serviceWorkers") p Recomendamos utilizar Google Chrome, Firefox o Edge en su ultima versión.
br
template(v-if="$store.state.navegador_hash !== ''")
notificaciones-activas
template(v-else-if="notf && serviceWorkers")
div.descr(v-if="estado === 0"). div.descr(v-if="estado === 0").
Registra tu navegador siguiendo estos pasos: Registra tu navegador siguiendo estos pasos:
br br
@ -37,18 +41,22 @@
span.num(:class="pushSuscrito? 'num--terminado': ''") 3 span.num(:class="pushSuscrito? 'num--terminado': ''") 3
span.paso Suscribirse a las notificaciones span.paso Suscribirse a las notificaciones
br br
div.opc(v-if="estadoNotificaciones === 'Permitido' && notificacionesProbadas && !pushSuscrito") div.opc(v-if="paso3Disp")
p.
Al presionar el boton te suscribirás y te enviaremos otra notificacion para
confirmar tu subscripción.
br
button.boton(@click="suscribirse()") Suscribirse button.boton(@click="suscribirse()") Suscribirse
div.fin(v-if="pushSuscrito")
p Tu navegador está listo.
template(v-else). template(v-else).
Lo sentimos, tu navegador no soporta notificaciones. Actualiza tu navegador. Lo sentimos, tu navegador no soporta notificaciones. Actualiza tu navegador.
// //
</template> </template>
<script lang="coffee"> <script lang="coffee">
import notificacionesActivas from "./notificaciones-activas.vue"
publicVapidKey = "BPA_MfechJ8EwyMC_5-GZsWFtjPCD6f2qAzW5ouxnMs73mGTsgtD47of0pO1rKtpyWiWKE8yZVHHzTGhLHbfVRI" publicVapidKey =
"BPA_MfechJ8EwyMC_5-GZsWFtjPCD6f2qAzW5ouxnMs73mGTsgtD47of0pO1rKtpyWiWKE8yZVHHzTGhLHbfVRI"
urlBase64ToUint8Array = (base64String) -> urlBase64ToUint8Array = (base64String) ->
padding = '='.repeat((4 - base64String.length % 4) % 4); padding = '='.repeat((4 - base64String.length % 4) % 4);
@ -78,6 +86,8 @@
pushSuscrito: false pushSuscrito: false
numAleatorio: Math.ceil Math.random() * 100 numAleatorio: Math.ceil Math.random() * 100
numIngresado: 0 numIngresado: 0
components:
"notificaciones-activas": notificacionesActivas
watch: watch:
numIngresado: (n, v) -> numIngresado: (n, v) ->
if parseInt(n) is @numAleatorio if parseInt(n) is @numAleatorio
@ -88,6 +98,8 @@
when "default" then "No preguntado" when "default" then "No preguntado"
when "granted" then "Permitido" when "granted" then "Permitido"
when "denied" then "Denegado" when "denied" then "Denegado"
paso3Disp: ->
@estadoNotificaciones == "Permitido" && @notificacionesProbadas && not @pushSuscrito
methods: methods:
pedirNotificaciones: -> pedirNotificaciones: ->
vm = this vm = this
@ -111,14 +123,19 @@
console.log subsStr console.log subsStr
res = await fetch "#{vm.$store.state.servidor}/n/registrar", { res = await fetch "#{vm.$store.state.servidor}/n/registrar", {
method: "POST" method: "POST"
body: "google_ID=#{vm.$store.state.usuarioActual.googleID}&subscripcion=#{subsStr}" body: "subscripcion=#{subsStr}"
headers: headers:
"Content-Type": "application/x-www-form-urlencoded" "Content-Type": "application/x-www-form-urlencoded"
} }
jsonRespuesta = await res.json() jsonRespuesta = await res.json()
console.log jsonRespuesta if jsonRespuesta.exito
if res.ok
vm.pushSuscrito = true vm.pushSuscrito = true
navegador_hash = jsonRespuesta.payload.hash
navegador_ID = jsonRespuesta.payload.navegador_ID
vm.$store.commit "cambiarNavegador_hash", navegador_hash
else
console.log "Error al ejecutar: #{jsonRespuesta.error}"
vm.notf = false
catch e catch e
console.error e console.error e
@ -144,10 +161,12 @@
size: 1.5rem size: 1.5rem
display: inline-block display: inline-block
background-color: $colorSecundario background-color: $colorSecundario
color: white
height: 34px height: 34px
width: 34px width: 34px
text-align: center text-align: center
border-radius: 17px border-radius: 17px
user-select: none
.num--terminado .num--terminado
background-color: $colorPrincipal background-color: $colorPrincipal