class notify enhanced, server_request enhanced
[brisk.git] / web / commons.js
index 8bfa964..d016faf 100644 (file)
@@ -1,7 +1,10 @@
 /*
  *  brisk - commons.js
  *
- *  Copyright (C) 2006 matteo.nastasi@milug.org
+ *  Copyright (C) 2006-2008 Matteo Nastasi
+ *                          mailto: nastasi@alternativeoutput.it 
+ *                                  matteo.nastasi@milug.org
+ *                          web: http://www.alternativeoutput.it
  *
  * This program is free software; you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
 
 var PLAYERS_N = 3;
 var EXIT_BAN_TIME = 900;
+var cookiepath = "/brisk/";
 
 function $(id) { return document.getElementById(id); }
 
+function getStyle(x,IEstyleProp, MozStyleProp) 
+{
+    if (x.currentStyle) {
+       var y = x.currentStyle[IEstyleProp];
+    } else if (window.getComputedStyle) {
+       var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(MozStyleProp);
+    }
+    return y;
+}
+
 /* replacement of setInterval on IE */
 (function(){
     /*if not IE, do nothing*/
@@ -96,8 +110,54 @@ function $(id) { return document.getElementById(id); }
 
 })()
 
+function addEvent(obj,type,fn)
+{
+    if (obj.addEventListener) {
+        obj.addEventListener( type, fn, false);
+    }
+    else if (obj.attachEvent) {
+        obj["e"+type+fn] = fn;
+        obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
+        obj.attachEvent( "on"+type, obj[type+fn] );
+    }
+    else
+        throw new Error("Event registration not supported");
+}
+
+function removeEvent(obj,type,fn)
+{
+    if (obj.removeEventListener) {
+        obj.removeEventListener( type, fn, false );
+    }
+    else if (obj.detachEvent) {
+        obj.detachEvent( "on"+type, obj[type+fn] );
+        obj[type+fn] = null;
+        obj["e"+type+fn] = null;
+    }
+}
+
     // var card_pos = RANGE 0 <= x < cards_ea_n
 
+function show_bigpict(obj, act, x, y)
+{
+   var big, sfx;
+
+   if (arguments.length > 4)
+       sfx = arguments[4];
+   else
+       sfx = '';
+
+   big = $(obj.id+"_big"+sfx);
+   if (act == "over") {
+       big.style.left = obj.offsetLeft + x+"px";
+       big.style.top  = obj.offsetTop  + y+"px";
+       big.style.visibility = "visible";
+       }
+   else {
+       big.style.visibility = "hidden";
+       }
+}
+
 function rnd_int(min, max) {
   return Math.floor(Math.random() * (max - min + 1) + min);
 }
@@ -124,10 +184,12 @@ function reset_images()
 
 function update_images()
 {
+    //    if (g_imgct % 10 == 0) alert("g_imgct: "+g_imgct+" xx "+g_preload_img_arr[g_imgct]);
     $("imgct").innerHTML = "Immagini caricate "+g_preload_imgsz_arr[g_imgct]+"%.";
-    if (g_imgct < g_preload_img_arr.length)
-       setTimeout(preload_images, 100, g_preload_img_arr, g_imgct);
-    g_imgct++;
+    if (g_imgct+1 < g_preload_img_arr.length) {
+        g_imgct++;
+        setTimeout(preload_images, 100, g_preload_img_arr, g_imgct-1);
+    }
     // $("imgct").innerHTML += "U";
 }
 
@@ -164,11 +226,46 @@ function createXMLHttpRequest() {
 function send_mesg(mesg)
 {
     var xhr_wr = createXMLHttpRequest();
-    // xhr_wr.open('GET', 'index_wr.php?sess='+sess+'&mesg='+encodeURIComponent(mesg), true);
-    xhr_wr.open('GET', 'index_wr.php?sess='+sess+'&mesg='+mesg, true);
+    var is_conn = (sess == "not_connected" ? false : true);
+    
+    // alert("xhr_wr: "+xhr_wr+"  is_conn: "+is_conn);
+    xhr_wr.open('GET', 'index_wr.php?'+(is_conn ? 'sess='+sess+'&' : '')+'mesg='+mesg, (is_conn ? true : false));
     xhr_wr.onreadystatechange = function() { return; };
     xhr_wr.send(null);
 
+    if (!is_conn) {
+        if (xhr_wr.responseText != null) {
+            eval(xhr_wr.responseText);
+        }
+    }
+}
+
+function server_request()
+{
+    var xhr_wr = createXMLHttpRequest();
+    var i, collect = "";
+
+    if (arguments.length > 0) {
+        for (i = 0 ; i < arguments.length ; i+= 2) {
+            collect += (i == 0 ? "" : "&") + arguments[i] + "=" + encodeURIComponent(arguments[i+1]);
+        }
+    }
+    // alert("Args: "+arguments.length);
+
+    var is_conn = (sess == "not_connected" ? false : true);
+    
+    // console.log("server_request:preresp: "+xhr_wr.responseText);
+
+    xhr_wr.open('GET', 'index_wr.php?'+(is_conn ? 'sess='+sess+'&' : '')+collect, false);
+    xhr_wr.onreadystatechange = function() { return; };
+    xhr_wr.send(null);
+    
+    if (xhr_wr.responseText != null) {
+        // console.log("server_request:resp: "+xhr_wr.responseText);
+        return (xhr_wr.responseText);
+    } 
+    else
+        return (null);
 }
 
 /* Stat: CHAT and TABLE */
@@ -243,11 +340,27 @@ function act_help()
     send_mesg("help");
 }
 
+function act_tav()
+{
+    act_chatt('/tav '+$('txt_in').value); 
+    $('txt_in').value = '';
+}
+
 function act_about()
 {
     send_mesg("about");
 }
 
+function act_roadmap()
+{
+    send_mesg("roadmap");
+}
+
+function act_whysupport()
+{
+    send_mesg("whysupport");
+}
+
 function act_exitlock()
 {
     send_mesg("exitlock");
@@ -257,7 +370,7 @@ function safelogout()
 {
     var res;
     
-    if (g_exitlock < 3
+    if (g_exitlock < 2
        res = window.confirm("Sei sicuro di volere abbandonare la partita?\nATTENZIONE: se esci adesso senza il consenso degli altri giocatori non potrai sederti ai tavoli per "+(Math.floor(EXIT_BAN_TIME/60))+" minuti.");    
     else 
        res = window.confirm("Sei sicuro di volere abbandonare la partita?");
@@ -282,11 +395,13 @@ function safelascio()
 function act_logout(exitlock)
 {
     send_mesg("logout|"+exitlock);
+    // alert("IZZO");
 }
 
 function act_reload()
 {
     window.onunload = null;
+    window.onbeforeunload = null;
     document.location.reload();
 }
 
@@ -295,13 +410,8 @@ function act_shutdown()
     var c = 0;
 
     send_mesg("shutdown");
-    while (xhr_wr.readyState != 4)
-       c++;
-}
-
-function act_preout()
-{
-    act_logout();
+    // while (xhr_wr.readyState != 4)
+    // c++;
 }
 
 function postact_logout()
@@ -338,9 +448,11 @@ function sleep(st, delay)
 function slowimg(img,x1,y1,deltat,free,action,srcend) {
     this.img = img;
 
-    this.x0  = parseInt(document.defaultView.getComputedStyle(this.img, "").getPropertyValue("left"));
-    // alert("img.x0 = "+this.x0);
-    this.y0  = parseInt(document.defaultView.getComputedStyle(this.img, "").getPropertyValue("top"));
+    // this.x0  = parseInt(document.defaultView.getComputedStyle(this.img, "").getPropertyValue("left"));
+    this.x0 = parseInt(getStyle(this.img,"left", "left"));
+// alert("img.x0 = "+this.x0);
+    // this.y0  = parseInt(document.defaultView.getComputedStyle(this.img, "").getPropertyValue("top"));
+    this.y0  = parseInt(getStyle(this.img,"top", "top"));
     this.x1  = x1;
     this.y1  = y1;
     this.deltat = deltat;
@@ -379,16 +491,19 @@ slowimg.prototype = {
        this.action = act;
     },
     
+
     settime: function(time) 
     {
-       this.time = time;
-       this.step_n = parseInt(time / this.deltat);
+       this.time = (time < this.deltat ? this.deltat : time);
+       this.step_n = parseInt(this.time / this.deltat);
        this.dx = (this.x1 - this.x0) / this.step_n;
        this.dy = (this.y1 - this.y0) / this.step_n;
-       if (this.step_n * this.deltat == time) {
+       if (this.step_n * this.deltat == this.time) {
            this.step_n--;
        }
-       this.step_free = parseInt(this.step_n * this.free);
+        if (this.free < 1) {
+            this.step_free = parseInt(this.step_n * this.free);
+        }
     },
     
     start: function(st)
@@ -414,7 +529,7 @@ slowimg.prototype = {
            this.step_cur++;
            setTimeout(function(obj){ obj.animate(); }, this.deltat, this);
            if (this.step_cur == this.step_free && this.st != null) {
-               if (this.st != null && this.st.st_loc < this.st.st_loc_new) {
+               if (this.st.st_loc < this.st.st_loc_new) {
                    // alert("QUI1  " + this.step_cur + "  ZZ  "+  this.step_free);
                    this.st.st_loc++;
                    this.st = null;
@@ -427,14 +542,16 @@ slowimg.prototype = {
            // $("logz").innerHTML += "xxxxxxxxxxxxxxxCLEAR<br>";
            var date = new Date();
            // $("logz").innerHTML += "Timestop: " + date + "<br>";
+
+           if (this.action != null) {
+               eval(this.action);
+           }
+
            if (this.st != null && this.st.st_loc < this.st.st_loc_new) {
                // alert("QUI2");
                this.st.st_loc++;
                this.st = null;
            }
-           if (this.action != null) {
-               eval(this.action);
-           }
            if (this.srcend != null) {
                this.img.src = this.srcend;
            }
@@ -454,10 +571,12 @@ function dispose_asta(idx, pnt, nopoint)
        btn = $("asta"+i);
        if (i < idx) {
            btn.src = "img/astapasso"+(pnt >= 0 ? "" : "_ro")+".png";
+            btn.style.cursor = (pnt >= 0 ? "pointer" : "default");
            pass = -1;
        }
        else {
            btn.src = "img/asta"+i+(pnt >= 0 ? "" : "_ro")+".png";
+            btn.style.cursor = (pnt >= 0 ? "pointer" : "default");
            pass = i;
        }
        if (i < 19)
@@ -465,15 +584,15 @@ function dispose_asta(idx, pnt, nopoint)
        else
            btn.style.left = asta_xarr[(i+1) % 3];
        
-       btn.style.top  = parseInt(i / 3) * 50+1;
+       btn.style.top  = parseInt(i / 3) * 50 + (i == 9 ? 0 : 1);
 
        if (pnt >= 0) {
            eval("btn.onclick = function () { act_asta("+pass+",61); }");
-           btn.style.hover_cursor = "pointer";
+           btn.style.cursor = "pointer";
        }
        else {
            btn.onclick = null;
-           btn.style.hover_cursor = "";
+           btn.style.cursor = "default";
        }
     }
     
@@ -491,14 +610,14 @@ function dispose_asta(idx, pnt, nopoint)
     btn.style.left = asta_xarr[i % 3];
     btn.style.top = 25 + parseInt(i / 3) * 50 - 1;
     btn.src = "img/astaptsub"+(pnt >= 0 ? "" : "_ro")+".png";
-    // btn.style.visibility  = "visible";
+    btn.style.cursor = (pnt >= 0 ? "pointer" : "default");
     if (pnt >= 0) {
        btn.onclick = function () { act_asta(9,$("astapt").value); };
-       // btn.stylehover.cursor = "pointer";
+       btn.style.cursor = "pointer";
     }
     else {
        btn.onclick = null;
-       // btn.stylehover.cursor = "";
+       btn.style.cursor = "default";
     }
     
     i+=1;
@@ -507,13 +626,12 @@ function dispose_asta(idx, pnt, nopoint)
        btn.style.left = asta_xarr[i % 3];
        btn.style.top = parseInt(i / 3) * 50;
        btn.src = "img/astapashalf"+(pnt >= 0 ? "" : "_ro")+".png";
+        btn.style.cursor = (pnt >= 0 ? "pointer" : "default");
        if (pnt >= 0) {
            btn.onclick = function () { act_asta(-1,0); };
-           // btn.stylehover.cursor = "pointer";
        }
        else {          
            btn.onclick = null;
-           // btn.stylehover.cursor = "";
        }
 
        btn = $("astalascio");
@@ -528,13 +646,12 @@ function dispose_asta(idx, pnt, nopoint)
        btn.style.left = asta_xarr[i % 3];
        btn.style.top = parseInt(i / 3) * 50;;
        btn.src = "img/astapasso"+(pnt >= 0 ? "" : "_ro")+".png";
+        btn.style.cursor = (pnt >= 0 ? "pointer" : "default");
        if (pnt >= 0) {
            btn.onclick = function () { act_asta(-1,0); };
-           // btn.stylehover.cursor = "pointer";
        }
        else {
            btn.onclick = null;
-           // btn.stylehover.cursor = "";
        }
 
        btn = $("astalascio");
@@ -545,6 +662,13 @@ function dispose_asta(idx, pnt, nopoint)
     $("asta").style.visibility = "visible";
 }
 
+function asta_pnt_set(pnt)
+{
+    btn = $("astapt");
+    var rpnt = (pnt < 0 ? -pnt : pnt);
+    btn.value = (rpnt < 61 ? 61 : (rpnt > 120 ? 120 : rpnt));
+}
+
 function hide_asta()
 {
     $("asta").style.visibility = "hidden"; 
@@ -574,12 +698,23 @@ function notify(st, text, tout, butt, w, h)
     clodiv.className = "notify_clo";
     clodiv.appendChild(clo);
 
-    box = document.createElement("div");
+    cont = document.createElement("div");
+
+    cont.style.borderBottomStyle = "solid";
+    cont.style.borderBottomWidth = "1px";
+    cont.style.borderBottomColor = "gray";
+    cont.style.height = (h - 30)+"px";
+    cont.style.overflow = "auto";
+    cont.innerHTML = text;
+
+    box =  document.createElement("div");
     box.className = "notify";
-    box.innerHTML = text;
     box.style.zIndex = 200;
     box.style.width  = w+"px";
+    box.style.marginLeft  = -parseInt(w/2)+"px";
     box.style.height = h+"px";
+    box.style.top = parseInt((document.body.clientHeight - h) / 2) + document.body.scrollTop;
+    box.appendChild(cont);
     box.appendChild(clodiv);
     box.style.visibility = "visible";
 
@@ -669,6 +804,8 @@ function choose_seed(card)
 {
     var i;
 
+    $("asta").style.visibility = "hidden"; 
+    $("astalascio").style.visibility = "hidden"; 
     $("chooseed").style.visibility = "visible";
     for (i = 0 ; i < 4 ; i++) {
        $("seed"+i).src = "img/"+i+""+card+".png";
@@ -677,19 +814,28 @@ function choose_seed(card)
     }
 }
 
+function italizer(ga)
+{
+    var pre, pos;
+    if (ga[0] & 2) 
+        return "<i>"+ga[1]+"</i>";
+    else
+        return ga[1];
+}
+
 function set_names(so,ea,ne,nw,we)
 {
 //    alert("EA: "+ea);
-    $("name").innerHTML = so; 
-    $("name").title = so
-    $("name_ea").innerHTML = ea;
-    $("name_ea").title = ea;
-    $("name_ne").innerHTML = ne;
-    $("name_ne").title = ne;
-    $("name_nw").innerHTML = nw;
-    $("name_nw").title = nw;
-    $("name_we").innerHTML = we;
-    $("name_we").title = we;
+    $("name").innerHTML = italizer(so);
+    $("name").title = unescapeHTML(so[1])
+    $("name_ea").innerHTML = italizer(ea);
+    $("name_ea").title = unescapeHTML(ea[1]);
+    $("name_ne").innerHTML = italizer(ne);
+    $("name_ne").title = unescapeHTML(ne[1]);
+    $("name_nw").innerHTML = italizer(nw);
+    $("name_nw").title = unescapeHTML(nw[1]);
+    $("name_we").innerHTML = italizer(we);
+    $("name_we").title = unescapeHTML(we[1]);
 
     return;
 }
@@ -743,6 +889,8 @@ var fin = 0;
 function table_init() {
     var sux = new Array("", "_ea", "_ne", "_nw", "_we");
 
+    // console.log("table_init");
+
     remark_off();
     $("asta").style.visibility = "hidden";
     $("caller").style.visibility = "hidden";
@@ -753,6 +901,7 @@ function table_init() {
            $("card"+sux[e]+i).style.visibility = "hidden";
     }
     for (i=0 ; i < PLAYERS_N ; i++) {
+        // console.log("shut: "+"takes"+sux[i]);
        $("takes"+sux[i]).style.visibility = "hidden";
        }
 
@@ -774,8 +923,23 @@ var chatt_lines_n = 0;
 var CHATT_MAXLINES = 40;
 
 /* PRO CHATT */
-function chatt_sub(name,str)
+function chatt_sub(dt,data,str)
 {
+    var must_scroll = false;
+    var name;
+    var flags;
+    var isauth;
+
+    flags = data[0];
+    if (flags & 0x02)
+        name = "<i>"+data[1]+"</i>";
+    else
+        name = data[1];
+    // alert ($("txt").scrollTop + parseInt(getStyle($("txt"),"height", "height")) -  $("txt").scrollHeight);
+
+  if ($("txt").scrollTop + parseInt(getStyle($("txt"),"height", "height")) -  $("txt").scrollHeight >= 0)
+      must_scroll = true;
+
   // alert("ARRIVA NAME: "+ name + "  STR:"+str);
   if (chatt_lines_n == CHATT_MAXLINES) {
     $("txt").innerHTML = "";
@@ -783,16 +947,21 @@ function chatt_sub(name,str)
       chatt_lines[i] = chatt_lines[i+1];
       $("txt").innerHTML += chatt_lines[i];
     }
-    chatt_lines[i] = "<b>"+name+"</b> "+str+ "<br>";
+    chatt_lines[i] = dt+"<b>"+name+"</b> "+str+ "<br>";
     $("txt").innerHTML += chatt_lines[i];
   }
   else {
-    chatt_lines[chatt_lines_n] = "<b>"+name+"</b> "+str+ "<br>";
+    chatt_lines[chatt_lines_n] = dt+"<b>"+name+"</b> "+str+ "<br>";
     $("txt").innerHTML += chatt_lines[chatt_lines_n];
     chatt_lines_n++;
   }
-  $("txt").innerHTML;
-  $("txt").scrollTop = 10000000;
+  // $("txt").innerHTML;
+
+
+  if (must_scroll) {
+      $("txt").scrollTop = 10000000;
+  }
+  // alert("scTOP "+$("txt").scrollTop+"  scHEIGHT: "+$("txt").scrollHeight+" HEIGHT: "+getStyle($("txt"),"height", "height") );
 }
 
 /*
@@ -826,19 +995,29 @@ function eraseCookie(name) {
 var onunload_times = 0;
 
 
-function onunload_cb () {
+function onbeforeunload_cb () {
+    return("");
+}
+
+function onunload_cb_old () {
     var u = 0;
+    
+    //    if (nonunload == true)
+    //     return true;
+    
     if (onunload_times == 0) {
        var res = window.confirm("    Vuoi veramente abbandonare la briscola ?\n(clicca annulla o cancel se vuoi ricaricare la briscola)");
        if (res == true) {
            the_end = true; 
            act_shutdown();
-           while (1) 
-               u++;
+           // while (1) 
+           //  u++;
        }
        else {
            try {
-               location = self.location;
+               document.location.href = self.location; //  = self.location;
+                // alert ("passiamo di qui"+self.location);
+                return (false);
            } catch (e) {
                alert("Ripristino della briscola fallito, per non perdere la sessione ricaricare la pagina manualmente.");
            }
@@ -849,6 +1028,15 @@ function onunload_cb () {
     return(false);
 }
 
+function onunload_cb () {
+    
+    the_end = true; 
+
+    act_shutdown();
+    
+    return(false);
+}
+
 
 function room_checkspace(emme,tables,inpe)
 {
@@ -868,7 +1056,7 @@ function room_checkspace(emme,tables,inpe)
 
     stand = "<table class=\"table_standup\"><tbody><tr>";
     for (i = 0 ; i < inpe ; i++) {
-       stand += "<td class=\"td_standup\">"+nome+"</td>";
+       stand += "<td>"+nome+"</td>";
        if ((i+1) % 4 == 0) {
            stand += "</tr><tr>";
        }
@@ -876,7 +1064,38 @@ function room_checkspace(emme,tables,inpe)
     stand += "</tr>";
     $("standup").innerHTML = stand;
 
-    $("esco").innerHTML = "<input name=\"logout\" type=\"button\" value=\"Esco.\" onclick=\"window.onunload = null; act_logout();\" type=\"button\">";
+    // VERIFY: what is this button ?
+    $("esco").innerHTML = "<input class=\"button\" name=\"logout\" type=\"button\" value=\"Esco.\" onclick=\"act_logout();\" type=\"button\">";
+}
+
+function  unescapeHTML(cont) {
+    var div = document.createElement('div');
+    var memo = "";
+    var i;
+
+    div.innerHTML = cont;
+    if (div.childNodes[0]) {
+        if (div.childNodes.length > 1) {
+            if (div.childNodes.toArray)
+                alert("si puo");
+            else {
+                var length = div.childNodes.length, results = new Array(length);
+            while (length--)
+                results[length] = div.childNodes[length];
+                
+            for (i=0 ; i<results.length ; i++)
+               memo = memo + results[i].nodeValue;
+            }
+
+            return (memo);
+        }
+        else {
+            return (div.childNodes[0].nodeValue);
+        }
+    }
+    else {
+        return ('');
+    }
 }
 
 function playsound(tag, sound) {
@@ -884,9 +1103,30 @@ function playsound(tag, sound) {
    if (g_withflash) {
       $(tag).innerHTML = '<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" '+
 'codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" id="mysound" WIDTH=1 HEIGHT=1>' +
-'<PARAM NAME="movie" VALUE="playsound.swf"><PARAM NAME="PLAY" VALUE="true"><PARAM NAME="LOOP" VALUE="false">' +
+'<PARAM NAME="movie" VALUE="../playsound.swf"><PARAM NAME="PLAY" VALUE="true"><PARAM NAME="LOOP" VALUE="false">' +
 '<PARAM NAME=FlashVars VALUE="streamUrl='+sound+'">' +
-'<EMBED swliveconnect="true" name="mysound" src="playsound.swf" FlashVars="streamUrl='+sound+'" PLAY="true" LOOP="false" '+
+'<EMBED swliveconnect="true" name="mysound" src="../playsound.swf" FlashVars="streamUrl='+sound+'" PLAY="true" LOOP="false" '+
 ' WIDTH=1 HEIGHT=1 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></OBJECT>';
    }
 }
+
+function topbanner_init()
+{
+    setInterval(topbanner_cb, 666);
+;
+}
+
+function topbanner_cb()
+{
+    var a, b;
+
+    a = $('topbanner').style.backgroundColor;
+    b = $('topbanner').style.borderLeftColor;
+
+    $('topbanner').style.backgroundColor = b;
+    $('topbanner').style.borderColor = a+" "+a+" "+a+" "+a;
+
+    // console.log("A: "+a+"  B: "+b);
+}
+
+