Advertisement
Guest User

index.html

a guest
Feb 24th, 2014
249
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.45 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <title>Todo</title>
  6.     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  7.  
  8.     <link href="http://code.ionicframework.com/0.9.25/css/ionic.min.css" rel="stylesheet">
  9.     <script src="http://code.ionicframework.com/0.9.25/js/ionic.bundle.min.js"></script>
  10.     <!--script src="js/ionic.bundle.min.js"></script-->
  11.  
  12.     <!-- Needed for Cordova/PhoneGap !must be declared last! -->
  13.     <script type="text/javascript" src="cordova.js"></script>
  14.     <script type="text/javascript" src="js/app.js"></script>
  15.  
  16.   </head>
  17.   <body ng-app="lukaduka-pos" ng-controller="LukadukaCtrl">
  18.     <ion-side-menus>
  19.  
  20.       <!-- Center content -->
  21.       <ion-pane ion-side-menu-content>
  22.         <header class="bar bar-header bar-dark">
  23.           <h1 class="title">Todo</h1>
  24.           <!-- New Task button-->
  25.           <button class="button button-icon" ng-click="newTask()">
  26.             <i class="icon ion-compose"></i>
  27.           </button>
  28.         </header>
  29.         <ion-content has-header="true">
  30.           <!-- our list and list items -->
  31.           <ion-list>
  32.             <ion-item ng-repeat="task in tasks">
  33.               {{task.title}}
  34.             </ion-item>
  35.           </ion-list>
  36.         </ion-content>
  37.       </ion-pane>
  38.  
  39.       <!-- Left menu -->
  40.       <ion-side-menu side="left">
  41.         <header class="bar bar-header bar-dark">
  42.           <h1 class="title">Projects</h1>
  43.         </header>
  44.       </ion-side-menu>
  45.  
  46.     </ion-side-menus>
  47.  
  48.     <script id="new-task.html" type="text/ng-template">
  49.  
  50.       <div class="modal">
  51.  
  52.         <!-- Modal header bar -->
  53.         <header class="bar bar-header bar-secondary">
  54.           <h1 class="title">New Task</h1>
  55.           <button class="button button-clear button-positive" ng-click="closeNewTask()">Cancel</button>
  56.         </header>
  57.  
  58.         <!-- Modal content area -->
  59.         <ion-content has-header="true">
  60.  
  61.           <form ng-submit="createTask(task)">
  62.             <div class="list">
  63.               <label class="item item-input">
  64.                 <input type="text" placeholder="What do you need to do?" ng-model="task.title">
  65.               </label>
  66.             </div>
  67.             <div class="padding">
  68.               <button type="submit" class="button button-block button-positive">Create Task</button>
  69.             </div>
  70.           </form>
  71.  
  72.         </ion-content>
  73.  
  74.       </div>
  75.  
  76.     </script>
  77.  
  78.   </body>
  79. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement