decide.nolog.cz/index.html

146 lines
3.8 KiB
HTML
Raw Normal View History

2013-10-22 11:16:08 +02:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<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">
<h1 id="title">{{data.title}}</h1>
<p id="description">{{data.description}}</p>
2013-10-22 11:16:08 +02: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}}
<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>
{{/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">
<h1>Create new poll</h1>
<div id="addPoll">
<p>Title: <input id="addPollTitle" type="text" /></p>
<p>Description: <br/>
<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">
Options: <br/>
2013-10-22 11:16:08 +02:00
</p>
<div id="moreOptionsButton"></div>
<div id="calender"></div>
<div id="times"></div>
<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>
<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">
<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>
<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">
<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>