lastest modifies
[brisk.git] / web / index.php
index 99e4011..4929b34 100644 (file)
@@ -2,7 +2,7 @@
 /*
  *  brisk - index.php
  *
- *  Copyright (C) 2006-2015 Matteo Nastasi
+ *  Copyright (C) 2006-2016 Matteo Nastasi
  *                          mailto: nastasi@alternativeoutput.it
  *                                  matteo.nastasi@milug.org
  *                          web: http://www.alternativeoutput.it
@@ -71,13 +71,13 @@ $mlang_room = array( 'userpassuse'  => array('it' => 'Il tuo nickname è g
                                              'en' => 'back to tables'),
                      'btn_exit'     => array('it' => 'Esco.',
                                              'en' => 'Exit.'),
-                     'btn_prefs_save' => array('it' => 'Salva.',
+                     'btn_save' => array('it' => 'Salva.',
                                              'en' => 'Save.'),
-                     'btn_prefs_reset' => array('it' => 'Annulla.',
+                     'btn_reset' => array('it' => 'Annulla.',
                                              'en' => 'Reset.'),
-                     'btn_prefs_close' => array('it' => 'Chiudi.',
+                     'btn_close' => array('it' => 'Chiudi.',
                                              'en' => 'Close.'),
-                     'btn_prefs_send'  => array('it' => 'Invia.',
+                     'btn_send'  => array('it' => 'Invia.',
                                              'en' => 'Send.'),
                      'tit_tabl'     => array('it' => 'Tavolo ',
                                              'en' => 'Table '),
@@ -228,6 +228,34 @@ $mlang_room = array( 'userpassuse'  => array('it' => 'Il tuo nickname è g
                                              'en' => 'Send a message to the administrator:'),
                      'mesgtoadm_sub'=> array('it' => 'soggetto:',
                                              'en' => 'subject:'),
+                     'info_login' => array('it' => 'Utente',
+                                          'en' => 'User'),
+                     'info_status' => array('it' => 'Stato',
+                                          'en' => 'Status'),
+                     'info_status_tit' => array('it' => 'Stato dell\' utente.',
+                                          'en' => 'User status.'),
+                     'info_guar' => array('it' => 'Garante',
+                                          'en' => 'Guarantee'),
+                     'info_match' => array('it' => 'Partite',
+                                           'en' => 'Matches'),
+                     'info_match_tit' => array('it' => 'Partite giocate ai tavoli riservati.',
+                                           'en' => 'Matches played at reserved tables.'),
+                     'info_party' => array('it' => 'Party',
+                                           'en' => 'Party'),
+                     'info_party_tit' => array('it' => 'Bravura calcolata in base ad amici, agli amici fidati e agli amici degli amici fidati in base alla credibilità degli amici fidati.',
+                                           'en' => 'Skill calculated with party rules.'),
+                     'info_game' => array('it' => 'Mani',
+                                          'en' => 'Hands'),
+                     'info_game_tit' => array('it' => 'Mani giocate ai tavoli riservati.',
+                                              'en' => 'Hands played at reserved tables.'),
+                     'info_frie' => array('it' => 'Conoscenza:',
+                                          'en' => 'Friendship:'),
+                     'info_repfrie' => array('it' => 'Cosa ne pensano gli amici',
+                                             'en' => 'Friends reputation'),
+                     'info_repbff' => array('it' => 'Cosa ne pensano gli amici fidati',
+                                            'en' => 'Best friends reputation'),
+                     'info_skill' => array('it' => 'Bravura',
+                                            'en' => 'Skill')
                      );
 
 require_once("briskin5/Obj/briskin5.phh");
@@ -336,6 +364,9 @@ function index_main(&$brisk, $transp_type, $header, &$header_out, $remote_addr_f
         $sess = "";
     if (($name = gpcs_var('name', $get, $post, $cookie)) === FALSE)
         unset($name);
+    else
+        log_step("LOGIN: $name");
+
     if (($pass_private = gpcs_var('pass_private', $get, $post, $cookie)) === FALSE)
         unset ($pass_private);
     if (($table_idx = gpcs_var('table_idx', $get, $post, $cookie)) === FALSE)
@@ -343,8 +374,6 @@ function index_main(&$brisk, $transp_type, $header, &$header_out, $remote_addr_f
     if (($table_token = gpcs_var('table_idx', $get, $post, $cookie)) === FALSE)
         unset ($table_token);
 
-    log_step("LOGIN: $name");
-
     // default values
     $_cookie_law_3party = 'true';
     if (isset($cookie['_cookie_law_3party']))
@@ -493,7 +522,7 @@ function index_main(&$brisk, $transp_type, $header, &$header_out, $remote_addr_f
         $tables .= '<div class="room_tab">';
         $tables .= '<table class="room_tab">';
         for ($ii = 0 ; $ii < TABLES_N ; $ii++) {
-            if ($user->is_auth())
+            if ($user->is_auth() && !$user->is_appr())
                 $i = $ii;
             else
                 $i = TABLES_N - $ii - 1;
@@ -721,11 +750,6 @@ google_color_url = "000000";
    alt="'.$mlang_room['tit_cook'][$G_lang].'">'.$mlang_room['itm_cook'][$G_lang].'</a><br>
 <hr>
 
-<!--
-<a href="#"
-   onmouseover="menu_hide(0,1);"
-   title="perché supportare brisk?" onclick="act_whysupport();">supportare?</a><br>
--->
 <a href="#"
    onmouseover="menu_hide(0,1);"
    title="'.$mlang_room['tit_cla'][$G_lang].'" onclick="act_placing();">'.$mlang_room['itm_cla'][$G_lang].'</a><br>
@@ -748,7 +772,7 @@ google_color_url = "000000";
 
 <a href="http://it-it.facebook.com/event.php?eid=165523204539&index=1"
    target="_blank" onmouseover="menu_hide(0,2);"
-   title="1° Torneo-Meeting di Parma del 22/11/2009" <img style="display: inline;" class="nobo" src="img/coppa16.png">Parma 11/09</a><br>
+   title="1° Torneo-Meeting di Parma del 22/11/2009"><img style="display: inline;" class="nobo" src="img/coppa16.png">Parma 11/09</a><br>
 
 <a href="http://it-it.facebook.com/event.php?eid=105699129890&index=1"
    target="_blank" onmouseover="menu_hide(0,2);"
@@ -779,7 +803,7 @@ google_color_url = "000000";
    title="Torneo di Milano del 17/05/2008" >Milano 05/08</a><br>
 
 </div>
-</div>'. ($ACTION == "room" ? '<div style="padding: 0px; margin: 0px; witdh: 50px; height: 8px; font-size: 1px;"></div><img class="nobo" style="cursor: pointer;" src="img/brisk_commands'.langtolng($G_lang).'.png" onmouseover="menu_hide(0,0); menu_show(\'menu_commands\');">
+</div>'. ($ACTION == "room" ? '<div style="padding: 0px; margin: 0px; width: 50px; height: 8px; font-size: 1px;"></div><img class="nobo" style="cursor: pointer;" src="img/brisk_commands'.langtolng($G_lang).'.png" onmouseover="menu_hide(0,0); menu_show(\'menu_commands\');">
 
 <div class="webstart" id="menu_commands" onmouseover="menu_over(1,this);" onmouseout="menu_over(-1,this);">
 
@@ -932,7 +956,7 @@ google_color_url = "000000";
 <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);">'
+   onmouseover="menu_hide(0,1);" onclick="g_prefsf.visible(true); menu_over(-1,this);">'
           // MLANG garantisci
    .$mlang_room['tit_prefs'][$G_lang].'</a><br>' : '').'
 
@@ -968,7 +992,7 @@ supported by:<br>
 <div style="position: absolute;">
 '.$altout_support_big.'
 </div>
-<a style="/* position: absolute; top: 40px; left: 6px;" */ target="_blank" href="http://it-it.facebook.com/group.php?gid=59742820791"><img class="nobo" id="btn_facebook" src="img/facebook_btn.png" title="unisciti al gruppo \'quelli della brisk\'"></a>
+<a style="/* position: absolute; top: 40px; left: 6px; */" target="_blank" href="http://it-it.facebook.com/group.php?gid=59742820791"><img class="nobo" id="btn_facebook" src="img/facebook_btn.png" title="unisciti al gruppo \'quelli della brisk\'"></a>
 ' . ( /* NOTE: here facebook or fake facebook */
 (!$G_is_local && $_cookie_law_3party == 'true') ?
 '<div class="fb-like" style="margin-top: 4px;" data-href="https://www.facebook.com/pages/Brisk-briscola-chiamata-in-salsa-ajax/716026558416911" data-share="false" data-send="true" data-width="70" data-show-faces="false" data-colorscheme="dark" layout="button_count"></div>
@@ -988,7 +1012,8 @@ 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="fieldify.js"></script>
+<script type="text/javascript" src="info.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>
@@ -1009,9 +1034,11 @@ var g_debug = 0;
 var g_lang = "<? echo $G_lang; ?>";
 var g_lng = "<? echo $G_lng; ?>";
 var g_tables_n = <? echo TABLES_N; ?>;
+var g_tables_appr_n = <? echo TABLES_APPR_N; ?>;
 var g_tables_auth_n = <? echo TABLES_AUTH_N; ?>;
 var g_tables_cert_n = <? echo TABLES_CERT_N; ?>;
 var g_prefs, g_prefs_new = null;
+var g_prefsn = null, g_prefsn_old = null;
 var g_listen;
 var g_withflash = false;
 var g_is_spawn = 0;
@@ -1027,8 +1054,6 @@ 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);
 
@@ -1107,10 +1132,10 @@ window.onload = function() {
     <?php echo $mlang_room['passwarn'][$G_lang];?><br><br>
 
          <button onclick="$('apprentice_div').style.display = ($('apprentice_div').style.display == 'none' ? 'inline-block' : 'none');">Vuoi ottenere un accesso da apprendista ?</button><br><br>
-             <div id="apprentice_div" style="display: none; background-color: #ffd780; border: 1px solid #ffae00; padding: 8px;">
+             <div id="apprentice_div" style="display: none;" class="apprentice">
          <br>
          Inserisci il tuo nickname e il tuo indirizzo e-mail.<br>
-         Il tuo nickname non può essere più lungo di 12 caratteri,<br>deve essere composto soltanto da lettere non accentate e numeri,<br>senza ripetere lo stesso carattere per più di 3 volte consecutive.<br><br>
+         Il tuo nickname non può essere più lungo di 12 caratteri,<br>deve essere composto soltanto da lettere non accentate e numeri,<br>senza ripetere più di due volte lo stesso carattere (o delle cifre) consecutivamente.<br><br>
     <form accept-charset="utf-8" method="post" action="" onsubmit="return j_new_apprentice(this);">
     <input type="hidden" name="realsub" value="666">
     <table class="login">
@@ -1118,8 +1143,8 @@ window.onload = function() {
     <td><input id="nameid" class="input_text" name="cli_name" type="text" size="24" maxlength="12" value=""></td></tr>
     <tr><td>e-mail:</td>
     <td><input id="emailid" class="input_text" name="cli_email" type="text" size="24" maxlength="512" value=""></td></tr>
-                                                                          <tr><td colspan="2"><table style="margin: auto;"><tr><td><input id="send" onclick="submit_click(this);" value="<?php echo $mlang_room['btn_prefs_send'][$G_lang];?>" type="submit" class="button"></td>
-        <td><input id="close" onclick="submit_click(this);" value="<?php echo $mlang_room['btn_prefs_close'][$G_lang];?>" type="submit" class="button"></td></tr></table></td></tr>
+                                                                          <tr><td colspan="2"><table style="margin: auto;"><tr><td><input id="send" onclick="submit_click(this);" value="<?php echo $mlang_room['btn_send'][$G_lang];?>" type="submit" class="button"></td>
+        <td><input id="close" onclick="submit_click(this);" value="<?php echo $mlang_room['btn_close'][$G_lang];?>" type="submit" class="button"></td></tr></table></td></tr>
     </table>
     </form></div>
          <br><br>
@@ -1155,7 +1180,9 @@ cookie_law(null);
 <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="fieldify.js"></script>
 <script type="text/javascript" src="prefs.js"></script>
+<script type="text/javascript" src="info.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>
@@ -1176,9 +1203,11 @@ cookie_law(null);
    var g_lang = "<? echo $G_lang; ?>";
    var g_lng = "<? echo $G_lng; ?>";
    var g_tables_n = <? echo TABLES_N; ?>;
+   var g_tables_appr_n = <? echo TABLES_APPR_N; ?>;
    var g_tables_auth_n = <? echo TABLES_AUTH_N; ?>;
    var g_tables_cert_n = <? echo TABLES_CERT_N; ?>;
    var g_prefs, g_prefs_new = null;
+   var g_prefsn = null, g_prefsn_old = null;
    var g_listen;
    var g_is_spawn = 0;
    var g_withflash = false;
@@ -1194,14 +1223,18 @@ cookie_law(null);
    // var nonunload = false;
    var spo_slide, sup_slide;
 
+   /* room case */
    window.onload = function() {
      g_brow = get_browser_agent();
 
      g_prefs = new client_prefs(null);
-
+     /* g_prefsn = new Prefsn($('prefsn')); */
+     prefsf_initialize();
+     // console.log(g_prefsf);
      spo_slide  = new sideslide($('spon_caro'), 80, 20);
      sup_slide  = new sideslide($('supp_caro'), 80, 20);
 
+     g_prefsf.page_set('index_wr.php?mesg=prefsf');
 <?php
         if ($BRISK_SHOWHTML == "debugtable") {
 ?>
@@ -1318,11 +1351,11 @@ xstm = new xynt_streaming(window, "<?php echo "$transp_type"; ?>", 80, 2, null /
 <tr><td colspan="2" style="text-align: center;">
     <!-- MLANG: Garantisci per un tuo conoscente: -->
        <input id="subid" name="sub" value=
-"<?php echo $mlang_room['btn_prefs_send'][$G_lang]; ?>"
+"<?php echo $mlang_room['btn_send'][$G_lang]; ?>"
  type="submit" onclick="this.form.elements['realsub'].value = 'invia';" class="button">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     <!-- MLANG: Garantisci per un tuo conoscente: -->
 <input id="cloid" name="clo" value=
-"<?php echo $mlang_room['btn_prefs_close'][$G_lang]; ?>"
+"<?php echo $mlang_room['btn_close'][$G_lang]; ?>"
 type="submit" class="button" onclick="this.form.elements['realsub'].value = 'chiudi';"></td></tr>
 </table>
     </form>
@@ -1342,8 +1375,8 @@ type="submit" class="button" onclick="this.form.elements['realsub'].value = 'chi
 <tr><td><img title="messaggio" class="nobo" src="img/mesgtoadm_mesg<?php echo $G_lng;?>.png"></td>
 <td><textarea id="mesgid" class="input_text" name="mesg" cols="40" rows="8" wrap="soft"></textarea></td></tr>
 <tr><td colspan="2" style="text-align: center;">
-       <input id="subid" name="sub" value="<?php echo $mlang_room['btn_prefs_send'][$G_lang];?>" type="submit" onclick="submit_click(this);" class="button">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-<input id="cloid" name="clo" value="<?php echo $mlang_room['btn_prefs_close'][$G_lang];?>" type="submit" class="button" onclick="submit_click(this);"></td></tr>
+       <input id="subid" name="sub" value="<?php echo $mlang_room['btn_send'][$G_lang];?>" type="submit" onclick="submit_click(this);" class="button">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+<input id="cloid" name="clo" value="<?php echo $mlang_room['btn_close'][$G_lang];?>" type="submit" class="button" onclick="submit_click(this);"></td></tr>
 </table>
     </form>
     </div>
@@ -1358,6 +1391,109 @@ type="submit" class="button" onclick="this.form.elements['realsub'].value = 'chi
 <div id="xhrlog"></div>
 <div id="xhrdeltalog"></div>
 </div>
+
+<div id="info" class="notify" style="z-index: 200; width: 500px; margin-left: -250px; height: 340px; top: 150px; visibility: hidden;">
+<table class="info">
+
+<tr>
+<td class="head"><span><?php echo $mlang_room['info_login'][$G_lang]; ?>:</span></td>
+<td class="ri b-right data"><span class="login_id"></span></td>
+<td class="head"><span><?php echo $mlang_room['info_status'][$G_lang]; ?>:</span></td>
+<td class="ri data"><span class="state_id"></span></td>
+</tr>
+
+<tr>
+<td class="head"><span><?php echo $mlang_room['info_guar'][$G_lang]; ?>:</span></td>
+<td class="ri b-right data"><span class="guar_id"></span></td>
+<td class="head"><span class="title" title="<?php echo $mlang_room['info_match_tit'][$G_lang]; ?>"><?php echo $mlang_room['info_match'][$G_lang]; ?>:</span></td>
+<td class="ri data"><span class="match_id"></span></td>
+</tr>
+
+<tr>
+<td class="head"><span class="title" title="<?php echo $mlang_room['info_party_tit'][$G_lang]; ?>"><?php echo $mlang_room['info_party'][$G_lang]; ?>:</span></td>
+<td class="ri b-right data"><span class="party_id"></span></td>
+<td class="head"><span class="title" title="<?php echo $mlang_room['info_game_tit'][$G_lang]; ?>"><?php echo $mlang_room['info_game'][$G_lang]; ?>:</span></td>
+<td class="ri data"><span class="game_id"></span></td>
+</tr>
+
+<tr class="widefriend_id">
+<td colspan="3" class="head"><span><?php echo $mlang_room['info_repfrie'][$G_lang]; ?>:</span></td>
+<td class="le data"><?php echo $mlang_room['info_skill'][$G_lang]; ?>: <span class="skill_id"></span></td>
+</tr>
+
+<tr class="widefriend_id"><td class="le info-opt data">Da evitare: <span class="black_id"></span></td>
+<td class="le info-opt data">In prova: <span class="test_id"></span></td>
+<td class="le info-opt data">Amico: <span class="friend_id"></span></td>
+<td class="le data">Fidato: <span class="bff_id"></span></td></tr>
+
+<tr class="narrowfriend_id">
+<td colspan="3" class="head"><span><?php echo $mlang_room['info_repbff'][$G_lang]; ?>:</span></td>
+<td class="le data"><?php echo $mlang_room['info_skill'][$G_lang]; ?>: <span class="skill_id"></span></td></tr>
+
+<tr class="narrowfriend_id"><td class="le info-opt data">Da evitare: <span class="black_id"></span></td>
+<td class="le info-opt data">In prova: <span class="test_id"></span></td>
+<td class="le info-opt data">Amico: <span class="friend_id"></span></td>
+<td class="le data">Fidato: <span class="bff_id"></span></td></tr>
+<tr><td class="le ri triple" colspan="3"><b><?php echo $mlang_room['info_frie'][$G_lang]; ?></b></td>
+<td class="le data triple">
+<input type="radio" name="friend" class="friend_id" value="black">
+<span class="friend_t_id" data-ffy-value="black">Da evitare</span>
+</td></tr>
+<tr>
+<td class="le info-opt data"><input type="radio" name="friend" class="friend_id" value="unknown">
+    <span class="friend_t_id" data-ffy-value="unknown">Sconosciuto</span></td>
+<td class="le info-opt data"><input type="radio" name="friend" class="friend_id" value="test">
+    <span class="friend_t_id" data-ffy-value="test">In prova</span></td>
+<td class="ri info-opt data"><input type="radio" name="friend" class="friend_id" value="friend">
+    <span class="friend_t_id" data-ffy-value="friend">Amico</span></td>
+<td class="ri info-opt data"><input type="radio" name="friend" class="friend_id" value="bff">
+    <span class="friend_t_id" data-ffy-value="bff">Amico fidato</span></td>
+</tr>
+<tr class="onlyifknown_gid">
+<td class="le head"><span><?php echo $mlang_room['info_skill'][$G_lang]; ?>:</span></td>
+<td class="data">
+    <table class="fiverank" style="margin: auto;">
+       <tr><td class="c1t"><span class="skill_t_id" data-ffy-value="1">1</span></td>
+           <td class="c2t"><span class="skill_t_id" data-ffy-value="2">2</span></td>
+           <td class="c3t"><span class="skill_t_id" data-ffy-value="3">3</span></td>
+           <td class="c4t"><span class="skill_t_id" data-ffy-value="4">4</span></td>
+           <td class="c5t"><span class="skill_t_id" data-ffy-value="5">5</span></td></tr>
+       <tr><td class="c1b"><input type="radio" name="skill" class="skill_id" value="1"></td>
+           <td class="c2b"><input type="radio" name="skill" class="skill_id" value="2"></td>
+           <td class="c3b"><input type="radio" name="skill" class="skill_id" value="3"></td>
+           <td class="c4b"><input type="radio" name="skill" class="skill_id" value="4"></td>
+           <td class="c5b"><input type="radio" name="skill" class="skill_id" value="5"></td>
+       </tr>
+    </table>
+</td>
+<td class="le"><b>Credibilità:</b></td>
+<td class="data">
+    <table class="fiverank" style="margin: auto;">
+       <tr><td class="c1t"><span class="trust_t_id" data-ffy-value="1">1</span></td>
+           <td class="c2t"><span class="trust_t_id" data-ffy-value="2">2</span></td>
+           <td class="c3t"><span class="trust_t_id" data-ffy-value="3">3</span></td>
+           <td class="c4t"><span class="trust_t_id" data-ffy-value="4">4</span></td>
+           <td class="c5t"><span class="trust_t_id" data-ffy-value="5">5</span></td></tr>
+       <tr><td class="c1b"><input type="radio" name="trust" class="trust_id" value="1"></td>
+           <td class="c2b"><input type="radio" name="trust" class="trust_id" value="2"></td>
+           <td class="c3b"><input type="radio" name="trust" class="trust_id" value="3"></td>
+           <td class="c4b"><input type="radio" name="trust" class="trust_id" value="4"></td>
+           <td class="c5b"><input type="radio" name="trust" class="trust_id" value="5"></td>
+       </tr>
+    </table>
+</td></tr>
+</table>
+<div style="position: absolute; bottom: 8px; margin: auto; width: 100%;">
+<input type="submit" class="input_sub" style="bottom: 4px;" onclick="$('info').style.visibility = 'hidden';" value="<?php echo $mlang_room['btn_close'][$G_lang]; ?>"/>
+<input type="submit" class="input_sub" style="bottom: 4px;" onclick="info_reset();" value="<?php echo $mlang_room['btn_reset'][$G_lang]; ?>"/>
+<input type="submit" class="input_sub" style="bottom: 4px;" onclick="info_save();" value="<?php echo $mlang_room['btn_save'][$G_lang]; ?>"/>
+</div>
+
+</div>
+
+
+
+<!-- PREFERENCES -->
 <div id="preferences" class="notify" style="z-index: 200; width: 600px; margin-left: -300px; height: 240px; top: 150px; visibility: hidden;">
 <div id="preferences_child" style="border-bottom: 1px solid gray; overflow: auto; height: 370px;">
 
@@ -1370,19 +1506,13 @@ type="submit" class="button" onclick="this.form.elements['realsub'].value = 'chi
 <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">
+<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">
+<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">
+<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>
@@ -1433,7 +1563,7 @@ type="submit" class="button" onclick="this.form.elements['realsub'].value = 'chi
    <span id="list_all"><?php echo $mlang_room['suppcomp_b'][$G_lang];?></span></td>
 </tr>
 <tr><td colspan="4" style="text-align: center;">
-<img id="s_img" class="nobo" src="img/noimg.png">
+<img id="s_imgxx" class="nobo" src="img/noimg.png">
 </td></tr>
 </table>
 </div>
@@ -1460,11 +1590,101 @@ type="submit" class="button" onclick="this.form.elements['realsub'].value = 'chi
 </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_reset();" value="<?php echo $mlang_room['btn_prefs_reset'][$G_lang]; ?>"/>
-<input type="submit" class="input_sub" style="bottom: 4px;" onclick="prefs_save();" value="<?php echo $mlang_room['btn_prefs_save'][$G_lang]; ?>"/>
+<input type="submit" class="input_sub" style="bottom: 4px;" onclick="$('preferences').style.visibility = 'hidden';" value="<?php echo $mlang_room['btn_close'][$G_lang]; ?>"/>
+<input type="submit" class="input_sub" style="bottom: 4px;" onclick="prefs_reset();" value="<?php echo $mlang_room['btn_reset'][$G_lang]; ?>"/>
+<input type="submit" class="input_sub" style="bottom: 4px;" onclick="prefs_save();" value="<?php echo $mlang_room['btn_save'][$G_lang]; ?>"/>
 </div>
+</div> <!-- end preferences -->
+
+
+
+
+<!-- PREFSF -->
+<div id="prefsf" class="notify" style="z-index: 200; width: 600px; margin-left: -300px; height: 240px; top: 150px; visibility: hidden;">
+<div id="prefsf_child" style="background-color: text-align: left; border-bottom: 1px solid gray; overflow: auto; height: 370px;">
+      <h4 style="text-align: left;"><?php echo $mlang_room['tit_prefs'][$G_lang]; ?> <img style="border: 0px; position: relative;" id="prefsf-status-flag" src="img/light-none.png"></h4>
+<table style="text-align: center; margin: auto; border-collapse: collapse;"><tr><td style="vertical-align: top;">
+<tr><td style="vertical-align: top; border: 1px solid black; border-width: 1px 0px 1px 0px;">
+<!--#
+    #  LISTEN
+    #-->
+<table><tr><td>
+     <span style="font-weight: bold;"><?php echo $mlang_room['itm_list'][$G_lang];?>:</span>
+</td></tr>
+<tr><td>
+<input class="listen_id" style="vertical-align: bottom;" type="radio" name="listen" value="0" title="<?php echo $mlang_room['listall_desc'][$G_lang];?>">
+<span class="listen_t_id" data-ffy-value="0"><?php echo $mlang_room['tit_listall'][$G_lang];?></span>
+</td></tr><tr><td>
+<input class="listen_id" style="vertical-align: bottom;" type="radio" name="listen" value="1" title="<?php echo $mlang_room['listaut_desc'][$G_lang];?>">
+<span class="listen_t_id" data-ffy-value="1"><?php echo $mlang_room['tit_listaut'][$G_lang];?></span>
+</td></tr><tr><td>
+<input class="listen_id" style="vertical-align: bottom;" type="radio" name="listen" value="2" title="<?php echo $mlang_room['listisol_desc'][$G_lang];?>">
+<span class="listen_t_id" data-ffy-value="2"><?php echo $mlang_room['tit_listisol'][$G_lang];?></span>
+</td></tr>
+</table>
+</td>
+<?php
+    if ($user->is_supp_custom()) {
+?>
+<td style="vertical-align: top; border: 1px solid black; border-width: 1px 0px 1px 1px;"">
+<!--#
+    #  SUPPORTER ONLY
+    #-->
+<table>
+<tr><td colspan="4">
+<span style="font-weight: bold;"><?php echo $mlang_room['suppcomp_tit'][$G_lang];?>:
+</span></td></tr>
+<tr class="fg_id"><td style="border: 0px solid black; border-width: 0px 0px 1px 0px;">
+<span style="font-weight: bold;"><?php echo $mlang_room['suppcomp_fg'][$G_lang];?>:</span>
+</td><td style="border: 0px solid black; border-width: 0px 0px 1px 0px;">
+<input class="r_id fg_r" style="width: 3em;" type="text" maxlength="3" size="3" 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 style="border: 0px solid black; border-width: 0px 0px 1px 0px;">
+<input class="g_id fg_g" style="width: 3em;" type="text" maxlength="3" size="3" 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 style="border: 0px solid black; border-width: 0px 0px 1px 0px;">
+<input class="b_id fg_b" style="width: 3em;" type="text" maxlength="3" size="3" 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 class="bg_id"><td>
+<span style="font-weight: bold;">
+<?php echo $mlang_room['suppcomp_bg'][$G_lang];?>:</span>
+</td><td>
+<input class="r_id bg_r" style="width: 3em;" type="text" maxlength="3" size="3" 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 class="g_id bg_g" style="width: 3em;" type="text" maxlength="3" size="3" 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 class="b_id bg_b" style="width: 3em;" type="text" maxlength="3" size="3" 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" style="text-align: center;">
+<img id="s_img" class="nobo" src="img/noimg.png">
+</td></tr>
+</table>
+</td></tr></table>
+<?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="g_prefsf.close();" value="<?php echo $mlang_room['btn_close'][$G_lang]; ?>"/>
+<input type="submit" class="input_sub" style="bottom: 4px;" onclick="g_prefsf.reset();" value="<?php echo $mlang_room['btn_reset'][$G_lang]; ?>"/>
+<input type="submit" class="input_sub" style="bottom: 4px;" onclick="g_prefsf.save(); /* Fieldify.save(null, g_prefsf.dom_elements[0]); */" value="<?php echo $mlang_room['btn_save'][$G_lang]; ?>"/>
+</div>
+</div> <!-- end prefsf -->
+
 <script language="JavaScript">
 <!--
 cookie_law(null);