turtleTime/index.html at master · TurtleCanfly/turtleTime · GitHub

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
<html>
<head>
    <title></title>
    <link rel="icon" href="img/icon.png" type="image/ico" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css">
	<link rel="stylesheet" type="text/css" href="css/newIndex.css">
	<script src="js/fdb-all.min.js" type="text/javascript"></script>
    <script src="js/jquery-2.2.3.min.js"></script>
	<script src="js/jquery-ui.min.js"></script>
    <script src="js/index.js"></script>
	<script src="js/bootstrap.min.js"></script>
</head>
<body>
	<nav id = "indexTopBar" class="navbar navbar-inverse navbar-static-top"></nav>

	<button type="button" data-toggle="modal" data-target="#singleAdd" id="btn-singleAdd"><span class="glyphicon glyphicon-plus"></span></button> <!-- 增加 -->

	<button onclick="location.href='html/view_schedule.html'" id="btn-viewSchedule"><span class="glyphicon glyphicon-th-list"></span></button> <!-- 規劃 -->

	<button onclick="location.href='html/reward.html'" id="btn-reward"><span class="glyphicon glyphicon-bookmark"></span></button> <!-- 休息 -->

	<button onclick="location.href='http://turtlecanfly.ml'" id="btn-web"><span class="glyphicon glyphicon-info-sign"></span></button> <!-- 官網 -->

	<div class="container-fluid">
		<div id="singleAdd" class="modal fade modal-sm">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">&times;</button>
					<h4 class="modal-title" id="modalHeader">新增事項</h4>
				</div>
				<div class="modal-body">
					<div class="form-group">
						<label for="usr">名稱:</label>
						<input type="text" class="form-control" id="itemName">
					</div>
					<div class="form-group">
						<label for="usr">日期:</label>
						<input type="date" class="form-control" id="datepicker">
					</div>
					<div class = "form-group">
						<label for="usr">提前提醒（天）</label>
						<select class="form-control" id="beforeRemind">
							<option>0</option>
						    <option>1</option>
						    <option>3</option>
						    <option>5</option>
						    <option>7</option>
					  	</select>
				  	</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" onclick = "submitSingle();" data-dismiss="modal" id="submit">Submit</button>
				</div>
			</div>
		</div>
	</div>
	<div id = "indexWrapper">
		<ul id="toDoList"></ul>
	</div>
	<div id = "turtleWrapper">
		<img src="img/logo_large.png" id="turtle">
		<img src="img/loadingTurtle.png" id="turtleLoad">
	</div>
</body>
</html>