src/Centralstage/SecurityBundle/Resources/views/base.html.twig line 1

Open in your IDE?
  1. {#
  2.   Copyright (c) 2023, Kripya Solutions Private Limited, India.
  3.   All rights reserved.
  5.   Redistribution and use in source and binary forms, with or without
  6.   modification, are permitted provided that the following conditions
  7.   are met:
  9.   Redistributions of source code must retain the above copyright
  10.   notice, this list of conditions and the following disclaimer.
  12.   Redistributions in binary form must reproduce the above
  13.   copyright notice, this list of conditions and the following
  14.   disclaimer in the documentation and/or other materials provided
  15.   with the distribution.
  17.   Neither the name of Kripya Solutions  nor the names
  18.   of its contributors may be used to endorse or promote products
  19.   derived from this software without specific prior written
  20.   permission.
  22.   THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  23.   "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  24.   LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS
  25.   FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
  26.   COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
  27.   INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,
  28.   BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  29.   LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
  30.   CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
  31.   LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN
  32.   ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
  33.   POSSIBILITY OF SUCH DAMAGE.
  34.  #}<!DOCTYPE html>
  35. <!-- Copyright (c) 2023, Kripya Solutions Private Limited, India. All rights reserved.-->
  36. <html>
  37.     <head>
  38.         {% set Device = app.request.headers.get('Device') %}
  39.         {% if Device == 'TV' %}
  40.             <meta name="viewport" content="width=device-width, initial-scale=0.5, shrink-to-fit=no">
  41.         {% else %}
  42.             <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  43.         {% endif %}
  44.         <meta charset="UTF-8" />
  45.         {{ render(controller( 'App\\Centralstage\\CoreBundle\\Controller\\DefaultController::getAsset', { 'type': 'organizationFavIcon' } ))}}
  46.         <title>{% block title %}CenterStage{% endblock %}</title>
  47.         {% set cssLibVersion = 'V1.4.3' %}
  48.         {% set cssSrcVersion = 'V1.4.3' %} 
  49.         {% block stylesheets %}        
  50.             <link rel="stylesheet" type="text/css" href="{{asset('js/libs/jquery-ui-1.12.1.custom/jquery-ui.css?v=' ~cssLibVersion)}}"/>
  51.             <link rel="stylesheet" type="text/css" href="{{asset('css/libs/bootstrap/bootstrap.min.css?v=' ~cssLibVersion)}}"/>
  52.             <link rel="stylesheet" type="text/css" href="{{asset('js/libs/DataTables-1.10.18/datatables.min.css?v=' ~cssLibVersion)}}"/>
  53.             <link rel="stylesheet" type="text/css" href="{{asset('css/libs/bootstrap-datetimepicker.min.css?v=' ~cssLibVersion)}}"/>    
  54.             <link rel="stylesheet" type="text/css" href="{{asset('css/libs/bootstrap/bootstrap-toggle.min.css?v=' ~cssLibVersion)}}"/>
  55.             <link rel="stylesheet" type="text/css" href="{{asset('css/libs/font-awesome-4.7.0/css/font-awesome.min.css?v=' ~cssLibVersion)}}"/>                    
  56.             <link rel="stylesheet" type="text/css" href="{{asset('assets/app/common/open-iconic/font/css/open-iconic-bootstrap.css?v=' ~cssSrcVersion)}}"/>
  57.             <link rel="stylesheet" type="text/css" href="{{asset('assets/app/common/material-design-icons/iconfont/material-icons.css?v=' ~cssSrcVersion)}}"/>
  58.             <link rel="stylesheet" type="text/css" href="{{asset('css/src/bootstrap_overrides.css?v=' ~cssSrcVersion)}}"/>
  59.             <link rel="stylesheet" type="text/css" href="{{asset('css/src/base.css?v=' ~cssSrcVersion)}}"/>    
  60.             <link rel="stylesheet" type="text/css" href="{{asset('css/src/skeletonloader.css?v=' ~cssSrcVersion)}}"/>    
  61.             <link rel="stylesheet" type="text/css"  href="{{asset('css/src/print.css?v=' ~cssSrcVersion)}}"/>    
  62.         {% endblock %}
  64.         {% set jsLibVersion = 'V1.5.4' %}
  65.         {% set jsSrcVersion = 'V1.5.4' %}
  66.         {% block javascripts %}    
  67.             <script src="{{asset('js/libs/umd/popper.min.js')}}"></script>
  68.             <script type="text/javascript" src="{{asset('js/libs/jquery-3.7.1.min.js?v='~jsLibVersion)}}"></script>
  69.             <script type="text/javascript" src="{{asset('js/libs/jquery-ui-1.13.2/jquery-ui.min.js?v='~jsLibVersion)}}"></script>
  70.             <script type="text/javascript" src="{{asset('js/libs/jquery.validate.min.js?v='~jsLibVersion)}}"></script>
  71.             <script type="text/javascript" src="{{asset('js/libs/jquery.cookie.min.js?v='~jsLibVersion)}}"></script>
  72.             <script type="text/javascript" src="{{asset('js/libs/bootstrap/bootstrap.min.js?v='~jsLibVersion)}}"></script>
  73.             
  74.             <script type="text/javascript" src="{{asset('js/libs/DataTables-1.10.18/datatables.min.js?v='~jsLibVersion)}}"></script>
  75.             <script src="{{asset('js/libs/moment.min.js')}}"></script>
  76.             <script type="text/javascript" src="{{asset('js/libs/bootstrap-datetimepicker.min.js')}}"></script>
  77.             <script type="text/javascript" src="{{asset('js/libs/bootstrap/bootstrap-toggle.min.js?v='~jsLibVersion)}}"></script>            
  78.             <script type="text/javascript" src="{{asset('js/src/func/lyfenet.core.js?v='~jsSrcVersion)}}"></script>
  79.             <script type="text/javascript" src="{{asset('js/src/func/lyfenet.functions.js?v='~jsSrcVersion)}}"></script>
  80.             <script type="text/javascript" src="{{asset('js/src/func/lyfenet.defaults.js?v='~jsSrcVersion)}}
  81.             "></script>
  82.             <script type="text/javascript" src="{{asset('js/src/func/lyfenet.numberformats.js?v='~jsSrcVersion)}}
  83.             "></script>
  84.             <script language="javascript" type="text/javascript" src="{{asset("js/src/func/lyfenet.ui.js?v="~jsSrcVersion)}}"></script>
  85.             <script language="javascript" type="text/javascript" src="{{asset("js/src/func/lyfenet.navigation.js?v="~jsSrcVersion)}}"></script>
  86.             <script type="text/javascript" src="{{asset('js/src/config/common.js?v='~jsSrcVersion)}}"></script>
  87.             <script type="text/javascript" src="{{asset('js/src/config/server.js?v='~jsSrcVersion)}}"></script>
  88.             {% if get_env_var() == 'true' %}
  89.                 <script type="text/javascript" src="{{asset('js/src/app/tracking.js?v='~jsSrcVersion)}}"></script> {# tracking mautic #}
  90.             {% endif %}
  91.         {% endblock %}
  92.     </head>
  93.     <style>
  94.         .androidBtn{
  95.     color: white;
  96.     background-color: #0B0B47 ;
  97.     border: 1px solid #0B0B47;
  98.     border-radius:4px;
  99.   }
  100.   
  101.   .androidBtn:hover{
  102.     color: white;
  103.     background-color:#0036e3 ;
  104.     border: 1px solid #0036e3;
  105.     border-radius:4px;
  106.   }
  107.   .footer .info-icon .fa{ 
  108.     cursor:pointer;
  109.   }
  110.     .footer .info-icon .fa:hover{ 
  111.         
  112.     }
  113.     </style>
  114.     {% if theme is defined %}
  115.         {% set pageTheme = theme %}
  116.     {% else %}
  117.         {% set pageTheme = app.request.cookies.get('pageTheme') %}
  118.     {% endif %}
  119.     <body class="{{ pageTheme is defined and pageTheme == "darkTheme" ? 'dark_theme' : 'light_theme' }} ">
  120.     
  121.         <div class="container-fluid">
  122.             
  123.             {% block header %}
  124.                 <nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom shadow-sm topMenu fixed" style="z-index:4">
  125.                     
  126.                     {# <a class="navbar-brand" href="/">
  127.                     {{ render(controller( 'App\\Centralstage\\CoreBundle\\Controller\\DefaultController::getAsset', { 'type': 'projectLogo' } ))}}
  128.                     </a> #}
  130.                     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  131.                         <span class="navbar-toggler-icon"></span>
  132.                     </button>
  134.             
  135.                     {% if Device == 'TV' %}
  136.                     <div class="d-flex justify-content-center mt-1">
  137.                         <button class="androidBtn py-2" type="button" onclick="SideNav.androidSettings()">
  138.                         <span class=""><img src="../assets/app/common/images/android.png" style="width: 20px; height: auto;"> Settings </span>
  139.                       </button>
  140.                     </div>
  141.                   {% endif %}
  143.                     {# <div class="collapse navbar-collapse" id="navbarSupportedContent">
  144.                         {{ render(controller( 'App\\Centralstage\\CoreBundle\\Controller\\DefaultController::getMenu', { 'type': 'top' } ))}}
  145.                     </div> #}
  146.                     
  147.                 </nav>
  148.             {% endblock %}
  149.             {% block notifications %}
  150.                 <div class="row justify-content-center">
  151.                     <div class="col-sm-6 position-fixed onTop alertsContainer"></div>
  152.                 </div>
  153.                 <div class="row justify-content-end">
  154.                     <div class="col-sm-3 position-fixed onTop toastsContainer"></div>
  155.                 </div>
  156.             {% endblock %}
  158.             
  159.             <!-- div class="container-fluid bg-white">
  160.                 <div class="row">
  161.                     <nav class="sidebar sidebar-collapsed" style="width:3%;">
  162.                         <div class="sidebar-sticky">
  163.                             <ul class="nav flex-column">
  164.                                 <li class="nav-item sideNavToggleBtn" onclick="SideNav.toggle()">
  165.                                     <a class="nav-link active">
  166.                                     <span class="oi oi-arrow-thick-right" >&nbsp;</span>
  167.                                     <span class="nav-label">Collapse</span>
  168.                                     </a>
  169.                                 </li>
  170.                                 <li class="nav-item">
  171.                                     <a class="nav-link active" href="{{ path("home") }}">
  172.                                     <span class="oi oi-home">&nbsp;</span>
  173.                                     <span class="nav-label">Home</span>
  174.                                     </a>
  175.                                 </li>
  176.                                 <li class="nav-item">
  177.                                     <a class="nav-link" href="#">
  178.                                     <span class="oi oi-hard-drive">&nbsp;</span>
  179.                                     <span class="nav-label">Devices</span>
  180.                                     </a>
  181.                                 </li>
  182.                                 <li class="nav-item">
  183.                                     <a class="nav-link" href="#">
  184.                                     <span class="oi oi-pin">&nbsp;</span>
  185.                                     <span class="nav-label">Sites</span>
  186.                                     </a>
  187.                                 </li>
  188.                                 <li class="nav-item">
  189.                                     <a class="nav-link" href="#">
  190.                                     <span class="oi oi-clipboard">&nbsp;</span>
  191.                                     <span class="nav-label">Reports</span>
  192.                                     </a>
  193.                                 </li>
  194.                             </ul>
  195.                         </div>
  196.                     </nav>
  197.                     <div class="container-fluid bg-white" style="width:95%;">
  198.                         
  199.                     </div>
  200.                 </div>            
  201.             </div -->
  202.             <div class="baseContentWrapper" id="pdfHere">
  203.             {% block body %}
  204.             {% endblock %}
  205.             </div>
  207.             <div id="logoutConfirmModal" class="modal fade" role="dialog" data-keyboard="false" data-backdrop="static" > 
  208.                 <div class="modal-dialog modal-sm">
  209.                     <div class="modal-content">
  210.                         <div class="modal-body">                        
  211.                             <h5 class="modal-title">Are you sure want to logout?</h5>
  212.                         </div>
  213.                         <div class="modal-footer">
  214.                             <button type="button" data-dismiss="modal" class="btn btn-sm btn-primary" id="logoutYesBtn" onclick="location.href = '{{path('logout')}}';">Yes</button>
  215.                             <button type="button" data-dismiss="modal" class="btn btn-sm btn-danger">Cancel</button>
  216.                         </div>
  217.                     </div>
  218.                 </div>
  219.             </div>
  220.             
  221.             <nav class="navbar fixed-bottom navbar-light footer">
  222.                 {# <div class="text-muted foottext">All rights reserved. Copyright © 2014-2023</div> #}
  223.                 <div class="col-4 d-flex">
  224.                     <div class="text-muted foottext"><span class="copyright">All rights reserved. Copyright &copy; 2014 - {{ 'now'|date('Y') }}</span></div> 
  225.                     <div class="ml-2 info-icon" onclick="showPopup()">
  226.                         <i class="fa fa-info-circle"></i> 
  227.                     </div>
  228.                 </div>
  230.                 <div class="col-8 d-flex justify-content-end align-items-center">
  231.                     <div id="MyClockDisplay" class="btn mr-2 pt-2 font-weight-bolder" onload="showTime()"></div>
  233.                     {% block footer_contents %}{% endblock %}
  234.                     <a class="navbar-brand" href="#">{{ render(controller( 'App\\Centralstage\\CoreBundle\\Controller\\DefaultController::getAsset', { 'type': 'organizationLogo' } ))
  235.                     }}</a>
  236.                 </div>
  238.             </nav>
  240.             {# <div class="model" id="popup">
  241.                 {{ render(controller( 'App\\Centralstage\\CoreBundle\\Controller\\DefaultController::getRelease', { 'type': 'releaseNotes' } ))}}
  242.             </div> #}
  245.         </div>
  249.         <script>
  250.         /*    // var sessionData = JSON.parse('{{app.session.get("authDetails") | json_encode()}}');
  251.             var jsonPretty = JSON.stringify('{{app.session.get("authDetails") | raw}}');
  252.             
  253.             var json = JSON.parse(jsonPretty);
  254.             
  255.             console.log(typeof json, json.a);
  256.             console.log(jsonPretty.preferences);
  257.             // var jsonPretty = JSON.stringify(JSON.parse(app.session.get('authDetails')),null,2);
  258.             // console.log(jsonPretty); */
  259.       </script>
  261.         {% block themesheets %}
  262.             {% if pageTheme is defined and pageTheme == "darkTheme" %}
  263.                 <link rel="stylesheet" media="all"  type="text/css" href="{{asset('css/src/theme_dark_one.css?v=' ~cssSrcVersion)}}"/>
  264.             {% else %}
  265.                 <link rel="stylesheet" media="all"  type="text/css" href="{{asset('css/src/theme_light_one.css?v=' ~cssSrcVersion)}}"/>
  266.             {% endif %}
  267.         {% endblock %}
  268.         
  269.         {% block pagebottom_javascripts %} 
  271.         {% if pageTheme is defined and pageTheme == "darkTheme" %}
  272.         <script type="text/javascript">
  273.             // From Here Themes fontColor working
  274.                 var themeManager = {};
  275.                 themeManager.chartLabelColor  = '#fff';
  276.                 themeManager.chartBG  = '#1f2241';
  277.                 themeManager.pcLabelColor = '#fff';
  278.                 themeManager.chartTitleColor  = '#fff';
  279.                 themeManager.chartLegendColor = '#fff';
  280.                 themeManager.chartColorArray  = ['#FE5722','#FEC107','#25BA3A','#1DCDDB','#5677FC','#3F51B5','#009788','#9C28B1','#EA1E63','#FF0000','#03fc9d'];
  281.                 themeManager.chartColorArray2  = ['#1DCDDB','#F0834D','#FF0000','#FFA500','#2CB81B','#3F51B5','#009788','#9C28B1','#EA1E63','#FF0000','#03fc9d'];
  282.                 themeManager.hoverBackgroundColor = '#1DCDDBCC';
  283.         </script>
  284.         {% else %}
  285.         <script type="text/javascript">
  286.             // From Here Themes fontColor working
  287.                 var themeManager = {};
  288.                 themeManager.chartLabelColor  = '#000';
  289.                 themeManager.pcLabelColor = '#fff';
  290.                 themeManager.chartBG  = '#fff';
  291.                 themeManager.chartTitleColor  = '#000';
  292.                 themeManager.chartLegendColor = '#000';
  293.                 themeManager.chartColorArray  =   ['#FE5722','#FEC107','#25BA3A','#00BCD5','#5677FC','#3F51B5','#05D8BF','#AD0FD3','#EF0F65','#E51C24','#03fc9d'];          
  294.                 themeManager.chartColorArray2  =  ['#2D325A','#F0834D','#FF0000','#FFA500','#2CB81B','#3F51B5','#05D8BF','#AD0FD3','#EF0F65','#E51C24','#03fc9d'];     
  295.                 themeManager.hoverBackgroundColor = '#3394de';
  296.         </script>
  297.         {% endif %}
  298.         <script type="text/javascript">
  299.              // Theme fontColor end
  300.             var SideNav = {};
  301.             SideNav.isExpanded = false;
  302.             SideNav.toggle = function(){
  303.                 if(sideNavExpanded){
  304.                     console.log('Collapse Nav');
  305.                     SideNav.collapse();
  306.                     SideNav.isExpanded = false;
  307.                 }else{
  308.                     console.log('Expand Nav');
  309.                     SideNav.expand();
  310.                     SideNav.isExpanded = true;
  311.                 }
  312.             }
  314.             SideNav.androidSettings = function(){
  315.                 androidSettings.showSetting()
  316.             }
  318.             SideNav.expand = function(){                
  319.                 $('.sidebar').addClass("sidebar-expanded");
  320.                 $('.sidebar').removeClass("sidebar-collapsed");
  322.                 $('.sideNavToggleBtn .oi').removeClass("oi-arrow-thick-right");
  323.                 $('.sideNavToggleBtn .oi').addClass("oi-arrow-thick-left");                
  324.             }
  326.             SideNav.collapse = function(){                
  327.                 $('.sidebar').removeClass("sidebar-expanded");
  328.                 $('.sidebar').addClass("sidebar-collapsed");
  330.                 $('.sideNavToggleBtn .oi').removeClass("oi-arrow-thick-left");
  331.                 $('.sideNavToggleBtn .oi').addClass("oi-arrow-thick-right");             
  332.             }
  334.             $(document).ready(function () {
  335.                 $('.sidebar').on( "mouseleave", function(){
  336.                     SideNav.collapse();
  337.                 });
  339.                 $('.sidebar').on( "mouseenter", function(){
  340.                     SideNav.expand();
  341.                 });
  342.             });
  343.             </script>
  344.         {% endblock %}
  346.         <script type="text/javascript">
  347.             $(document).ready(function () {
  348.                 $(window).on('resize', function(){
  349.                     LN.UI.FullHeight('.baseContentWrapper');
  350.                 });
  351.                 LN.UI.FullHeight('.baseContentWrapper');
  352.             });
  353.             function showPopup() {
  354.                  $('#showmodals').modal('show');
  355.             }
  357.             function showTime(){
  358.                 var date = new Date();
  359.                 $('#MyClockDisplay').text(date.toLocaleTimeString());
  360.                 setTimeout(showTime, 1000);
  361.                 // var h = date.getHours(); // 0 - 23
  362.                 // var m = date.getMinutes(); // 0 - 59
  363.                 // var s = date.getSeconds(); // 0 - 59
  364.                 // var session = "AM";
  365.                 
  366.                 // if(h == 0){
  367.                 //     h = 12;
  368.                 // }
  369.                 
  370.                 // if(h > 12){
  371.                 //     h = h - 12;
  372.                 //     session = "PM";
  373.                 // }
  374.                 
  375.                 // h = (h < 10) ? "0" + h : h;
  376.                 // m = (m < 10) ? "0" + m : m;
  377.                 // s = (s < 10) ? "0" + s : s;
  378.                 
  379.                 // var time = h + ":" + m + ":" + s + " " + session;  
  380.                 // $('#MyClockDisplay').text(time);    
  381.             }
  383.         showTime();
  384.         </script>    
  386.         {# tracking mautic #}
  387.         <script>
  388.             document.addEventListener("DOMContentLoaded", function() {
  389.                 if(`{{ get_env_var() }}` == 'true') {
  390.                     mt('send', 'pageview', {page_url: window.location.href, page_title:document.title});
  391.                 }
  392.             });
  393.         </script>
  394.     </body>
  395. </html>