-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathplanDemo.html
102 lines (102 loc) · 5.51 KB
/
planDemo.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ant Planner</title>
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="planStyle.css">
<link rel="stylesheet" type="text/css" href="datetimepicker/jquery.datetimepicker.css"/ >
</head>
<body>
<div>
<form class="planForm" id="planForm" method="post" action="plan.php">
<input type="hidden" name="planId" id="planId">
<div class="form-group row header">
<div class="col-sm-2 planTagHeader" onclick="dropMenu(this)"><p class="planTagHeaderIconUp icon"> Options</p></div>
<div class="col-sm-10 planName">
<input type="hidden" name="importance" value="1" /><input type="hidden" name="ownerId" />
<div class="col-sm-9">
<input type="text" name="name" class="planName-input form-control" placeholder="Write down your plan" />
</div>
<span class="importance1 importance icon" onmousemove="importanceChange(event, this)"> </span>
<span class="cancel icon" data-toggle="tooltip" data-placement="bottom" onclick="resetForm(this)" title="Cancel"> </span>
<span class="submit icon" data-toggle="tooltip" data-placement="bottom" onclick="submitForm(this)" title="Add"></span>
</div>
</div>
<div class="form-group row planDesc" onmouseenter="planDescMouseenter(this)" onmouseleave="planDescMouseleave(this)">
<label for="planDesc" class="col-sm-2 form-control-label planDescIcon icon"> Details</label>
<div class="col-sm-10">
<textarea class="form-control planDesc-input" name="planDesc"></textarea>
</div>
</div>
<div class="form-group row tags" onmouseenter="tagsMouseenter(this)" onmouseleave="tagsMouseleave(this)">
<label for="tags" class="col-sm-2 form-control-label newCustomTagIcon icon"> Tag</label>
<div class="col-sm-10">
<select class="form-control c-select tags-input" name="tags">
<option value="Work">Work</option>
<option value="Study">Study</option>
<option value="Family">Family</option>
<option value="Personal">Personal</option>
</select>
</div>
</div>
<div class="form-group row due" onmouseenter="dueMouseenter(this)" onmouseleave="dueMouseleave(this)">
<label for="due" class="col-sm-2 form-control-label dueTagIcon icon"> Due</label>
<div class="col-sm-10">
<input type="text" name="due" class="form-control dueDateTime due-input" id="datetimepicker" />
</div>
</div>
<div class="form-group row repeat" onmouseenter="repeatMouseenter(this)" onmouseleave="repeatMouseleave(this)">
<label for="repeat" class="col-sm-2 form-control-label repeatTagIcon icon"> Repeat</label>
<div class="col-sm-10">
<select class="form-control c-select repeat-input" name="repeat">
<option value="never">Never</option>
<option value="day">Every day</option>
<option value="week">Every week</option>
<option value="month">Every month</option>
<option value="year">Every year</option>
</select>
</div>
</div>
<div class="form-group row reminderRow" onmouseenter="reminderRowMouseenter(this)" onmouseleave="reminderRowMouseleave(this)">
<label for="reminder" class="col-sm-2 form-control-label reminderTagIcon icon"> Reminder</label>
<div class="col-sm-10">
<input type="text" name="reminder" class="form-control reminderTime reminder-input" id="datetimepicker2" />
</div>
<div class="col-sm-10">
<div class="col-sm-4 phoneAlarm">
<input type="hidden" name="phoneAlarm" value="0" /><p class="reminder phoneAlarmIcon icon reminderDisabled" onclick="toggleReminder(this)"> Alarm</p>
</div>
<div class="col-sm-4 phonePush">
<input type="hidden" name="phonePush" value="0" /><p class="reminder phonePushIcon icon reminderDisabled" onclick="toggleReminder(this)"> Push</p>
</div>
<div class="col-sm-4 desktopPush">
<input type="hidden" name="desktopPush" value="0" /><p class="reminder desktopPushIcon icon reminderDisabled" onclick="toggleReminder(this)"> Push</p>
</div>
</div>
</div>
<div class="form-group row url" onmouseenter="urlMouseenter(this)" onmouseleave="urlMouseleave(this)">
<label for="url" class="col-sm-2 form-control-label urlTagIcon icon"> Url</label>
<div class="col-sm-10 url">
<input type="url" name="url" class="form-control urlText url-input" />
</div>
</div>
<div class="form-group row locationRow" onmouseenter="locationRowMouseenter(this)" onmouseleave="locationRowMouseleave(this)">
<label for="location" class="col-sm-2 form-control-label locationTagIcon icon">Location</p></label>
<div class="col-sm-10 location" onkeyup="searchMap(this)">
<input type="text" name="location" class="form-control location-input" /><input type="hidden" name="lat" /><input type="hidden" name="lng" /><ul class="dropDownList list-group"></ul>
</div>
<div class="col-sm-10 col-sm-offset-2">
<div class="map">
<div id="map" style="height:280px"></div>
</div>
</div>
</div>
</form>
</div>
<script type="text/javascript" src="plan.js"></script>
<script src="datetimepicker/jquery.datetimepicker.full.min.js"></script>
</body>
</html>