templates/Include/footer.html.twig line 1

Open in your IDE?
  1.         <div id="mymodal" class="modal" tabindex="-1">
  2.             <div class="modal-dialog modal-lg">
  3.                 <div class="modal-content">
  4.                     <div class="modal-header">
  5.                         <h4 class="modal-title">INFORMATION</h4>
  6.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  7.                     </div>
  8.                     <div class="modal-body">
  9.                         <iframe id="framemodal" frameborder=0 width="100%" height="600px"></iframe>
  10.                     </div>
  11.                 </div>
  12.             </div>
  13.         </div>
  15.         <div id="modalinfo" class="modal" tabindex="-1">
  16.             <div class="modal-dialog">
  17.                 <div class="modal-content">
  18.                     <div class="modal-header">
  19.                         <h4 class="modal-title">INFORMATION</h4>
  20.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  21.                     </div>
  22.                     <div class="modal-body">
  23.                         <div id="modalinfotext"></div>
  24.                     </div>
  25.                 </div>
  26.             </div>
  27.         </div>
  31.         
  33.         <script>
  34.             {% if websocket_activate %}
  35.                 function subscribe(channeltype,channelkey,userkey) {
  36.                     console.log("== SUBSCRIBE "+channeltype+"-"+channelkey+" with userkey "+userkey);
  37.                     conn.send(JSON.stringify({
  38.                         command: "subscribe",
  39.                         log: "subscribe",
  40.                         channel: channeltype+"-"+channelkey,
  41.                         channeltype: channeltype,
  42.                         channelkey: channelkey,
  43.                         userkey: userkey
  44.                     }));
  45.                 }
  47.                 function sendMessage(msg) {
  48.                     json=JSON.stringify(msg);
  49.                     console.log("== SEND MSG = "+json);
  50.                     conn.send(json);
  51.                 }
  52.             {% endif %}   
  54.             function iformat(icon) {
  55.                 return $('<span><i class="' + icon.id + '"></i> ' + icon.text + '</span>');
  56.             }
  57.             $('.select2-icon').select2({
  58.                 width: "100%",
  59.                 placeholder: 'choisir un icône',
  60.                 allowClear: true,                
  61.                 templateSelection: iformat,
  62.                 templateResult: iformat,
  63.                 formatResult: iformat,
  64.                 allowHtml: true,
  65.                 escapeMarkup: function(m) {
  66.                     return m;
  67.                 }
  68.             })
  71.             function seeUser(id) {
  72.                 {% if app.user %}
  73.                     $("#mymodal").find(".modal-title").html("FICHE UTILISATEUR");
  74.                     var url="{{ path('app_core_user_view',{id:'xx'}) }}";
  75.                     url=url.replace('xx',id);
  77.                     $("#mymodal").find("#framemodal").attr("src",url);
  78.                     $("#mymodal").modal("show");
  79.                 {% endif %}
  80.             }   
  82.             function inIframe () {
  83.                 try {
  84.                     return window.self !== window.top;
  85.                 } catch (e) {
  86.                     return true;
  87.                 }
  88.             } 
  89.             function switchHeader(flag) {
  90.                 {% if app.user %}
  91.                 $.ajax({
  92.                     method: "POST",
  93.                     url: "{{ path('app_core_user_preference') }}",
  94.                     data: {
  95.                         id:0,
  96.                         key:'fguserheader',
  97.                         value: flag
  98.                     },
  99.                     success: function() {
  100.                         location.reload();
  101.                     }            
  102.                 });
  103.                 {% endif %}                
  104.             }
  106.             // Cacher afficher le menu des widgets 
  107.             $( ".widget").hover(function() {
  108.                 if($(this).children(".widgetmenu").length) {
  109.                     var widthwidget=$(this).width();
  110.                     var widthtitle=$(this).children(".widgetheader").children(".title").width()+$(this).children(".widgetheader").children("img").width();
  111.                     var widthmenu=$(this).children(".widgetmenu").width();
  113.                     if(widthtitle+widthmenu+10>widthwidget) $(this).children(".widgetheader").children(".title").hide();
  115.                     $(this).children(".widgetmenu").show();
  116.                 }
  117.             });
  119.             $( ".widget" ).mouseleave(function() {
  120.                 $(this).children(".widgetmenu").hide();
  121.                 $(this).children(".widgetheader").children(".title").show();
  122.             });
  124.             $( ".grid-item-content").hover(function() {
  125.                 $(this).children(".item-heart").show();
  126.                 $(this).children(".item-delete").show();
  127.                 $(this).children(".item-restaure").show();
  128.                 $(this).children(".item-update").show();
  129.                 $(this).children(".item-preview").show();
  130.             });
  132.             $( ".grid-item-content" ).mouseleave(function() {
  133.                 $(this).children(".item-heart").hide();
  134.                 $(this).children(".item-delete").hide();
  135.                 $(this).children(".item-restaure").hide();
  136.                 $(this).children(".item-update").hide();
  137.                 $(this).children(".item-preview").hide();
  138.             });
  140.             $(".navbar-toggle").mouseup(function() {
  141.                 setTimeout(function() {
  142.                     resize();
  143.                 }, 50);                
  144.                 
  145.             });
  147.             
  148.             function resize() {
  149.                 var heightbody = $('html').height();
  150.                 var heightheader = ($('.header').height()&&$('.header').is(":visible")?$('.header').height():0);
  151.                 var heightlittleheader = ($('.littleheader').height()&&$('.littleheader').is(":visible")?$('.littleheader').height():0);
  152.                 var heightmenu = ($('#menu').height()&&$('#menu').is(":visible")?$('#menu').height():0);
  153.                 
  154.                 var heightframe = heightbody-heightheader-heightlittleheader-heightmenu-1;
  156.                 $("#page-wrapper").css("min-height",heightframe);
  158.                 $(".pageframe").each(function(){
  159.                     $(this).height(heightframe);
  160.                 });
  161.             }        
  164.             $(window).resize(function() {
  165.                 resize();
  166.             });
  168.             $(document).ready(function() {
  169.                 $(".js-datepicker").datepicker({
  170.                     format: "dd/mm/yyyy",
  171.                     language: "fr"
  172.                 });
  174.                 $('.select2simple').select2();
  176.                 $('.select2ajax').select2({
  177.                     ajax: {
  178.                         processResults: function (data) {
  179.                             return {
  180.                                 results: data
  181.                             };
  182.                         }                    
  183.                     }
  184.                 });
  186.                 $('.select2').each(function() {
  187.                     if($(this).attr('data-init')) {
  188.                         $(this).val(2);
  189.                     }
  190.                 });
  192.                 // Dans une iframe on enlève des élèment
  193.                 if(inIframe()) {
  194.                     $("nav").remove();
  195.                     $("body").removeClass("body");
  196.                     $("body").addClass("simple");
  197.                     $("#page-wrapper").css("margin","0px");
  198.                     $("#page-wrapper").css("border-left","none");
  199.                 }
  201.                 // Resize des dom
  202.                 resize();
  203.             });                  
  204.         </script>