-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathcoinche_coinche.tpl
138 lines (116 loc) · 6.19 KB
/
coinche_coinche.tpl
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
{OVERALL_GAME_HEADER}
<!--
--------
-- BGA framework: © Gregory Isabelli <[email protected]> & Emmanuel Colin <[email protected]>
-- Coinche implementation : © Christophe Badoit <[email protected]>
--
-- This code has been produced on the BGA studio platform for use on http://boardgamearena.com.
-- See http://en.boardgamearena.com/#!doc/Studio for more information.
-------
-->
<div class="playerTables">
<div class="playerTables__wrapper">
<!-- BEGIN player -->
<div class="playerTables__table playerTables__table--{DIR} playerTables__table--id--{PLAYER_ID}">
<div class="playerTables__card"></div>
<div class="playerTables__status"></div>
<div class="playerTables__tricksWon">
<span class="playerTables__tricksWonIcon"></span>
<span class="playerTables__tricksWonValue"></span>
</div>
<div class="playerTables__avatar-wrapper">
<div class="playerTables__firstMarker"></div>
<div class="playerTables__counterMarker"></div>
<div class="playerTables__avatar" style="background-image: url({PLAYER_AVATAR_URL_184})"></div>
<div class="playerTables__bubble"></div>
<div class="playerTables__name" style="background-color:#{PLAYER_COLOR}b0"><span>{PLAYER_NAME}</span></div>
</div>
</div>
<!-- END player -->
<div class="playerTables__coinche-btn">
<a>{DOUBLE} !</a>
</div>
<div class="bidPanel">
<div class="bidPanel__title">
{BID_OR} <a class="bidPanel__btn bidPanel__btn--pass">{PASS}</a>
</div>
<div class="bidPanel__values">
<a class="bidPanel__btn bidPanel__btn--value-left"><</a>
<div class="bidPanel__values-list">
<a class="bidPanel__btn bidPanel__btn--value" data-value="82">82</a>
<a class="bidPanel__btn bidPanel__btn--value" data-value="90">90</a>
<a class="bidPanel__btn bidPanel__btn--value" data-value="100">100</a>
<a class="bidPanel__btn bidPanel__btn--value" data-value="110">110</a>
<a class="bidPanel__btn bidPanel__btn--value" data-value="120">120</a>
<a class="bidPanel__btn bidPanel__btn--value" data-value="130">130</a>
<a class="bidPanel__btn bidPanel__btn--value" data-value="140">140</a>
<a class="bidPanel__btn bidPanel__btn--value" data-value="150">150</a>
<a class="bidPanel__btn bidPanel__btn--value" data-value="160">160</a>
<a class="bidPanel__btn bidPanel__btn--value" data-value="170">170</a>
<a class="bidPanel__btn bidPanel__btn--value" data-value="180">180</a>
<a class="bidPanel__btn bidPanel__btn--value bidPanel__btn--value-capot" data-value="250">Capot</a>
</div>
<a class="bidPanel__btn bidPanel__btn--value-right">></a>
</div>
<div class="bidPanel__colors">
<a class="bidPanel__btn bidPanel__btn--color" data-color="1">
<span class="card-color-icon card-color-icon--spade"/>
</a>
<a class="bidPanel__btn bidPanel__btn--color" data-color="2">
<span class="card-color-icon card-color-icon--heart"/>
</a>
<a class="bidPanel__btn bidPanel__btn--color" data-color="3">
<span class="card-color-icon card-color-icon--club"/>
</a>
<a class="bidPanel__btn bidPanel__btn--color" data-color="4">
<span class="card-color-icon card-color-icon--diamond"/>
</a>
<a class="bidPanel__btn bidPanel__btn--color" data-color="6">
<span class="card-color-icon card-color-icon--notrump"/>
</a>
<a class="bidPanel__btn bidPanel__btn--color" data-color="5">
<span class="card-color-icon card-color-icon--alltrump"/>
</a>
<div class="bidPanel__spacer"></div>
<a class="bidPanel__btn bidPanel__btn--coinche ">{DOUBLE} !</a>
</div>
<div class="bidPanel__btn__confirm bidPanel__btn--hidden">
<a class="bidPanel__btn bidPanel__btn--confirm ">
{CONFIRM}
<div class="bidPanel__btn__confirm__info"></div>
</a>
<a class="bidPanel__btn bidPanel__btn--cancel ">{CANCEL}</a>
</div>
</div>
<div class="lastScoreSummaryButton">
<span></span>
</div>
</div>
</div>
<div class="myHand">
<div id="myHand" class="myHand__cards">
</div>
<div class="currentBidInfo">
<div class="currentBidInfo__wrapper"></div>
</div>
</div>
<div class="userActions whiteblock">
<span>{YOUR_PREFERENCES} :</span>
<div class="userActions__action--card-style bgabutton bgabutton_gray"><span>{CARDS_STYLE}</span></div>
<div class="userActions__action--confirm-bids bgabutton bgabutton_gray">
<input type="checkbox">
<span>{CONFIRM_BIDS}</span>
</div>
</div>
<script type="text/javascript">
// Javascript HTML templates
var jstpl_cardontable = '<div class="cardontable ${cls}" id="cardontable_${player_id}" style="background-position:-${x}px -${y}px"></div>';
var jstpl_playerbidconfirm = '<div class="bidPanel__btn__confirm__info"><span class="currentBidInfo__bid">${bid}</span><span class="card-color-icon card-color-icon--size48 card-color-icon--${trumpColor}"></span></div>';
var jstpl_currentbidinfo = '<div class="currentBidInfo__wrapper whiteblock">${BID} : <span class="currentBidInfo__bid">${bid}</span><span class="card-color-icon card-color-icon--size16 card-color-icon--${trumpColor}"></span> <span class="currentBidInfo__player">${BY} <span>${bidPlayerDisplay}</span></span> <div class="currentBidInfo__countered currentBidInfo__countered--${countered}">${DOUBLED_BY} ${counteringPlayerDisplay}</div> <div class="currentBidInfo__countered currentBidInfo__recountered currentBidInfo__countered--${countered}">${REDOUBLED_BY} ${recounteringPlayerDisplay}</div> </div>';
var jstpl_playerbid = '<div class="playerTables__bid-item"><span class="playerTables__bid__item-value">${bid}</span><span class="card-color-icon card-color-icon--size16 card-color-icon--${trumpColor}"></span></div>';
var jstpl_playerbidtaker = '<div class="playerTables__bid-item playerTables__bid__item--taker"><span><span class="playerTables__bid__item-value">${bid}</span><span class="card-color-icon card-color-icon--size16 card-color-icon--${trumpColor}"></span></span></div>';
var jstpl_playerbidcounter = '<div class="playerTables__bid-item playerTables__bid__item--counter"></div>';
var jstpl_playerbidrecounter = '<div class="playerTables__bid-item playerTables__bid__item--recounter"></div>';
var jstpl_playerpass = '<div class="playerTables__bid-item"><em>${pass}</em></div>';
</script>
{OVERALL_GAME_FOOTER}