2013-10-22 11:16:08 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
2013-11-01 00:56:51 +01:00
|
|
|
<title>Croodle</title>
|
2013-10-22 11:16:08 +02:00
|
|
|
<script src="js/sjcl.js"></script>
|
|
|
|
<script src="js/mustache.js"></script>
|
|
|
|
<script src="js/jquery.js"></script>
|
|
|
|
<script src="js/jquery.mustache.js"></script>
|
|
|
|
<script src="js/jquery.datepick.js"></script>
|
|
|
|
<script src="js/jquery.datepick-de.js"></script>
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/jquery.datepick.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="content"></div>
|
|
|
|
|
2013-10-31 23:16:42 +01:00
|
|
|
<script type="text/html" id="Poll_template">
|
2013-10-25 02:14:13 +02:00
|
|
|
<h1 id="title">{{data.title}}</h1>
|
|
|
|
<p id="description">{{data.description}}</p>
|
2013-10-22 11:16:08 +02:00
|
|
|
|
2013-10-31 23:49:11 +01:00
|
|
|
<table id="choices">
|
|
|
|
<thead id="options">
|
|
|
|
<tr>
|
|
|
|
<td class="option option-name">User</td>
|
|
|
|
{{#data.options}}
|
|
|
|
<td class="option">{{.}}</td>
|
|
|
|
{{/data.options}}
|
|
|
|
<td></td>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody id="userlist">
|
|
|
|
{{#user}}
|
|
|
|
{{>PollUserlistUser_template}}
|
|
|
|
{{/user}}
|
|
|
|
<tr id="addUser">
|
|
|
|
<td><input type="text" name="name" id="addUserName"/></td>
|
|
|
|
{{#data.options}}
|
2013-11-01 00:56:51 +01:00
|
|
|
<td>
|
|
|
|
{{#data.answers.0}}
|
|
|
|
<select class="selection">
|
|
|
|
{{#data.answers}}
|
|
|
|
<option>{{.}}</option>
|
|
|
|
{{/data.answers}}
|
|
|
|
</select>
|
|
|
|
{{/data.answers.0}}
|
|
|
|
{{^data.answers}}
|
|
|
|
<input type="text" name="selections[]" class="selection"/>
|
|
|
|
{{/data.answers}}
|
|
|
|
</td>
|
2013-10-31 23:49:11 +01:00
|
|
|
{{/data.options}}
|
|
|
|
<td><button id="addUserSave">save</button></td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
2013-10-22 11:16:08 +02:00
|
|
|
</script>
|
|
|
|
|
2013-10-31 23:16:42 +01:00
|
|
|
<script type="text/html" id="PollUserlistUser_template">
|
2013-10-22 11:16:08 +02:00
|
|
|
<tr class="user">
|
|
|
|
<td>{{name}}</td>
|
|
|
|
{{#selection}}
|
|
|
|
<td>{{.}}</td>
|
|
|
|
{{/selection}}
|
|
|
|
</tr>
|
|
|
|
</script>
|
|
|
|
|
2013-10-31 23:16:42 +01:00
|
|
|
<script type="text/html" id="PollAdd_template">
|
2013-10-22 15:08:44 +02:00
|
|
|
<h1>Create new poll</h1>
|
2013-10-31 23:49:11 +01:00
|
|
|
<div id="addPoll">
|
2013-11-01 00:56:51 +01:00
|
|
|
<p>Title: <input id="addPollTitle" type="text" /></p>
|
2013-10-22 15:08:44 +02:00
|
|
|
<p>Description: <br/>
|
2013-11-01 00:56:51 +01:00
|
|
|
<textarea id="addPollDescription" /></p>
|
|
|
|
<p>Answertype:
|
|
|
|
<select id="addPollAnswertype">
|
|
|
|
<option value="YesNo">YesNo</option>
|
|
|
|
<option value="YesNoMaybe">YesNoMaybe</option>
|
|
|
|
<option value="Text">Text</option>
|
|
|
|
</select>
|
2013-10-22 11:16:08 +02:00
|
|
|
<p id="options">
|
2013-10-22 15:08:44 +02:00
|
|
|
Options: <br/>
|
2013-10-22 11:16:08 +02:00
|
|
|
</p>
|
|
|
|
<div id="moreOptionsButton"></div>
|
|
|
|
<div id="calender"></div>
|
|
|
|
<div id="times"></div>
|
2013-10-31 23:49:11 +01:00
|
|
|
<p><button id="addPollSave">create</button></p>
|
|
|
|
</div>
|
2013-10-22 11:16:08 +02:00
|
|
|
</script>
|
|
|
|
|
2013-10-31 23:16:42 +01:00
|
|
|
<script type="text/html" id="PollAddOption_template">
|
2013-10-22 11:16:08 +02:00
|
|
|
<input type="text" name="option" class="option" value="{{value}}"/>
|
|
|
|
</script>
|
|
|
|
|
2013-10-31 23:16:42 +01:00
|
|
|
<script type="text/html" id="PollAddOptionAddButton_template">
|
|
|
|
<p><input type="button" id="addPollAddOption" value="more options" /></p>
|
2013-10-22 11:16:08 +02:00
|
|
|
</script>
|
|
|
|
|
2013-10-31 23:16:42 +01:00
|
|
|
<script type="text/html" id="PollAddCalender_template">
|
2013-10-22 11:16:08 +02:00
|
|
|
<div id="calenderDatePick"></div>
|
2013-10-22 15:08:44 +02:00
|
|
|
<button id="setTimesButton">define times</button>
|
2013-10-22 11:16:08 +02:00
|
|
|
</script>
|
|
|
|
|
2013-10-31 23:16:42 +01:00
|
|
|
<script type="text/html" id="PollAddTimes_template">
|
2013-10-22 15:08:44 +02:00
|
|
|
<h2>Define times for your dates</h2>
|
2013-10-22 11:16:08 +02:00
|
|
|
<table id='timestable'>
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
{{#identifier}}
|
2013-10-31 23:16:42 +01:00
|
|
|
{{>PollAddTimesTimeHead_template}}
|
2013-10-22 11:16:08 +02:00
|
|
|
{{/identifier}}
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
{{#dates}}
|
|
|
|
<tr>
|
|
|
|
<td class="date">{{date}}</td>
|
|
|
|
{{#values}}
|
2013-10-31 23:16:42 +01:00
|
|
|
{{>PollAddTimesTimeBody_template}}
|
2013-10-22 11:16:08 +02:00
|
|
|
{{/values}}
|
|
|
|
</tr>
|
|
|
|
{{/dates}}
|
|
|
|
</tbody>
|
|
|
|
</table>
|
2013-10-22 15:08:44 +02:00
|
|
|
<button id="timesMoreButton">more times</button>
|
|
|
|
<button id="timesCopyTimelineButton">copy first line</button>
|
2013-10-22 11:16:08 +02:00
|
|
|
</script>
|
|
|
|
|
2013-10-31 23:16:42 +01:00
|
|
|
<script type="text/html" id="PollAddTimesTimeHead_template">
|
2013-10-22 11:16:08 +02:00
|
|
|
<td>{{value}}</td>
|
|
|
|
</script>
|
|
|
|
|
2013-10-31 23:16:42 +01:00
|
|
|
<script type="text/html" id="PollAddTimesTimeBody_template">
|
2013-10-22 11:16:08 +02:00
|
|
|
<td><input type="time" name="datetime" data-date="{{date}}" value="{{value}}" class="datetime" /></td>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<script type="text/html" id="Startpage_template">
|
2013-10-22 15:08:44 +02:00
|
|
|
<h1>Welcome</h1>
|
2013-10-22 11:16:08 +02:00
|
|
|
<div id="FindADate">
|
|
|
|
<button id="FindADate-Button">find a date</button>
|
|
|
|
</div>
|
|
|
|
<div id="MakeAPoll">
|
|
|
|
<button id="MakeAPoll-Button">make a poll</button>
|
|
|
|
</div>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<script src="js/croodle.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|