Created
June 18, 2014 04:33
-
-
Save strukturedkaos/f5f7d1a4821d866b134a to your computer and use it in GitHub Desktop.
Beginning of angular task list app index template
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <!--[if lt IE 7]> <html lang="en" ng-app="taskListApp" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> | |
| <!--[if IE 7]> <html lang="en" ng-app="taskListApp" class="no-js lt-ie9 lt-ie8"> <![endif]--> | |
| <!--[if IE 8]> <html lang="en" ng-app="taskListApp" class="no-js lt-ie9"> <![endif]--> | |
| <!--[if gt IE 8]><!--> <html lang="en" ng-app="taskListApp" class="no-js"> <!--<![endif]--> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"> | |
| <link href="css/app.css" media="all" rel="stylesheet"> | |
| <link href="bower_components/animate.css/animate.min.css" media="all" rel="stylesheet" type="text/css" /> | |
| <link href="css/animations.css" media="all" rel="stylesheet"> | |
| <link href="bower_components/font-awesome/css/font-awesome.min.css" media=all rel=stylesheet /> | |
| <script src="bower_components/modernizr/modernizr.js"></script> | |
| <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name=viewport> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style>[ng-cloak] { display: none; }</style> | |
| </head> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body> | |
| <div ng-view></div> | |
| <!-- In production use: | |
| <script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script> | |
| --> | |
| <script src="bower_components/angular/angular.js"></script> | |
| <script src="bower_components/angular-route/angular-route.js"></script> | |
| <script src="bower_components/angular-cookies/angular-cookies.js"></script> | |
| <script src="bower_components/angular-animate/angular-animate.js"></script> | |
| <script src="bower_components/angularLocalStorage/src/angularLocalStorage.js"></script> | |
| <script src="bower_components/angular-slugify/angular-slugify.js"></script> | |
| <script src="js/app.js"></script> | |
| <script src="js/services.js"></script> | |
| <script src="js/controllers.js"></script> | |
| <script src="js/filters.js"></script> | |
| <script src="js/directives.js"></script> | |
| </body> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ul class="nav nav-pills nav-stacked"> | |
| <li ng-class="{active: currentList.title == list.title}" ng-repeat="list in lists track by $index" ng-mouseenter="show = true" ng-mouseleave="show = false"> | |
| <a data-toggle="tab" href="#{{list.listId}}"> | |
| <span class="badge pull-right">{{list.remainingCount}}</span> | |
| <div class="destroy pull-right glyphicon glyphicon-trash" ng-click="removeList(list)"></div> | |
| <strong ng-dblclick="editList(list)">{{list.title}}</strong> | |
| </a> | |
| </li> | |
| </ul> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <form id="list-form" ng-submit="addList()" > | |
| <div class="input-group new-list"> | |
| <input id="new-list" placeholder="Create a new list..." ng-model="newList" autofocus class="form-control"> | |
| <span class="input-group-btn"> | |
| <div class="btn new-list" ng-click="addList()"> | |
| <span class="glyphicon glyphicon-plus"></span> | |
| </div> | |
| </span> | |
| </div> | |
| </form> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="tab-pane active" id="{{currentList}}"> | |
| <ul> | |
| <li ng-repeat="task in tasks track by $index" class="task-listing"> | |
| <input type="checkbox" ng-model="task.completed"> | |
| <label> | |
| <div class="glyphicon glyphicon-ok"></div> | |
| </label> | |
| <span>{{task.title}}</span> | |
| <div class="destroy glyphicon glyphicon-trash pull-right destroy-task" ng-click="removeTask(task)"></div> | |
| </li> | |
| </ul> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <form id="task-form" ng-submit="addTask()" > | |
| <div class="input-group new-task"> | |
| <input id="new-task" placeholder="Create a new task…" ng-model="newTask" autofocus class="form-control"> | |
| <span class="input-group-btn"> | |
| <div class="btn add-task-btn" ng-click="addTask()" type=button> | |
| <span class="glyphicon glyphicon-plus"></span> | |
| </div> | |
| </span> | |
| </div> | |
| </form> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment