/
protocol.html
103 lines (102 loc) · 3.53 KB
/
protocol.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
<html>
<head>
<title>Deal #{{protocol_id}}</title>
<link rel="stylesheet" type="text/css" href="css/protocol.css"/>
<style type="text/css">
{% if vuln_EW %}
.vuln_EW {
background-color: red;
}
{% endif %}
{% if vuln_NS %}
.vuln_NS {
background-color: red;
}
{% endif %}
#dealer_{{dealer}} {
border: 3px solid black;
}
</style>
</head>
<body>
<h1>Deal #{{protocol_id}}</h1>
<table id="board">
<col class="board_column left_col"/>
<col class="board_column center_col"/>
<col class="board_column right_col"/>
<tr><td>
</td><td>
<div id="N_hand" class="hand_container">
<table>
<tr><td><img src="images/s.png" alt="S"/>{{N.spades}}</td></tr>
<tr><td><img src="images/h.png" alt="H"/>{{N.hearts}}</td></tr>
<tr><td><img src="images/d.png" alt="D"/>{{N.diamonds}}</td></tr>
<tr><td><img src="images/c.png" alt="C"/>{{N.clubs}}</td></tr>
</table>
</div>
</td><td></td></tr>
<tr><td>
<div id="W_hand" class="hand_container">
<table>
<tr><td><img src="images/s.png" alt="S"/>{{W.spades}}</td></tr>
<tr><td><img src="images/h.png" alt="H"/>{{W.hearts}}</td></tr>
<tr><td><img src="images/d.png" alt="D"/>{{W.diamonds}}</td></tr>
<tr><td><img src="images/c.png" alt="C"/>{{W.clubs}}</td></tr>
</table>
</div>
</td><td>
<table id="vuln_dealer">
<col class="vd_left"/>
<col class="vd_center"/>
<col class="vd_right"/>
<tr><td class="vuln_NS vuln_EW"></td>
<td id="dealer_N" class="vuln_NS">N</td>
<td class="vuln_NS vuln_EW"></td></tr>
<tr><td id="dealer_W" class="vuln_EW">W</td><td></td>
<td id="dealer_E" class="vuln_EW">E</td></tr>
<tr><td class="vuln_NS vuln_EW"></td>
<td id="dealer_S" class="vuln_NS">S</td>
<td class="vuln_NS vuln_EW"></td></tr>
</table>
</td><td>
<div id="E_hand" class="hand_container">
<table>
<tr><td><img src="images/s.png" alt="S"/>{{E.spades}}</td></tr>
<tr><td><img src="images/h.png" alt="H"/>{{E.hearts}}</td></tr>
<tr><td><img src="images/d.png" alt="D"/>{{E.diamonds}}</td></tr>
<tr><td><img src="images/c.png" alt="C"/>{{E.clubs}}</td></tr>
</table>
</div>
</td></tr>
<tr><td></td><td>
<div id="S_hand" class="hand_container">
<table>
<tr><td><img src="images/s.png" alt="S"/>{{S.spades}}</td></tr>
<tr><td><img src="images/h.png" alt="H"/>{{S.hearts}} </td> </tr>
<tr><td><img src="images/d.png" alt="D"/>{{S.diamonds}} </td></tr>
<tr><td><img src="images/c.png" alt="C"/>{{S.clubs}} </td></tr>
</table>
</div>
</td><td>
</table>
<table class="results">
<col class="player_column"/>
<col class="player_column"/>
<col class="player_column"/>
<col class="player_column"/>
<col class="contract_column"/>
<col class="decl_column"/>
<col class="lead_column"/>
<col class="tricks_column"/>
<col class="result_column"/>
<tr><th>N</th><th>E</th><th>S</th><th>W</th><th>Contract</th><th>Declearer</th>
<th>Lead</th><th>Tricks</th><th>Result</th></tr>
{% for record in records %}
<tr {% if record.highlight %}class="highlight"{% endif %}>
<td>{{record.N}}</td><td>{{record.E}}</td><td>{{record.S}}</td><td>{{record.W}}</td>
<td>{{record.contract}}</td><td>{{record.decl}}</td><td>{{record.lead}}</td>
<td>{{record.tricks}}</td><td>{{record.result}}</td></tr>
{% endfor %}
</table>
</body>
</html>