gergof/FortuneRoundtable
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added stuff

Browse Source 
Some fancy things. Still a lot to work...
This commit is contained in:
Fándly Gergő
2018-09-30 15:53:01 +03:00
parent d9759ae342
commit acc40fdd10
25 changed files with 4794 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/index.html Normal file
View File

@ -0,0 +1,75 @@
<!DOCTYPE html>
<html>
<head>
<title>Fortune Roundtable</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="./style/style.css"/>
<link rel="stylesheet" href="./style/fontawesome.min.css"/>
<script src="./script/jquery-3.3.1.min.js"></script>
<script src="./script/script.js"></script>
</head>
<body onload="loadDataStore()">
<div id="editor" style="display: grid; grid-template-columns: 1fr 1fr">
<div id="groupA">
<p>
<span id="groupANameDisplay"><i class="fa fa-edit" onclick="renameGroupA()"></i> <span class="groupAName">Group A</span></span>
<span id="groupANameEdit" style="display: none"><input type="text" value="Group A" id="groupANameField"/><button class="forfa" onclick="saveGroupA()"><i class="fa fa-check"></i></button></span>
</p>
<p>Elements:</p>
<input type="text" id="groupAInput"/>
<button class="forfa" type="button" onclick="addGroupA()"><i class="fa fa-plus"></i></button>
<ul id="groupAList">
<!-- here goes the elements -->
</ul>
</div>
<div id="groupB">
<p>
<span id="groupBNameDisplay"><i class="fa fa-edit" onclick="renameGroupB()"></i> <span class="groupBName">Group B</span></span>
<span id="groupBNameEdit" style="display: none"><input type="text" value="Group B" id="groupBNameField"/><button class="forfa" onclick="saveGroupB()"><i class="fa fa-check"></i></button></span>
</p>
<p>Elements:</p>
<input type="text" id="groupBInput"/>
<button class="forfa" type="button" onclick="addGroupB()"><i class="fa fa-plus"></i></button>
<ul id="groupBList">
<!-- here goes the elements -->
</ul>
</div>
<div id="options">
<input type="checkbox" id="remFromBOnMatch" onclick="updateOptions()"/><label for="remFromBOnMatch">Remove element from group B when it has a match</label>
<br/>
<button class="start" onclick="setupRoll()">Finish</button>
</div>
</div>
<div id="roller" style="display: none">
<div class="roller__base">
<div class="roller__holder">
<div id="rollerA" class="roller">
<!-- here goes group A -->
</div>
</div>
<div class="roller__pointer__holder">
<div class="roller__pointer">
</div>
</div>
<div class="roller__holder">
<div id="rollerB" class="roller">
<!-- here goes group B -->
</div>
</div>
</div>
</div>
<div id="results" style="display: none">
<table>
<thead>
<tr>
<th class="groupAName">Group A</th>
<th class="groupBName">Group B</th>
</tr>
</thead>
<tbody id="resultsTable">
<!-- here goes the results -->
</tbody>
</table>
</div>
</body>
</html>