mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-06 22:29:44 +08:00
140 lines
5.9 KiB
HTML
140 lines
5.9 KiB
HTML
<html ng-app="ionic.todo">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>ToDerp</title>
|
|
|
|
<!-- Sets initial viewport load and disables zooming -->
|
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="../../dist/ionic.css">
|
|
<link rel="stylesheet" href="css/app.css">
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.min.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular-mocks.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular-touch.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular-route.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular-animate.js"></script>
|
|
|
|
<script src='https://cdn.firebase.com/v0/firebase.js'></script>
|
|
<script src="https://cdn.firebase.com/v0/firebase-simple-login.js"></script>
|
|
<script src='https://cdn.firebase.com/libs/angularfire/0.3.0/angularfire.min.js'></script>
|
|
|
|
<script src="../../dist/ionic.js"></script>
|
|
<script src="../../dist/ionic-angular.js"></script>
|
|
|
|
<script src="js/app.js"></script>
|
|
<script src="js/services.js"></script>
|
|
<script src="js/controllers.js"></script>
|
|
<style>
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- The root view controller -->
|
|
<nav-ctrl ng-controller="TodoCtrl">
|
|
<nav-bar></nav-bar>
|
|
</nav-ctrl>
|
|
|
|
<!-- Splash -->
|
|
<script id="splash.html" type="text/ng-template">
|
|
<div id="splash-view" class="view fade-in" nav-content nav-bar="false">
|
|
<img src="img/ionic.png" class="ionic-logo">
|
|
</div>
|
|
</script>
|
|
|
|
<!-- Signup -->
|
|
<script id="signup.html" type="text/ng-template">
|
|
<div title="Sign up" id="signup-view" class="view" nav-content ng-controller="SignupCtrl"></div>
|
|
<main class="content">
|
|
<form class="form-horizontal" ng-submit="trySignup(signupForm)">
|
|
<div class="container" style="text-align: center">
|
|
<h1>Toderp</h1>
|
|
<h4>What do you need to derp?</h4>
|
|
</div>
|
|
<div class="input-group">
|
|
<label class="input-wrapper row">
|
|
<span class="input-label col-xs-4">Full name</span>
|
|
<input class="col-xs-8" type="text" placeholder="" ng-model="signupForm.name">
|
|
</label>
|
|
<label class="input-wrapper row">
|
|
<span class="input-label col-xs-4">Email</span>
|
|
<input class="col-xs-8" type="email" placeholder="" ng-model="signupForm.email">
|
|
</label>
|
|
<label class="input-wrapper row">
|
|
<span class="input-label col-xs-4">Password</span>
|
|
<input class="col-xs-8" type="password" placeholder="" ng-model="signupForm.password">
|
|
</label>
|
|
</div>
|
|
<div class="input-group">
|
|
<button class="button button-primary button-block">Get derp'n</button>
|
|
<div id="signup-error" ng-show="signupError">Unable to signup, please try again.</div>
|
|
</div>
|
|
</form>
|
|
<div id="signup-bottom">
|
|
<h3>Already have an account?</h3>
|
|
<button class="button button-clear button-block">Sign in</button>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</script>
|
|
|
|
<!-- Login -->
|
|
<script id="login.html" type="text/ng-template">
|
|
<div title="Login" id="login-view" class="view" nav-content ng-controller="LoginCtrl">
|
|
<main class="content padded">
|
|
<form class="form-horizontal" ng-submit="tryLogin(loginForm)">
|
|
<div class="input-group inset">
|
|
<label class="input-wrapper row">
|
|
<span class="input-label col-xs-4">Full name</span>
|
|
<input class="col-xs-8" type="text" placeholder="" ng-model="loginForm.name">
|
|
</label>
|
|
<label class="input-wrapper row">
|
|
<span class="input-label col-xs-4">Email</span>
|
|
<input class="col-xs-8" type="email" placeholder="" ng-model="loginForm.email">
|
|
</label>
|
|
<label class="input-wrapper row">
|
|
<span class="input-label col-xs-4">Password</span>
|
|
<input class="col-xs-8" type="password" placeholder="" ng-model="loginForm.password">
|
|
</label>
|
|
</div>
|
|
<div class="input-group inset">
|
|
<button class="button button-primary button-block">Log in</button>
|
|
<div id="login-error" ng-show="loginError">Invalid email/password. Please try again.</div>
|
|
</div>
|
|
</form>
|
|
<button ng-click="showSignup()" id="signup-button" class="button button-default button-block">Create an account</button>
|
|
</main>
|
|
</div>
|
|
</script>
|
|
|
|
|
|
<!-- Tasks -->
|
|
<script id="tasks.html" type="text/ng-template">
|
|
<side-menu-ctrl id="tasks-view" nav-content class="view" ng-controller="TasksCtrl">
|
|
<div class="full-section" side-menu-content>
|
|
<header class="bar bar-header bar-dark">
|
|
<a href="#" class="button"><i class="icon-reorder"></i></a>
|
|
<h1 class="title">Slide me</h1>
|
|
</header>
|
|
<div class="content has-header">
|
|
<h1>Slide me side to side!</h1>
|
|
</div>
|
|
</div>
|
|
<menu side="left">
|
|
<header>
|
|
<div class="toderp-logo"></div>
|
|
</header>
|
|
<content ng-controller="ProjectsCtrl">
|
|
<input type="text" ng-model="newProject.name">
|
|
<list>
|
|
<li class="list-item" ng-repeat="project in projects">
|
|
{{project.title}}
|
|
</li>
|
|
</list>
|
|
</content>
|
|
</menu>
|
|
</side-menu-ctrl>
|
|
</script>
|
|
</body>
|
|
</html>
|