source: spip-zone/_plugins_/chatbox2/inclure/chatbox2.html @ 112467

Last change on this file since 112467 was 112467, checked in by pierre.troller@…, 2 years ago

ajaxer la liste des auteurs et css par ci par là...

File size: 3.4 KB
Line 
1#CACHE{0}
2
3        #SET{dests,#ARRAY}
4
5<B_auteurs>
6
7<div class="pano_auteurs">
8#ANCRE_PAGINATION
9<BOUCLE_auteurs(AUTEURS){tout}{id_auteur !IN #SESSION{id_auteur}}{pagination 13}>
10        #SET{logo_auteur,""}
11        #SET{nom_auteur,""}
12        #SET{logo_auteur,#MODELE{gravatar}|image_reduire{24}}   
13        [(#ID_AUTEUR|=={#SESSION{id_auteur}}|?{#SET{nom_auteur,Me},#SET{nom_auteur,#NOM}})]     
14        #SET{to,#ID_AUTEUR}
15        #SET{dests,#GET{dests}|push{#ID_AUTEUR}}
16        <button class="openChat" id="open-boxAuteur_#ID_AUTEUR" title="Chat with #INFO_NOM{auteur,#ID_AUTEUR}">
17        [(#GET{logo_auteur})][<span class="openChatNom">(#NOM|couper{6}|ucfirst)</span>]
18        [(#EN_LIGNE|affdate_jourcourt|=={#ENV{date}|affdate_jourcourt}|oui)<div class="openChatDate">[(#EN_LIGNE|heures)h][(#EN_LIGNE|minutes) ] <i class="fa fa-plug green" aria-hidden="true"></i></div>]
19        [(#EN_LIGNE|affdate_jourcourt|=={#ENV{date}|affdate_jourcourt}|non)<div class="openChatDate">[(#EN_LIGNE|affdate_jourcourt)]</div>]
20        </button>
21
22        [(#REM) ////////////////////////////////////////////////////////////////////////////// la chatbox /////////////////////////////////////////////////////////////////////////////////]
23
24        <div class="chatbox2" id="ChatboxAuteur_#ID_AUTEUR" style="[margin-right:(#COMPTEUR_BOUCLE|mult{40})px;]">
25
26        <div id="Chat-header_#ID_AUTEUR" class="chat-header">
27        <div class="auteur_infos" id="auteur_infos_#ID_AUTEUR"><a href="#URL_AUTEUR">[(#GET{logo_auteur})] [(#NOM)]</a></div>
28        <div class="close-chat" id="close-boxAuteur_#ID_AUTEUR"><i class="fa fa-times"></i></div>
29[(#REM) <div class="creer-groupe" id="creer-groupe_#ID_AUTEUR"><i class="fa fa-users"></i></div>
30        <div class="config-chat" id="config-chat_#ID_AUTEUR"><i class="fa fa-cog"></i></div>]
31        </div>
32
33        <div class="Chat-corps">
34        #FORMULAIRE_EDITER_MESSAGE_CHAT{#ENV{id_message,new},#ENV{typemes,chat},'','oui',#GET{to,''},#ENV{subject,chat},#ENV{texte,''}}
35        </div>
36
37        </div>[(#REM)Chatbox2]
38
39
40
41
42<script>
43(function($, window) {
44$("#open-boxAuteur_#ID_AUTEUR").click(function () {
45        $('#ChatboxAuteur_#ID_AUTEUR').addClass('Chat-box-on');
46        Cookies.set('ChatboxAuteur_#ID_AUTEUR', 'Chat-box-on'); 
47
48
49
50             });
51$('#close-boxAuteur_#ID_AUTEUR').click(function () {
52        $('#ChatboxAuteur_#ID_AUTEUR').removeClass('Chat-box-on');
53        Cookies.remove('ChatboxAuteur_#ID_AUTEUR');
54        Cookies.remove('ChatboxPosition-#ChatboxAuteur_#ID_AUTEUR');
55              });
56        var chatvisibilite=Cookies.get('ChatboxAuteur_#ID_AUTEUR'); 
57        $('#ChatboxAuteur_#ID_AUTEUR').addClass(chatvisibilite); 
58
59$(document).ready(function(){
60      if ($.cookie('ChatboxPosition-#ChatboxAuteur_#ID_AUTEUR')) {
61            var coords = $.cookie('ChatboxPosition-#ChatboxAuteur_#ID_AUTEUR').split(',');
62      } else {
63        //var coords = $('#ChatboxAuteur_#ID_AUTEUR').offSet();
64        var coords = "";
65      }
66     $('#ChatboxAuteur_#ID_AUTEUR').css({top:coords[0],left:coords[1]});
67});
68
69$('#ChatboxAuteur_#ID_AUTEUR').draggable({
70        stop: function(event, ui) {
71        $.cookie('ChatboxPosition-#ChatboxAuteur_#ID_AUTEUR',$('#ChatboxAuteur_#ID_AUTEUR').css('top')+','+$('#ChatboxAuteur_#ID_AUTEUR').css('left'));
72        }
73 });
74$('#ChatboxAuteur_#ID_AUTEUR').draggable({ cancel: '.Chat-corps' }); 
75$("#contenu_chatbox2_#ID_AUTEUR").animate({ scrollTop: $(document).height() }, "slow");
76         return false;
77
78})(jQuery, window);
79</script>
80
81</BOUCLE_auteurs>
82[<p class='pagination'>(#PAGINATION{page})</p>]
83</div>
84</B_auteurs>
Note: See TracBrowser for help on using the repository browser.