src/ApplicationBundle/Resources/views/codecovers_header.html.twig line 1

Open in your IDE?
  1. {% if not include_html is defined %}
  2.     {% set include_html=1 %}
  3.     {% if  app.request.request.get('skipHTML') !='' %}
  4.         {% set include_html= 0 %}
  5.     {% endif %}
  6.     {% if  app.request.query.get('skipHTML') !='' %}
  7.         {% set include_html= 0 %}
  8.     {% endif %}
  9. {% endif %}
  10. {% if include_html==1 %}
  11. <!DOCTYPE html>
  12. <html lang="en">
  13. <head>
  15.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  16.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  17.     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  18.     <meta name="description"
  19.           content="HoneyBee Ecosystem is a Full Fledged Ecosystem adaptive for Every Type of business Needs">
  20.     <meta name="keywords" content="ERP, Honeybee, honey bee,Mozibul Yasser, Business, Management, ">
  21.     <meta name="author" content="ThemeSelect">
  22.     <title id="pageTitle">{{ page_title }}</title>
  24.     <link rel="shortcut icon" type="image/x-icon"
  25.           href="{{ asset('favicon.ico') }}?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  26.     <link rel="apple-touch-icon" sizes="180x180"
  27.           href="{{ asset('apple-icon.png') }}?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  28.     <link rel="icon" type="image/png" sizes="32x32"
  29.           href="{{ asset('favicon-32x32.png') }}?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  30.     <link rel="icon" type="image/png" sizes="16x16"
  31.           href="{{ asset('favicon-16x16.png') }}?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  32.     <link rel="manifest" href="{{ asset('site.webmanifest') }}">
  33.     <link rel="mask-icon" href="{{ asset('safari-pinned-tab.svg') }}" color="#f2003a">
  34.     <meta name="msapplication-TileColor" content="#00aba9">
  35.     <meta name="theme-color" content="#ffffff">
  37.     {# <link rel="apple-touch-icon" href="pixinvent/images/favicon/apple-touch-icon-152x152.png"> #}
  38.     {# <link rel="shortcut icon" type="image/x-icon" href="pixinvent/images/favicon/favicon-32x32.png"> #}
  39.     <style>
  41.         .table-column-hidden {
  42.             display: none;
  43.         }
  45.         .card-body-hidden {
  46.             display: none;
  47.         }
  49.         .inplaceEdit .fa.fa-edit {
  50.             display: none;
  51.         }
  53.         embed {
  54.             width: auto !important;
  55.             height: unset !important;
  56.             max-width: 80vw !important;
  57.         }
  59.         {% if app.session.get('devAdminMode') !=1 %}
  60.         .sf-toolbar {
  61.             display: none !important;
  62.         }
  64.         {% endif %}
  66.         .mobile_approval {
  67.             position: fixed;
  68.             bottom: 0;
  69.             left: 0;
  70.             z-index: 99999;
  71.             width: 100vw;
  72.             background: orange;
  73.             text-align: center !important;
  74.             display: none;
  76.         }
  78.         .wide_screen_approval {
  80.             display: block;
  81.             text-align: center !important;
  83.         }
  85.         @media only screen and (max-width: 400px) {
  86.             .headerbar-right .header-nav.header-nav-options {
  87.                 display: none !important;
  88.             }
  90.             .headerbar-right .header-nav.header-nav-profile.company_selector {
  91.                 display: contents !important;
  92.             }
  93.         }
  95.         @media (max-width: 768px) {
  97.             .mobile_approval {
  98.                 display: block;
  100.             }
  102.             .wide_screen_approval {
  103.                 display: none;
  105.             }
  107.             #content {
  109.                 padding-top: 128px !important;
  110.             }
  112.         }
  114.         @media (max-width: 550px) {
  115.             #content {
  116.                 padding-top: 192px !important;
  117.             }
  118.         }
  121.         .material-icons {
  122.             display: none;
  123.             font-size: inherit !important;
  124.         }
  127.         .align_center {
  128.             text-align: center;
  129.         }
  131.         .align_right, .trans_amount {
  132.             text-align: right;
  133.         }
  135.         .align_left {
  136.             text-align: left;
  137.         }
  139.         .selection_on_header {
  140.             margin-top: 7px;
  141.             margin-bottom: 7px;
  142.             margin-left: 24px;
  143.             line-height: normal;
  144.             vertical-align: middle;
  145.             position: relative;
  146.             display: inline-table;
  147.             padding: 0;
  148.             white-space: nowrap;
  149.             border-radius: 2px;
  150.             -webkit-transition: background 0.25s ease-in-out;
  151.             -o-transition: background 0.25s ease-in-out;
  152.             transition: background 0.25s ease-in-out;
  153.         }
  155.         .selection_on_header .form-group {
  156.             margin-bottom: 0px;
  157.             padding-top: 0px !important;
  158.         }
  160.         .selection_on_header .selectize-control.form-control {
  161.             /*margin-bottom: 0px;*/
  162.             border-bottom: 0px;
  163.             height: 34px;
  164.         }
  166.         .selectize-control.form-control .selectize-input {
  167.             /*margin-bottom: 0px;*/
  168.             padding-right: 30px;
  169.             /*height: 34px;*/
  170.         }
  172.         .form-control .selectize-dropdown {
  173.             font-size: 13px;;
  174.         }
  176.         .form-control .selectize-dropdown h6 {
  177.             font-size: 14px;;
  178.         }
  180.         /*.card.style-accent-dark .header .selectize-input {*/
  181.         /*background-color: #681a7f;*/
  182.         /*border-color: #681a7f;*/
  183.         /*color: #ffffff;*/
  184.         /*}*/
  185.         .card.style-accent-dark .header .selectize-input.input-active,
  186.         .card.style-accent-dark .header .selectize-input {
  187.             background-color: #681a7f;
  188.             border-color: #681a7f;
  189.             color: #ffffff;
  190.         }
  192.         .card.style-accent-dark .selectize-control.single .selectize-input:after {
  193.             display: none;
  194.             background-color: #681a7f;
  195.             border-color: #ffffff transparent transparent transparent;
  196.             color: #ffffff;
  197.             right: 0px;
  198.         }
  201.         {%  if  app.request.get('_route')!='print_check' %}
  202.         html {
  205.             /*zoom: 0.75;*/
  206.             /*transform: scale(0.8);*/
  207.             /*transform-origin: top left; !* Adjust as needed *!*/
  208.             /*width: 125%; !* To compensate for scaling *!*/
  209.             /*height: 125% !important;*/
  210.         }
  212.         @media print {
  213.             html {
  216.                 /*transform: scale(.75);*/
  217.                 /*transform-origin: 0 0;*/
  218.             }
  220.             @page {
  221.                 /*size: 297mm 210mm; !* landscape *!*/
  222.                 /*size: 210mm 297mm; !* landscape *!*/
  223.                 /* you can also specify margins here: */
  224.                 /*margin: 25mm;*/
  225.                 /*margin-right: 45mm; !* for compatibility with both A4 and Letter *!*/
  227.             }
  228.         }
  231.         {% endif %}
  233.         .honeybee_sidebar.tabs-right > .nav-tabs > li > a {
  234.             min-width: unset !important;
  235.             margin-right: 0;
  236.         }
  239.     </style>
  242.     {# <link href='fonts/css0a62.css?family=Roboto:300italic,400italic,300,400,500,700,900' rel='stylesheet' type='text/css'/> #}
  244.     <link rel="stylesheet" href="{{ asset('css/custom.css') }}">
  245.     <link rel="stylesheet"
  246.           href="{{ absolute_url(path('dashboard')) }}css/icone91f.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}&family=Material+Icons"
  247.           type="text/css">
  248.     <link rel="stylesheet"
  249.           href="{{ absolute_url(path('dashboard')) }}css/glyphicon_font_face.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}&family=Material+Icons"
  250.           type="text/css">
  251.     {# <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> #}
  252.     <link rel="stylesheet"
  253.           href="{{ absolute_url(path('dashboard')) }}condensed_assets/styles_codecovers.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  254.     <link type="text/css" rel="stylesheet"
  255.           href='{{ absolute_url(path('dashboard')) }}fonts/material-design-iconic-font/css/material-design-iconic-font.css'/>
  257.     <link rel="stylesheet"
  258.           href="{{ absolute_url(path('dashboard')) }}condensed_assets/placeholder_loader.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  260.     {% if not new_calendar_version is defined %}
  261.         {% set new_calendar_version=0 %}
  262.     {% endif %}
  263.     {% if new_calendar_version==0 %}
  264.         <link rel="stylesheet" href="{{ asset('css/fullcalendar.min.css') }}">
  265.     {% endif %}
  267.     <link rel="stylesheet" href="{{ asset('css/cal_print.css') }}" media="print">
  268.     <style>
  269.         /*.table > thead > tr > th {*/
  270.         /*vertical-align: bottom;*/
  271.         /*border-bottom: 2px solid #ddd;*/
  272.         /*}*/
  274.         /*body, .body, .card .body, .sidebar .menu .list a span, .form-control {*/
  275.         /*font-size: 12px;*/
  276.         /*!*font-size: 11px;*!*/
  277.         /*font-weight: 400;*/
  278.         /*}*/
  280.         .trans_amount:not(.latch_top), .align_right {
  281.             text-align: right !important;
  282.             vertical-align: middle;
  284.         }
  286.         .align_left:not(.latch_top) {
  287.             text-align: left !important;
  288.             vertical-align: middle;
  290.         }
  292.         .align_center:not(.latch_top) {
  293.             text-align: center !important;
  294.             vertical-align: middle;
  296.         }
  298.         .latch_top {
  299.             vertical-align: top !important;
  301.         }
  303.         .ver_mid {
  304.             vertical-align: middle !important;
  306.         }
  309.     </style>
  311.     {# <script type="text/javascript" src="{{ constant('ApplicationBundle\\Constants\\GeneralConstant::NOTIFICATION_SERVER') }}/socket.io/socket.io.js"></script> #}
  313.     <style>
  314.         {##preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible;#}
  315.         {#background: #333 url('{{ absolute_url(path('dashboard')) }}/images/loading_2.gif') no-repeat center center; }#}
  316.         {#@media (max-width: 767px) {#}
  317.         {#.sidebar-toggle {#}
  318.         {#display: none !important;#}
  319.         {#}#}
  320.         {#}#}
  322.         .table > thead > tr > th {
  323.             vertical-align: bottom;
  324.             border-bottom: 2px solid #ddd;
  325.         }
  327.         @media print {
  329.             .dont_print {
  330.                 display: none !important;
  331.                 border: none !important;
  332.             }
  334.             .only_print {
  335.                 display: block !important;
  336.             }
  338.             .full_page {
  339.                 height: calc(100vw * 1);
  340.             }
  342.             /*section.content {*/
  343.             /*margin-left: 15px*/
  344.             /*}*/
  346.         }
  348.         .full_page {
  349.             height: calc(100vw * 1);
  350.         }
  352.         .only_print {
  353.             display: none;
  354.         }
  356.         .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
  357.             cursor: pointer;
  358.             border: none;
  359.         }
  361.         .form-line .selectize-input {
  362.             border: none;
  363.         }
  365.         .dt-gen-button .fa {
  366.             margin: 1px 0 3px 5px;
  367.         }
  369.         /*.dt-gen-button*/
  370.         /*{*/
  371.         /*float:right;*/
  372.         /*}*/
  373.         .dt-buttons .dt-gen-button {
  374.             /*float: right;*/
  375.             float: none;
  376.             width: 15% !important;
  377.             /*max-width: 94px;*/
  378.             /*margin-left:20px !important;*/
  379.         }
  381.         h5 table {
  382.             max-width: 100% !important;
  383.         }
  386.         .dt-buttons {
  387.             width: 100%;
  388.             text-align: center;
  389.             /*background-color: grey;*/
  390.         }
  393.         #page_data_table_search {
  394.             width: 95%;
  395.             padding-left: 1rem;
  397.             border-radius: 3rem;
  398.             -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -7px rgba(0, 0, 0, .2);
  399.             box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -7px rgba(0, 0, 0, .2);
  400.         }
  402.         .form-control.selectize-control {
  403.             border-bottom: 1px solid rgba(12, 12, 12, 0.12);
  404.             height: auto;
  405.             min-height: 0px;
  406.         }
  408.         .selectize-input {
  409.             min-height: 0;
  410.             padding: 0 1rem;
  411.             line-height: 1.846153846;
  412.             vertical-align: middle !important;
  413.         }
  415.         .form .form-group .input-group {
  416.             margin-top: 0px;
  417.         }
  419.         .card div[class*="col-md"], .card div[class*="col-lg"], .card div[class*="col-xs"], .card div[class*="col-sm"] {
  420.             margin-bottom: 20px;
  421.         }
  423.         .modal div[class*="col-md"], .modal div[class*="col-lg"], .modal div[class*="col-xs"], .modal div[class*="col-sm"] {
  424.             margin-bottom: 20px;
  425.         }
  427.         .dt-bootstrap div[class*="col-md"], .dt-bootstrap div[class*="col-lg"], .dt-bootstrap div[class*="col-xs"], .dt-bootstrap div[class*="col-sm"] {
  428.             margin-bottom: 0px;
  429.         }
  431.         .btn-icon-toggle.approve_button {
  432.             border-color: cornsilk;
  433.             border-radius: 50% !important;
  434.             border: 2px solid;
  435.             height: 36px;
  436.         }
  438.         .selectize-input, .selectize-control.single .selectize-input.input-active {
  439.             background: inherit;
  440.             /*cursor: text;*/
  441.             /*display: inline-block;*/
  442.         }
  444.         .selectize-input.full:not(:hover) {
  445.             background-color: inherit;
  446.         }
  447.         .selectize-input.full:hover {
  448.             z-index: 999999;
  449.         }
  450.         /*.selectize-input.full {*/
  451.         /*    background-color: inherit;*/
  452.         /*}*/
  454.         .user:hover {
  455.             background: #17a2b8;
  456.             color: white;
  457.             cursor: pointer;
  458.         }
  460.         .d-none {
  461.             display: none;
  462.         }
  464.         .d-block {
  465.             display: block;
  466.         }
  468.         .position-relative {
  469.             position: relative;
  470.         }
  472.         #loader {
  473.             position: absolute;
  474.             top: 0;
  475.             left: 212px;
  476.             margin-top: -16px;
  477.         }
  479.         .mb-1 {
  480.             margin-bottom: 1.5rem;
  481.         }
  483.         .mr-1 {
  484.             margin-right: 1rem;
  485.         }
  488.     </style>
  491.     <style>
  492.         /*drastic*/
  493.         textarea.form-control {
  494.             padding: 0 1rem;
  495.         }
  497.         .bg-blue {
  498.             /*background: blue;*/
  499.         }
  501.         .bg-orange {
  502.             /*background: orange;*/
  503.         }
  505.         table .form-control:not(.trigger_ckeditor ) {
  506.             padding: 0 1rem;
  507.             height: auto;
  509.             border: 1px solid rgba(12, 12, 12, 0.2);
  511.             border-radius: 6px !important;
  512.         }
  513.         .form-control.trigger_ckeditor{
  515.             border: none !important;
  516.             height: auto !important;
  518.         }
  520.         table input.form-control {
  521.             /*padding: 0 0;*/
  523.         }
  525.         table input[type="number"].form-control {
  526.             text-align: right;
  528.         }
  530.         table .form-control[disabled],
  531.         table .form-control[readonly],
  532.         table fieldset[disabled] .form-control {
  533.             background-color: transparent;
  534.             border-color: rgba(12, 12, 12, 0.2);
  535.             border-style: dashed;
  536.         }
  538.         .form .form-group, .form-inline .form-group {
  539.             padding-top: 20px;
  540.             margin-bottom: 2px;
  542.         }
  544.         #relevantForm .form-control {
  546.             height: auto;
  547.         }
  549.         .form-group .form-control:focus ~ label:after, .form-group .form-control:focus ~ .form-control-line:after {
  550.             visibility: hidden;
  551.             width: 100%;
  552.             left: 0;
  553.         }
  555.         .width-13 {
  556.             width: 520px;
  557.         }
  559.         .width-50-percent {
  560.             width: 50vw;
  561.         }
  563.         @media (max-width: 580px) {
  565.             .width-50-percent {
  566.                 width: 100vw;
  567.             }
  569.         }
  572.     </style>
  573.     <script>
  574.         if (typeof module === 'object') {
  575.             window.module = module;
  576.             module = undefined;
  577.         }
  578.         //    require('./preload');
  580.     </script>
  583.     <script>
  585.         var logger = function () {
  586.             var oldConsoleLog = null;
  587.             var pub = {};
  589.             pub.enableLogger = function enableLogger() {
  590.                 if (oldConsoleLog == null)
  591.                     return;
  593.                 window['console']['log'] = oldConsoleLog;
  594.             };
  596.             pub.disableLogger = function disableLogger() {
  597.                 oldConsoleLog = console.log;
  598.                 window['console']['log'] = function () {
  599.                 };
  600.             };
  602.             return pub;
  603.         }();
  604.         {% if app.session.get('devAdminMode') ==1 %}
  605.         {% else %}
  606.         window['console']['log'] = function () {
  607.         };
  609.         {% endif %}
  611.     </script>
  612.     <script src="https://code.jquery.com/jquery-3.4.1.min.js"
  613.             integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  615. </head>
  617. <body class="menubar-hoverable header-fixed ">
  620. {% if pdf is defined and pdf==true %}
  621. {% else %}
  622.     {% include  '@Application/inc/snippets/export_bar.html.twig' %}
  624. {% endif %}
  625. <!--<div id="preloader"></div>-->
  627. {% if not isEmailBody is defined %}
  628.     <div class="ph-item"
  629.          style="display:none;top:0; left:0; right:0; bottom:0; position:fixed;width: 100%;height: 100%;z-index: 9999;">
  630.         {# <div class="ph-col-12"> #}
  631.         {# <div class="ph-picture"></div> #}
  632.         {# <div class="ph-row"> #}
  633.         {# <div class="ph-col-6 big"></div> #}
  634.         {# <div class="ph-col-4 empty big"></div> #}
  635.         {# <div class="ph-col-2 big"></div> #}
  636.         {# <div class="ph-col-4"></div> #}
  637.         {# <div class="ph-col-8 empty"></div> #}
  638.         {# <div class="ph-col-6"></div> #}
  639.         {# <div class="ph-col-6 empty"></div> #}
  640.         {# <div class="ph-col-12"></div> #}
  641.         {# </div> #}
  642.         {# </div> #}
  644.         <div class="ph-col-12">
  645.             {# <div class="ph-picture"></div> #}
  646.             <div class="ph-row">
  647.                 <div class="ph-col-12 big"></div>
  648.                 <div class="ph-col-12 big"></div>
  650.                 <div class="ph-col-2 empty big"></div>
  651.                 <div class="ph-col-2 empty big"></div>
  652.                 <div class="ph-col-8  empty big"></div>
  653.                 <div class="ph-col-2 "></div>
  654.                 <div class="ph-col-2 empty big"></div>
  655.                 <div class="ph-col-8  empty big"></div>
  656.                 <div class="ph-col-2 "></div>
  657.                 <div class="ph-col-2 empty big"></div>
  658.                 <div class="ph-col-8  "></div>
  659.                 <div class="ph-col-2 "></div>
  660.                 <div class="ph-col-2 empty big"></div>
  661.                 <div class="ph-col-8  "></div>
  662.                 <div class="ph-col-2 "></div>
  663.                 <div class="ph-col-2 empty big"></div>
  664.                 <div class="ph-col-8  "></div>
  665.                 <div class="ph-col-2 "></div>
  666.                 <div class="ph-col-2 empty big"></div>
  667.                 <div class="ph-col-8  "></div>
  668.                 <div class="ph-col-2 "></div>
  669.                 <div class="ph-col-2 empty big"></div>
  670.                 <div class="ph-col-2 big  "></div>
  671.                 <div class="ph-col-2 big empty "></div>
  672.                 <div class="ph-col-4 big  "></div>
  673.                 <div class="ph-col-2 "></div>
  674.                 <div class="ph-col-2 empty big"></div>
  675.                 <div class="ph-col-2 big  "></div>
  676.                 <div class="ph-col-2 big empty "></div>
  677.                 <div class="ph-col-4 "></div>
  680.             </div>
  682.         </div>
  683.         <div class="ph-col-2 ">
  684.             <div class="ph-picture"></div>
  685.         </div>
  686.         <div class="ph-col-2 empty "></div>
  687.         <div class="ph-col-2">
  688.             <div class="ph-picture"></div>
  689.         </div>
  690.         <div class="ph-col-2 empty"></div>
  691.         <div class="ph-col-4">
  692.             <div class="ph-picture"></div>
  693.         </div>
  694.         <div class="ph-col-12">
  695.             <div class="ph-picture"></div>
  696.         </div>
  697.     </div>
  700.     <div id='ajax_loader_here' style="display: none">
  701.         <img src='{{ asset('images/animated-bee.gif') }}'/>
  702.     </div>
  704.     <div id="loader-container" class="page-preloader" style="
  705.             background: #EDF0F1 url({{ url('dashboard') }}images/audio.svg) no-repeat center center;
  706.             position: fixed;
  707.             overflow: hidden;
  708.             top: 0;
  709.             right: 0;
  710.             left: 0;
  711.             bottom: 0;
  712.             z-index: 99999;"></div>
  715.     <div class="page-loader-wrapper dont_print" id="preloader" style="display: none;">
  716.         <div class="loader">
  717.             <div class="preloader">
  718.                 <div class="spinner-layer pl-red">
  719.                     <div class="circle-clipper left">
  720.                         <div class="circle"></div>
  721.                     </div>
  722.                     <div class="circle-clipper right">
  723.                         <div class="circle"></div>
  724.                     </div>
  725.                 </div>
  726.             </div>
  727.             <p>Please wait...</p>
  728.         </div>
  729.     </div>
  730.     {% include '@Application/inc/notification/no_javascript.html.twig' %}
  731. {% endif %}
  733. {% set full_js_included=0 %}
  734. {% endif %}
  736. {% if not isEmailBody is defined %}
  738.     <script>
  739.         var BaseURL = '{{ url('dashboard') }}';
  740.         var CentralURL = '{{ constant('ApplicationBundle\\Constants\\GeneralConstant::HONEYBEE_CENTRAL_SERVER') }}';
  741.         {# var SYSTEM_DEFAULT_CURRENCY_ID={{ session['systemDefaultCurrency'] }}; #}
  742.         {# var SYSTEM_ACTIVE_CURRENCY_ID={{ session['systemActiveCurrency'] }}; #}
  743.         {# var SYSTEM_DEFAULT_CURRENCY_NAME='{{ session['systemCurrencyName'] }}'; #}
  744.         {# var SYSTEM_DEFAULT_CURRENCY_ICON='{{ session['systemCurrencyIcon'] }}'; #} // will work on later
  745.         var SYSTEM_DEFAULT_CURRENCY_ID = 1;
  746.         var SYSTEM_ACTIVE_CURRENCY_ID = 1;
  747.         var SYSTEM_ACTIVE_CURRENCY_NAME = 'BDT';
  748.         var SYSTEM_ACTIVE_CURRENCY_ICON = '';
  749.         {# var BaseURL='{{ url('dashboard') }}'; #}
  750.         var ACTIVE_ROUTE = "";
  751.         //    window.isElectron = function () {
  752.         //        return 'Bridge' in window;
  753.         //    };
  755.         if (window.isElectron) {
  756. //        alert('pikachi')
  757. //        //    console.log(window.ipcRenderer)
  758.             window.ipcRenderer.send('ping', 'hello')
  759.             window.ipcRenderer.send('asynchronous-reply', 'PIKAAA')
  760. //            window.ipcRenderer.on('pong', function (event, msg) {
  761. //                //    console.log(msg)
  762. //            })
  763. //            setTimeout(function listPorts() {
  764. //                listSerialPorts();
  765. //                setTimeout(listPorts, 5000);
  766. //            }, 2000);
  767.         }
  768.     </script>
  769. {% endif %}
  771. <style>
  772.     .row{
  773.         margin-right: 0px;
  774.     }
  775.     {% if  app.request.query.get('iFrameData') !='' %}
  776.     body {
  778.         zoom: .50;
  779.         -moz-transform: scale(.50);
  780.         -moz-transform-origin: 0 0;
  781.     }
  783.     .section-action, .approve_button, .comment_holder {
  785.         display: none;
  786.     }
  788.     #header {
  789.         display: none !important;
  790.     }
  792.     #base #content {
  793.         padding-top: 0px !important;
  794.     }
  796.     #base {
  797.         padding-bottom: 122px !important;
  798.     }
  800.     .card-actionbar-row.mobile_approval {
  801.         display: none !important;
  802.     }
  804.     #base #content .header {
  805.         display: none !important;
  806.     }
  808.     .section-body .col-xs-12 {
  809.         width: 100%;
  810.         padding: 0px !important;
  811.     }
  813.     {% endif %}
  816.     .toggle-vis:not(.currVis) .fa.fa-check {
  817.         display: none;
  818.     }
  820.     .toggle-vis.currVis .blank_space {
  821.         display: none;
  822.     }
  824.     .hide_td {
  825.         display: none;
  826.     }
  828.     .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  830.         padding-left: 1rem;
  831.         padding-right: 0rem;
  832.     }
  834.     body {
  835.         /*background: #ffffff;*/
  836.     }
  839. </style>
  841. {# Modify CSS here #}
  842. <style>
  844.     #relevantForm .form-control.selectize-control,
  845.     #relevantForm .selectize-control,
  846.     .niceModal .form-control.selectize-control,
  847.     .niceModal .selectize-control {
  848.         border-bottom: 1px solid rgba(12, 12, 12, 0.12);
  849.         height: auto;
  850.         max-height: 31px;
  851.     }
  853.     #relevantForm .form-control.selectize-control.multi,
  854.     #relevantForm .selectize-control.multi,
  855.     .niceModal .form-control.selectize-control.multi,
  856.     .niceModal .selectize-control.multi {
  858.         max-height: unset;
  859.     }
  861.     #relevantForm input.form-control,
  862.     #relevantForm .trigger_ckeditor.form-control,
  863.     .niceModal input.form-control {
  865.         font-size: 14px;
  866.         padding-left: 12px;
  869.     }
  871.     #relevantForm input.form-control {
  873.         font-weight: bold;
  876.     }
  878.     #header {
  879.         height: 40px;
  880.     }
  882.     .headerbar {
  883.         min-height: 40px;
  884.     }
  886.     .header-nav .header-nav-brand {
  887.         height: 40px;
  888.     }
  890.     #menubar {
  892.         top: 40px;
  893.     }
  895.     #content {
  897.         padding-top: 40px;
  898.     }
  901.     .header-nav > li {
  903.         padding: 2px 2px;
  905.     }
  907.     .header-nav-profile .dropdown > a,
  908.     .header-nav-profile .dropdown.open > a {
  910.         min-height: 0px;
  911.         padding: .25rem 1rem;
  912.         margin: 0px;
  914.     }
  916.     .header-nav-profile .dropdown img {
  917.         width: auto;
  918.         height: 33%;
  919.         max-height: 30px;
  920.         border-radius: 40px;
  921.     }
  923.     .header-nav-profile .dropdown.open .dropdown-menu {
  924.         margin-top: 1px;
  925.         border-top: none;
  926.         border-radius: 1rem;
  927.     }
  930.     .header-nav-profile .dropdown.open > a:after,
  931.     .header-nav-profile .dropdown > a:after {
  932.         /*display: none;*/
  933.         right: 1rem;
  934.         top: 4px;
  935.     }
  937.     .headerbar-right .header-nav {
  938.         display: inline-block;
  939.         float: unset;
  940.         vertical-align: middle;
  941.     }
  943.     #relevantForm .selectize-dropdown,
  944.     #relevantForm .selectize-input,
  945.     #relevantForm .selectize-input input,
  946.     .niceModal .selectize-dropdown,
  947.     .niceModal .selectize-input,
  948.     .niceModal .selectize-input input {
  949.         color: #0c0c0c;
  950.         font-size: 14px;
  951.     }
  953.     #relevantForm .selectize-dropdown,
  954.     #relevantForm .selectize-input,
  955.     #relevantForm .selectize-input input {
  957.         font-weight: bold;
  959.     }
  961.     #relevantForm .selectize-input.not-full input,
  962.     .niceModal .selectize-input.not-full input {
  963.         /*color: #0c0c0c;*/
  964.         /*font-weight: normal;*/
  965.         /*font-size: 14px;*/
  966.     }
  968.     #relevantForm .selectize-input.has-items .item,
  969.     .niceModal .selectize-input.has-items .item {
  970.         line-height: 1;
  971.         height: 14px;
  972.         overflow: hidden;
  973.     }
  975.     #relevantForm .selectize-control.multi .selectize-input.has-items .item,
  976.     .niceModal .selectize-control.multi .selectize-input.has-items .item {
  977.         line-height: 1;
  978.         height: 14px;
  979.         overflow: visible;
  980.     }
  982.     #relevantForm .selectize-input.has-items .item:hover,
  983.     .niceModal .selectize-input.has-items .item:hover {
  985.         overflow: visible;
  986.     }
  989.     #relevantForm .itemSegmentTable .form-control.selectize-control, #relevantForm .itemSegmentTable .selectize-control {
  990.         border: 1px solid rgba(12, 12, 12, 0.12);
  991.     }
  993.     #relevantForm .itemSegmentTable .selectize-control .selectize-input:after {
  994.         display: none;
  995.     }
  997.     .itemSegmentTable tfoot td {
  998.         font-size: 1.5rem;
  999.         font-weight: bold;
  1000.     }
  1001.     .itemSegmentTable th.expanded {
  1002.         width: 45% !important;
  1003.     }
  1004.     .itemtable th.expanded {
  1005.         width: 45% !important;
  1006.     }
  1008.     input[type=number]:not(:focus)::-webkit-inner-spin-button,
  1009.     input[type=number]:not(:focus)::-webkit-outer-spin-button {
  1010.         -webkit-appearance: none;
  1011.         -moz-appearance: none;
  1012.         appearance: none;
  1013.         margin: 0;
  1014.     }
  1016.     #relevantForm .open > .dropdown-menu {
  1018.     padding: 2rem;
  1019.     height: 51rem;
  1020.     overflow-y: scroll;
  1021.     }
  1023.     /*.itemSegmentTable input[type=number]:not(:focus)::-webkit-inner-spin-button,*/
  1024.     /*.itemSegmentTable input[type=number]:not(:focus)::-webkit-outer-spin-button {*/
  1025.     /*    -webkit-appearance: none;*/
  1026.     /*    -moz-appearance: none;*/
  1027.     /*    appearance: none;*/
  1028.     /*    margin: 0;*/
  1029.     /*}*/
  1030.     /*#newExpenseModal .form-control.selectize-control:hover {*/
  1031.     /*    border-bottom: 1px solid rgba(12, 12, 12, 0.12);*/
  1032.     /*    height: auto;*/
  1033.     /*    max-height: unset !important;*/
  1034.     /*    min-height: 0px !important;*/
  1035.     /*}*/
  1037.     @media (min-width: 769px) {
  1038.         #relevantForm .desc_cont {
  1040.             padding-top: 5.5px;
  1041.         }
  1042.     }
  1044.     .generic_document_list_table .dropdown-menu {
  1045.         min-width: 0;
  1046.     }
  1048.     .generic_document_list_table .dropdown-menu > li > a {
  1049.         padding: 1px 20px;
  1050.     }
  1053.     .generic_document_list_table .name_icon {
  1054.         background-size: cover;
  1055.         width: 30px;
  1056.         height: 30px;
  1057.         border-radius: 50%;
  1058.     }
  1060.     .generic_document_list_table .text_hover_icon {
  1061.         width: 20px;
  1062.         height: 20px;
  1063.         border-radius: 50%;
  1064.         padding: 0 !important;
  1065.     }
  1067.     .text_hover_icon .fa {
  1068.         font-size: 9px;
  1069.     }
  1071.     .generic_document_list_table .dropdown-menu {
  1072.         min-width: 0;
  1073.     }
  1075.     .generic_document_list_table .btn-sm:not(.text_hover_icon), .generic_document_list_table .btn-group-sm > .btn:not(.text_hover_icon) {
  1076.         padding: 0 1rem;
  1078.     }
  1080.     .btn-sm, .btn-group-sm > .btn.text_hover_icon {
  1081.         /*padding: 0 1rem;*/
  1083.     }
  1085.     /*.generic_document_list_table.table-condensed > tbody > tr > th,*/
  1086.     /*.generic_document_list_table.table-condensed > tfoot > tr > th,*/
  1087.     /*.generic_document_list_table.table-condensed > thead > tr > td,*/
  1088.     /*.generic_document_list_table.table-condensed > tbody > tr > td,*/
  1089.     /*.generic_document_list_table.table-condensed > tfoot > tr > td {*/
  1090.     /*    padding: 0 1rem;;*/
  1091.     /*}*/
  1092.     table-condensed > tbody > tr > th,
  1093.     .table-condensed > tfoot > tr > th,
  1094.     .table-condensed > thead > tr > td,
  1095.     .table-condensed > tbody > tr > td,
  1096.     .table-condensed > tfoot > tr > td {
  1097.         padding: 0 1rem;;
  1098.     }
  1100.     .generic_document_list_table.table-condensed > thead > tr > th {
  1101.         padding: 1rem 1rem;;
  1102.     }
  1105.     .dataTable#ajax_data_table .form-control,
  1106.     .generic_document_list_table.dataTable .form-control {
  1107.         padding: 0 1rem;
  1108.         height: auto;
  1109.         border: 1px solid rgba(12, 12, 12, 0.2);
  1110.         border-radius: 6px !important;
  1111.     }
  1113.     .dataTable#ajax_data_table .fa-edit,
  1114.     .generic_document_list_table.dataTable {
  1115.         font-size: 12px !important;
  1116.         /* color: darkgreen; */
  1117.     }
  1119.     .card {
  1121.         border-radius: 2rem;
  1122.         margin-bottom: 1rem;
  1123.     }
  1125.     .nav-tabs li:not(.no-popover) h4 {
  1126.         display: none;
  1127.     }
  1129.     .popover-content {
  1130.         text-align: center;
  1131.     }
  1133.     .card .body:last-child {
  1134.         /* border-radius: 0 0 2px 2px; */
  1135.         border-radius: 0 0 2rem 2rem;
  1137.     }
  1139.     .card .body.no-padding:last-child {
  1141.         overflow: hidden;
  1142.     }
  1144.     .alert.alert-callout {
  1146.         border-radius: 2rem;
  1148.     }
  1150.     .alert.alert-callout:before {
  1152.         top: 1rem;
  1153.         bottom: 1rem;
  1155.     }
  1157.     section {
  1159.         padding: 1rem;
  1160.     }
  1162.     section-body:first-child {
  1163.         margin-top: 1rem;
  1164.     }
  1166.     .section-body:first-child {
  1167.         margin-top: 1rem;
  1168.     }
  1170.     .offcanvas_special {
  1171.         position: fixed;
  1172.         top: 0;
  1173.         bottom: 0;
  1174.         left: -50vw;
  1175.         z-index: 1032;
  1176.     }
  1178.     .header-nav .dropdown-toggle {
  1179.         border-radius: 999px;
  1180.         padding: 0.25rem 1rem;
  1181.     }
  1183.     body {
  1184.         /*font-family: "Roboto", sans-serif, Helvetica, Arial, sans-serif;*/
  1185.         font-size: 12px;
  1187.     }
  1189.     .form_ongoing_submit {
  1191.         position: absolute;
  1192.         width: 100%;
  1193.         height: 100%;
  1195.         z-index: 999999999;
  1196.         background: url({{ url('dashboard') }}images/loader/spinner.gif?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }});
  1198.         margin: auto;
  1201.         background-size: initial;
  1202.         background-position: center !important;
  1203.         background-repeat: no-repeat;
  1204.         background-color: #cff1ef5c;
  1205.     }
  1206.     .approve_button_common {
  1208.         background: #0aa89e;
  1209.         border-radius: 6px;
  1210.         border: 2px solid #c7cbcb;
  1211.     }
  1214.     .generalCurrencyMultiplyRateTr:not(.present)
  1215.     {
  1216.         display: none;
  1217.     }
  1218. </style>
  1221. {# selectize special ends #}
  1223. {% include  '@Application/inc/ajax_route_library.html.twig' %}
  1224. <input type="hidden" id="timeStampOnHeaderLoad" value="{{ 'now'|date('U') }}">