-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
90 lines (80 loc) · 3.52 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<title>Plan for SukeBeta</title>
<!-- material css -->
<link rel="stylesheet" href="vendor/angular-material.min.css">
<link rel="stylesheet" href="assets/stylesheets/normalize.css">
<link rel="stylesheet/less" href="assets/stylesheets/font.less">
<link rel="stylesheet/less" href="assets/stylesheets/main.less">
<!-- vendor script -->
<script src="vendor/angular.min.js"></script>
<script src="vendor/angular-route.min.js"></script>
<script src="vendor/less.min.js"></script>
<!-- Angular Material Dependencies -->
<script src="vendor/hammer.min.js"></script>
<script src="vendor/angular-animate.min.js"></script>
<script src="vendor/angular-aria.min.js"></script>
<!-- Angular Material Javascript now available via Google CDN; version 0.6 used here -->
<script src="vendor/angular-material.min.js"></script>
<!-- page script -->
<script src="app/app.js"></script>
</head>
<body ng-app="planApp" ng-controller="planAppCtrl">
<div class="wrapper" ng-controller="sidebarCtrl">
<!-- header -->
<md-toolbar class="header" md-scroll-shrink>
<div class="md-toolbar-tools">
<h1 class="header-logo">
Plan<small>for SukeBeta</small>
</h1>
<div class="header-task-name">
Plan list
</div>
</div>
</md-toolbar> <!-- end header -->
<!-- sidebar -->
<md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left">
<md-content class="md-padding" ng-controller="sidebarCtrl">
<md-button ng-click="close()" class="md-primary">
Close Sidenav Left
</md-button>
</md-content>
</md-sidenav> <!-- end sidebar -->
<!-- todo list -->
<div class="todo-list" ng-controller="todoListCtrl">
<md-content>
<md-list>
<md-item class="item" ng-repeat="todo in todoData">
<!-- todo -->
<md-item-content class="item-content">
<div class="md-tile-content" layout="row" layout-align="start center">
<md-checkbox></md-checkbox>
<div flex>
<div layout="row">
<h3 class="todo-name" flex>{{todo.sub_todo}}</h3>
</div>
</div>
</div>
</md-item-content> <!-- end todo-->
<!-- todo detail -->
<ul class="detail">
<li class="detail-item" ng-repeat="detail in todo.detail_todo track by $index" layout="row" layout-align="start center">
<md-checkbox></md-checkbox>
<p class="detail-name" flex>{{detail}}</p>
<md-button class="md-raised md-warn detail-btn-remove">Remove</md-button>
</li>
</ul>
<div class="detail-add">
<input type="text" name="" placeholder="Add new detail todo.." class="detail-add-input"/>
</div><!-- end todo detail -->
<md-divider ng-if="!$last"></md-divider>
</md-item>
</md-list>
</md-content>
</div><!-- end todo list -->
</div>
</body>
</html>