Lurkars/rpg-dices
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Lurkars
2024-05-04 22:06:19 +02:00
parent ff7f24f02e
commit 027e223e7e
5 changed files with 336 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+40 -22
View File
@@ -4,6 +4,7 @@
<title>RPG Dices</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="style.css">
<script src="js/libs/moment.js"></script>
<script src="js/libs/sidebar/sidebar.js"></script>
<link href="js/libs/sidebar/sidebar.css" type="text/css" rel="stylesheet" />
<style>
@@ -25,7 +26,8 @@
</li>
</ul>
<ul class="menu">
<li onclick="toggleDarkMode()"><img id="dark-mode-icon" src="./assets/dark.svg"><span id="dark-mode-text">Dark Mode</span></li>
<li onclick="toggleDarkMode()"><img id="dark-mode-icon" src="./assets/dark.svg"><span
id="dark-mode-text">Dark Mode</span></li>
</ul>
<script>
Sidebar();
@@ -35,31 +37,47 @@
<div class="dices-container">
<div class="dices" id="dices"></div>
<div class="form" id="form">
<input min="1" value="1" type="number" id="inputCount">
D
<select value="6" id="inputSides" onchange="updateCustom()">
<option>4</option>
<option>6</option>
<option>8</option>
<option>10</option>
<option>12</option>
<option>20</option>
<option>100</option>
<option value="">custom</option>
</select>
<input class="hidden" min="2" value="2" type="number" id="inputCustom">
+
<input value="0" type="number" id="inputAddition">
<input value="" type="color" id="inputColor">
<button onclick="addDiceForm()"><img src="./assets/roll.svg"> Add Dice</button>
<div class="form-container">
<div class="form">
<input min="1" value="1" type="number" id="inputCount">
D
<select value="6" id="inputSides" onchange="updateCustom()">
<option>4</option>
<option>6</option>
<option>8</option>
<option>10</option>
<option>12</option>
<option>20</option>
<option>100</option>
<option value="">custom</option>
</select>
<input class="hidden" min="2" value="2" type="number" id="inputCustom">
+
<input value="0" type="number" id="inputAddition">
&nbsp;
<input type="color" id="inputColor">
</div>
<div class="actions">
<button onclick="addDiceForm()"><img src="./assets/plus.svg"> Add Dice</button>
<button onclick="rollForm()"><img src="./assets/roll.svg"> Roll</button>
</div>
<div class="form">
<input type="text" id="inputText">
</div>
<div class="actions">
<button onclick="addDicesText()"><img src="./assets/plus.svg"> Add Dices</button>
<button onclick="rollText()"><img src="./assets/roll.svg"> Roll</button>
</div>
</div>
</div>
<div class="history-container">
<div class="menu">
<button id="roll-button" onclick="rollSelected()"><img src="./assets/roll.svg"> Roll</button>
<button id="history-button" onclick="clearHistory()"><img src="./assets/history.svg"> Clear History</button>
<div class="actions">
<button id="history-button" onclick="clearHistory()"><img src="./assets/history.svg"> Clear
History</button>
<button id="roll-add-button" onclick="addSelected()"><img src="./assets/add.svg"> Add Selected</button>
<button id="roll-button" onclick="rollSelected()"><img src="./assets/roll.svg"> Roll Selected</button>
</div>
<div class="history" id="history"></div>