customizable support icon finalized
[brisk.git] / web / index.php
index d89a091..fc9442b 100644 (file)
@@ -52,6 +52,10 @@ $mlang_room = array( 'userpasserr'  => array('it' => 'Utente e/o password errati
                                              'en' => 'back to tables'),
                      'btn_exit'     => array('it' => 'Esco.',
                                              'en' => 'Exit.'),
+                     'btn_prefs_save' => array('it' => 'Salva.',
+                                             'en' => 'Save.'),
+                     'btn_prefs_close' => array('it' => 'Chiudi.',
+                                             'en' => 'Close.'),
                      'tit_tabl'     => array('it' => 'Tavolo ',
                                              'en' => 'Table '),
                      'tit_stat'     => array('it' => 'imposta lo stato del tuo utente',
@@ -114,11 +118,29 @@ $mlang_room = array( 'userpasserr'  => array('it' => 'Utente e/o password errati
                      'listaut_desc' => array('it' => 'leggi soltanto i messaggi degli utenti con password',
                                              'en' => 'listen messages only from authenticated users'),
                      'listisol_desc'=> array('it' => 'visualizza Brisk come se fosse solo per utenti con password',
-                                             'en' => 'show Brisk like an authenticated user only site'),
+                                            'en' => 'show Brisk like an authenticated user only site'),
+                     'suppcomp_tit' =>  array('it' => 'personalizza la tua S',
+                                            'en' => 'customize your S'),
+                     'suppcomp_r' =>  array('it' => 'rosso',
+                                            'en' => 'red'),
+                     'suppcomp_g' =>  array('it' => 'verde',
+                                            'en' => 'green'),
+                     'suppcomp_b' =>  array('it' => 'blu',
+                                            'en' => 'blue'),
+                     'suppcomp_fg' =>  array('it' => 'colore',
+                                            'en' => 'color'),
+                     'suppcomp_bg' =>  array('it' => 'sfondo',
+                                            'en' => 'background'),
+                     'suppcomp_range' =>  array('it' => '(0-255)',
+                                            'en' => '(0-255)'),
                      'tit_splash'   => array('it' => 'splash',
                                              'en' => 'splash'),
                      'splash_desc'  => array('it' => 'attiva la finestra di splash',
                                              'en' => 'show the splash window'),
+                     'tit_prefs'   => array('it' => 'preferenze',
+                                             'en' => 'preferences'),
+                     'prefs_desc'  => array('it' => 'preferenze dell\' utente',
+                                             'en' => 'user\'s preferences'),
                      'tit_help'     => array('it' => 'informazioni utili su Brisk',
                                              'en' => 'usefull information about Brisk'),
                      'itm_help'     => array('it' => 'aiuto',
@@ -757,14 +779,6 @@ google_color_url = "000000";
           .$mlang_room['st_visch_desc'][$G_lang].
 '&nbsp;<img class="unbo" src="img/st_visch.png"></a><br>
 
-<!--
-<a href="#"
-   onmouseover="menu_hide(0,2);"
-   title="" onclick="act_chatt(\'/st coniglio\'); menu_over(-1,this);">'
-          // MLANG
-          .$mlang_room['st_rabb_desc'][$G_lang].
-'&nbsp;<img class="unbo" src="img/st_rabbit.png"></a><br>
--->
 </div>
 
 <a href="#" title="avvia un ticker pubblicitario per il tuo tavolo" 
@@ -780,64 +794,7 @@ google_color_url = "000000";
           '</a><br>
 
 
-<a href="#" title="'
-          // MLANG imposta le regole di ascolto
-          .$mlang_room['list_desc'][$G_lang].
-'"   onmouseover="menu_hide(0,1); menu_show(\'menu_listen\');">'
-          // MLANG ascolta
-          .$mlang_room['itm_list'][$G_lang].
-'</a><br>
-<div id="menu_listen" style="width: 120px;" class="webstart">
-<!--
 
--->
-<input id="ra_listen_all" type="radio" name="listen" value="all" onclick="act_chatt(\'/listen all\');" title="'
-.$mlang_room['listall_desc'][$G_lang].
-'"><span id="list_all">'
-.$mlang_room['tit_listall'][$G_lang].
-'</span><br>  
-<input id="ra_listen_auth" type="radio" name="listen" value="auth" onclick="act_chatt(\'/listen auth\');" title="'
-.$mlang_room['listaut_desc'][$G_lang].
-'"><span id="list_auth">'
-.$mlang_room['tit_listaut'][$G_lang].
-'</span><br>  
-<input id="ra_listen_isol" type="radio" name="listen" value="isolation" onclick="act_chatt(\'/listen isolation\');" title="'
-.$mlang_room['listisol_desc'][$G_lang].
-'"><span id="list_isol">'
-.$mlang_room['tit_listisol'][$G_lang].
-'</span><br>
-<!--
-<hr>
-<a href="#" 
-   onmouseover="menu_hide(0,2);"
-   title="'
-          // MLANG leggo i messaggi di tutti gli utenti collegati
-          .$mlang_room['listall_desc'][$G_lang].
-'" onclick="act_chatt(\'/listen all\'); menu_over(-1,this);"><span id="list_all">'
-          // MLANG tutti
-          .$mlang_room['tit_listall'][$G_lang].
-'</span></a><br>
-<a href="#" 
-   onmouseover="menu_hide(0,2);"
-   title="'
-          // MLANG leggo soltanto i messaggi degli utenti con password
-          .$mlang_room['listaut_desc'][$G_lang].
-          '" onclick="act_chatt(\'/listen auth\'); menu_over(-1,this);"><span id="list_auth">'
-          // MLANG solo autenticati
-          .$mlang_room['tit_listaut'][$G_lang].
-'</span></a><br>
-
-<a href="#" 
-   onmouseover="menu_hide(0,2);"
-   title="'
-          // MLANG leggo soltanto i messaggi degli utenti con password
-          .$mlang_room['listisol_desc'][$G_lang].
-          '" onclick="act_chatt(\'/listen isolation\'); menu_over(-1,this);"><span id="list_isol">'
-          // MLANG solo autenticati
-          .$mlang_room['tit_listisol'][$G_lang].
-'</span></a><br>
--->
-</div>
 <a href="#" title="'
           // MLANG garantisci per un tuo conoscente
           .$mlang_room['splash_desc'][$G_lang].
@@ -846,6 +803,13 @@ google_color_url = "000000";
           // MLANG garantisci
           .$mlang_room['tit_splash'][$G_lang].
           '</a><br>
+'.($user->flags & USER_FLAG_AUTH ? '
+<a href="#" title="'
+          // MLANG garantisci per un tuo conoscente
+          .$mlang_room['prefs_desc'][$G_lang].'"
+   onmouseover="menu_hide(0,1);" onclick="$(\'preferences\').style.visibility = \'visible\'; menu_over(-1,this);">'
+          // MLANG garantisci
+   .$mlang_room['tit_prefs'][$G_lang].'</a><br>' : '').'
 
 </div>'.($G_with_poll ? '' : '<div style="padding: 0px; margin: 0px; witdh: 50px; height: 8px; font-size: 1px;"></div>
 <img style="cursor: pointer;" class="nobo" src="img/brisk_help'.langtolng($G_lang).'.png" title="'.$mlang_room['tit_help'][$G_lang].'" onmouseover="menu_hide(0,0);" onclick="act_help();">').'
@@ -898,6 +862,7 @@ supported by:<br>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <link rel="shortcut icon" href="img/brisk_ico.png">
 <script type="text/javascript" src="commons.js"></script> 
+<script type="text/javascript" src="prefs.js"></script>
 <!-- <script type="text/javascript" src="myconsole.js"></script> -->
 <script type="text/javascript" src="menu.js"></script>
 <script type="text/javascript" src="heartbit.js"></script>
@@ -907,6 +872,7 @@ supported by:<br>
 <script type="text/javascript" src="room.js"></script>
 <script type="text/javascript" src="md5.js"></script>
 <script type="text/javascript" src="probrowser.js"></script>
+<script type="text/javascript" src="json2.js"></script>
 <link rel="stylesheet" type="text/css" href="brisk.css">
 <link rel="stylesheet" type="text/css" href="room.css">
 
@@ -916,6 +882,7 @@ supported by:<br>
    var g_lng = "<? echo $G_lng; ?>";
    var g_tables_n = <? echo TABLES_N; ?>;
    var g_tables_auth_n = <? echo TABLES_AUTH_N; ?>;
+   var g_prefs, g_prefs_new = null;
    var g_listen;
    var g_withflash = false;
    var g_is_spawn = 0;
@@ -929,6 +896,9 @@ supported by:<br>
    window.onload = function() {
      // alert(window.onbeforeunload);
      g_brow = get_browser_agent();
+
+     g_prefs = new client_prefs(null);
+
      spo_slide  = new sideslide($('spon_caro'), 80, 20);
      sup_slide  = new sideslide($('supp_caro'), 80, 20);
 
@@ -1033,6 +1003,7 @@ echo "$body"; ?>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <link rel="shortcut icon" href="img/brisk_ico.png">
 <script type="text/javascript" src="commons.js"></script>
+<script type="text/javascript" src="prefs.js"></script>
 <!-- <script type="text/javascript" src="myconsole.js"></script> -->
 <script type="text/javascript" src="menu.js"></script>
 <script type="text/javascript" src="ticker.js"></script>
@@ -1042,6 +1013,7 @@ echo "$body"; ?>
 <script type="text/javascript" src="preload_img<?php echo langtolng($G_lang); ?>.js"></script>
 <script type="text/javascript" src="AC_OETags.js"></script>
 <script type="text/javascript" src="probrowser.js"></script>
+<script type="text/javascript" src="json2.js"></script>
 <link rel="stylesheet" type="text/css" href="brisk.css">
 <link rel="stylesheet" type="text/css" href="room.css">
 <SCRIPT type="text/javascript"><!--
@@ -1051,6 +1023,7 @@ echo "$body"; ?>
    var g_lng = "<? echo $G_lng; ?>";
    var g_tables_n = <? echo TABLES_N; ?>;
    var g_tables_auth_n = <? echo TABLES_AUTH_N; ?>;
+   var g_prefs, g_prefs_new = null;
    var g_listen;
    var tra = null;
    var stat = "";
@@ -1060,13 +1033,16 @@ echo "$body"; ?>
    var topbanner_sfx, topbanner_dx;
    // var nonunload = false;
    var g_withflash = false;
-   var g_imgct= 0;
+   var g_imgct = 0;
    var g_imgtot = g_preload_img_arr.length;
    var g_brow = null;
    var spo_slide, sup_slide;
 
    window.onload = function() {
      g_brow = get_browser_agent();
+
+     g_prefs = new client_prefs(null);
+
      spo_slide  = new sideslide($('spon_caro'), 80, 20);
      sup_slide  = new sideslide($('supp_caro'), 80, 20);
 
@@ -1208,7 +1184,7 @@ type="submit" class="button" onclick="this.form.elements['realsub'].value = 'chi
     </div>
     <div id="mesgtoadmbox" class="notify_opaque" style="text-align: center;">
        <br>
-<!--MLANG: Invia un messaggio o una segnalazione all'amministratore: -->
+<!--MLANG: Invia un messaggio o una segnalazione all\'amministratore: -->
        <b><?php echo $mlang_room['mesgtoadm_tit'][$G_lang];?></b>
        <br><br>
        <form id="mesgtoadm_form" accept-charset="utf-8" method="post" action="" onsubmit="return j_mesgtoadmbox(this);">
@@ -1237,6 +1213,106 @@ type="submit" class="button" onclick="this.form.elements['realsub'].value = 'chi
 <div id="xhrlog"></div>
 <div id="xhrdeltalog"></div>
 </div>
+<div id="preferences" class="notify" style="z-index: 200; width: 600px; margin-left: -300px; height: 400px; top: 126px; visibility: hidden;">
+<div id="preferences_child" style="border-bottom: 1px solid gray; overflow: auto; height: 370px;">
+
+<h2><?php echo $mlang_room['tit_prefs'][$G_lang]; ?></h2>
+<!--#
+    #  LISTEN
+    #-->
+<div style="float: left; padding: 8px;">
+<table style="border: 1px solid gray;"><tr><th style="background-color: #cccccc;">
+<?php echo $mlang_room['itm_list'][$G_lang];?>
+</th></tr>
+<tr><td><input style="vertical-align: bottom;" id="ra_listen_all" type="radio" name="listen" value="0" onclick="prefs_update('listen');" title="'
+<?php echo $mlang_room['listall_desc'][$G_lang];?>
+'"><span id="list_all">
+<?php echo $mlang_room['tit_listall'][$G_lang];?>
+</span></td></tr>
+<tr><td><input style="vertical-align: bottom;" id="ra_listen_auth" type="radio" name="listen" value="1" onclick="prefs_update('listen');" title="'
+<?php echo $mlang_room['listaut_desc'][$G_lang];?>
+'"><span id="list_auth">
+<?php echo $mlang_room['tit_listaut'][$G_lang];?>
+</span></td></tr>
+<tr><td><input style="vertical-align: bottom;" id="ra_listen_isol" type="radio" name="listen" value="2" onclick="prefs_update('listen');" title="'
+<?php echo $mlang_room['listisol_desc'][$G_lang];?>
+'"><span id="list_isol">
+<?php echo $mlang_room['tit_listisol'][$G_lang];?>
+</span></td></tr>
+</table>
+</div>
+
+<?php
+if ($user->rec != FALSE && $user->rec->last_dona > 1356994800) {
+?>
+<!--#
+    #  SUPPORTER ONLY
+    #-->
+<div style="float: left; padding: 8px;">
+<table style="border: 1px solid gray;"><tr><th colspan="4" style="background-color: #cccccc;">
+<?php echo $mlang_room['suppcomp_tit'][$G_lang];?>
+</th></tr>
+<tr>
+<th>
+<?php echo $mlang_room['suppcomp_fg'][$G_lang];?>
+</th><td><input style="width: 3em;" id="s_fg_r" type="text" maxlength="3" size="3" name="s_fg_r"
+ onchange="prefs_update('supp');" value="255"
+ title="'<?php echo $mlang_room['suppcomp_range'][$G_lang];?>'">
+   <span id="list_all"><?php echo $mlang_room['suppcomp_r'][$G_lang];?></span></td>
+<td><input style="width: 3em;" id="s_fg_g" type="text" maxlength="3" size="3" name="s_fg_g"
+ onchange="prefs_update('supp');" value="255"
+ title="'<?php echo $mlang_room['suppcomp_range'][$G_lang];?>'">
+   <span id="list_all"><?php echo $mlang_room['suppcomp_g'][$G_lang];?></span></td>
+<td><input style="width: 3em;" id="s_fg_b" type="text" maxlength="3" size="3" name="s_fg_b"
+ onchange="prefs_update('supp');" value="255"
+ title="'<?php echo $mlang_room['suppcomp_range'][$G_lang];?>'">
+   <span id="list_all"><?php echo $mlang_room['suppcomp_b'][$G_lang];?></span></td>
+</tr>
+<tr>
+<th>
+<?php echo $mlang_room['suppcomp_bg'][$G_lang];?>
+</th>
+<td><input style="width: 3em;" id="s_bg_r" type="text" maxlength="3" size="3" name="s_bg_r"
+ onchange="prefs_update('supp');" value="255"
+ title="'<?php echo $mlang_room['suppcomp_range'][$G_lang];?>'">
+   <span id="list_all"><?php echo $mlang_room['suppcomp_r'][$G_lang];?></span></td>
+<td><input style="width: 3em;" id="s_bg_g" type="text" maxlength="3" size="3" name="s_bg_g"
+ onchange="prefs_update('supp');" value="255"
+ title="'<?php echo $mlang_room['suppcomp_range'][$G_lang];?>'">
+   <span id="list_all"><?php echo $mlang_room['suppcomp_g'][$G_lang];?></span></td>
+<td><input style="width: 3em;" id="s_bg_b" type="text" maxlength="3" size="3" name="s_bg_b"
+ onchange="prefs_update('supp');" value="255"
+ title="'<?php echo $mlang_room['suppcomp_range'][$G_lang];?>'">
+   <span id="list_all"><?php echo $mlang_room['suppcomp_b'][$G_lang];?></span></td>
+</tr>
+<tr><td colspan="4">
+<img id="s_img" class="nobo" src="img/noimg.png">
+</td></tr>
+</table>
+</div>
+<?php
+}
+else {
+?>
+<input id="s_fg_r" type="hidden" name="s_fg_r">
+<input id="s_fg_g" type="hidden" name="s_fg_g">
+<input id="s_fg_b" type="hidden" name="s_fg_b">
+<input id="s_bg_r" type="hidden" name="s_bg_r">
+<input id="s_bg_g" type="hidden" name="s_bg_g">
+<input id="s_bg_b" type="hidden" name="s_bg_b">
+<input id="s_img"  type="hidden" name="s_bg_b">
+<?php
+}
+?>
+<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_room['itm_ringauc'][$G_lang]; */ ?> -->
+</div>
+
+
+</div>
+<div class="notify_clo"><input type="submit" class="input_sub" style="bottom: 4px;" onclick="$('preferences').style.visibility = 'hidden';" value="<?php echo $mlang_room['btn_prefs_close'][$G_lang]; ?>"/> <input type="submit" class="input_sub" style="bottom: 4px;" onclick="prefs_save();" value="<?php echo $mlang_room['btn_prefs_save'][$G_lang]; ?>"/></div>
+</div>
 </body>
 </html>
 <?php