investigation about callerimg placement
[brisk.git] / web / briskin5 / index.php
index f160aac..9de8e11 100644 (file)
@@ -1,9 +1,9 @@
 <?php
 /*
- *  brisk - table.php
+ *  brisk - briskin5/index.php
  *
- *  Copyright (C) 2006-2009 Matteo Nastasi
- *                          mailto: nastasi@alternativeoutput.it 
+ *  Copyright (C) 2006-2012 Matteo Nastasi
+ *                          mailto: nastasi@alternativeoutput.it
  *                                  matteo.nastasi@milug.org
  *                          web: http://www.alternativeoutput.it
  *
  * not, write to the Free Software Foundation, Inc, 59 Temple Place -
  * Suite 330, Boston, MA 02111-1307, USA.
  *
- * $Id$
- *
  */
 
 /* MLANG: le img dell'asta */
 
+$G_base = "../";
+
 require_once("../Obj/brisk.phh");
-require_once("../Obj/proxyscan.phh");
+require_once("Obj/briskin5.phh");
 
-// Use of proxies isn't allowed.
-if (is_proxy()) {
-  exit;
-}
+$mlang_bin5_index = array( 'aucwin' => array( 'it' => 'Hai vinto l\'asta.<br> Scegli il seme:',
+                                              'en' => 'You win the auction.<br> Choose the seed:' ),
+                           'tit_info'    => array( 'it' => 'Info',
+                                                   'en' => 'Info'),
+                           'tit_relo'    => array( 'it' => 'Reload',
+                                                   'en' => 'Reload'),
+                           'tit_out'     => array( 'it' => 'Fuori',
+                                                   'en' => 'Out'),
+                           'tit_pref'    => array( 'it' => 'Prefs',
+                                                   'en' => 'Prefs'),
+                           'itm_ringauc' => array('it' => 'riproduci un suono di notifica alla fine dell\' asta',
+                                                  'en' => 'play a sound at the end of the auction'),
+                           'btn_update'  => array('it' => 'Aggiorna.',
+                                                  'en' => 'Update.' )
+                           );
 
-header('Content-type: text/html; charset="utf-8"',true);
-?>
+
+function bin5_index_main($transp_type, $header, &$header_out, $addr, $get, $post, $cookie)
+{
+    GLOBAL $G_lang, $mlang_bin5_index;
+
+    $transp_port = ((array_key_exists("X-Forwarded-Proto", $header) &&
+                     $header["X-Forwarded-Proto"] == "https") ? 443 : 80);
+
+    if (($table_idx = gpcs_var('table_idx', $get, $post, $cookie)) === FALSE)
+        unset ($table_idx);
+    if (($laststate = gpcs_var('laststate', $get, $post, $cookie)) === FALSE)
+        unset ($laststate);
+    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>
 <head>
+<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="../dnd.js"></script>
-<script type="text/javascript" src="../dom-drag.js"></script>
-<script type="text/javascript" src="../commons.js"></script> 
-<script type="text/javascript" src="../xhr.js"></script>
-<script type="text/javascript" src="../preload_img.js"></script>
-<script type="text/javascript" src="briskin5.js"></script>
-<script type="text/javascript" src="../AC_OETags.js"></script>
-<link rel="stylesheet" type="text/css" href="../brisk.css">
-<link rel="stylesheet" type="text/css" href="briskin5.css">
+<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>
+<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; ?>">
 </head>
 <body>
 <SCRIPT type="text/javascript">
-   var sess;
+   var $$ = jQuery.noConflict();
+
+   var myname = null;
+   var sess = "not_connected";
+   var xstm = null;
    var g_lang = "<?php echo "$G_lang"; ?>";
    var stat = "table";
    var subst = "none";
    var table_pos = "";
-   var myfrom = "table_php";
-   var g_withflash = false;
-
-var asta_ptr;
-var area_ptr;
+   var g_jukebox = null;
+   var g_deck = "<?php echo "$deck"; ?>";
 
-var gst  = new globst();
-gst.st = <?php 
+   var asta_ptr;
+   var area_ptr;
 
-log_load("bin5/index.php");
+   var gst  = new globst();
+   gst.st = <?php
+   log_load("bin5/index.php");
 
-if (isset($laststate) == false) {
-  $laststate = -1;
-}
-echo $laststate;
-?>;
+   if (isset($laststate) == false) {
+       $laststate = -1;
+   }
+   echo $laststate;
+   ?>;
 var g_is_spawn=1;
-var g_table_idx=<?php echo "$table_idx";?>;
+// var g_table_idx=<?php echo "$table_idx";?>;
 
 var g_imgct= 0;
 var g_imgtot = g_preload_img_arr.length;
 var g_exitlock = 0;
 
+
 window.onload = function() {
-  g_withflash = DetectFlashVer(6,0,0);
+  g_jukebox = new jukebox([{'name': 'cow', 'file': 'cow.mp3'},
+                           {'name': 'rooster', 'file': 'rooster.mp3'},
+                           {'name': 'ringbell', 'file': 'ringbell.mp3'}]);
   remark_off();
-  // table_init();
-  xhr_rd = createXMLHttpRequest();
+
+  preferences_init();
+  preferences_update();
+
   sess = "<?php echo "$sess"; ?>";
-  
-  window.onbeforeunload = onbeforeunload_cb;  
-  window.onunload = onunload_cb;  
+  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);
+
+  /* dynamic callerimg positioning */
+  $("callerimg").style.left = (160 - cards_width_d2) + "px";
+  $("callerimg").style.top = (60 - cards_height_d2) + "px";
+
+  window.onbeforeunload = onbeforeunload_cb;
+  window.onunload = onunload_cb;
+
+  xstm.start();
 
-  setTimeout(xhr_rd_poll, 0, sess); 
-  //  setTimeout(preload_images, 0, g_preload_img_arr, g_imgct); 
+  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>
 <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_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"/>
+
 <div id="asta" class="asta">
   <img id="asta0" src="img/asta0.png" class="astacard">
   <img id="asta1" src="img/asta1.png" class="astacard">
@@ -154,17 +207,17 @@ window.onload = function() {
   <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>
@@ -173,7 +226,7 @@ window.onload = function() {
 <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>
@@ -182,7 +235,7 @@ window.onload = function() {
 <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>
@@ -191,7 +244,7 @@ window.onload = function() {
 <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>
@@ -200,13 +253,13 @@ window.onload = function() {
 <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">
-Hai vinto l'asta.<br> Scegli il seme:
+                           <?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">
@@ -214,16 +267,19 @@ Hai vinto l'asta.<br> Scegli il seme:
 </div>
 <div id="caller" class="caller">
 <div id="callerinfo" class="callerinfo">Info</div>
-<img id="callerimg" src="img/noimg.png" class="callerimg">
+<img id="callerimg" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card">
 </div>
 <div class="table_commands">
 <table>
 <tr>
-<td style="text-align: center;"><input type="button" class="button" name="xinfo"  value="Info." onclick="act_tableinfo();"></td>
-<td style="text-align: center;"><input type="button" class="button" name="xreload"  value="Reload." onclick="act_reload();"></td>
+<td style="text-align: center;"><input type="button" class="button" name="xinfo"  value="<?php echo $mlang_bin5_index['tit_info'][$G_lang]; ?>" onclick="act_tableinfo();"></td>
+<td style="text-align: center;"><input type="button" class="button" name="xreload"  value="<?php echo $mlang_bin5_index['tit_relo'][$G_lang]; ?>" onclick="act_reload();"></td>
+<td style="text-align: center;"><input type="button" class="button" name="xout"  value="<?php echo $mlang_bin5_index['tit_out'][$G_lang]; ?>" onclick="safelogout();"></td>
 </tr><tr>
+<td style="text-align: center;"><img id="stm_stat" class="nobo" src="img/line-status_b.png"></td>
+<td style="text-align: center;"><input type="button" class="button" name="xpref"  value="<?php echo $mlang_bin5_index['tit_pref'][$G_lang]; ?>" onclick="preferences_showhide();"></td>
+</td>
 <td style="text-align: center;"><img id="exitlock" class="button" style="visibility: hidden; border: 0px; display: inline; position: relative;" onclick="act_exitlock();"></td>
-<td style="text-align: center;"><input type="button" class="button" name="xout"  value="Out." onclick="safelogout();"></td>
 </tr>
 </table>
 </div>
@@ -252,7 +308,7 @@ Hai vinto l'asta.<br> Scegli il seme:
 <hr>
 <div id="heartbit" style="text-align: left;"></div>
 <hr>
-<div id="imgct" style="text-align: left;"></div>
+<div id="imgct" style="text-align: left;">HERE</div>
 <hr>
 <div id="sandbox" style="text-align: left;"></div>
 <div id="sandbox2" style="text-align: left;"></div>
@@ -262,5 +318,28 @@ Hai vinto l'asta.<br> Scegli il seme:
 </pre>
 <div id="xhrdeltalog" style="text-align: left;"></div>
 </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; 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;">
+    <div>
+        <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>
+        <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>
+
+
 </body>
 </html>
+<?php
+}
+?>