forked from alexSFfeng/DatingWeb
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtimelineProvider.html
executable file
·115 lines (102 loc) · 5.01 KB
/
timelineProvider.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Timeline</title>
<link rel="stylesheet" href="./css/styletimelineProvider.css" />
</head>
<body>
<div class="timelinePage">
<div id="clientMenu" class="providerMenu">
<img id="providerPic" src="/Users/Xelafe/Documents/Winter18/CSE134B/DatingWeb/images/add.jpg" alt="providerPic">
<ul class="menuElements">
<li><a class="sectionName" href="file:///Users/Xelafe/Documents/Winter18/CSE134B/DatingWeb/ProviderTargets.html">TASKS</a></li>
<li><a class="sectionName" href="">TIMELINE</a></li>
</ul>
</div>
<h3 id="headerTimeline">Timeline</h3>
<div class="sameLine">
<div id="buttons" class="buttonClass">
<button id="addTask" onclick="popAddpage()">Add</button>
<!--<button id="editTasks" onclick="popEditpage()">Edit</button>-->
</div>
<div class="taskPic">
<img id="taskpic" src="./images/emptyProfile.png" alt="plusSign">
</div>
</div>
<div class="timeline">
<ul class="schedule">
<li><h5>Monday</h5>
<ul class="dailyTasks" id="mondayTask">
<li class="task" ondblclick="test(this)">10:30 Catch her at PC Starbucks</li>
<li class="task">12:10 Follow her to lunch from her class at CENTER 101</li>
<li class="task">20:50 Text her about the homework assignment</li>
</ul></li>
<li><h5>Tuesday</h5>
<ul class="dailyTasks" id="tuesdayTask"></ul></li>
<li><h5>Wednesday</h5>
<ul class="dailyTasks" id="wednesdayTask">
<li class="task">10:30 Catch her at PC Starbucks</li>
<li class="task">11:10 Sit next to her in class</li>
</ul></li>
<li><h5>Thursday</h5>
<ul class="dailyTasks" id="thursdayTask"></ul></li>
<li><h5>Friday</h5>
<ul class="dailyTasks" id="fridayTask">
<li class="task">10:30 Walk your dog in front of her</li>
<li class="task">11:10 Say hi to her in class but do not sit with her, find a female friend to sit with.</li>
<li class="task">23:45 Ask her if she want to come to your party tomorrow. If she refuse, say its your birthday party.</li>
</ul></li>
<li><h5>Weekend</h5>
<ul class="dailyTasks" id = "weekendTask">
<li class="task">All day Stay with her in the party and have your friends leave you guys alone.</li>
</ul></li>
</ul>
<button type="submit" id="submit" onclick="submitSchedule(this)">submit</button>
<div class="popupTodo" id="todoList">
<h3 id="header">Add to do</h3>
<span class="close" id="closeLabel" onclick="closePop()">×</span>
<ul class="chooseDate" id="dateofWeek" >
<li id="monday" class="dates" onclick="chooseDate(this)">Monday</li>
<li id="tuesday" class="dates" onclick="chooseDate(this)">Tuesday</li>
<li id="wednesday" class="dates" onclick="chooseDate(this)">Wednesday</li>
<li id="thursday" class="dates" onclick="chooseDate(this)">Thursday</li>
<li id="friday" class="dates" onclick="chooseDate(this)">Friday</li>
<li id="weekend" class="dates" onclick="chooseDate(this)">Weekend</li>
</ul>
<input type="text" id="providerInput" placeholder="new task" >
<button type="button" id="addTaskButton" onclick="addTasktoDate(this)">Add task</button>
</div>
</div>
<div class = "popup" id="editPop">
<h3 id="edit">Edit to do</h3>
<span class="closeL" id="closeLabelforEdit" onclick="closePop(this)">×</span>
<input type="text" id="newTask"></input>
<button type="button" id="submitEditTask" onclick="submitNewTask(this)">Change task</button>
</div>
</div>
<div class="chat" id="chatBox" >
<span class="chatTitle" onclick="chatToggle()">Need Advice?</span>
<span class="open" id="openS" onclick="chatToggle()">+</span>
<span class="close" id="closeS" onclick="chatToggle()">−</span>
<div id="chatLog">
<div id="chat">
<div class="container">
<img src="./images/cat.jpg" alt="agent avatar" class="right"/>
<p class="response">Help!</p>
</div>
<div class="container">
<img src="./images/cat.jpg" alt="client avatar"/>
<p class="response">I think we need a new plan... She's not responding to my texts</p>
</div>
</div>
<div id="sendMessage">
<textarea placeholder="Leave a command for your test subjects." id="message"
rows="5" wrap="soft" spellcheck="true"></textarea>
<button id="sendBttn" onclick="newMessage()">←</button>
</div>
</div>
</div>
<script src="./js/timelineProvider.js"></script>
</body>
</html>