templates/welcome.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <!--[if lte IE 9]> <html class="lte-ie9" lang="en"> <![endif]-->
  3. <!--[if gt IE 9]><!--> <html lang="en"> <!--<![endif]-->
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <!-- Remove Tap Highlight on Windows Phone IE -->
  9.     <meta name="msapplication-tap-highlight" content="no"/>
  11.     <link rel="icon" type="image/png" href="{{ asset('assets/img/favicon-16x16.png') }}" sizes="16x16">
  12.     <link rel="icon" type="image/png" href="{{ asset('assets/img/favicon-32x32.png') }}" sizes="32x32">
  14.     <title>GED</title>
  17.     <!-- uikit -->
  18.     <link rel="stylesheet" href="{{ asset('bower_components/uikit/css/uikit.almost-flat.min.css') }}"/>
  20.     <!-- flag icons -->
  21.     <link rel="stylesheet" href="{{ asset('assets/icons/flags/flags.min.css') }}" media="all">
  22.     <!-- altair admin login page -->
  23.     <link rel="stylesheet" href="{{ asset('assets/css/login_page.min.css') }}" />
  24.     <style>
  25.         .disabledelt {
  26.             pointer-events: none;
  27.             opacity: 0.4;
  28.         }
  29.         .linkdep{
  30.             cursor:pointer;
  31.         }
  32.     </style>
  34.     <script language="JavaScript">
  35.         function disableselect(e){ return false; }
  36.         function reEnable(){ return true; }
  37.         document.onselectstart=new Function ("return false");
  38.         document.oncontextmenu=new Function ("return false");
  39.         document.onmousedown=reEnable;
  40.         document.onclick=reEnable;
  41.     </script>
  43. </head>
  44. <body class="login_page login_page_v2">
  48. <div class="uk-container uk-container-center Aligner-item">
  49.     <div class="md-card">
  50.         <div class="md-card-content padding-reset">
  51.             <div class="uk-grid uk-grid-collapse ">
  53.                 <div class="uk-width-large-1-1  uk-container-center">
  54.                     <div class="login_page_forms hierarchical_show login-div" data-uk-grid-margin id="hierarchical-show" data-show-delay="280">
  55.                         <div id="login_card">
  56.                             <div id="login_form">
  58.                                 <div class="login_heading">
  61.                                     <img class="logo_regular" src="{{ asset('assets/img/others/ged_dgtfcm.png') }}" alt=""  style="cursor:pointer;"/>
  64.                                 </div>
  65.                                 <div class="uk-grid uk-grid-divider" data-uk-grid-margin align="center">
  66.                                     <div  class="uk-width-medium-1-2 login_code_show1" style="cursor:pointer;" id="fr">
  67.                                         <h2 class="heading_b uk-text-center uk-margin-bottom">
  68.                                             Bienvenue
  69.                                             <span class="sub-heading">Veuillez cliquer ici pour continuer</span>
  70.                                         </h2>
  71.                                     </div>
  72.                                     <div class="uk-width-medium-1-2 login_code_show1" style="cursor:pointer;" id="en">
  73.                                         <h2 class="heading_b uk-text-center uk-margin-bottom" style="cursor:pointer;">
  74.                                             Welcome
  75.                                             <span class="sub-heading">Please click here for next step</span>
  76.                                         </h2>
  77.                                     </div>
  78.                                 </div>
  80.                             </div>
  81.                             <div class="uk-position-relative" id="login_code" style="display: none">
  82.                                 <!---->
  83.                                 <div class="depmindef uk-grid uk-grid-width-small-1-2 uk-grid-width-large-1-3 uk-grid-width-xlarge-1-5 uk-text-center uk-sortable sortable-handler" id="dashboard_sortable_cards" data-uk-sortable="" data-uk-grid-margin=""  >
  84.                                 </div>
  87.                                 <!---->
  88.                             </div>
  91.                         </div>
  93.                     </div>
  94.                 </div>
  95.             </div>
  96.         </div>
  97.     </div>
  102. </div>
  108. <!-- common functions -->
  109. <script src="{{ asset('assets/js/common.min.js') }}"></script>
  110. <!-- uikit functions -->
  111. <script src="{{ asset('assets/js/uikit_custom.min.js') }}"></script>
  112. <!-- altair core functions -->
  113. <script src="{{ asset('assets/js/altair_admin_common.min.js') }}"></script>
  115. <!-- altair login page functions -->
  116. <script src="{{ asset('assets/js/pages/login.js') }}"></script>
  117. <!--  animations functions -->
  118. <script src="{{ asset('assets/js/pages/components_animations.min.js') }}"></script>
  122. <!-- page specific plugins -->
  123. <!-- waitForImages  -->
  124. <script src="{{ asset('assets/js/custom/jquery.waitforimages.min.js') }}"></script>
  125. <!--  gallery functions -->
  126. <script src="{{ asset('assets/js/pages/page_gallery.min.js') }}"></script>
  135. <script>
  136.     // check for theme
  137.     if (typeof(Storage) !== "undefined") {
  138.         var root = document.getElementsByTagName( 'html' )[0],
  139.             theme = localStorage.getItem("altair_theme");
  140.         if(theme === 'app_theme_dark' || root.classList.contains('app_theme_dark')) {
  141.             root.className += ' app_theme_dark';
  142.         }
  143.     }
  144. </script>
  145. <script type="text/javascript" charset="UTF-8">
  147.     function OpenDep(activID,libe,lg) {
  149.         var lib="&Ecirc;tes-vous s&ucirc;re de vouloir ouvrir le d&eacute;partement : "+libe+"?";
  150.         var cancel_lg="Annuler";
  151.         var ok_lg="Ok";
  152.         if(lg === 'en'){
  153.             lib="Are you sure you want to open the department : "+libe+"?";
  154.             cancel_lg="Cancel";
  155.             ok_lg="Ok";
  156.         }
  158.         UIkit.modal.confirm(lib, function(){
  159.                 var obj = window.location="{{ path('api_home') }}";
  160.                 setTimeout(obj,1000);
  161.             },
  162.             {
  163.                 labels: {
  164.                     "Cancel": cancel_lg,
  165.                     "Ok": ok_lg
  166.                 }
  167.             });
  168.     }
  170.     $(document).ready(function(){
  171.         // variables
  172.         var $login_card = $('#login_card'),
  173.             $login_form = $('#login_form'),
  174.             $login_code = $('#login_code'),
  175.             $register_form = $('#register_form'),
  176.             $login_password_reset = $('#login_password_reset');
  183.     });
  185.     function getCookie(name)
  186.     {
  187.         var re = new RegExp(name + "=([^;]+)");
  188.         var value = re.exec(document.cookie);
  189.         return (value != null) ? unescape(value[1]) : null;
  190.     }
  192.     function setCookie(name, value, days) {
  193.         let cookieString = name + "=" + encodeURIComponent(value || "");
  195.         // Add expiration
  196.         if (days) {
  197.             const date = new Date();
  198.             date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
  199.             cookieString += "; expires=" + date.toUTCString();
  200.         }
  202.         // ✅ Dynamically get root domain from current hostname
  203.         const hostname = window.location.hostname;
  204.         const rootDomain = getRootDomain(hostname);
  206.         cookieString += "; path=/";
  207.         cookieString += "; domain=" + rootDomain;
  208.         cookieString += "; secure";
  209.         cookieString += "; samesite=none";
  211.         document.cookie = cookieString;
  213.         console.log('✅ Cookie set:', name, 'for domain:', rootDomain);
  214.     }
  216.     // Helper function to extract root domain
  217.     function getRootDomain(hostname) {
  218.         // Handle localhost
  219.         if (hostname === 'localhost' || hostname === '127.0.0.1') {
  220.             return hostname;
  221.         }
  223.         // Split by dots
  224.         const parts = hostname.split('.');
  226.         // If it's already a root domain (e.g., "example.com")
  227.         if (parts.length === 2) {
  228.             return '.' + hostname;
  229.         }
  231.         // If it's a subdomain (e.g., "ged.swissecoapp.tech" or "www.example.com")
  232.         // Take last 2 parts and add leading dot
  233.         if (parts.length >= 2) {
  234.             return '.' + parts.slice(-2).join('.');
  235.         }
  237.         // Fallback
  238.         return hostname;
  239.     }
  241.     function changeLang(lang)
  242.     {
  243.         var name="lang";
  244.         setCookie(name,lang,30);
  245.         //location.reload();
  247.     }
  252.     // show login code (hide other forms)
  253.     var login_code_show = function() {
  254.         $login_code
  255.             .show()
  256.             .siblings()
  257.             .hide();
  258.     };
  263.     $('.login_code_show1').on('click',function(e) {
  264.         e.preventDefault();
  265.         var lgID = $(this).attr("id");
  266.         /*$.getJSON( "{{ asset('assets/js/departements.json') }}", function( data ) {
  268.             var html = '';
  269.             var fc = '';
  270.             var actv = '';
  272.             var libDep = '';
  273.             var descDep = '';
  275.             $.each( data, function( key, Dept ) {
  277.                 fc = '';actv = 'disabledelt';
  279.                 if(key <= 0){
  280.                     actv = '';
  281.                     fc = 'class="uk-row-first" style="margin-bottom:1%"';
  282.                 }else if(key%6===0){
  283.                     fc = 'class="" style="margin-bottom:1%"';
  284.                 }
  286.                 libDep = Dept.Departement_fr;
  287.                 descDep = Dept.desc_fr;
  288.                 if(lgID === 'en'){
  289.                     changeLang('en');
  290.                     libDep = Dept.Departement_en;
  291.                     descDep = Dept.desc_en;
  292.                 }
  293.                 else {
  294.                     changeLang('fr');
  295.                 }
  297.                 html = '<div '+fc+' ><div class="md-card md-card-hover linkdep '+actv+'" onClick="OpenDep(\''+Dept.code+'\',\''+libDep+'\',\''+lgID+'\')">' +
  298.                     '<div class="gallery_grid_item md-card-content">' +
  299.                     '<img src="{{ asset('assets/img/others') }}/'+Dept.img+'" alt="">' +
  300.                     '<div class="gallery_grid_image_caption">' +
  301.                     '<span class="gallery_image_title uk-text-truncate">'+libDep+'</span>' +
  302.                     '<span class="uk-text-muted uk-text-small uk-text-truncate">'+descDep+'</span>' +
  303.                     '</div>' +
  304.                     '</div>' +
  305.                     '</div></div>';
  306.                 $(".depmindef").append(html);
  308.             });
  311.             // card animation & complete callback: login_code_show
  312.             altair_md.card_show_hide($login_card,undefined,login_code_show,undefined);
  313.         });*/
  315.         changeLang(lgID);
  316.         window.location="{{ path('api_home') }}";
  319.     });
  320. </script>
  321. </body>
  322. </html>