codelabs - firebase auth polymer example
¿Un ejemplo de cómo implementar firebase-auth en Polymer 1.0? (2)
Estoy un poco perdido sobre cómo implementar el elemento firebase-auth . Cualquier ejemplo sería apreciado, aún no he logrado encontrar ninguno.
Gracias
Terminé haciendo que auth funcione, adaptando este elemento de ejemplo mediante HackITtoday para las URL de mi firebase. Es tan simple como agregar el elemento como:
<hi9-login></hi9-login>
Sobre esta pregunta , Glenn Vandeuren publica lo siguiente:
Elemento
<!--
@license
Copyright (c) 2015 Glenn Vandeuren. All rights reserved.
-->
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../paper-button/paper-button.html">
<dom-module id="login-button">
<style>
:host {
display: block;
box-sizing: border-box;
}
</style>
<template>
<paper-button raised>Login using <span>[[service]]</span></paper-button>
</template>
</dom-module>
<script>
Polymer({
is: ''login-button'',
properties: {
service: String
},
listeners: {
''tap'': ''_handleTap''
},
_handleTap: function () {
this.fire(''login'', this.service);
}
});
</script>
Índice
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<title>login-button Demo</title>
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../login-button.html">
</head>
<body>
<login-button service="google"></login-button>
<login-button service="twitter"></login-button>
<script>
document.addEventListener(''login'', function(service) {
// handleLogin();
alert(service.detail);
});
</script>
</body>
</html>