xxxxxxxxxx
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>H4BC</title>
<link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
<!-- ionic/angularjs js -->
<script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
<script src="https://cdn.firebase.com/js/client/2.1.0/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.9.1/angularfire.min.js"></script>
</head>
<body ng-app="starter">
<ion-nav-bar class="bar-stable"></ion-nav-bar>
<ion-nav-view></ion-nav-view>
<script id="templates/login.html" type="text/ng-template">
<ion-view title="Login">
<ion-content>
<div class="list">
<label class="item item-input">
<span class="input-label">Username</span>
<input type="text" ng-model="user.email" placeholder="email: john@example.com">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password" ng-model="user.password" placeholder="******">
</label>
<div class="padding">
<button class="button button-block button-positive"
ng-click="login(user)">Login</button>
<button class="button button-block"
ng-click="modal.show()">Sign Up!</button>
</div>
</div>
</ion-content>
</ion-view>
</script>
<script id="templates/signup.html" type="text/ng-template">
<ion-modal-view title="Sign Up">
<ion-content>
<div class="list">
<label class="item item-input">
<span class="input-label">Name</span>
<input type="text" ng-model="newUser.name" placeholder="John">
</label>
<label class="item item-input">
<span class="input-label">Username</span>
<input type="text" ng-model="newUser.email" placeholder="email: john@example.com">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password" ng-model="newUser.password" placeholder="******">
</label>
<div class="padding">
<button class="button button-block button-positive"
ng-click="signup(newUser)">Sign Up</button>
<button class="button button-block"
ng-click="modal.hide()">Login</button>
</div>
</div>
</ion-content>
</ion-modal-view>
</script>
<script id="templates/chat.html" type="text/ng-template">
<ion-view title="H4BC Room Chat">
<ion-nav-buttons side="primary">
<button class="button" ng-click="logout()">Salir</button>
</ion-nav-buttons>
<ion-content>
<div class="card padding"
ng-repeat="msg in messages">
<p>{{ msg.body }}</p>
<span class="subdued">{{ msg.from.displayName }}</span>
</div>
<div class="padding"> </div>
</ion-content>
<div class="bar bar-footer item-input-inset">
<label class="item-input-wrapper">
<input type="text" ng-model="message" ng-keydown="onKeydown($event)">
</label>
<button class="button button-clear" ng-click="addMessage()">Enviar</button>
</div>
</ion-view>
</script>
</body>
</html>
https://code.ionicframework.com/nightly/js/ionic.bundle.js
https://cdn.firebase.com/js/client/2.1.0/firebase.js
https://cdn.firebase.com/libs/angularfire/0.9.1/angularfire.min.js