Changeset 112529 in spip-zone


Ignore:
Timestamp:
Nov 26, 2018, 1:42:45 PM (7 weeks ago)
Author:
pierre.troller@…
Message:

css et debug jquery scroll

Location:
_plugins_/chatbox2
Files:
8 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/chatbox2/chatbox2_autorisations.php

    r112334 r112529  
    77 * @author     Ptroll
    88 * @licence    GNU/GPL
    9  * @package    SPIP\Whatspip\Autorisations
     9 * @package    SPIP\Chatbox2\Autorisations
    1010 */
    1111
  • _plugins_/chatbox2/chatbox2_fonctions.php

    r112334 r112529  
    77 * @author     Ptroll
    88 * @licence    GNU/GPL
    9  * @package    SPIP\Whatspip\Fonctions
     9 * @package    SPIP\Chatbox2\Fonctions
    1010 */
    1111
  • _plugins_/chatbox2/chatbox2_options.php

    r112334 r112529  
    77 * @author     Ptroll
    88 * @licence    GNU/GPL
    9  * @package    SPIP\Whatspip\Options
     9 * @package    SPIP\Chatbox2\Options
    1010 */
    1111
  • _plugins_/chatbox2/css/chatbox2.css

    r112523 r112529  
    11.pano_auteurs {
    2 position:fixed;
    3 right:10px;
    4 top:30px;
    5 width:180px;
    6 line-height:1.8em!important;
    7 padding: 0;
     2        position: fixed;
     3        right:10px;
     4        top:30px;
     5        width:180px;
     6        line-height:1.8em;
     7        padding: 0;
    88}
    99.pano_auteurs p.pagination {
    10 margin:0;
    11 margin-top: 5px;
     10        margin: 0;
     11        margin-top: 5px;
    1212}
    1313.pano_auteurs p.pagination ul li {
    14 padding: 0;
    15 height:1.5em;
    16 }
    17 
    18  button.openChat {
     14        padding: 0;
     15        height: 1.5em;
     16}
     17button.openChat {
    1918     clear:both;
    2019     width:100%;
    2120     text-align:left;
    2221     background-color:rgba(71, 72, 114, 0.8);
    23      height:1.8em!important;
    24 /*     line-height:1.8em!important;*/
     22     height:1.8em;
    2523     padding: 2px 3px 0 2px;
    26      letter-spacing:0;
    27 }
    28  button.openChat:hover {
    29 background-color: rgba(39, 40, 79, 0.8);
     24     letter-spacing: 0;
     25}
     26button.openChat:hover {
     27        background-color: rgba(39, 40, 79, 0.8);
    3028}
    3129.openChatNom {
    32 font-weight: 600;
    33 font-size: 13px;
     30        font-weight: 600;
     31        font-size: 13px;
    3432}
    3533.openChatDate  {
    36 float: right;
    37 font-size: 12px;
    38 }
    39  .openChat .avatar {
    40      float:left;
    41      margin-right: 0.2em;
    42 margin: 1px;
    43 }
    44 
    45  .chatbox2 {
    46      position:fixed;
    47      background:#fff;
    48      width:250px;
    49      min-height:205px;
    50      max-height:410px;
    51      overflow:hidden;
    52      bottom:0px;
    53      right:15px;
    54      border:none;
    55      border-radius:5px 5px 0 0;
    56      -webkit-box-shadow:0 10px 50px 0 rgba(0,0,0,0.25);
     34        float: right;
     35        font-size: 12px;
     36}
     37.openChat .avatar {
     38        float:left;
     39        margin-right: 0.2em;
     40        margin: 1px;
     41}
     42.chatbox2 {
     43        position: fixed;
     44        background: #fff;
     45        width: 250px;
     46        min-height: 205px;
     47        max-height: 410px;
     48        overflow:hidden;
     49        bottom:0px;
     50        right:15px;
     51        border: none;
     52        border-radius: 5px 5px 0 0;
     53        -webkit-box-shadow:0 10px 50px 0 rgba(0,0,0,0.25);
    5754    -moz-box-shadow:0 10px 50px 0 rgba(0,0,0,0.25);
    5855    box-shadow:0 10px 50px 0 rgba(0,0,0,0.25);
    59      display:none;
    60      margin:0;
    61      padding:0;
    62      z-index:1000;
    63 }
    64 
    65   .chat-header {
    66      margin:0 auto;
     56        display: none;
     57        margin: 0;
     58        padding: 0;
     59}
     60.chat-header {
     61     margin: 0 auto;
    6762     padding: 5px 0;
    68      height:33px;
    69      font-size:15px;
    70      font-weight:600;
    71      color:#fff;
     63     height: 33px;
     64     font-size: 15px;
     65     font-weight: 600;
     66     color: #fff;
    7267     cursor: move;
    7368     background-color: rgba(52, 53, 90, 0.8);
    74    box-shadow: 0px 15px 15px -15px #000;
     69        box-shadow: 0px 15px 15px -15px #000;
    7570}
    7671
     
    8075
    8176.chat-header .auteur_infos {
    82     display:block;
    83     float:left;
    84     padding:0;
    85     margin:0 0.1em;
     77    display: block;
     78    float: left;
     79    padding: 0;
     80    margin: 0 0.1em;
    8681}
    8782
    8883.chat-header .avatar {
    89      float:left;
     84     float: left;
    9085     margin: 0 4px 0 0;
    91      border:1px solid #ccc;
    92 }
    93 
    94 
     86     border: 1px solid #ccc;
     87}
    9588 .infos_chat {
    96      color:#333;
    97      line-height:1em;
    98      height:1.1em;
    99      margin:0;
    100      padding:0 1em;
    101      text-align:right;
     89     color: #333;
     90     line-height: 1em;
     91     height: 1.1em;
     92     margin: 0;
     93     padding: 0 1em;
     94     text-align: right;
    10295     background: transparent;
    10396}
    10497
    10598.Chat-corps {
    106 text-decoration:none;
    107 display:block;
    108 height:100%;
    109 width:100%;
    110 padding: 0;margin: 0;
    111 text-align:left;
     99        text-decoration: none;
     100        display:block;
     101        height: 100%;
     102        width: 100%;
     103        padding: 0;
     104        margin: 0;
     105        text-align: left;
    112106}
    113107
    114108 .config-chat, .creer-groupe, .close-chat {
    115     float:right;
    116    margin-top:0;
    117    text-align:right;
    118     margin-right:10px;
    119     cursor:pointer;
    120     width:24px;
    121     height:24px;
    122     line-height:1.4em;
    123     color:#fff;
    124     opacity:.9;
     109    float: right;
     110   margin-top: 0;
     111   text-align: right;
     112        margin-right:10px;
     113    cursor: pointer;
     114    width: 24px;
     115    height: 24px;
     116    line-height: 1.4em;
     117    color: #fff;
     118    opacity: .9;
    125119}
    126120
    127121 .config-chat, .creer-groupe {
    128     margin-right:0px;
    129 }
    130  .close-chatt:hover {
     122    margin-right: 0px;
     123}
     124 .close-chatt: hover {
    131125    opacity:1
    132126}
    133127 .Chat-box-on {
    134     display:block!important;
     128    display: block;
    135129}
    136130 .remove-chat {
     
    139133    left: -4px;
    140134    display: inline-block;
    141     font-family: 'Glyphicons Halflings';
    142135    font-style: normal;
    143136    font-weight: 400;
     
    147140}
    148141
    149 
     142/*//////////////////////////////////////////////////////*/
     143.contenu_chatbox2 {
     144        position: relative;
     145        max-height: 300px;
     146        min-height: 150px;
     147        width: 100%;
     148        overflow: auto;
     149    }
     150.formulaire_editer_message_chat label[for='texte'] {
     151    display: none
     152    }
     153.formulaire_editer_message_chat .cs_blocs {
     154    padding: 0;
     155    margin: 0;
     156    }
     157.formulaire_editer_message_chat h4.cs_done {
     158    padding: 0;
     159    margin: 0;
     160    }
     161.formulaire_editer_message_chat form {
     162    padding: 0;
     163    margin: 0;
     164    }
     165.no_message{
     166    text-align: center;
     167    color: #333;
     168    letter-spacing: 0;
     169    }
     170.formulaire_editer_message_chat .editer_destinataires,
     171.formulaire_editer_message_chat .editer_titre,
     172.formulaire_editer_message_chat .editer_antispam {
     173    position: absolute;
     174    top: -2000px;
     175    }
     176.formulaire_editer_message_chat textarea {
     177    padding: 0.35em 0 0.15em 0.3em;
     178    line-height: 1.2em;
     179    min-height: 1.2em;
     180    font-size: 14px;
     181    border: 1px solid #ccc;
     182    color: #333;
     183    }
     184table.formulaire_chat {width:100%;background:transparent;border-collapse: collapse;border:0;font-weight:normal;margin:3px 0}
     185table.formulaire_chat tr, table.formulaire_chat td {border: 0;padding: 0;vertical-align: top;line-height: 1.2em;}
     186table.formulaire_chat td.tdsubmit {width: 30px;padding: 0 1px}
     187td.tdCamera {
     188    width: 27px;
     189    }
     190.camera {
     191    position: relative;
     192    }
     193.camera i {
     194    position: absolute;
     195    left: 4px;
     196    top: 5px;
     197    z-index: -1;
     198    color: rgba(52, 53, 90, 0.8);
     199    }
     200.formulaire_editer_message_chat,    .formulaire_editer_message_chat form {
     201    padding: 0;
     202        margin: 0;
     203    }
     204.formulaire_editer_message_chat button.send {
     205        font-size: 13px;
     206    width: 100%;
     207    border-radius: 3px;
     208    outline: none;
     209    padding: 5px 11px;
     210        height: 28px;
     211    background-color: rgba(52, 53, 90, 0.8);
     212    }
     213.formulaire_editer_message_chat .send:hover,btn-default:hover{
     214    color: #fff;
     215    border: #00b0ff
     216    }
     217.smileys  {
     218    display: block;
     219    }
  • _plugins_/chatbox2/formulaires/editer_message_chat.html

    r112523 r112529  
    1 <style>
    2     .contenu_chatbox2 {
    3          position:relative;
    4          max-height: 300px;
    5          min-height: 150px;
    6          width:100%;
    7          overflow:auto;
    8     }
    9     .formulaire_editer_message_chat label[for='texte'] {
    10     display:none
    11     }
    12     .formulaire_editer_message_chat .cs_blocs {
    13     padding:0;
    14     margin:0;
    15     }
    16     .formulaire_editer_message_chat h4.cs_done {
    17     padding:0;
    18     margin:0;
    19     }
    20     .formulaire_editer_message_chat form {
    21     padding:0;
    22     margin:0;
    23     }
    24     .no_message{
    25     text-align:center;
    26     color:#333;
    27     letter-spacing:0;
    28     }
    29     .formulaire_editer_message_chat .editer_destinataires,
    30     .formulaire_editer_message_chat .editer_titre,
    31     .formulaire_editer_message_chat .editer_antispam {
    32     position:absolute;
    33     top:-2000px;
    34     }
    35     .formulaire_editer_message_chat textarea {
    36     padding:0.35em 0 0.15em 0.3em;
    37     line-height:1.2em;
    38     min-height:1.2em;
    39     font-size:0.95em;
    40     border:1px solid #ccc;
    41     color:#333;
    42     }
    43     table.formulaire_chat {width:100%;background:transparent;border-collapse: collapse;border:0;font-weight:normal;margin:0;}
    44     table.formulaire_chat tr, table.formulaire_chat td {border:0;padding:0;vertical-align:top;line-height:1.2em;}
    45     table.formulaire_chat td.tdsubmit {
    46     width:30px;
    47     font-size:1em;
    48     padding-right:1px:
    49     }
    50     td.tdCamera {
    51     width:33px;
    52     }
    53     .camera {
    54     position:relative;
    55     }
    56     .camera i {
    57     position:absolute;
    58     left:10px;
    59     top:5px;
    60     z-index:-1;
    61     color:rgba(52, 53, 90, 0.8);
    62     }
    63     .formulaire_editer_message_chat,    .formulaire_editer_message_chat form {
    64     padding:0;margin:0;
    65     }
    66     .formulaire_editer_message_chat button.send {
    67     width:100%;
    68     border-radius:3px;
    69     outline:none;
    70     padding: 0.35em 0.8em;
    71     height: 1.85em;
    72     background-color: rgba(52, 53, 90, 0.8);
    73     }
    74     .formulaire_editer_message_chat .send:hover,btn-default:hover{
    75     color:#fff;
    76     border:#00b0ff
    77     }
    78     .smileys  {
    79     display:block;
    80     }
    81 </style>
    821
    83         #SET{dests,#ARRAY}
    84         <BOUCLE_d(POUR){tableau #ENV{destinataires}}>
    85           #SET{dests,#GET{dests}|push{#VALEUR}}
     2                #SET{dests,#ARRAY}
     3                <BOUCLE_d(POUR){tableau #ENV{destinataires}}>
     4                #SET{dests,#GET{dests}|push{#VALEUR}}
    865        </BOUCLE_d>
    876
    88     <div class="ajax formulaire_spip formulaire_editer formulaire_#FORM formulaire_#FORM-#ENV{id,nouveau}" id="#formulaire_chatbox_[(#GET{dests}|implode{''})]">
     7                <div class="ajax formulaire_spip formulaire_editer formulaire_#FORM formulaire_#FORM-#ENV{id,nouveau}" id="#formulaire_chatbox_[(#GET{dests}|implode{''})]">
    898
    90         <div class="contenu_chatbox2" id="contenu_chatbox2_[(#GET{dests}|implode{''})]">
     9                <div class="contenu_chatbox2" id="contenu_chatbox2_[(#GET{dests}|implode{''})]">
    9110            #INCLURE{fond=inc-chatbox,dests=#GET{dests}|implode{","}}
    9211        </div>
    93 
    94         [(#REM)[(#ENV**{message_ok}|oui)
    95         <p class="reponse_formulaire reponse_formulaire_ok">
    96             <:organiseur_public:info_1_message_envoye:>
    97         </p>
    98         ]] [
    99 
    100         <p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
    10112
    10213        <form method='post' action='#ENV{action}'>
    10314            <div>
    10415                [(#REM) declarer les hidden qui declencheront le service du formulaire parametre : url d'action ]
    105          #ACTION_FORMULAIRE
    106         #SET{fl,chatbox2}
    107 
    108                <div class="editer-groupe" style="padding:0;margin:0;">
    109                     [(#ENV{_destiner}|oui) #SET{name,destinataires}#SET{obli,'obligatoire'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     16                                #ACTION_FORMULAIRE
     17             <div class="editer-groupe" style="padding:0;margin:0;">
     18                    [(#ENV{_destiner}|oui)
     19                                         #SET{name,destinataires}#SET{obli,'obligatoire'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
    11020                    <div class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
    111                         <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)] </label>
    112                 #INCLURE{fond=formulaires/inc-destinataires-message,name=#GET{name},env}
     21                                        #INCLURE{fond=formulaires/inc-destinataires-message,name=#GET{name},env}
    11322                    </div>
    11423                    ]
    115                 #SET{name,titre}#SET{obli,'obligatoire'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
    116                     <div class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
    117                         <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
    118                         <span class='erreur_message'>(#GET{erreurs})</span> ] [(#REM)titre]
    119                         <input type="text" class="text" name="#GET{name}" value="#ENV*{#GET{name}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required="required" ] />
    120                     </div>
    121                 #SET{name,texte}#SET{obli,'obligatoire'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     24                                        #SET{name,titre}#SET{obli,'obligatoire'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     25                                        <input type="hidden" class="text" name="#GET{name}" value="#ENV*{#GET{name}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required="required" ] />
     26 
     27                                        #SET{name,texte}#SET{obli,'obligatoire'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
    12228
    123                  #SET{form_id, textarea_#GET{dests}|implode{"_"}}
     29                                        #SET{form_id, textarea_#GET{dests}|implode{"_"}}
    12430                        <table class="formulaire_chat">
    12531                            <tr>
     
    12935                                </td>
    13036                                <td>
    131                                     <textarea placeholder="chat..." name="#GET{name}" class="no_barre" style="" id="#GET{form_id}"></textarea>
     37                                    <textarea placeholder="chat..." name="#GET{name}" class="no_barre" id="#GET{form_id}"></textarea>
    13238                                </td>
    13339                                <td class="tdsubmit">
     
    13642                            </tr>
    13743                        </table>
     44
    13845                        <script type="text/javascript">
    13946                            (function($, window) {
     
    15663                        </script>
    15764 
    158 
    15965                    [(#REM) Piege a robots spammeurs ] #SET{name,antispam}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
    16066                    <div class="editer none editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
  • _plugins_/chatbox2/inc-chatbox.html

    r112523 r112529  
    22
    33<style>
    4 
    54 div.message_chatbox {
    6      display:bock;
    7      clear:both;
    8      margin: 0;
    9      padding: 0;
    10      line-height:1.1em;
    11      font-weight:400;
    12      color:#333;
    13      font-family: Helvetica, Arial, sans-serif;
    14      letter-spacing:0;
    15     margin-bottom:0.3em
    16 
     5        display: bock;
     6        clear: both;
     7        width: 98%;
     8        margin: 2px auto;
     9        line-height: 1.1em;
     10        font-weight: 400;
     11        color: #333;
     12        font-family: Helvetica, Arial, sans-serif;
     13        letter-spacing: 0;
    1714}
    1815 .message_chatbox .avatar {
    19      float: left;
    20      margin: 0 1px 1px 1px;
    21      border:1px solid #ccc;
     16        float: left;
     17        position: relative;
     18        margin: 0 3px 1px 0;
     19        border: 1px solid #ccc;
    2220}
    2321 .message_chatbox abbr {
    24      color: #333;
    25      display: block;
    26      float: left;
    27      margin:0;
    28      margin-right:0.4em;
    29      margin-top:4px;
    30     font-size:11px;   
    31     letter-spacing:0;
    32    line-height:0.9em;
     22        color: #333;
     23        display: block;
     24        float: left;
     25        margin: 0;
     26        margin-right: 0.4em;
     27        margin-top: 4px;
     28    font-size: 11px;   
     29    letter-spacing: 0;
     30        line-height: 0.9em;
    3331}
    3432.texte_message {
    35 line-height:1.25em;
    36 font-size: 13px;
    37 padding:0;
    38 margin:0;
     33        position: relative;
     34        top: -3px;
     35        line-height: 1.25em;
     36        font-size: 13px;
     37        padding: 0;
     38        margin: 0;
     39        overflow-wrap: break-word;
    3940}
    4041 </style>
     
    6364
    6465<div class="message_chatbox">
    65 [(#GET{logo_auteur}) ]
     66[(#GET{logo_auteur})]
     67[ (#GET{aujourdhui}|=={#DATE_HEURE|affdate{d-m-Y}}|?{
     68        [<abbr title="[(#DATE_HEURE|date_iso)]">(#DATE_HEURE|affdate{H:i})</abbr>]
     69,
     70        [<abbr title="[(#DATE_HEURE|date_iso)]">(#DATE_HEURE|affdate{d-m H:i})</abbr>]
     71})]
    6672
    67 [ (#GET{aujourdhui}|=={#DATE_HEURE|affdate{d-m-Y}}|?{' '})
    68         [<abbr title="[(#DATE_HEURE|date_iso)]">(#DATE_HEURE|affdate{H:i})</abbr>]
    69 ]
    70 [ (#GET{aujourdhui}|=={#DATE_HEURE|affdate{d-m-Y}}|?{'', ' '})
    71         [<abbr title="[(#DATE_HEURE|date_iso)]">(#DATE_HEURE|affdate{d-m H:i})</abbr>]
    72 ]
    73 <span class="texte_message">[(#REM)*|htmlspecialchars][(#TEXTE*|liens_orphelins_actifs)]</span>
     73<span class="texte_message">[(#TEXTE*|htmlspecialchars|liens_orphelins_actifs)]</span>
    7474</div>
    7575</BOUCLE_messages>
  • _plugins_/chatbox2/inclure/chatbox2.html

    r112523 r112529  
    2121        <div class="auteur_infos" id="auteur_infos_#ID_AUTEUR"><a href="#URL_AUTEUR">[(#PLUGIN{gravatar}|oui)[(#MODELE{gravatar}|image_reduire{24})]] [(#NOM)]</a></div>
    2222        <div class="close-chat" id="close-boxAuteur_#ID_AUTEUR"><i class="fa fa-times"></i></div>
    23 [(#REM) <div class="creer-groupe" id="creer-groupe_#ID_AUTEUR"><i class="fa fa-users"></i></div>
    24         <div class="config-chat" id="config-chat_#ID_AUTEUR"><i class="fa fa-cog"></i></div>]
     23        <div class="creer-groupe" id="creer-groupe_#ID_AUTEUR"><i class="fa fa-users"></i></div>
     24[(#REM) <div class="config-chat" id="config-chat_#ID_AUTEUR"><i class="fa fa-cog"></i></div>]
    2525        </div>
    2626
     
    3636        $('#ChatboxAuteur_#ID_AUTEUR').addClass('Chat-box-on');
    3737        Cookies.set('ChatboxAuteur_#ID_AUTEUR', 'Chat-box-on');
    38 
    39 
    40 
     38        $("#contenu_chatbox2_#ID_AUTEUR").animate({ scrollTop: $(document).height() }, "slow");
    4139             });
    42 $('#close-boxAuteur_#ID_AUTEUR').click(function () {
     40        $('#close-boxAuteur_#ID_AUTEUR').click(function () {
    4341        $('#ChatboxAuteur_#ID_AUTEUR').removeClass('Chat-box-on');
    4442        Cookies.remove('ChatboxAuteur_#ID_AUTEUR');
     
    6462 });
    6563$('#ChatboxAuteur_#ID_AUTEUR').draggable({ cancel: '.Chat-corps' });
    66 $("#contenu_chatbox2_#ID_AUTEUR").animate({ scrollTop: $(document).height() }, "slow");
    67          return false;
    68 
    6964})(jQuery, window);
    7065</script>
  • _plugins_/chatbox2/prive/squelettes/contenu/configurer_chatbox2.html

    r112334 r112529  
    44
    55<div class="ajax">
    6         #FORMULAIRE_CONFIGURER_WHATSPIP
     6        #FORMULAIRE_CONFIGURER_Chatbox2
    77</div>
Note: See TracChangeset for help on using the changeset viewer.