# Meetup the page is supposed to show
var meetup: nullable Meetup = null
+ # Answer mode for the meetup
+ var mode = 0
init from_id(id: String) do
var db = new OpportunityDB.open("opportunity")
meetup = db.find_meetup_by_id(id)
db.close
+ if meetup != null then mode = meetup.answer_mode
+ init
end
init do
- header.page_js = """
- function change_answer(ele){
+ header.page_js = "mode = {mode};\n"
+ header.page_js += """
+ function change_answer(ele, id){
+ // modify only the currently selected entry
+ if (in_modification_id != id) return;
+
var e = document.getElementById(ele.id);
var i = e.innerHTML;
var ans = true;
if(i === "<center>✔</center>"){
- ans = false;
+ ans = 1;
+ e.innerHTML = "<center>❓</center>"
+ e.style.color = "orange";
+ }else if(i === "<center>❓</center>"){
+ ans = 0;
e.innerHTML = "<center>✘</center>"
e.style.color = "red";
}else{
+ ans = 2;
e.innerHTML = "<center>✔</center>";
e.style.color = "green";
}
var aid = a[2]
$.ajax({
type: "POST",
- url: "/rest/answer",
+ url: "./rest/answer",
data: {
answer_id: aid,
pers_id: pid,
}
function change_temp_answer(ele){
var e = document.getElementById(ele.id);
- var i = e.innerHTML;
- var ans = true;
+ var i = e.innerHTML;"""
+ if mode == 0 then
+ header.page_js += """
+ if(i === "<center>✔</center>"){
+ e.innerHTML = "<center>✘</center>"
+ e.style.color = "red";
+ }else{
+ e.innerHTML = "<center>✔</center>";
+ e.style.color = "green";
+ }
+ """
+ else
+ header.page_js += """
if(i === "<center>✔</center>"){
- ans = false;
- e.innerHTML = "<center>✘</center>";
+ e.innerHTML = "<center>❓</center>";
+ e.style.color = "orange";
+ }else if(i === "<center>❓</center>"){
+ e.innerHTML = "<center>✘</center>"
e.style.color = "red";
}else{
e.innerHTML = "<center>✔</center>";
e.style.color = "green";
}
+ """
+ end
+ header.page_js += """
}
function add_part(ele){
var e = document.getElementById(ele.id);
ansmap = {};
for(i=0;i<ans.length;i++){
var curr = ans.eq(i)
- if(curr[0].innerHTML === "✔"){
- ansmap[curr.attr('id')] = true
+ """
+ if mode == 0 then
+ header.page_js += """
+ if(curr[0].innerHTML === "<center>✔</center>"){
+ ansmap[curr.attr('id')] = 1
}else{
- ansmap[curr.attr('id')] = false
- }
+ ansmap[curr.attr('id')] = 0
+ }"""
+ else
+ header.page_js += """
+ if(curr[0].innerHTML === "<center>✔</center>"){
+ ansmap[curr.attr('id')] = 2
+ }else if(curr[0].innerHTML === "<center>❓</center>"){
+ ansmap[curr.attr('id')] = 1
+ }else{
+ ansmap[curr.attr('id')] = 0
+ }"""
+ end
+ header.page_js += """
}
$.ajax({
type: "POST",
- url: "/rest/meetup/new_pers",
+ url: "./rest/meetup/new_pers",
data: {
meetup_id: mid,
persname: pname,
function remove_people(ele){
var arr = ele.id.split("_")
var pid = arr[1]
- $('#' + ele.id).parent().remove();
+ $('#' + ele.id).parent().parent().parent().remove();
$.ajax({
type: "POST",
- url: "/rest/people",
+ url: "./rest/people",
data: {
method: "DELETE",
p_id: pid
}
});
}
+
+ // ID of line currently open for modification
+ var in_modification_id = null;
+ function modify_people(ele, id){
+ if (in_modification_id != null) {
+ // reset to normal values
+ $('#modify_'+in_modification_id).text("Modify or delete");
+ $('#modify_'+in_modification_id).attr("class", "btn btn-xs btn-warning");
+ $('#line_'+in_modification_id).css("background-color", "");
+ $('#delete_'+in_modification_id).css("display", "none");
+ }
+ if (in_modification_id != id) {
+ // activate modifiable mode
+ $('#modify_'+id).text("Done");
+ $('#modify_'+id).attr("class", "btn btn-xs btn-success");
+ $('#line_'+id).css("background-color", "LightYellow");
+ $('#delete_'+id).show();
+
+ in_modification_id = id;
+ } else {
+ in_modification_id = null;
+ }
+ }
"""
end
-
redef fun rendering do
if meetup == null then
add((new OpportunityHomePage).write_to_string)
fun to_html(db: OpportunityDB): Streamable do
var t = new Template
t.add """
+<div class="container">
<div class="page-header">
<center><h1>{{{name}}}</h1></center>
- <center><h4>When : {{{date}}}</h4></center>
- <center><h4>Where : {{{place}}}</h4></center>
+"""
+ if not date.is_empty then t.add """
+ <center><h4>When: {{{date}}}</h4></center>"""
+
+ if not place.is_empty then t.add """
+ <center><h4>Where: {{{place}}}</h4></center>"""
+
+ t.add """
</div>
<table class="table">
"""
- t.add "<th></th>"
- t.add "<th>Participating</th>"
+ t.add "<th>Participant name</th>"
for i in answers(db) do
- t.add "<th>"
+ t.add "<th class=\"text-center\">"
t.add i.to_s
t.add "</th>"
end
+ t.add "<th></th>"
t.add "</tr>"
for i in participants(db) do
- t.add "<tr>"
- t.add """<td class="opportunity-action" style="color: red;" onclick="remove_people(this)" id="remove_{{{i.id}}}"><center><button class="btn btn-xs btn-danger" type="button">Remove</button></center></td>"""
i.load_answers(db, self)
+ t.add "<tr id=\"line_{i.id}\">"
t.add "<td>"
t.add i.to_s
t.add "</td>"
- for j,k in i.answers do
- t.add """<td class="answer" onclick="change_answer(this)" id="answer_{{{j.id}}}_{{{i.id}}}""""
- if k then
- t.add " style=\"color:green;\""
+ for j, k in i.answers do
+ var color
+ if answer_mode == 0 then
+ if k == 1 then
+ color = "green"
+ else
+ color = "red"
+ end
else
- t.add " style=\"color:red;\""
+ if k == 2 then
+ color = "green"
+ else if k == 1 then
+ color = "#B8860B"
+ else
+ color = "red"
+ end
end
- t.add"><center>"
- if k then
- t.add "✔"
+ t.add """<td class="answer" onclick="change_answer(this, {{{i.id}}})" id="answer_{{{j.id}}}_{{{i.id}}}" style="color:{{{color}}}">"""
+ t.add "<center>"
+ if answer_mode == 0 then
+ if k == 1 then
+ t.add "✔"
+ else
+ t.add "✘"
+ end
else
- t.add "✘"
+ if k == 2 then
+ t.add "✔"
+ else if k == 1 then
+ t.add "❓"
+ else
+ t.add "✘"
+ end
end
t.add "</center></td>"
end
+ t.add """<td class="opportunity-action"><center><button class="btn btn-xs btn-warning" type="button" onclick="modify_people(this, {{{i.id}}})" id="modify_{{{i.id}}}">Modify or delete</button> """
+ t.add """<button class="btn btn-xs btn-danger" type="button" onclick="remove_people(this)" id="delete_{{{i.id}}}" style="display: none;">Delete</button></center></td>"""
t.add "</tr>"
end
t.add """
-<tr id="newrow">
-<td><center><span id="add_{{{id}}}" onclick="add_part(this)" style="color:green;" class="action"><button class="btn btn-xs btn-success" type="button">Add</button></span></center></td>
+<tr id="newrow" style="background-color: LightYellow">
<td><input id="new_name" type="text" placeholder="Your name" class="input-large"></td>
"""
for i in answers(db) do
t.add "<td class=\"answer\" id=\"newans_{i.id}\" onclick=\"change_temp_answer(this)\" style=\"color:red;\"><center>✘</center></td>"
end
+ t.add """
+ <td><center><span id="add_{{{id}}}" onclick="add_part(this)" style="color:green;" class="action"><button class="btn btn-xs btn-success" type="button">Done</button></span></center></td>"""
t.add "</tr>"
t.add "</table>"
+ t.add "</div>"
return t
end
end