From 21b3b1f15c52ad8703f470542b5d4092d10ec457 Mon Sep 17 00:00:00 2001
From: Matteo Nastasi <nastasi@alternativeoutput.it>
Date: Mon, 4 May 2020 07:28:57 +0200
Subject: [PATCH] seeds chooser updated and dynamic empty card use

---
 web/briskin5/briskin5.css |   5 ++
 web/briskin5/briskin5.js  |   2 +-
 web/briskin5/index.php    | 103 ++++++++++++++++++++------------------
 3 files changed, 59 insertions(+), 51 deletions(-)

diff --git a/web/briskin5/briskin5.css b/web/briskin5/briskin5.css
index 8cef26e..9f44c2f 100644
--- a/web/briskin5/briskin5.css
+++ b/web/briskin5/briskin5.css
@@ -115,11 +115,13 @@ img.cover {
     z-index: 10;
 }
 
+/* FIXME: dynamic seeds position */
 img.seed0 {
     position:     absolute;
     left: 0px;
     top: 55px;
     cursor: pointer;
+    border: 0;
 }
 
 img.seed1 {
@@ -127,6 +129,7 @@ img.seed1 {
     left: 43px;
     top: 55px;
     cursor: pointer;
+    border: 0;
 }
 
 img.seed2 {
@@ -134,6 +137,7 @@ img.seed2 {
     left: 93px;
     top: 55px;
     cursor: pointer;
+    border: 0;
 }
 
 img.seed3 {
@@ -141,6 +145,7 @@ img.seed3 {
     left: 143px;
     top: 55px;
     cursor: pointer;
+    border: 0;
 }
 
 .area {
diff --git a/web/briskin5/briskin5.js b/web/briskin5/briskin5.js
index ad7aec7..9bd4a29 100644
--- a/web/briskin5/briskin5.js
+++ b/web/briskin5/briskin5.js
@@ -172,7 +172,7 @@ function choose_seed(card)
     $("astalascio").style.visibility = "hidden"; 
     $("chooseed").style.visibility = "visible";
     for (i = 0 ; i < 4 ; i++) {
-	$("seed"+i).src = "img/"+i+""+card+".png";
+	$("seed"+i).setAttribute('data-card-id', '' + i + card);
 	seed=$("seed"+i);
 	eval("seed.onclick = function () { act_choose("+i+""+card+"); };");
     }
diff --git a/web/briskin5/index.php b/web/briskin5/index.php
index 6d68367..fc69b40 100644
--- a/web/briskin5/index.php
+++ b/web/briskin5/index.php
@@ -151,51 +151,51 @@ window.onload = function() {
 <div id="bg" class="area">
 
 <div id="remark" class="remark0"></div>
-<img id="card0" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card1" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card2" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card3" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card4" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card5" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card6" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card7" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="takes" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_ne0" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_ne1" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_ne2" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_ne3" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_ne4" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_ne5" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_ne6" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_ne7" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="takes_ne" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_nw0" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_nw1" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_nw2" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_nw3" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_nw4" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_nw5" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_nw6" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_nw7" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="takes_nw" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
-<img id="card_ea0" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
-<img id="card_ea1" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
-<img id="card_ea2" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
-<img id="card_ea3" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
-<img id="card_ea4" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
-<img id="card_ea5" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
-<img id="card_ea6" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
-<img id="card_ea7" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
-<img id="takes_ea" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
-<img id="card_we0" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
-<img id="card_we1" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
-<img id="card_we2" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
-<img id="card_we3" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
-<img id="card_we4" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
-<img id="card_we5" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
-<img id="card_we6" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
-<img id="card_we7" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
-<img id="takes_we" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
+<img id="card0" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card1" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card2" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card3" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card4" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card5" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card6" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card7" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="takes" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_ne0" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_ne1" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_ne2" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_ne3" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_ne4" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_ne5" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_ne6" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_ne7" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="takes_ne" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_nw0" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_nw1" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_nw2" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_nw3" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_nw4" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_nw5" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_nw6" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_nw7" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="takes_nw" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card"/>
+<img id="card_ea0" data-card-id="cover_ea" src="img/cards_<? echo $deck; ?>_empty_ea.png" class="sp-card"/>
+<img id="card_ea1" data-card-id="cover_ea" src="img/cards_<? echo $deck; ?>_empty_ea.png" class="sp-card"/>
+<img id="card_ea2" data-card-id="cover_ea" src="img/cards_<? echo $deck; ?>_empty_ea.png" class="sp-card"/>
+<img id="card_ea3" data-card-id="cover_ea" src="img/cards_<? echo $deck; ?>_empty_ea.png" class="sp-card"/>
+<img id="card_ea4" data-card-id="cover_ea" src="img/cards_<? echo $deck; ?>_empty_ea.png" class="sp-card"/>
+<img id="card_ea5" data-card-id="cover_ea" src="img/cards_<? echo $deck; ?>_empty_ea.png" class="sp-card"/>
+<img id="card_ea6" data-card-id="cover_ea" src="img/cards_<? echo $deck; ?>_empty_ea.png" class="sp-card"/>
+<img id="card_ea7" data-card-id="cover_ea" src="img/cards_<? echo $deck; ?>_empty_ea.png" class="sp-card"/>
+<img id="takes_ea" data-card-id="cover_ea" src="img/cards_<? echo $deck; ?>_empty_ea.png" class="sp-card"/>
+<img id="card_we0" data-card-id="cover_we" src="img/cards_<? echo $deck; ?>_empty_we.png" class="sp-card"/>
+<img id="card_we1" data-card-id="cover_we" src="img/cards_<? echo $deck; ?>_empty_we.png" class="sp-card"/>
+<img id="card_we2" data-card-id="cover_we" src="img/cards_<? echo $deck; ?>_empty_we.png" class="sp-card"/>
+<img id="card_we3" data-card-id="cover_we" src="img/cards_<? echo $deck; ?>_empty_we.png" class="sp-card"/>
+<img id="card_we4" data-card-id="cover_we" src="img/cards_<? echo $deck; ?>_empty_we.png" class="sp-card"/>
+<img id="card_we5" data-card-id="cover_we" src="img/cards_<? echo $deck; ?>_empty_we.png" class="sp-card"/>
+<img id="card_we6" data-card-id="cover_we" src="img/cards_<? echo $deck; ?>_empty_we.png" class="sp-card"/>
+<img id="card_we7" data-card-id="cover_we" src="img/cards_<? echo $deck; ?>_empty_we.png" class="sp-card"/>
+<img id="takes_we" data-card-id="cover_we" src="img/cards_<? echo $deck; ?>_empty_we.png" class="sp-card"/>
 
 <div id="asta" class="asta">
   <img id="asta0" src="img/asta0.png" class="astacard">
@@ -262,14 +262,17 @@ window.onload = function() {
 </div>
 <div id="chooseed" class="chooseed">
                            <?php echo $mlang_bin5_index['aucwin'][$G_lang]; ?>
-<img id="seed0" src="img/00.png" class="seed0">
-<img id="seed1" src="img/10.png" class="seed1">
-<img id="seed2" src="img/20.png" class="seed2">
-<img id="seed3" src="img/30.png" class="seed3">
+<img id="seed0" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card" class="seed0"/>
+<img id="seed1" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card" class="seed1"/>
+<img id="seed2" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card" class="seed2"/>
+<img id="seed3" src="img/cards_<? echo $deck; ?>_empty.png" class="sp-card" class="seed3"/>
+
+                           
 </div>
 <div id="caller" class="caller">
 <div id="callerinfo" class="callerinfo">Info</div>
-<img id="callerimg" data-card-id="cover" src="img/cards_xx_empty.png">
+                           <!-- probably FIXME -->
+<img id="callerimg" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png">
 </div>
 <div class="table_commands">
 <table>
-- 
2.17.1