templates/Page/pages.html.twig line 1

Open in your IDE?
  2. {% extends 'base.html.twig' %}
  4. {% block localstyle %}
  5.     body{overflow-y:hidden}
  6. {% endblock %}
  8. {% block appmenu %}
  9.     <div id="menupage" class="d-flex align-items-center">
  10.         {% for page in pagesadmin %} 
  11.             {% set forcereload=true %}
  12.             {% if page.pagecategory.id==1 %}
  13.                 {% set forcereload=page.toreload %}
  14.             {% endif %}
  16.             {% set usage="portal" %}
  17.             {% if loop.first %} {% set usage="accueil" %} {%endif %}
  19.             {% if entity.id is defined and page.id==entity.id %}
  20.                 <div id="menupage-{{page.id}}" class="active nav-link" style="cursor:pointer">
  21.                     <a onClick="showPage({{ page.id }},{{ page.pagecategory.id }},'{{ page.canupdate }}','{{usage}}','{{forcereload}}',null,'{{page.name}}')">
  22.                         {% if page.fonticon %}
  23.                             <i class="{{ page.fonticon }} fa-faw"></i>&nbsp;
  24.                         {% endif %}                    
  25.                         {{ page.name }}
  26.                     </a>
  27.                 </div>
  28.             {% else %}
  29.                 <div id="menupage-{{page.id}}" class="nav-link">
  30.                     <a style="cursor:pointer" onClick="showPage({{ page.id }},{{ page.pagecategory.id }},'{{ page.canupdate }}','portal','{{forcereload}}',null,'{{page.name}}')">
  31.                         {% if page.fonticon %}
  32.                             <i class="{{ page.fonticon }} fa-faw"></i>&nbsp;
  33.                         {% endif %}                       
  34.                         {{ page.name }}
  35.                     </a>
  36.                 </div>
  37.             {% endif %}
  38.         {% endfor %}
  39.     </div>
  41.     <div id="menuuser" class="d-flex align-items-center">
  42.         {% for page in pagesuser %}
  43.             {% set forcereload=true %}
  44.             {% if page.pagecategory.id==1 %}
  45.                 {% set forcereload=page.toreload %}
  46.             {% endif %}
  47.             
  49.             {% if entity.id is defined and page.id==entity.id %}
  50.                 <div id="menupage-{{page.id}}" class="active nav-link" style="cursor:pointer">
  51.                     <a onClick="showPage({{ page.id }},{{ page.pagecategory.id }},'{{ page.canupdate }}','user','{{forcereload}}',null,'{{page.name}}')">
  52.                         {% if page.fonticon %}
  53.                             <i class="{{ page.fonticon }} fa-faw"></i>
  54.                         {% else %}
  55.                             <i class="fa fa-user fa-fw"></i>
  56.                         {% endif %}
  57.                         {{ page.name }}
  58.                     </a>
  59.                 </div>
  60.             {% else %}
  61.                 <div id="menupage-{{page.id}}" class="nav-link">
  62.                     <a style="cursor:pointer" onClick="showPage({{ page.id }},{{ page.pagecategory.id }},'{{ page.canupdate }}','user','{{forcereload}}',null,'{{page.name}}')">
  63.                         {% if page.fonticon %}
  64.                             <i class="{{ page.fonticon }} fa-faw"></i>
  65.                         {% else %}
  66.                             <i class="fa fa-user fa-fw"></i>
  67.                         {% endif %}
  68.                         {{ page.name }}
  69.                     </a>
  70.                 </div>
  71.             {% endif %}
  72.         {% endfor %}
  73.     </div>
  75.     <div id="menugroup" class="d-flex align-items-center">
  76.         <!-- On regroupe l'ensemble des pages si plus de x groupes -->
  77.         {% set nbgroupregrouped=5 %}
  78.         {% if groupsshared|length > nbgroupregrouped %} 
  79.             <div id="pagesshared" class="nav-link">
  80.                 <a id="menugrouppages" style='cursor:pointer' data-bs-toggle='modal' data-bs-target='#selgrouppages'>
  81.                     <i class="fa fa-users fa-fw"></i>&nbsp;Mes Groupes
  82.                     <span class="caret"></span>
  83.                 </a>    
  84.             </div>
  85.         {% else %}
  86.             {% set inmenu=true %}
  87.             {{ include('Page/menugroupe.html.twig') }}
  88.         {% endif %}
  89.     </div>
  91.     <div id="menuaction" class="ms-auto d-flex align-items-center">
  92.         <a id="menuname" style="cursor:pointer;font-size:80%" href=""></a>
  94.         {% if canadd %}
  95.             <a id="menusubmit" style="cursor:pointer" onclick="submitPage()" title='Ajouter une page'><i class='fa fa-plus fa-fw'></i></a>
  96.         {% endif %}
  97.         <a id="menuupdate" style="cursor:pointer;display:none" onclick="updatePage()" title='Modifier une page'><i class='fa fa-file fa-fw'></i></a>
  98.         <a id="menushare" style="cursor:pointer;display:none" onclick="sharePage()" title='Partager une page'><i class='fa fa-share-alt fa-fw'></i></a>
  99.         <a id="menudelete" style="cursor:pointer;display:none" onclick="deletePage()" title='Supprimer une page'><i class='fa fa-trash fa-fw'></i></a>
  100.         <a id="menubookmark" style="cursor:pointer;display:none" onclick="bookmarkPage()" title="Faire de cette page votre page d'accueil"><i class='fa fa-heart fa-fw'></i></a>
  101.         <a id="menuwidgetuser" style='cursor:pointer;display:none' data-bs-toggle='modal' data-bs-target='#selwidgetuser' title='Ajouter un widget'><i class='fa fa-cubes fa-fw'></i></a>
  102.         <a id="menuwidgetgroup" style='cursor:pointer;display:none' data-bs-toggle='modal' data-bs-target='#selwidgetgroup' title='Ajouter un widget'><i class='fa fa-cubes fa-fw'></i></a>
  103.     </div> 
  104. {% endblock %}
  106. {% block pagewrapper %}
  107.     <div id="pagecontainer">  
  108.         {% if activate_widonlyoffice %}
  109.             <iframe src="{{ widonlyoffice_url }}/sso/login" style="display:none"></iframe>
  110.         {% endif %}
  112.         {% set nbgroupregrouped=5 %}
  113.         {% if groupsshared|length > nbgroupregrouped %} 
  114.             <div id="selgrouppages" class="modal fade bs-item-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  115.                 <div class="modal-dialog modal-lg">
  116.                     <div class="modal-content">
  117.                         <div class="modal-header">
  118.                             <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  119.                             <h4 class="modal-title">MES GROUPES</h4>
  120.                         </div>
  122.                         <div class="modal-body">
  123.                             <a onclick="$('#selgrouppages').modal('hide');" class="btn btn-secondary" style="margin-bottom:15px">
  124.                                 Annuler
  125.                             </a>
  127.                             {% set inmenu=false %}
  128.                             {{ include('Page/menugroupe.html.twig') }}
  129.                         </div>
  130.                     </div>
  131.                 </div>
  132.             </div>    
  133.         {%endif%}
  135.         <div id="selwidgetuser" class="modal fade bs-item-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  136.             <div class="modal-dialog modal-lg">
  137.                 <div class="modal-content">
  138.                     <div class="modal-header">
  139.                         <h4 class="modal-title">SELECTIONNER UN WIDGET</h4>
  140.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  141.                     </div>
  143.                     <div class="modal-body">
  144.                         <div class="form-group row clearfix">
  145.                             <div class="col-md-12" style="margin-bottom:15px">
  146.                                 <a onclick="$('#selwidgetuser').modal('hide');" class="btn btn-secondary">
  147.                                     Annuler
  148.                                 </a>
  149.                             </div>  
  151.                             <div class="dataTable_wrapper col-md-12">
  152.                             <table id="dataTables" class="table table-bordered table-striped table-hover">  
  153.                                 <thead>
  154.                                 <tr>
  155.                                     <th class="no-sort" width="20%">#</th>
  156.                                     <th>Nom</th>
  157.                                     <th class="no-sort">Description</th>
  158.                                 </tr>
  159.                                 </thead>
  161.                                 <tbody>
  162.                                     {% for widget in widgetsuser %}
  163.                                         <tr>
  164.                                             <td>
  165.                                                 <a onClick="selWidget({{ widget.id }})" style="cursor:pointer;">
  166.                                                     <img id="widgettype-{{ widget.id }}" class="grid-item-img" height="40" src="{{ asset(widget.icon.label) }}" style="padding:2px">
  167.                                                 </a>
  168.                                             </td>
  169.                                             <td>{{ widget.name }}</td>
  170.                                             <td>{{ widget.description }}</td>
  171.                                         </tr>
  172.                                     {% endfor %}  
  173.                                 </tbody>
  174.                             </table>
  175.                             </div>
  176.                         </div>
  177.                     </div>
  178.                 </div>
  179.             </div>
  180.         </div>   
  183.         <div id="selwidgetgroup" class="modal" tabindex="-1">
  184.             <div class="modal-dialog modal-lg">
  185.                 <div class="modal-content">
  186.                     <div class="modal-header">
  187.                         <h4 class="modal-title">SELECTIONNER UN WIDGET</h4>
  188.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  189.                     </div>
  191.                     <div class="modal-body">
  192.                         <div class="form-group row clearfix">
  193.                             <div class="col-md-12" style="margin-bottom:15px">
  194.                                 <a onclick="$('#selwidgetgroup').modal('hide');" class="btn btn-secondary">
  195.                                     Annuler
  196.                                 </a>
  197.                             </div>  
  199.                             <div class="dataTable_wrapper col-md-12">
  200.                             <table id="dataTables" class="table table-bordered table-striped table-hover">  
  201.                                 <thead>
  202.                                 <tr>
  203.                                     <th class="no-sort" width="20%">#</th>
  204.                                     <th>Nom</th>
  205.                                     <th class="no-sort">Description</th>
  206.                                 </tr>
  207.                                 </thead>
  209.                                 <tbody>
  210.                                     {% for widget in widgetsgroup %}
  211.                                         <tr>
  212.                                             <td >
  213.                                                 <a onClick="selWidget({{ widget.id }})" style="cursor:pointer;">
  214.                                                     <img id="widgettype-{{ widget.id }}" class="grid-item-img" height="40" src="{{ asset(widget.icon.label) }}" style="padding:2px">
  215.                                                 </a>
  216.                                             </td>
  217.                                             <td>{{ widget.name }}</td>
  218.                                             <td>{{ widget.description }}</td>
  219.                                         </tr>
  220.                                     {% endfor %}  
  221.                                 </tbody>
  222.                             </table>
  223.                             </div>
  224.                         </div>
  225.                     </div>
  226.                 </div>
  227.             </div>
  228.         </div>  
  230.         {%if app.user %}
  231.             <a id="refreshcounter" data-event=""></a>
  232.         {% endif %}
  233.     </div>
  234. {% endblock %}
  236. {% block localjavascript %}
  237.     var idpage;
  238.     pagebookmark="{{app.session.get("pagebookmark")}}";
  240.     $('document').ready(function(){
  241.         {% if gotoroute is empty %}
  242.             {% for page in pagesadmin %} 
  243.                 {% if page.id==entity.id %}
  244.                     {% set usage="portal" %}
  245.                     {% if loop.first %} {% set usage="accueil" %} {%endif %}                
  246.                     showPage({{ page.id }}, {{ page.pagecategory.id }},'{{ page.canupdate }}','{{usage}}',false,null,'{{page.name}}');
  247.                 {% endif %}
  248.             {% endfor %}
  249.             
  250.             {% for page in pagesuser %} 
  251.                 {% if page.id==entity.id %}
  252.                     showPage({{ page.id }}, {{ page.pagecategory.id }},'{{ page.canupdate }}','user',false,null,'{{page.name}}');
  253.                 {% endif %}
  254.             {% endfor %}      
  255.             
  256.             {% for groupshared in groupsshared %}
  257.                 {% for page in groupshared.pagesshared %}
  258.                     {% if page.id==entity.id %}
  259.                         showPage({{ page.id }}, {{ page.pagecategory.id }},'{{ page.canupdate }}','group',true,{{groupshared.id}},'{{page.name}}');
  260.                     {% endif %}
  261.                 {% endfor %}       
  262.             {% endfor %}
  263.         {% else %}
  264.             var url="{{ path(gotoroute,{id:gotoid}) }}";
  265.             showGoto(url);   
  266.         {% endif %}
  268.         // Rendre les pages user déplacable
  269.         $("#menuuser").sortable({
  270.             axis: "x",
  271.             forcePlaceholderSize: true,
  272.             placeholder: "placeholder",
  273.             items: "> div",
  274.             update:  function( event, ui ) {
  275.                 $('#menuuser div').each(function(order) {
  276.                     var idpage=$(this).attr('id').replace("menupage-","");
  277.                     $.ajax({
  278.                         method: "POST",
  279.                         url: "{{ path('app_portal_'~access~'_page_order') }}",
  280.                         data: {
  281.                             id:idpage,
  282.                             order:order
  283.                         }
  284.                     });
  285.                 });     
  286.             }
  287.         }); 
  289.         // Initialisation du tableau des widgets selectionnable à la création
  290.         $('.table').DataTable({
  291.             columnDefs: [ { "targets": 'no-sort', "orderable": false }, { "targets": 0, "className": "text-center" } ],
  292.             responsive: true,
  293.             iDisplayLength: 10,
  294.             order: [[ 1, "asc" ]],
  295.         }); 
  297.         {% if app.user and app.session.get("timerefreshnotif") > 0%}
  298.         setInterval(function(){
  299.             loadmsgCounter()
  300.         }, {{(app.session.get("timerefreshnotif")*1000)}});
  301.         {% endif %}
  302.     });
  304.     // Affichage des frames associés aux items de bureau
  305.     function showFrameitem(id,url,forcereload) {
  306.         $(".pageframereload").remove();
  307.         $(".pageframe").hide();
  309.         // Si force le rechargement et frame existante on la détruit
  310.         if(forcereload&&$("#frameitem-"+id).length)
  311.             $("#frameitem-"+id).remove();
  313.         // Si la frame en cours existe déjà on l'affiche
  314.         if($("#frameitem-"+id).length)
  315.             $("#frameitem-"+id).show();         
  316.         // Sinon on la génère
  317.         else {
  318.             var myclass="";
  319.             if(forcereload) myclass="pageframereload";
  320.             $("#pagecontainer").append("<iframe onload='this.contentWindow.focus()' id='frameitem-"+id+"' class='pageframe "+myclass+"' src='"+url+"' style='border:none; width:100%'></iframe>");
  321.         }
  322.         
  323.         resize();
  324.     }
  326.     // Affichages des pages
  327.     function showPage(id,catid,canupdate,usage,forcereload,groupid,pagename) {
  328.         // Sauvegarder la page en cours
  329.         idpage=id;   
  331.         // Cacher toutes les pages
  332.         $(".pageframereload").remove();
  333.         $(".pageframe").hide();
  335.         // Rendre actif le page en cours dans le menu
  336.         $("#menu .nav-link").removeClass("active");
  337.         $(".dropdown-toggle").removeClass("dropdownactive");
  339.         $("#menupage-"+id).addClass("active");
  340.         $('a[data-group="'+groupid+'"][data-toggle="dropdown"]').addClass("dropdownactive");
  341.         
  342.         var url="{{ path('app_portal_user_page_view',{id:'xx',usage:'yy','group':'zz'}) }}";
  343.         url=url.replace('xx',id);
  344.         url=url.replace('yy',usage);
  345.         url=url.replace('zz',groupid);
  347.         passurl="{{ path('app_core_home',{id:'xx'}) }}";
  348.         passurl=passurl.replace('xx',id);
  349.         history.pushState('data to be passed', 'Title of the page', passurl);
  351.         // Si force le rechargement et frame existante on la détruit
  352.         if(forcereload&&$("#page-"+id).length)
  353.             $("#page-"+id).remove();
  355.         // Si la frame en cours existe déjà on l'affiche
  356.         if($("#page-"+id).length)
  357.             $("#page-"+id).show();
  358.         // Sinon on la génère
  359.         else {
  360.             var myclass="";
  361.             if(forcereload) myclass="pageframereload";
  362.             $("#pagecontainer").append("<iframe onload='this.contentWindow.focus()' id='page-"+id+"' data-category='"+catid+"' class='pageframe "+myclass+"' src='"+url+"' style='border:none; width:100%'></iframe>");    
  363.         }
  365.         // Détruire le badge associé car normalement de fait on a lu les notif
  366.         if(usage=="group") {
  367.             $("#badge-"+groupid).remove()
  368.         }
  370.         // Nom de la page
  371.         console.log(pagename);
  372.         $("#menuname").html(pagename);
  374.         // Cacher les actions possibles sur la page
  375.         $("#menuupdate").hide();
  376.         $("#menushare").hide();
  377.         $("#menudelete").hide();
  378.         $("#menubookmark").hide();
  379.         $("#menuwidgetuser").hide();
  380.         $("#menuwidgetgroup").hide();
  382.         if(canupdate) {
  383.             $("#menuupdate").show();
  384.             $("#menushare").show();
  385.             $("#menudelete").show();
  386.         }
  388.         {% if app.user %}
  389.             
  390.             if(id==pagebookmark) {
  391.                 $("#menubookmark").css("color","red");
  392.                 $("#menubookmark").attr("title","Ne plus faire de cette page votre page d'accueil")
  393.             }
  394.             else {
  395.                 $("#menubookmark").css("color","");
  396.                 $("#menubookmark").attr("title","Faire de cette page votre page d'accueil")
  397.             }
  399.             $("#menubookmark").show();
  400.         {% endif %}
  402.         // Si page de type widget on affiche la selection des widgets à insérer
  403.         if($("#page-"+id).data('category')==2&&canupdate) {
  404.             if(usage=="user") $("#menuwidgetuser").show();    
  405.             if(usage=="group") $("#menuwidgetgroup").show();    
  407.         }
  409.         // On resize les frame
  410.         resize();
  412.         // Mettre le focus dans la frame
  413.         //$("#page-"+id).contentWindow.focus();
  414.     }
  416.     // Affichages des pages
  417.     function showGoto(url) {
  418.         $("#pagecontainer").append("<iframe onload='this.contentWindow.focus()' id='goto' class='pageframe pageframereload' src='"+url+"' style='border:none; width:100%'></iframe>");    
  420.         // On resize les frame
  421.         resize();
  422.     }
  425.     function submitPage() {
  426.         var url="{{ path('app_portal_'~access~'_page_submit') }}";
  427.         $(location).attr('href',url);
  428.     }  
  430.     function updatePage() {
  431.         if($("#page-"+idpage).length) {
  432.             var url="{{ path('app_portal_'~access~'_page_update',{id:'xx'}) }}";
  433.             url=url.replace('xx',idpage);
  435.             $(location).attr('href',url);
  436.         }
  437.     }    
  439.     function sharePage() {
  440.         if($("#page-"+idpage).length) {
  441.             var url="{{ path('app_portal_'~access~'_page_share',{id:'xx'}) }}";
  442.             url=url.replace('xx',idpage);
  444.             $(location).attr('href',url);
  445.         }
  446.     } 
  448.     function deletePage() {
  449.         if($("#page-"+idpage).length) {
  450.             if (confirm('Êtes-vous sûr de vouloir supprimer ?')) {
  451.                 var url="{{ path('app_portal_'~access~'_page_delete',{id:'xx'}) }}";
  452.                 url=url.replace('xx',idpage);
  454.                 $(location).attr('href',url);
  455.             }
  456.         }
  457.     }  
  459.     function bookmarkPage() {
  460.         {% if app.user %}
  461.             if($("#page-"+idpage).length) {
  462.                 if(pagebookmark==idpage)
  463.                     confirmtext="Votre page d'accueil redevient l'accueil général de {{ app.session.get("appname") }}.";
  464.                 else
  465.                     confirmtext="Cette page sera votre page d'acueil à l'ouverture de {{ app.session.get("appname") }}, vous pourrez à tout moment changer de page d'accueil.";
  467.                if (confirm(confirmtext)) {
  468.                     $.ajax({
  469.                         method: "POST",
  470.                         url: "{{ path('app_core_user_preference') }}",
  471.                         data: {
  472.                             id:0,
  473.                             key:'pagebookmark',
  474.                             value: idpage
  475.                         },
  476.                         success: function() {
  477.                             if(pagebookmark==idpage) {
  478.                                 pagebookmark="";
  479.                                 $("#menubookmark").css("color","");
  480.                                 $("#menubookmark").attr("title","Faire de cette page votre page d'accueil")
  481.                             }
  482.                             else {
  483.                                 pagebookmark=idpage;
  484.                                 $("#menubookmark").css("color","red");
  485.                                 $("#menubookmark").attr("title","Ne plus faire de cette page votre page d'accueil")
  486.                             }
  487.                         }            
  488.                     });
  489.                 }
  490.             }
  491.         {% endif %}   
  492.     }  
  494.     // Création d'un widget selectionné
  495.     function selWidget(idwidgettype) {
  496.         var url="{{ path('app_portal_user_pagewidget_widget_sumbit',{idpage:'yy',idwidgettype:'xx'})}}";
  497.         url=url.replace('xx',idwidgettype);
  498.         url=url.replace('yy',idpage);
  500.         $(location).attr('href', url);
  501.     };      
  503.     function loadmsgCounter() {      
  505.         $.ajax({
  506.             method: "POST",
  507.             url: "{{ path('app_portal_user_page_ajax_msgcounter') }}",
  508.             success: function(data) {
  509.                 $.each(data, function(group, counter) {
  510.                     menu=$("a[data-group='"+group+"']");
  511.                     if(menu.length) {
  512.                         if(menu.children(".badge").length) {
  513.                             if(counter==0) 
  514.                                 menu.remove();
  515.                             else
  516.                                 menu.children(".badge").html(counter);
  517.                         }
  518.                         else if(counter>0)
  519.                             menu.append('<span id="badge-' + group + '" class="badge bg-secondary ms-1">' + counter + '</span>');
  520.                     }                    
  521.                 });  
  522.             } 
  523.         });
  524.     }
  525. {% endblock %}