* brisk - briskin5/index.php
*
* Copyright (C) 2006-2012 Matteo Nastasi
- * mailto: nastasi@alternativeoutput.it
+ * mailto: nastasi@alternativeoutput.it
* matteo.nastasi@milug.org
* web: http://www.alternativeoutput.it
*
if (($sess = gpcs_var('sess', $get, $post, $cookie)) === FALSE)
unset ($sess);
+ fprintf(STDERR, "PREF_DECK SET %s", (isset($cookie['CO_bin5_pref_deck']) ? "YES" : "NO"));
+
+ $deck = (isset($cookie['CO_bin5_pref_deck']) ? $cookie['CO_bin5_pref_deck'] : 'xx');
+
// header('Content-type: text/html; charset="utf-8"',true);
?>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Brisk - Tavolo <?php echo "$table_idx";?></title>
<link rel="shortcut icon" href="../img/brisk_ico.png">
-<script type="text/javascript" src="../commons.js"></script>
-<script type="text/javascript" src="../heartbit.js"></script>
-<script type="text/javascript" src="../xynt-streaming.js"></script>
-<script type="text/javascript" src="dnd.js"></script>
-<script type="text/javascript" src="dom-drag.js"></script>
-<script type="text/javascript" src="preload_img<?php echo langtolng($G_lang); ?>.js"></script>
-<script type="text/javascript" src="briskin5.js"></script>
-<link rel="stylesheet" type="text/css" href="../brisk.css">
-<link rel="stylesheet" type="text/css" href="briskin5.css">
-</head>
-<body>
-<SCRIPT type="text/javascript">
+<link rel="stylesheet" type="text/css" href="../brisk.css?v=<? echo BSK_BUSTING; ?>">
+<link rel="stylesheet" type="text/css" href="briskin5.css?v=<? echo BSK_BUSTING; ?>">
+<link rel="stylesheet" type="text/css" href="cards_<? echo $deck; ?>.css?v=<? echo BSK_BUSTING; ?>">
+<script type="text/javascript">
+ var g_deck = "<?php echo "$deck"; ?>";
+</script>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+<script type="text/javascript" src="../commons.js?v=<? echo BSK_BUSTING; ?>"></script>
+<script type="text/javascript" src="../heartbit.js?v=<? echo BSK_BUSTING; ?>"></script>
+<script type="text/javascript" src="../xynt-streaming.js?v=<? echo BSK_BUSTING; ?>"></script>
+<script type="text/javascript" src="dnd.js?v=<? echo BSK_BUSTING; ?>"></script>
+<script type="text/javascript" src="dom-drag.js?v=<? echo BSK_BUSTING; ?>"></script>
+<script type="text/javascript" src="preload_img<?php echo langtolng($G_lang); ?>.js?v=<? echo BSK_BUSTING; ?>"></script>
+<script type="text/javascript" src="briskin5.js?v=<? echo BSK_BUSTING; ?>"></script>
+<script type="text/javascript">
+ var $$ = jQuery.noConflict();
+
var myname = null;
var sess = "not_connected";
var xstm = null;
var area_ptr;
var gst = new globst();
- gst.st = <?php
+ gst.st = <?php
log_load("bin5/index.php");
if (isset($laststate) == false) {
preferences_update();
sess = "<?php echo "$sess"; ?>";
- xstm = new xynt_streaming(window, <?php printf("\"%s\", %d", $transp_type, $transp_port); ?>, 2, null /* console */, gst, 'table_php', 'sess', sess, $('sandbox'), 'index_rd.php', function(com){eval(com);});
+ xstm = new xynt_streaming(window, <?php printf("\"%s\", %d", $transp_type, $transp_port); ?>, 2, null /* console */, gst, 'table_php', 'sess', sess, $('sandbox'), 'index_rd.php', function(com){eval(com);});
xstm.hbit_set(heartbit);
-
- window.onbeforeunload = onbeforeunload_cb;
- window.onunload = onunload_cb;
+
+ /* dynamic callerimg positioning */
+ $("callerimg").style.left = (162 - cards_width_d2) + "px";
+ $("callerimg").style.top = (63 - cards_height_d2) + "px";
+
+ window.onbeforeunload = onbeforeunload_cb;
+ window.onunload = onunload_cb;
xstm.start();
addEvent($('select_rules'), "change", function() { act_select_rules(this.value); } );
+ addEvent($('select_deck'), "change", function() { act_select_deck(this.value); } );
// FIXME: add this setTimeout(preload_images into data stream to avoid
// race on opened socket
// setTimeout(preload_images, 0, g_preload_img_arr, g_imgct);
}
-</SCRIPT>
+</script>
+</head>
+<body>
<div id="bg" class="area">
<div id="remark" class="remark0"></div>
-<img id="card0" src="img/00.png" class="card">
-<img id="card1" src="img/01.png" class="card">
-<img id="card2" src="img/02.png" class="card">
-<img id="card3" src="img/03.png" class="card">
-<img id="card4" src="img/04.png" class="card">
-<img id="card5" src="img/05.png" class="card">
-<img id="card6" src="img/06.png" class="card">
-<img id="card7" src="img/07.png" class="card">
-<img id="takes" src="img/cover.png" class="cover">
-<img id="card_ne0" src="img/cover.png" class="cover">
-<img id="card_ne1" src="img/cover.png" class="cover">
-<img id="card_ne2" src="img/cover.png" class="cover">
-<img id="card_ne3" src="img/cover.png" class="cover">
-<img id="card_ne4" src="img/cover.png" class="cover">
-<img id="card_ne5" src="img/cover.png" class="cover">
-<img id="card_ne6" src="img/cover.png" class="cover">
-<img id="card_ne7" src="img/cover.png" class="cover">
-<img id="takes_ne" src="img/cover.png" class="cover">
-<img id="card_nw0" src="img/cover.png" class="cover">
-<img id="card_nw1" src="img/cover.png" class="cover">
-<img id="card_nw2" src="img/cover.png" class="cover">
-<img id="card_nw3" src="img/cover.png" class="cover">
-<img id="card_nw4" src="img/cover.png" class="cover">
-<img id="card_nw5" src="img/cover.png" class="cover">
-<img id="card_nw6" src="img/cover.png" class="cover">
-<img id="card_nw7" src="img/cover.png" class="cover">
-<img id="takes_nw" src="img/cover.png" class="cover">
-<img id="card_ea0" src="img/cover_ea.png" class="cover">
-<img id="card_ea1" src="img/cover_ea.png" class="cover">
-<img id="card_ea2" src="img/cover_ea.png" class="cover">
-<img id="card_ea3" src="img/cover_ea.png" class="cover">
-<img id="card_ea4" src="img/cover_ea.png" class="cover">
-<img id="card_ea5" src="img/cover_ea.png" class="cover">
-<img id="card_ea6" src="img/cover_ea.png" class="cover">
-<img id="card_ea7" src="img/cover_ea.png" class="cover">
-<img id="takes_ea" src="img/cover_ea.png" class="cover">
-<img id="card_we0" src="img/cover_we.png" class="cover">
-<img id="card_we1" src="img/cover_we.png" class="cover">
-<img id="card_we2" src="img/cover_we.png" class="cover">
-<img id="card_we3" src="img/cover_we.png" class="cover">
-<img id="card_we4" src="img/cover_we.png" class="cover">
-<img id="card_we5" src="img/cover_we.png" class="cover">
-<img id="card_we6" src="img/cover_we.png" class="cover">
-<img id="card_we7" src="img/cover_we.png" class="cover">
-<img id="takes_we" src="img/cover_we.png" class="cover">
+<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">
<img id="asta1" src="img/asta1.png" class="astacard">
<img id="asta8" src="img/asta8.png" class="astacard">
<img id="asta9" src="img/asta9.png" class="astacard">
<div id="astaptdiv" class="punti">
- <input class="puntifield" id="astapt" name="astapt" type="text" maxsize="3" size="3" value="61">
+ <input class="puntifield" id="astapt" name="astapt" type="text" maxsize="3" size="3" value="61">
</div>
<img id="astaptsub" src="img/astaptsub_ro.png" class="astacard">
- <img id="astapasso" src="img/astapasso_ro.png" class="astacard">
- <img id="astalascio" src="img/astalascio_ro.png" class="astacard">
+ <img id="astapasso" src="img/astapasso_ro.png" class="astacard">
+ <img id="astalascio" src="img/astalascio_ro.png" class="astacard">
</div>
<div id="name" class="pubinfo"></div>
<div id="public" class="public">
<div class="vert_midfloat">
<div id="pubasta" class="vert_innfloat_so">
- <img id="pubacard" src="img/astapasso_ro.png" class="pubacard">
+ <img id="pubacard" src="img/astapasso_ro.png" class="pubacard">
<div id="pubapnt"></div>
</div>
</div>
<div id="public_ea" class="public_ea">
<div class="vert_midfloat">
<div id="pubasta_ea" class="vert_innfloat">
- <img id="pubacard_ea" src="img/astapasso_ro.png" class="pubacard_ea">
+ <img id="pubacard_ea" src="img/astapasso_ro.png" class="pubacard_ea">
<div id="pubapnt_ea"></div>
</div>
</div>
<div id="public_ne" class="public_ne">
<div class="vert_midfloat">
<div id="pubasta_ne" class="vert_innfloat">
- <img id="pubacard_ne" src="img/astapasso_ro.png" class="pubacard_ne">
+ <img id="pubacard_ne" src="img/astapasso_ro.png" class="pubacard_ne">
<div id="pubapnt_ne"></div>
</div>
</div>
<div id="public_nw" class="public_nw">
<div class="vert_midfloat">
<div id="pubasta_nw" class="vert_innfloat">
- <img id="pubacard_nw" src="img/astapasso_ro.png" class="pubacard_nw">
+ <img id="pubacard_nw" src="img/astapasso_ro.png" class="pubacard_nw">
<div id="pubapnt_nw"></div>
</div>
</div>
<div id="public_we" class="public_we">
<div class="vert_midfloat">
<div id="pubasta_we" class="vert_innfloat">
- <img id="pubacard_we" src="img/astapasso_ro.png" class="pubacard_we">
+ <img id="pubacard_we" src="img/astapasso_ro.png" class="pubacard_we">
<div id="pubapnt_we"></div>
</div>
</div>
</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="seed0"/>
+<img id="seed1" src="img/cards_<? echo $deck; ?>_empty.png" class="seed1"/>
+<img id="seed2" src="img/cards_<? echo $deck; ?>_empty.png" class="seed2"/>
+<img id="seed3" src="img/cards_<? echo $deck; ?>_empty.png" class="seed3"/>
+
+
</div>
<div id="caller" class="caller">
<div id="callerinfo" class="callerinfo">Info</div>
-<img id="callerimg" src="img/noimg.png" class="callerimg">
+ <!-- probably FIXME -->
+<img id="callerimg" data-card-id="cover" src="img/cards_<? echo $deck; ?>_empty.png">
</div>
<div class="table_commands">
<table>
</div>
<div id="preferences" class="notify" style="z-index: 200; width: 400px; margin-left: -200px; height: 200px; top: 126px; visibility: hidden;">
-<div id="preferences_child" style="border-bottom: 1px solid gray; overflow: auto; height: 170px;">
+<div id="preferences_child" style="border-bottom: 1px solid gray; overflow: auto; height: 170px; text-align: center">
<h2><?php echo $mlang_bin5_index['tit_pref'][$G_lang]; ?></h2>
<div style="width: 95%; /* background-color: red; */ margin: auto; text-align: left;">
-<br><br>
-<input type="checkbox" name="pref_ring_endauct" id="pref_ring_endauct" onclick="pref_ring_endauct_set(this);"><?php echo $mlang_bin5_index['itm_ringauc'][$G_lang] ?>
<div>
- <label>Regole:</label><?php dom_select_rules();?>
+ <input type="checkbox" name="pref_ring_endauct" id="pref_ring_endauct" onclick="pref_ring_endauct_set(this);"><?php echo $mlang_bin5_index['itm_ringauc'][$G_lang] ?>
</div>
-</div>
-
-
+ <div>
+ <label>Regole:</label> <?php dom_select_rules();?>
+ </div>
+ <div>
+ <label>Tipo di carte:</label> <?php dom_select_deck($deck);?>
+ </div>
</div>
<div class="notify_clo"><input type="submit" class="input_sub" style="bottom: 4px;" onclick="act_preferences_update();" value="<?php echo $mlang_bin5_index['btn_update'][$G_lang]; ?>"/></div>
</div>