web/index.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

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>OSiKa</title>
    <!-- put your library dependencies here -->
    <script src="lib/jquery.min.js"></script>
    <script src="lib/mustache.js"></script>
    <script src="lib/jquery.ba-hashchange.min.js"></script>
    <!-- good boy. -->
    <script src="osika.js"></script>
    <link href="osika.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <form name="osika">
      <h1>OSiKa</h1>
      Podaj rękę do oceny:<br />
      <span class="spades">&spades;</span>
      <input type="text" id="suit0" value="xxxx" class="suit" />
      <span class="hearts">&hearts;</span>
      <input type="text" id="suit1" value="xxx" class="suit" />
      <span class="diamonds">&diams;</span>
      <input type="text" id="suit2" value="xxx" class="suit" />
      <span class="clubs">&clubs;</span>
      <input type="text" id="suit3" value="xxx" class="suit" /><br />
      <input type="submit" id="evaluate" value="Oceń" />
      <div id="result"></div>
    </form>
    <form>
      Poprawność danych w formularzu:
      <ul>
        <li>ignorowane są białe znaki</li>
        <li>wielkość liter nie ma znaczenia</li>
        <li>ręka musi zawierać 13 kart</li>
        <li><b>x</b> oznacza dowolną blotkę (ale cyfry również dozwolone)</li>
        <li>Dama = Q/D, Walet = J/W, 10 = 10/T</li>
        <li>w pojedynczym kolorze nie mogą duplikować się honory ani 9</li>
        <li>kolejność kart w kolorze nie ma znaczenia</li>
        <li>blotki nie są weryfikowane (kolor może posiadać zduplikowane blotki, może też posiadać niemożliwą liczbę blotek, np. 10)</li>
      </ul>
    </form>
    <div id="resultTemplate" style="display:none">
      <table cellspacing="0" cellpadding="0">
	<tr><th></th><th class="spades">&spades;</th><th class="hearts">&hearts;</th><th class="diamonds">&diams;</th><th class="clubs">&clubs;</th><th>&Sigma;</th></tr>
	<tr><td>Honory (lewy)</td><td>{{lh.s}}</td><td>{{lh.h}}</td><td>{{lh.d}}</td><td>{{lh.c}}</td><td class="subtotal">{{lh.total}}</td></tr>
	<tr><td>Poprawka za zgrupowania honorów</td><td>{{lh_plus.s}}</td><td>{{lh_plus.h}}</td><td>{{lh_plus.d}}</td><td>{{lh_plus.c}}</td><td class="subtotal">{{lh_plus.total}}</td></tr>
	<tr><td>Poprawka za podwiązania honorów</td><td>{{lh_10.s}}</td><td>{{lh_10.h}}</td><td>{{lh_10.d}}</td><td>{{lh_10.c}}</td><td class="subtotal">{{lh_10.total}}</td></tr>
	<tr><td>Poprawka za krótkie honory</td><td>{{lh_short.s}}</td><td>{{lh_short.h}}</td><td>{{lh_short.d}}</td><td>{{lh_short.c}}</td><td class="subtotal">{{lh_short.total}}</td></tr>
	<tr class="subtotal"><td>Lewy honorowe</td><td>{{lh_subtotal.s}}</td><td>{{lh_subtotal.h}}</td><td>{{lh_subtotal.d}}</td><td>{{lh_subtotal.c}}</td><td>{{lh_subtotal.total}}</td></tr>
	<tr><td>Lewy układowe</td><td>{{lu.s}}</td><td>{{lu.h}}</td><td>{{lu.d}}</td><td>{{lu.c}}</td><td class="subtotal">{{lu.total}}</td></tr>
	<tr class="subtotal"><td>Razem</td><td>{{subtotal.s}}</td><td>{{subtotal.h}}</td><td>{{subtotal.d}}</td><td>{{subtotal.c}}</td><td>{{subtotal.total}}</td></tr>
	<tr><td>Poprawka za lewy szybkie</td><td colspan="5">{{lsz.total}}</td></tr>
	<tr><td>Poprawka za wysokie blotki</td><td colspan="5">{{lu_plus.total}}</td></tr>
	<tr><td>Poprawka za kolory krótkie</td><td colspan="5">{{short_suit.total}}</td></tr>
	<tr><td>Poprawka za kolory starsze</td><td colspan="5">{{major_suit.total}}</td></tr>
	<tr><td>Poprawka za lokalizację</td><td colspan="5">{{l10n.total}}</td></tr>
	<tr class="total"><td>Łącznie</td><td colspan="5">{{total.total}}</td></tr>
      </table>
    </div>
  </body>
</html>