//------------------------------------------------- // ouvre ferme le menu //------------------------------------------------- var hauteurMenu; var MenuOpen = false; //var tailleMenu=380; $('.icon-toggle').mouseup(function(){ if (!MenuOpen){ openMenu(); //Ferme le menu trafic si il est ouvert if(hasClassName("menuTrafic", "Open")) { optionAffiche = false;//menu fermé changeClasses("menuTrafic", "Open", "Close"); } }else { closeMenu(); MenuOpen = false;//le menu est fermé } }); function openMenu() { //change l'image du bouton if(hasClassName("js-nav-wrap", "is-collapsed")) { changeClasses("js-nav-wrap", "is-collapsed", "is-expanded"); } MenuOpen = true;//le menu est ouvert } function closeMenu() { //change l'image du bouton if(hasClassName("js-nav-wrap", "is-expanded")) { changeClasses("js-nav-wrap", "is-expanded", "is-collapsed"); } MenuOpen = false;//le menu est ouvert } function closeMenuAuto() { //change l'image du bouton if(hasClassName("js-nav-wrap", "is-expanded")) { changeClasses("js-nav-wrap", "is-expanded", "is-collapsed"); } MenuOpen = false;//le menu est ouvert if(document.getElementById("js-nav-header")) { var menu = document.getElementById("js-nav-header"); menu.style.transform = "translateY(-"+hauteurMenu+"px)"; } } //------------------------------------------------- /* $('.display-name').mouseup(function(){ close2(); MenuOpen = false;//le menu est fermé }); function close2(b,c){ //change l'image du bouton $('#js-nav-wrap').removeClass("is-expanded"); $('#js-nav-wrap').addClass("is-collapsed"); }; */ visioMenu.ui=function(b,h) { return{ headerMain:null, init:function(){ var a=visioMenu.ui.isMobilePage(); this.headerMain=b("#js-header-main"); 1024>=window.innerWidth&&(visioMenu.user.isMobile()&&b("body").hasClass("reboot"))&&(b("body").hasClass("needs-relative-header")||this.headerMain.css("position","absolute")); this.nav.init() }, isMobilePage:function(){ return 767>window.screen.width alert(window.screen.width); }, nav:{ navWrap:null, headerNav:null, navList:null, toggleNav:null, toggleIcon:null, init:function(){ this.navWrap=b("#js-nav-wrap"); this.headerNav=b("#js-nav-header"); this.navList=b("#js-nav-list"); this.toggleNav=b("#js-toggle-nav"); this.toggleIcon=b("#js-icon-toggle-nav"); visioMenu.ui.adapt("screen and (max-width: 767px)",b.proxy(this.handleMql,this),b.proxy(this.handleResize,this)); }, handleMql:function(a){ a.matches&&b("body").hasClass("reboot")?this.mobify():this.desktopify() }, handleResize:function(){ 767>(window.innerWidth||document.documentElement.clientWidth)&&b("body").hasClass("reboot")?this.mobify():this.desktopify() }, mobify:function(){ var a=this,g,c,e,d; a.navWrap.removeClass("is-expanded").addClass("is-collapsed"); g=this.headerNav.height(); c=this.toggleNav.height(); //alert(g+' - '+c); //e=g-32; e=78; e2=(g*3)+c; hauteurMenu=e2; d=function(b,c){ Modernizr.csstransforms&&Modernizr.csstransitions?(a.headerNav.css({"-webkit-transition":"-webkit-transform "+b,"-moz-transition":"-moz-transform "+b,"-ms-transition":"-ms-transform "+b,"-o-transition":"-o-transform "+b,transition:"transform "+b,"-webkit-transform":c,"-moz-transform":c,"-ms-transform":c,"-o-transform":c,transform:c})):a.headerNav.slideToggle() }; d(".5s ease-in 0s, background-color .5s ease-in 0s","translateY(-"+e2+"px)"); a.toggleIcon.unbind(".ui").bind("click.ui",function(){ if (!MenuOpen){ //ferme le menu d(".5s ease-in 0s, background-color .5s ease-in 0s","translateY(-"+e2+"px)"); }else { //ouvre le menu d(".5s ease-in 0s, background-color .5s ease-in 0s","translateY("+e+"px)"); } }) }, desktopify:function(){ var a=this; a.navWrap.removeClass("is-collapsed is-expanded"); this.headerNav.attr("style",""); this.toggleNav.unbind("click.ui",a.setState) }, }, adapt:function(a,b,c){ window.matchMedia?this._handleMatchMedia(a,b):this._handleResize(c) }, _handleMatchMedia:function(a,b){ var c=window.matchMedia(a),e="@media "+a+"{.mql {} }"; if(null!==document.getElementById("mql-style")){ var d=document.getElementById("mql-style"); -1===d.textContent.indexOf(a)&&d.appendChild(document.createTextNode(e)) }else d=document.createElement("style"),d.setAttribute("id","mql-style"),d.appendChild(document.createTextNode(e)),document.head.appendChild(d); c.addListener(b); b(c) }, _handleResize:function(a){ b(window).bind("resize.ui",function(){ a() }).trigger("resize") } } }(jQuery); visioMenu.user=function(b,a,c){ var d=null, e=null, f=null, g=null, h=null, i=null, j=null, k=null, l=null, m=null, n=null, p={getBrowser:function(){ null===d&&(d=b.browser); return d }, getBrowserVersion:function(){ null===e&&(e=b.version); return e }, getLang:function(){ null===j&&(j=c("body").attr("class").match(/l-([\w]+)/)[1]); return j }, getMarket:function(){ null===k&&(k=c("body").attr("class").match(/m-([\w-]+)/)[1]); return k }, getOs:function(){ null===l&&(l=b.OS.toLowerCase()||"other"); return l }, isAndroid:function(){ null===f&&(f="android"===this.getOs()); return f }, isClickOnce:function(){ return!1 }, isiOS:function(){ null===g&&(g="iphone/ipod"===this.getOs()||"ipad"===this.getOs()); return g }, isLoggedIn:function(){ null===h&&(h=c("#js-account").hasClass("is-loggedin")); return h }, isMobile:function(){ null===i&&(i="iphone/ipod"===this.getOs()||"ipad"===this.getOs()||"android"===this.getOs()||"windows phone"===this.getOs()); return i }, supportsAudio:function(){ null===m&&(m=a.audio&&(""!=a.audio.mp3||""!=a.audio.ogg)&&!p.isMobile()?!0:!1); return m }, supportsVideo:function(){ null===n&&(n=a.video&&(""!=a.video.h264||""!=a.video.webm)&&!p.isMobile()?!0:!1); return n } }; return p }(browserDetect,Modernizr,jQuery); var settingsOpen = false; $(document).ready(function() { var b=visioMenu.user.isMobile(),a=$("body"); visioMenu.ui.init(); //------------------------------------------------- // ouvre ferme le menu trafic //------------------------------------------------- $('.trafic').each(function(){ var select = $(this); $(select).hover( function(){ select.stop().animate({ width: '370px' }); }, function(){ select.stop().animate({ width: '70px' }); } ) }); //------------------------------------------------- // ouvre ferme le menu profil //------------------------------------------------- $('.profil').each(function(){ var select = $(this); $(select).hover( function(){ select.stop().animate({ width: '370px' }); }, function(){ select.stop().animate({ width: '70px' }); } ) }); //------------------------------------------------- // ouvre ferme le menu cloud //------------------------------------------------- $('.cloud').each(function(){ var select = $(this); $(select).hover( function(){ select.stop().animate({ width: '370px' }); }, function(){ select.stop().animate({ width: '70px' }); } ) }); //------------------------------------------------- // ouvre ferme le menu stats //------------------------------------------------- $('.stats').each(function(){ var select = $(this); $(select).hover( function(){ select.stop().animate({ width: '370px' }); }, function(){ select.stop().animate({ width: '70px' }); } ) }); //------------------------------------------------- // ouvre ferme le menu message //------------------------------------------------- $('.message').each(function(){ var select = $(this); $(select).hover( function(){ select.stop().animate({ width: '370px' }); }, function(){ select.stop().animate({ width: '70px' }); } ) }); //------------------------------------------------- // ouvre ferme le menu agent //------------------------------------------------- $('.agents').each(function(){ var select = $(this); $(select).hover( function(){ select.stop().animate({ width: '370px' }); }, function(){ select.stop().animate({ width: '70px' }); } ) }); //------------------------------------------------- // ouvre ferme le menu settings //------------------------------------------------- $('.settings').each(function(){ var select = $(this); $(select).hover( function(){ select.stop().animate({ width: '370px' }); }, function(){ select.stop().animate({ width: '70px' }); } ) }); //------------------------------------------------- // ouvre ferme le menu filters //------------------------------------------------- $('.filters').each(function(){ var select = $(this); $(select).hover( function(){ select.stop().animate({ width: '370px' }); }, function(){ select.stop().animate({ width: '70px' }); } ) }); //------------------------------------------------- // ferme popup message //------------------------------------------------- /* $('.fermeMessage').each(function(){ var divMessage = $("#popUpMessages"); var titreMessage = $(".textMessageHome"); var btMessage = $("#btFermer"); var divTrafic = $("#popUpTrafic"); $(this).click( function(){ divMessage.stop().animate({ width: '64px' , height:'64px' }, {duration: 450}); divMessage.css('opacity',1).show().animate({opacity:0}, {duration: 750}); titreMessage.fadeOut(); btMessage.fadeOut(); divMessage.delay(500).fadeOut(); divTrafic.delay(800).animate({ height: '470px' }, {duration: 2450}); divTrafic.stop().addClass("top"); } ) }); */ $('.fermeMessage').click(function(){ window.location = 'message.php'; }); //------------------------------------------------- // coupe le son //------------------------------------------------- /* $('.muteOff').click(function() { $(this).removeClass('Off'); $(this).addClass('On'); }); $('.muteOn').click(function() { $(this).removeClass('On'); $(this).addClass('Off'); }); */ //------------------------------------------------- // ouvre les options de trafic //------------------------------------------------- var optionOpen = false; $('#optionTrafic').click(function() { if (!optionOpen){ $(this).removeClass('optionTraficClose'); $(this).addClass('optionTraficOpen'); optionOpen = true;//le menu est ouvert $('#traficOption').show(); $("#frameTraficOptions").attr("src", urlSrvRoot+"/backoffice_design/filters_form.php?userfilterid="+filterid); }else { $(this).addClass('optionTraficClose'); $(this).removeClass('optionTraficOpen'); optionOpen = false;//le menu est fermé $('#traficOption').hide(); $("#frameTraficOptions").attr("src", ""); } }); //------------------------------------------------- // ouvre la page trafic //------------------------------------------------- $('#btAgrandir').click(function(){ window.location = 'trafic.php'; }); //------------------------------------------------- // ferme le mute de la page trafic //------------------------------------------------- $('#btMute').click(function() { optionAffiche = false;//le menu est fermé }); //------------------------------------------------- // ouvre et ferme le formulaire d'ajout d'agent //------------------------------------------------- var addAgentOpen = false; $('#optionAddAgent').click(function() { if (!addAgentOpen){ $(this).removeClass('optionAddAgentClose'); $(this).addClass('optionAddAgentOpen'); addAgentOpen = true;//le menu est ouvert $('#addAgentOption').show(); $("#frameAddAgentOptions").attr("src", urlSrvRoot+"/backoffice_design/newagent_form.php"); }else { $(this).addClass('optionAddAgentClose'); $(this).removeClass('optionAddAgentOpen'); addAgentOpen = false;//le menu est fermé $('#addAgentOption').hide(); $("#frameAddAgentOptions").attr("src", ""); } }); //bouton fermer dans la page agent $('#bt_fermeAgents').click(function() { //retrouve les div du document parent $(window.parent.document).find('#optionAddAgent').addClass('optionAddAgentClose'); $(window.parent.document).find('#optionAddAgent').removeClass('optionAddAgentOpen'); profilOpen = false; $(window.parent.document).find('#addAgentOption').hide(); $(window.parent.document).find("#frameAddAgentOptions").attr("src", ""); window.parent.profilOpen = false; }); //------------------------------------------------- // affiche les options des pages //------------------------------------------------- var optionAffiche = false; $('.icone_trafic').click(function(){ if (!optionAffiche){ optionAffiche = true;//le menu est ouvert changeClasses("menuTrafic", "Close", "Open"); closeMenu(); }else { optionAffiche = false;//le menu est fermé changeClasses("menuTrafic", "Open", "Close"); } }); //------------------------------------------------- // Ferme les fenetres de stats //------------------------------------------------- $('button.btStats').click(function() { var target = $(this); //alert(target); //var className = target.attr('class'); var conteneurParent = target.parent( ); var conteneurStats = target.attr('stats_conteneur'); var typeStats = target.attr('stats_type'); var largeurStats = target.attr('largeur'); var hauteurStats = target.attr('hauteur'); //si je clique sur le bouton fermer la fenetre if ( target.hasClass("fermeStats") ) { conteneurParent.animate({ height: "48px", width: "300px" }, 500, function() { conteneurParent.removeClass('openStats').addClass('closeStats'); target.removeClass('fermeStats icone_fermePopUp').addClass('ouvreStats icone_agrandiPopUp'); $(conteneurStats).removeClass('open').addClass('close'); /* //efface le conteneurStats des stats $(conteneurStats).css({ display:"none" }).empty(); */ }); //si je clique sur le bouton ouvre la fenetre } else { conteneurParent.animate({ height: hauteurStats, width: largeurStats }, 500, function() { conteneurParent.removeClass('closeStats').addClass('openStats') target.removeClass('ouvreStats icone_agrandiPopUp').addClass('fermeStats icone_fermePopUp'); $(conteneurStats).removeClass('close').addClass('open'); /* //efface le conteneur des stats $(conteneurStats).css({ display:"block" }); */ eval(typeStats+'()'); //<== test nom de fonction dynamique //afficheStats.'typeStats'();//affiche les stat }); } }); }()); // acces depuis l'iframe - pour signifier que l'on ferme le tab function closeSettingstab() { settingsOpen = false; } //------------------------------------------------- // affiche les options des pages //------------------------------------------------- var ficheVisiteurOpen = false; function openFicheVisiteur(){ if (!ficheVisiteurOpen){ if(hasClassName("watcheBoxes", "open")) { $("#watcheBoxes").animate({ opacity: 0.5, width: "10%", }, 500, function() { // Animation complete. changeClasses("watcheBoxes", "open", "close"); //ferme le chat et affiche la fiche visiteur ficheVisiteurOpen=true; }); } }else{ if(hasClassName("watcheBoxes", "close")) { changeClasses("watcheBoxes", "close", "open"); //ouvre le chat et ferme la fiche visiteur $("#watcheBoxes").animate({ opacity: 1, width: "100%", }, 500, function() { ficheVisiteurOpen=false; }); } } }; //------------------------------------------------- // retract le chat visiteur //------------------------------------------------- var retractChat = false; function retractChatVisiteur(chatSession){ if (!retractChat){ //Je veux la hauteur de la div qui contient la liste des visteurs var hauteurListVisiteur; if(document.getElementById("list_visitor")){ var divContent = document.getElementById("list_visitor"); if(divContent.offsetHeight){ hauteurListVisiteur=divContent.offsetHeight; }else if(divContent.style.pixelHeight){ hauteurListVisiteur=divContent.style.pixelHeight; } } if(hasClassName("watcheBoxes", "open")) { //cache la fiche visiteur if(document.getElementById("visitor_ongoing")){ var divContent = document.getElementById("visitor_ongoing"); divContent.classList.toggle("retract"); } $("#visitor_ongoing").animate({ height: "38px", top: (hauteurListVisiteur-34)+"px" }, 500, function() { // Animation complete. changeClasses("watcheBoxes", "open", "retract"); //ferme le chat et affiche la fiche visiteur document.getElementById("visitor_ongoing").style.top = "clac(100% - 38px)"; //change l'icone de retractation du chat if(hasClassName("icone-retractChat_"+chatSession, "icone_retractChat")) { changeClasses("icone-retractChat_"+chatSession, "icone_retractChat", "icone_agrandiChat"); } retractChat=true; }); } }else{ if(hasClassName("watcheBoxes", "retract")) { //cache la fiche visiteur if(document.getElementById("visitor_ongoing")){ var divContent = document.getElementById("visitor_ongoing"); divContent.classList.toggle("retract"); } $("#visitor_ongoing").animate({ top: "0px", height: "100%" }, 500, function() { //Anilation complete. changeClasses("watcheBoxes", "retract", "open"); //ouvre le chat et ferme la fiche visiteur //change l'icone de retractation du chat if(hasClassName("icone-retractChat_"+chatSession, "icone_agrandiChat")) { changeClasses("icone-retractChat_"+chatSession, "icone_agrandiChat", "icone_retractChat"); } retractChat=false; }); } } }; //------------------------------------------------- // Ferme les fenetres form satisfaction //------------------------------------------------- $('button.btSatis').click(function() { if(hasClassName("popUpSatisfaction", "actif")) { changeClasses("popUpSatisfaction", "actif", "inactif"); //ferme le push } }); //------------------------------------------------- // Deconnexion de l'agent //------------------------------------------------- $('.deconnexion').click(function() { navigator.notification.confirm( 'Voulez-vous vraiment vous déconnecter ?', // message onConfirm, // callback to invoke with index of button pressed 'Watcheezy', // title ['Annuler','Déconnexion'] // buttonLabels ); }); function onConfirm(buttonIndex) { if(buttonIndex == 2){//je confirme la deconnexion /* if(hasClassName("conteneur-canvasloader", "inactif")) { changeClasses("conteneur-canvasloader", "inactif", "actif"); //affiche le loading } */ //window.localStorage.clear(); //pour vider le stokage local du login et mot de passe //on efface les session sur le serveur. $.ajax({ url: urlSrvRoot+'/appli'+version+'/ajax/disconnect_mobile.php', // Le nom du fichier indiqué dans le formulaire type: 'POST', // La méthode indiquée dans le formulaire (get ou post) dataType: 'json', encode: true, success: function(json) { /* if(hasClassName("conteneur-canvasloader", "actif")) { changeClasses("conteneur-canvasloader", "actif", "inactif"); //cache le loading } */ if(json.reponse == 'accepted') { window.localStorage.clear(); //pour vider le stokage local du login et mot de passe window.location.href = "../index.html";//retour sur la page d'accueil } else { alert('Erreur : '+ json.reponse); } } }); } } //------------------------------------------------- // Ferme les pupups alert //------------------------------------------------- $('#ulAlerts').mouseover(function() { alert("sdfsdf"); //normal if(hasClassName("divAlerts", "fullAlerts")) { changeClasses("divAlerts", "fullAlerts", "emptyAlerts"); //ferme le push ferme la popup } //api if(hasClassName("divAlertsApi", "fullAlerts")) { changeClasses("divAlertsApi", "fullAlerts", "emptyAlerts"); //ferme la popup } }); //------------------------------------------------- // repondre a un nouveau visiteur //------------------------------------------------- function reponseNewMessage(buttonIndex) { } //------------------------------------------------- // OUVRE/FERMME LE MENU INFO EN HAUT DE PAGE //------------------------------------------------- var oldContent = document.getElementById("messagesInfos").innerHTML; var oldContentTitle = document.querySelector(".tileWelcome").innerHTML; function Informations(action, title, msg, footer) { //ouvre la fenêtre infos if(action == "open") { //ferme le menu agent dispo si ouvert if(hasClassName("js-nav-wrap", "is-expanded")) { closeMenuAuto(); } //ferme le menu trafic si ouvert if(hasClassName("menuTrafic", "Open")) { optionAffiche = false;//le menu est fermé changeClasses("menuTrafic", "Open", "Close"); } if(footer != '') document.querySelector(".tileWelcome").innerHTML = footer; if(title != '' || msg != '') document.getElementById("messagesInfos").innerHTML = "
"+title+"
"+msg+"
"; changeClasses("infoWindow", "close", "open"); //affiche le contenu $( "#messagesInfos" ).animate({ width: '100%' }, 1000, function() { changeClasses("messagesInfos", "inactif", "actif"); }); } //ferme la fenêtre infos else if(action == "close") { document.querySelector(".tileWelcome").innerHTML = oldContentTitle; document.getElementById("messagesInfos").innerHTML = oldContent; changeClasses("infoWindow", "open", "close"); changeClasses("messagesInfos", "actif", "inactif"); } } //Retire les doublons d ans un array function cleanArray(array) { var i, j, len = array.length, out = [], obj = {}; for (i = 0; i < len; i++) { obj[array[i]] = 0; } for (j in obj) { out.push(j); } return out; }