polymerfire example codelabs auth firebase polymer

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>