-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathindex.html
128 lines (126 loc) · 6.41 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="toDo 单页应用" content="记事本 任务管理 webApp">
<meta name="description" content="用于记录待办事项的工具">
<meta name="author" content="Gaohaoyang, gaohaoyang126@126.com">
<meta name ="viewport" content ="width=device-width,initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"> <!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
<meta name="apple-mobile-web-app-title" content="待办事项"><!-- 添加到主屏后的标题（iOS 6 新增） -->
<meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 是否启用 WebApp 全屏模式 -->
<meta name="theme-color" content="#3C3764">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<title>ToDo</title>
<link rel="stylesheet" href="http://apps.bdimg.com/libs/fontawesome/4.2.0/css/font-awesome.min.css">
<!-- <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"> -->
<link rel="stylesheet" href="dist/css/index.css">
</head>
<body class="body-min-size">
<div class="header">
<div id="backBtn"><i class="fa fa-chevron-left"></i> 返回</div>
<h1><i class="fa fa-th"></i></i> ToDo</h1>
</div>
<div class="main">
<div class="left page-active">
<div id="allTasks" cateid="-1" class="list-title all-tasks active">
<i class="fa fa-globe"></i> 所有任务 (<span>1</span>)
</div>
<div class="cate"><i class="fa fa-list-ul"></i> 分类列表</div>
<div id="listcontent" class="list">
<!-- <ul>
<li>
<h2 class="active"><i class="fa fa-folder-open"></i><span>百度IFE项目</span> (2)<i class="fa fa-trash-o"></i>
</h2>
<ul>
<li>
<h3><i class="fa fa-file-o"></i><span>task1</span> (2)<i class="fa fa-trash-o"></i></h3>
</li>
<li>
<h3 class="active"><i class="fa fa-file-o"></i><span>task2</span> (2)<i class="fa fa-trash-o"></i></h3>
</li>
</ul>
</li>
<li><h2><i class="fa fa-folder-open"></i><span>默认分类</span> (0)<i class="fa fa-trash-o"></i></h2></li>
</ul> -->
</div>
<button id="addCate" class="add"><i class="fa fa-plus"></i>新增分类</button>
</div>
<div class="mid page-next">
<div class="status">
<button id="all-tasks" class="active">所有</button>
<button id="unfinish-tasks">未完成</button>
<button id="finished-tasks">已完成</button>
</div>
<div id="task-list" class="task-list">
<!-- <div>2015-06-05</div>
<ul>
<li taskid="1" class="active">todo-1</li>
<li taskid="2">todo-2</li>
</ul>
<div>2015-06-05</div>
<ul>
<li>todo-1</li>
<li>todo-2</li>
</ul> -->
</div>
<button id="add-task" class="add-task add"><i class="fa fa-plus"></i>新增任务</button>
</div>
<div class="right">
<div class="title">
<h1 class="todo-name">todo-1</h1>
<div class="manipulate">
<a><i class="fa fa-check-square-o"></i></a>
<a><i class="fa fa-pencil-square-o"></i></a>
</div>
</div>
<div class="task-date">
任务日期：<span>2015-06-05</span>
</div>
<div class="content">
<textarea class="textarea-content"></textarea>
</div>
<!-- <div class="title">
<div class="todo-name"><input type="text" class="input-title" placeholder="请输入标题"></div>
<div class="manipulate"></div>
</div>
<div class="task-date">
任务日期：<span><input type="date" class="input-date"></span>
</div>
<div class="content">
<textarea class="textarea-content" placeholder="请输入任务内容"></textarea>
</div> -->
<div class="button-area">
<!-- <span class="info"></span>
<button class="save">保存</button>
<button class="cancel-save">放弃</button> -->
</div>
</div>
</div>
<div class="cover">
<div class="modal">
<div class="modal-head">
新增分类
</div>
<div class="modal-body">
选择主分类：<select id="modal-select">
<option value="volvo">Volvo</option>
</select><br>
新分类名称：<input id="newCateName" type="text">
</div>
<div class="modal-foot">
<button id="cancel-modal">取消</button>
<button id="ok-modal">确认</button>
</div>
</div>
</div>
<script src="dist/js/require.min.js" data-main="dist/js/main"></script>
<!-- <script src="js/util.js"></script>
<script src="js/todo.js"></script> -->
<!-- <script src="http://202.117.15.46:8081/target/target-script-min.js#anonymous"></script> -->
</body>
</html>