mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-06 22:29:44 +08:00
180 lines
8.1 KiB
HTML
180 lines
8.1 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/css/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/js/ionic.js"></script>
|
|
<script src="../../dist/js/ionic-angular.js"></script>
|
|
|
|
<script src="js/app.js"></script>
|
|
<script src="js/filters.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">
|
|
</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">
|
|
<main class="content">
|
|
<form class="form-horizontal" ng-submit="trySignup(signupForm)">
|
|
<div class="container" style="text-align: center">
|
|
<div class="toderp-logo"></div>
|
|
</div>
|
|
<div class="input-group">
|
|
<label class="input-wrapper row">
|
|
<span class="input-label col-xs-3">Full name</span>
|
|
<input class="col-xs-8" type="text" placeholder="" ng-model="signupForm.name" required>
|
|
</label>
|
|
<label class="input-wrapper row">
|
|
<span class="input-label col-xs-3">Email</span>
|
|
<input class="col-xs-8" type="email" placeholder="" ng-model="signupForm.email" required>
|
|
</label>
|
|
<label class="input-wrapper row">
|
|
<span class="input-label col-xs-3">Password</span>
|
|
<input class="col-xs-8" type="password" placeholder="" ng-model="signupForm.password" required>
|
|
</label>
|
|
</div>
|
|
<div class="input-group">
|
|
<button type="submit" 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 ng-click="showLogin()" class="button button-clear button-block">Sign in</button>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</script>
|
|
|
|
<!-- Login -->
|
|
<script id="login.html" type="text/ng-template">
|
|
<div id="login-view" class="modal slide-in-up" ng-controller="LoginCtrl">
|
|
<header class="bar bar-header bar-secondary">
|
|
<h1 class="title">Log in</h1>
|
|
<button class="button button-clear button-primary" ng-click="close()">Cancel</button>
|
|
</header>
|
|
<main class="content padded has-header">
|
|
<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">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>
|
|
</main>
|
|
</div>
|
|
</script>
|
|
|
|
|
|
<!-- Tasks -->
|
|
<script id="tasks.html" type="text/ng-template">
|
|
<div class="view" side-menu-ctrl id="tasks-view" nav-content class="view" ng-controller="TasksCtrl" nav-bar="false">
|
|
<div class="full-section" side-menu-content>
|
|
<header class="bar bar-header bar-secondary">
|
|
<a href="#" class="button button-icon"><i class="icon-navicon"></i></a>
|
|
<h1 class="title">{{activeProject.title}}</h1>
|
|
<button class="button button-clear button-primary">Edit</button>
|
|
</header>
|
|
<div class="content has-header">
|
|
<form ng-submit="addTask(newTask)">
|
|
<input type="text" ng-model="newTask.title" placeholder="Add an item...">
|
|
</form>
|
|
<list id="task-list">
|
|
<li class="list-item" ng-repeat="task in activeProject.tasks" ng-class="{completed: task.isCompleted}">
|
|
<input type="checkbox" ng-model="task.isCompleted"> {{task.title}}
|
|
<input type="text" ng-model="task.title">
|
|
</li>
|
|
</list>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- The projects side menu -->
|
|
<menu side="left">
|
|
<header class="bar bar-header bar-secondary">
|
|
<button class="button button-clear button-primary" ng-click="toggleProjectEditing()">Edit</button>
|
|
<div class="toderp-small-logo"></div>
|
|
<button class="button button-icon" ng-click="showSettings()"><i class="icon-gear-a"></i></button>
|
|
</header>
|
|
|
|
<content has-header="true">
|
|
<form ng-submit="addProject(newProject)">
|
|
<input type="text" ng-model="newProject.title" placeholder="Create a new list...">
|
|
</form>
|
|
<list-simple is-editing="isEditingProjects">
|
|
<li class="list-item list-item-primary" ng-class="{active: project.$id == activeProject.project.name()}" ng-repeat="project in projects">
|
|
<div class="list-item-edit">
|
|
<button class="button button-icon" ng-click="deleteProject(project)"><i class="icon-minus-circled"></i></button>
|
|
</div>
|
|
<div class="list-item-content" ng-click="selectProject(project)">
|
|
{{project.title}}
|
|
</div>
|
|
<div class="list-item-buttons">
|
|
<button class="button button-danger" ng-click="deleteProject(project)">Delete</button>
|
|
</div>
|
|
</li>
|
|
</list-simple>
|
|
</content>
|
|
</menu>
|
|
</side-menu-ctrl>
|
|
</script>
|
|
|
|
<script id="settings.html" type="text/ng-template">
|
|
<div id="settings-view" class="modal slide-in-up" ng-controller="SettingsCtrl">
|
|
<header class="bar bar-header bar-secondary">
|
|
<h1 class="title">Settings</h1>
|
|
<button class="button button-clear button-primary" ng-click="close()">Done</button>
|
|
</header>
|
|
<main class="content padded has-header">
|
|
<list header="GENERAL">
|
|
<list-item>Account details <i class="icon-chevron-right"></i></list-item>
|
|
<list-item>Account details <toggle ng-model="settings.isSmallText"></toggle></i></list-item>
|
|
</list>
|
|
<list header="ACCOUNT">
|
|
<list-item ng-click="logout()">Log out</list-item>
|
|
</list>
|
|
</main>
|
|
</div>
|
|
</script>
|
|
</body>
|
|
</html>
|