Skip to content

Commit 64df5fa

Browse files
YC-QiuYC-Qiu
authored
Add files via upload
1 parent 37e4d80 commit 64df5fa

File tree

1 file changed

+91
-109
lines changed

1 file changed

+91
-109
lines changed

‎usermain2.html

Lines changed: 91 additions & 109 deletions
Original file line numberDiff line numberDiff line change
@@ -8,76 +8,71 @@
88
<link rel="stylesheet" type="text/css" href="./usermain/usermain_css.css">
99
</head>
1010

11-
12-
<body onload="loadproject();loadhtml()">
11+
<!--usermain2显示所有"my projects"-->
12+
<body onload="loadproject();loadhtml();checkauth()">
1313
<div class="headbanner">
14-
<div id="greeting">
15-
<div style="float:left" id="greet"></div>
14+
<div id="logo">
15+
<a onclick="logo()">ATHANDIA</a>
1616
</div>
17-
</div>
1817

19-
<div class="navigationbar" style="float:left">
20-
<a id="userinfo" onclick="openAccount()">Account Setting</a>
21-
<a id="myproject" >My Projects</a>
22-
<a id="searchOthers" onclick="Search()">Search for Others</a>
23-
<a id="favorites" onclick="favorites()">Favorite projects</a>
24-
<a id="notification" href="#">Notification</a>
18+
<ul class="navigationbar">
19+
<li><a id="addnewproject" onclick="document.getElementById('coverUp').style.display='block'">New Projects</a></li>
20+
<li><a id="userinfo" onclick="openAccount()">Account Setting</a></li>
21+
<li><a id="notification" href="#">Notification</a></li>
22+
<li><a id="favorites" onclick="favorites()">Favorite Projects</a></li>
23+
<li><a id="searchOthers" onclick="Search()">Search for Others'</a></li>
24+
<li><a id="myproject">My Projects</a></li>
25+
</ul>
2526
</div>
26-
<!--
27-
<div class="heading">
28-
<button onclick="addproject()" style="color:black" id="addproject">Add Project</button>
29-
<div class="projecttitle">Project Title
30-
<textarea id="title" style="width:154px;height:17px"></textarea>
31-
</div>
32-
<div class="projectOwner">Group Member
33-
<textarea id="gm" style="width:154px;height:17px"></textarea></div>
34-
</div>
35-
!-->
36-
<div class="addproject">
37-
<button onclick="document.getElementById('coverUp').style.display='block'" id="addnewproject">Click Here to Add New Projects</button>
38-
</div>
3927

4028
<div id = "coverUp" style="display:none"><!--用这一层做不透明度!-->
29+
<div id="theWholeBox">
4130
<div id = "addPopUp"><!--这里可以做一个pop up box框住以下所有东西!-->
4231
<div class="edit-box">
43-
<div class="edit-header">
32+
<!-- <div class="edit-header">
4433
<span class="title">Adding Project Details</span>
45-
</div>
34+
</div> -->
4635
<div class="edit-content">
4736
<div class="edit-details">
48-
<p class="setTerm">Title</p>
49-
<input type="title" placeholder="Title..." name="title" id="title1"><!--title1不要改成title，和原先被注释掉的id有冲突，在不确定原先代码如何处理的时候先别动，下同!-->
50-
<p class="setTerm">Project Owner</p>
51-
<input type="owner" placeholder="Project Owner..." name="membermain" id="membermain">
52-
<p class="setTerm">Subject</p>
53-
<div class="Subject"><!--@gym想要一个可以不断添加的collaborator box，不很会写。点击下面的那个add button添加一个新的这个div来做一个新的input Collaborators!-->
54-
<select id="subject">
55-
<option value="physics">physics</option>
56-
<option value="paths">maths</option>
57-
<option value="chemistry">chemistry</option>
58-
<option value="biology">biology</option>
59-
<option value="computer science">computer science</option>
60-
<option value="egineering">engineering</option>
61-
<option value="social science">social science</option>
62-
<option value="environmental science">environmental science</option>
63-
</select>
64-
</div>
65-
<p class="setTerm">Abstract</p>
66-
<input type="abstract" placeholder="Brief description..." name="abstract" id="description1">
37+
<p class="setTerm">TITLE</p>
38+
<input type="title" name="title" id="title1"><!--title1不要改成title，和原先被注释掉的id有冲突，在不确定原先代码如何处理的时候先别动，下同!-->
39+
<p class="setTerm">OWNER</p>
40+
<input type="owner" name="membermain" id="membermain">
41+
<p class="setTerm">SUBJECT</p>
42+
<div class="Subject"><!--@gym想要一个可以不断添加的collaborator box，不很会写。点击下面的那个add button添加一个新的这个div来做一个新的input Collaborators!-->
43+
<select id="subject">
44+
<option value="Physics">Physics</option>
45+
<option value="Maths">Maths</option>
46+
<option value="Chemistry">Chemistry</option>
47+
<option value="Biology">Biology</option>
48+
<option value="Computer Science">Computer Science</option>
49+
<option value="Engineering">Engineering</option>
50+
<option value="Social Science">Social Science</option>
51+
<option value="Environmental Science">Environmental Science</option>
52+
</select>
53+
</div>
54+
<p class="setTerm">ABSTRACT</p>
55+
<TEXTAREA type="abstract" name="abstract" id="description1"></TEXTAREA>
6756
</div>
68-
<div class="edit-operation">
69-
<span class="edit-cancel" onclick="document.getElementById('coverUp').style.display='none'">Cancel</span>
70-
<span class="edit-submit" onclick="save();closeForm();clearForm()">Submit</span>
71-
</div>
7257
</div>
7358
</div>
7459
</div>
60+
</div>
61+
<div class="background" display="block">
62+
<p class="quote">EVERY JOURNEY<br>STARTS WITH<br>A SINGLE STEP</p>
63+
<p class="guide">Add details to your new project!</p>
64+
</div>
65+
<div class="edit-operation">
66+
<span class="edit-cancel" onclick="document.getElementById('coverUp').style.display='none'">CANCEL</span>
67+
<span class="edit-submit" onclick="save();closeForm();clearForm()">SUBMIT</span>
68+
</div>
7569
</div>
7670

77-
<div class="maincontent" id="maincontent">
78-
<div class="addon">
79-
<a href="#top" target="_self">Top</a>
80-
</div>
71+
<div class="maincontent" id="maincontent">
72+
<!-- <div class="addon">
73+
<a href="#top" target="_self"><img src="./css/if_icon_set_outlinder-04_2519697.svg">
74+
<div class="titleText">Way Back to Top</div></a>
75+
</div> 这个回到顶部的功能还要修改-->
8176

8277
<!--后台数据!-->
8378
<!--<div class="show_project" id="1">
@@ -124,7 +119,7 @@
124119
</div>!-->
125120
</div>
126121

127-
<div class="footer">High School Affiliated to Shanghai Jiaotong University RDC</div>
122+
<div class="footer">Research Development Centre (RDC) of High School Affiliated to Shanghai Jiao Tong University</div>
128123

129124

130125
<script type="text/javascript">
@@ -134,7 +129,6 @@
134129
};
135130
wilddog.initializeApp(config);
136131
var ref = wilddog.sync().ref(uid);
137-
138132
var list = wilddog.sync().ref('allpro');
139133
var subjects = wilddog.sync().ref('subjects')
140134

@@ -151,8 +145,6 @@
151145
function loadproject() {
152146
var pi = ref.child('manage project');
153147
pi.on("child_added",function(snapshot){
154-
console.log(snapshot.val());
155-
156148
var delid = snapshot.key();
157149

158150
var parent = document.getElementById('maincontent');
@@ -191,26 +183,25 @@
191183
edit.setAttribute("id",info.title);
192184
edit.setAttribute("onclick","edit(this.id)");
193185
edit.setAttribute("class","edit");
194-
edit.setAttribute("value","edit project");
186+
edit.setAttribute("value","EDIT");
195187
div.appendChild(edit);
196188

197189
var del = document.createElement("input");
198190
del.setAttribute("type","button");
199191
del.setAttribute("id",delid);
200-
del.setAttribute("onclick","del(this.id);");
192+
del.setAttribute("onclick","del(this.id)");
201193
del.setAttribute("class","edit");
202-
del.setAttribute("value","delete from all project");
203-
del.setAttribute("style","width:200px;")
194+
del.setAttribute("value","DELETE");
204195
div.appendChild(del);
205196

206-
var delmy = document.createElement("input");
207-
delmy.setAttribute("type","button");
208-
delmy.setAttribute("name",delid);
209-
delmy.setAttribute("onclick","del_manage(this.name);");
210-
delmy.setAttribute("class","edit");
211-
delmy.setAttribute("value","delete from my project");
212-
delmy.setAttribute("style","width:200px;")
213-
div.appendChild(delmy);
197+
/*
198+
var comments = document.createElement("input");
199+
edit.setAttribute("type", "button")
200+
edit.setAttribute("id", info.comments);
201+
edit.setAttribute("onclick", "(this.id)");
202+
edit.setAttribute("class", "comments");
203+
edit.setAttribute("value", "comments project");
204+
div.appendChild(edit);
214205
/*
215206
var changeinfo = document.createElement("input");
216207
changeinfo.setAttribute("type","button");
@@ -225,89 +216,80 @@
225216

226217
function edit(id){
227218
//alert(id);
228-
window.location.href="timeline1.0.html"+"?uid="+uid+"&"+"true"+"&"+"title="+id;
219+
window.location.href="test.html"+"?uid="+uid+"&"+"true"+"&"+"title="+id;
229220
//alert(id);
230221
}
231222

232223
function del(id){
233-
del_list(id);
234-
del_sub(id);
235-
//del_manage(id);
236-
//location.reload();
237-
238-
}
239-
240-
//function changeinfo(name){
241-
// var aimpro = ref.child('manage project').child(name);
242-
// document.getElementById('coverUp').style.display='none';
243-
244-
//}
245-
function del_manage(name){
246-
var aimpro = ref.child('manage project').child(name);
247-
aimpro.remove();
248-
location.reload();
249-
}
250-
function del_sub(id){
251224
var aimpro = ref.child('manage project').child(id);
252225
var subject = "";
253-
var title = "";
254-
aimpro.child('title').on("value",function(snapshot){
255-
title = snapshot.val()
256-
console.log(title);
257-
})
226+
var title = ""
258227
aimpro.child('subject').on("value",function(snapshot){
259228
subject = snapshot.val()
260-
console.log(subject)
261229
});
230+
231+
aimpro.child('title').on("value",function(snapshot){
232+
title = snapshot.val()
233+
})
234+
262235
var aimsub = subjects.child(subject);
263-
aimsub.on("child_added",function(snapshot){
236+
aimsub.on("child_added",function(snapshot){
264237
snapshot.forEach(function(data) {
238+
console.log(data.val())
265239
if(data.val()==title){
266-
console.log(data.val())
267240
aimsub.child(snapshot.key()).remove();
268241
}
269242
})
270-
243+
271244
})
272-
}
273245

274-
function del_list(id){
275-
var aimpro = ref.child('manage project').child(id);
276-
var title = "";
277-
aimpro.child('title').on("value",function(snapshot){
278-
title = snapshot.val()
279-
})
280246
list.on("child_added",function(snapshot){
281247
snapshot.forEach(function(data) {
282248
if(data.val()==title){
283249
console.log(snapshot.key())
284250
list.child(snapshot.key()).remove();
251+
aimpro.remove();
252+
location.reload();
285253
}
286254
})
287255
})
256+
//console.log(id);
257+
//aimpro.remove();
258+
//location.reload();
259+
260+
}
261+
262+
//function changeinfo(name){
263+
// var aimpro = ref.child('manage project').child(name);
264+
// document.getElementById('coverUp').style.display='none';
265+
266+
//}
267+
268+
function logo(){
269+
window.location.href="index.html?uid="+uid;
288270
}
289271

290272
function save(){
291273
var title = document.getElementById("title1").value;
292274
var projectOwner = document.getElementById("membermain").value;
293275
var subject = document.getElementById('subject').value;
294276
var ab = document.getElementById("description1").value;
295-
var proinfo = {"title":title,"projectOwner":projectOwner,"subject":subject,"Abstract":ab};
277+
var proinfo = {"title":title,"projectOwner":projectOwner,"subject":subject,"Abstract":ab,"uid":uid};
296278
ref.child("manage project").push(proinfo);
297279

298-
list.push(proinfo);
280+
list.push(proinfo);
299281

300-
subjects.child(subject).push(proinfo);
282+
subjects.child(subject).push(proinfo);
301283
}
302-
284+
303285
function addCollab() {
304286
//@gym
305287
}
306288

307289
function closeForm() {
308290
document.getElementById("coverUp").style.display="none";
309291
}
310-
292+
311293
function clearForm() {
312294
document.getElementById("title1").value="";
313295
document.getElementById("membermain").value="";

0 commit comments

Comments
 (0)