-
Notifications
You must be signed in to change notification settings - Fork 1
/
Roller.html
151 lines (140 loc) · 9.12 KB
/
Roller.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!-- ********************************************************************************************************************* -->
<!-- Dice Pool Roller-->
<!-- Note: For the CLEAR button to function, requires your Journal Character Name in the "charname" attribute and the ChatSetAttr API.-->
<!-- Note: The first half is a dice bar that can be added to the top of your character sheets to provide the dice pool rolling functionality.-->
<!-- Note: The second half is a larger version of the dice pool tool that uses the entire character sheetthis can be added as a tab for multipage-->
<!-- character sheets, or used in lieu of character sheets if you're not using them for your characters.-->
<!-- Dice Bar -->
<div class='sheet-dice'>
<table style="width: 100%">
<tr>
<td nowrap>
<button style="font-size:0;height:30px;" name="roll_d4" type="roll" value="/roll d4" class="btn ui-draggable">
<img src="https://cdn.pixabay.com/photo/2012/05/07/03/41/triangle-47852_960_720.png" style="width: 25px; height: 25px;" />
</button>
<input style="font-size: 15px; width: 45px;height:30px;" type="number" name="attr_d4" min="0" max="99" />
</td>
<td nowrap>
<button style="font-size:0;height:30px;height:30px;" name="roll_d6" type="roll" value="/roll d6" class="btn ui-draggable">
<img src="https://cdn.pixabay.com/photo/2014/04/03/00/37/die-308887__340.png" style="width: 25px; height: 25px;" />
</button>
<input style="font-size: 15px; width: 45px;height:30px;" type="number" name="attr_d6" min="0" max="99" />
</td>
<td nowrap>
<button style="font-size:0;height:30px;" name="roll_d8" type="roll" value="/roll d8" class="btn ui-draggable">
<img src="https://cdn.pixabay.com/photo/2017/01/31/13/51/dice-2024223__340.png" style="width: 25px; height: 25px;" />
</button>
<input style="font-size: 15px; width: 45px;height:30px;" type="number" name="attr_d8" min="0" max="99" />
</td>
<td nowrap>
<button style="font-size:0;height:30px;" name="roll_d10" type="roll" value="/roll d10" class="btn ui-draggable">
<img src="https://cdn.pixabay.com/photo/2014/04/03/00/36/dice-308824__340.png" style="width: 25px; height: 25px;" />
</button>
<input style="font-size: 15px; width: 45px;height:30px;" type="number" name="attr_d10" min="0" max="99" />
</td>
<td nowrap>
<button style="font-size:0;height:30px;" name="roll_d12" type="roll" value="/roll d12" class="btn ui-draggable">
<img src="https://cdn.pixabay.com/photo/2017/01/31/13/51/dice-2024222__340.png" style="width: 25px; height: 25px;" />
</button>
<input style="font-size: 15px; width: 45px;height:30px;" type="number" name="attr_d12" min="0" max="99" />
</td>
<td nowrap>
<button style="font-size:0;height:30px" name="roll_d20" type="roll" value="/roll d20" class="btn ui-draggable">
<img src="https://upload.wikimedia.org/wikipedia/commons/9/9c/Purple_d20.png" style="width: 25px; height: 25px;" />
</button>
<input style="font-size: 15px; width: 45px;height:30px;" type="number" name="attr_d20" min="0" max="99"/>
</td>
<td nowrap>
<button style="font-size:0;height:30px" name="roll_d100" type="roll" value="/roll d100" class="btn ui-draggable">
<img src="https://cdn.pixabay.com/photo/2014/07/17/16/17/cube-395593_960_720.png" style="width: 25px; height: 25px;" />
</button>
<input style="font-size: 15px; width: 45px;height:30px;" type="number" name="attr_d100" min="0" max="99"/>
</td>
<td nowrap>
<button style="font-size:0;height:30px" name="roll_dF" type="roll" value="/roll dF" class="btn ui-draggable">
<img src="https://cdn.pixabay.com/photo/2017/01/10/23/01/icon-1970474_960_720.png" style="width: 25px; height: 25px;" />
</button>
<input style="font-size: 15px; width: 45px;height:30px;" type="number" name="attr_dF" min="0" max="99"/>
</td>
<td nowrap>
<button type="roll" style="font-size: 20px; text-align: center; width: 30px; height: 30px;" value="/roll [[0+@{d4}]]d4 + [[0+@{d6}]]d6 + [[0+@{d8}]]d8 + [[0+@{d10}]]d10 + [[0+@{d12}]]d12 + [[0+@{d20}]]d20 + [[0+@{d100}]]d100 + [[0+@{dF}]]dF"/>
<button style="font-size: 14px; text-align: left; height: 30px; width: 60px">CLEAR</button>
<button type="roll" value="!setattr --name @{charname} --silent --d4|0 --d6|0 --d8|0 --d10|0 --d12|0 --d20|0 --d100|0 --dF|0" style="width : 61px; height: 30px; opacity: 0; margin-left: -61px; position: relative;"/>
</td>
</tr>
</div><!-- Dice Bar close -->
<!-- Start of Dice Pool Roller-->
<div class="sheet-roller-core" />
<p>
<h3 class="sheet-roller-header">Dice Pool Roller</h3>
<div class='sheet-2colrow'>
<div class='sheet-col'>
<!-- Col 1 -->
<table style="width: 100%">
<tr>
<td><button style="font-size:0;" name="roll_d4" type="roll" value="/roll d4">
<img src="https://cdn.pixabay.com/photo/2012/05/07/03/41/triangle-47852_960_720.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_d4" min="0" max="99"/></td>
</tr>
<tr>
<td><button style="font-size:0;height:60px" name="roll_d8" type="roll" value="/roll d8">
<img src="https://cdn.pixabay.com/photo/2017/01/31/13/51/dice-2024223__340.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_d8" min="0" max="99"/></td>
</tr>
<tr>
<td><button style="font-size:0;height:60px" name="roll_d12" type="roll" value="/roll d12">
<img src="https://cdn.pixabay.com/photo/2017/01/31/13/51/dice-2024222__340.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_d12" min="0" max="99"/></td>
</tr>
<tr>
<td><button style="font-size:0;height:60px" name="roll_dF" type="roll" value="/roll dF">
<img src="https://cdn.pixabay.com/photo/2017/01/10/23/01/icon-1970474_960_720.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_dF" min="0" max="99"/></td>
</tr>
<tr>
<td><button type="roll" style="font-size: 30px; text-align: center; width: 120px; height: 40px;" value="/roll [[0+@{d4}]]d4 + [[0+@{d6}]]d6 + [[0+@{d8}]]d8 + [[0+@{d10}]]d10 + [[0+@{d12}]]d12 + [[0+@{d20}]]d20 + [[0+@{d100}]]d100 + [[0+@{dF}]]dF"/></td>
</tr>
</table>
</div> <!-- col 1 close -->
<div class='sheet-col'>
<!-- Col 2 -->
<table style="width: 100%">
<tr>
<td><button style="font-size:0;height:60px" name="roll_d6" type="roll" value="/roll d6">
<img src="https://cdn.pixabay.com/photo/2014/04/03/00/37/die-308887__340.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_d6" min="0" max="99"/></td>
</tr>
<tr>
<td><button style="font-size:0;height:60px" name="roll_d10" type="roll" value="/roll d10">
<img src="https://cdn.pixabay.com/photo/2014/04/03/00/36/dice-308824__340.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_d10" min="0" max="99"/></td>
</tr>
<tr>
<td><button style="font-size:0;height:60px" name="roll_d20" type="roll" value="/roll d20">
<img src="https://upload.wikimedia.org/wikipedia/commons/9/9c/Purple_d20.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_d20" min="0" max="99"/></td>
</tr>
<tr>
<td><button style="font-size:0;height:60px" name="roll_d100" type="roll" value="/roll d100">
<img src="https://cdn.pixabay.com/photo/2014/07/17/16/17/cube-395593_960_720.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_d100" min="0" max="99"/></td>
</tr>
<tr>
<td><button style="font-size: 30px; text-align: left; height: 40px; width: 120px">CLEAR</button>
<button type="roll" value="!setattr --name @{charname} --silent --d4|0 --d6|0 --d8|0 --d10|0 --d12|0 --d20|0 --dF|0 --d100|0" style="width : 121px; height: 40px; opacity: 0; margin-left: -121px;"/></td>
</tr>
</table>
</div><!-- col 2 close -->
</div>
</p>
</div>
<!--End of Dice Pool Roller>
<!-- ********************************************************************************************************************* -->