templates/base.html.twig line 1

Open in your IDE?
  3. {% set emailComptableConfig = render(controller('App\\Controller\\MetaConfigController::getConfigMeta', { 'key': 'cabinet_comptable' })) %}
  4. {% set baseUrl = render(controller('App\\Controller\\HomeController::getBaseUrl', {})) %}
  6. {% set base_api_ocr_url = "https://dockeo.fr" %}
  8. <!DOCTYPE html>
  9. <html>
  11. <head>
  13.     <meta charset="utf-8">
  14.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15.     <link rel="icon" type="image/ico" href="{{ asset('favicon.ico') }}"/>
  17.     {% block seo %}
  18.         <title>{% block title %} {{ app.session.get('entreprise_session_name') }}  {% endblock %}</title>
  19.         <meta name="description" content=""/>
  20.     {% endblock %}
  22.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  23.     <link href="{{ asset('vendor/@fortawesome/fontawesome-free/css/fontawesome.css') }}" rel="stylesheet">
  24.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.3/photoswipe.min.css"/>
  25.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.3/default-skin/default-skin.css"/>
  26.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.1.9/sweetalert2.min.css" referrerpolicy="no-referrer" />
  27.     <link href="{{ asset('vendor/iCheck/custom.css') }}" rel="stylesheet">
  28.     <link href="{{ asset('vendor/animate.css/animate.css') }}" rel="stylesheet">
  29.     <link href="{{ asset('css/style.css') }}" rel="stylesheet">
  30.     <link rel="stylesheet" href="{{ asset('vendor/toastr/toastr.min.css') }}"/>
  31.     <script src="{{ asset('js/jquery-3.1.1.min.js') }}"></script>
  32.     <style type="text/css">
  33.         
  34.         .sf-minitoolbar, .sf-toolbarreset{display:none}
  35.         .inline-text{
  36.           overflow: hidden;
  37.           text-overflow: ellipsis;
  38.           white-space: nowrap;
  39.         }
  40.         body::-webkit-scrollbar {
  41.             width: .75rem;
  42.         }
  43.         *::-webkit-scrollbar-track {
  44.             background-color: #edf2f7;
  45.         }
  46.         *::-webkit-scrollbar-thumb {
  47.             background-color: #718096;
  48.             border-radius: 9999px;
  49.         }
  50.         body {
  51.             scrollbar-width: thin;
  52.             /* The color of thumb and track areas */
  53.             scrollbar-color: #718096 #edf2f7;
  54.         }
  55.         .modal-body {
  56.             padding: 20px 60px 57px 60px;
  57.         }
  58.         .pagination-block{
  59.             text-align: center;
  60.             margin-bottom: 40px;
  61.         }
  62.         .entreprise-list{
  63.             margin-top: 38px;
  64.         }
  65.         .loader-container{display: none;align-items: center;justify-content: center;}
  66.         .switch-entreprise.entreprise-item {
  67.             display: flex;
  68.             align-items: center;
  69.             justify-content: space-between;
  70.             border: 1px solid #dcdcdc;
  71.             padding: 4px 12px;
  72.             font-size: 11px;
  73.             border-radius: 5px;
  74.             margin-top: 7px;
  75.             color: #888;
  76.             font-weight: bold;
  77.         }
  78.         .switch-entreprise.entreprise-item.active, .switch-entreprise.entreprise-item:hover {
  79.             border-color: #14c179;
  80.             background: #14c179;
  81.             color: #fff;
  82.         }
  83.         .entreprise-img{
  84.             width: 35px;
  85.             height: 35px;
  86.             border-radius: 100%;
  87.             margin-right: 8px;
  88.             /*background-color: #18a689;*/
  89.             object-fit: cover;
  90.             border: 2px solid #18a689;
  91.         }
  92.         .navbar-top-links {
  93.             text-align: right;
  94.             margin-right: 8px;
  95.             margin-top: 8px;
  96.         }
  97.         .showDocument{cursor: pointer;}
  98.         .main-logo{
  99.             object-fit: contain;
  100.             width: 174px;
  101.             margin: auto;
  102.             display: block;
  103.         }
  104.         .footer{position: fixed;}
  105.         .nav.navbar-top-links > li > a.admin-btn:hover, .nav.navbar-top-links > li > a.admin-btn:focus{
  106.             background-color: #1ab394;
  107.             border-color: #1ab394;
  108.         }
  111.         .custom-dropdown {
  112.           display: inline-block;
  113.           position: relative;
  114.         }
  116.         .custom-dropdown .dd-button {
  117.           display: inline-block;
  118.           border: 1px solid gray;
  119.           border-radius: 4px;
  120.           padding: 7px 28px 7px 4px;
  121.           background-color: #ffffff;
  122.           cursor: pointer;
  123.           white-space: nowrap;
  124.         }
  126.         .dd-button:after {
  127.           content: '';
  128.           position: absolute;
  129.           top: 50%;
  130.           right: 15px;
  131.           transform: translateY(-50%);
  132.           width: 0; 
  133.           height: 0; 
  134.           border-left: 5px solid transparent;
  135.           border-right: 5px solid transparent;
  136.           border-top: 5px solid black;
  137.         }
  139.         .dd-button:hover {
  140.           background-color: #eeeeee;
  141.         }
  144.         .dd-input {
  145.           display: none;
  146.         }
  148.         .dd-menu {
  149.           position: absolute;
  150.           top: 100%;
  151.           border: 1px solid #ccc;
  152.           border-radius: 4px;
  153.           padding: 0;
  154.           margin: 2px 0 0 0;
  155.           box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
  156.           background-color: #ffffff;
  157.           list-style-type: none;
  158.         }
  160.         .dd-input + .dd-menu {
  161.           display: none;
  162.         } 
  164.         .dd-input:checked + .dd-menu {
  165.           display: block;
  166.         } 
  168.         .dd-menu li {
  169.           padding: 10px 20px;
  170.           cursor: pointer;
  171.           white-space: nowrap;
  172.           cursor: pointer;
  173.         }
  175.         .dd-menu li:hover {
  176.           background-color: #f6f6f6;
  177.         }
  179.         .btn-config-colonne{
  180.             cursor: pointer;
  181.             font-size: 20px;
  182.         }
  183.         .column-container {
  184.             position: absolute;
  185.             border: 1px solid #ccc;
  186.             padding: 13px;
  187.             border-radius: 5px;
  188.             width: 260px;
  189.             top: 59px;
  190.             box-shadow: 0px 1px 1px 3px rgb(183 183 190 / 20%);
  191.             background: #fff;
  192.             left: 0;
  193.             z-index: 9;
  194.             display: none;
  195.         }
  196.         .column-item label.column-label{
  197.             display: flex;
  198.             margin-bottom: 10px;
  199.         }
  200.         .column-item .column-libelle{
  201.             margin-left: 14px;
  202.         }
  203.     </style>
  204.     {% block css %}
  205.     {% endblock %}
  206. </head>
  208. <body style="-webkit-print-color-adjust: exact;">
  209. <!-- Root element of PhotoSwipe. Must have class pswp. -->
  210. <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
  211.   <!-- Background of PhotoSwipe. 
  212.            It's a separate element as animating opacity is faster than rgba(). -->
  213.   <div class="pswp__bg"></div>
  214.   <!-- Slides wrapper with overflow:hidden. -->
  215.   <div class="pswp__scroll-wrap">
  216.     <!-- Container that holds slides. 
  217.               PhotoSwipe keeps only 3 of them in the DOM to save memory.
  218.               Don't modify these 3 pswp__item elements, data is added later on. -->
  219.     <div class="pswp__container">
  220.       <div class="pswp__item"></div>
  221.       <div class="pswp__item"></div>
  222.       <div class="pswp__item"></div>
  223.     </div>
  224.     <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
  225.     <div class="pswp__ui pswp__ui--hidden">
  226.       <div class="pswp__top-bar">
  227.         <!--  Controls are self-explanatory. Order can be changed. -->
  228.         <div class="pswp__counter"></div>
  229.         <button class="pswp__button pswp__button--close" title="Fermer (Esc)"></button>
  230.         <button class="pswp__button pswp__button--share" title="Partager"></button>
  231.         <button class="pswp__button pswp__button--fs" title="Plein écran"></button>
  232.         <button class="pswp__button pswp__button--zoom" title="Zoom +/-"></button>
  233.         <!-- Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR -->
  234.         <!-- element will get class pswp__preloader--active when preloader is running -->
  235.         <div class="pswp__preloader">
  236.           <div class="pswp__preloader__icn">
  237.             <div class="pswp__preloader__cut">
  238.               <div class="pswp__preloader__donut"></div>
  239.             </div>
  240.           </div>
  241.         </div>
  242.       </div>
  243.       <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
  244.         <div class="pswp__share-tooltip"></div>
  245.       </div>
  246.       <button class="pswp__button pswp__button--arrow--left" title="Précedent">
  247.       </button>
  248.       <button class="pswp__button pswp__button--arrow--right" title="Suivant">
  249.       </button>
  250.       <div class="pswp__caption">
  251.         <div class="pswp__caption__center"></div>
  252.       </div>
  253.     </div>
  254.   </div>
  255. </div>
  256. <div id="wrapper">
  258.     {% block menu1 %}
  259.         <nav class="navbar-default navbar-static-side" role="navigation" style="margin-bottom: 49px;">
  260.             <div class="sidebar-collapse">
  261.                 <ul class="nav metismenu" id="side-menu">
  262.                     <li class="nav-header">
  263.                         <div class="profile-element">
  264.                             <a href="{{path('home')}}">
  265.                                 {% if app.session.get('entreprise_session_logo') %}
  266.                                     <img alt="FDMA" class="main-logo img-fluid" src="/logo/{{app.session.get('entreprise_session_logo')}}">
  267.                                 {% else %} 
  268.                                     <img src="{{ asset('images/logo-admin.png') }}"  alt="FDMA" class="main-logo img-fluid">
  269.                                 {% endif %}
  270.                             </a>
  271.                         </div>
  272.                         <div class="logo-element">
  273.                             FDMA
  274.                         </div>
  275.                     </li>
  276.                 </ul>
  278.             </div>
  279.         </nav>
  280.     {% endblock %}
  282.         <div id="page-wrapper" class="gray-bg">
  283.             <div class="row border-bottom">
  284.                 <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
  285.                     <div class="navbar-header">
  286.                         <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
  287.                     </div>
  288.                     <div class="navbar-header">
  289.                     </div>
  290.                     {% block menu2 %}
  291.                     <ul class="nav navbar-top-links navbar-right">
  292.                         <li>
  293.                             <span class="m-r-sm text-muted welcome-message">Bienvenue sur l'admin FMDA</span>
  294.                         </li>
  295.                         <li style="display: none;">
  296.                             <a href="{{path('admin_control')}}" class="btn btn-primary admin-btn" style="padding: 12px 19px;display: inline;color: #fff; margin-right: 0;">ADMINISTRATION</a>
  297.                         </li>
  298.                         <li class="dropdown">
  299.                             <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
  300.                             {% if app.session.get('entreprise_session_id') %}
  301.                                 <span>
  302.                                     {% if app.session.get('entreprise_session_logo') %}
  303.                                         <img class="entreprise-img" src="/logo/{{app.session.get('entreprise_session_logo')}}">
  304.                                     {% else %} 
  305.                                         <img class="entreprise-img" src="{{asset('images/logotransfmda.png')}}">
  306.                                     {% endif %}
  307.                                 </span>
  308.                                 {{ app.session.get('entreprise_session_name') }}
  309.                             {% endif %}
  310.                             <span class="caret"></span>
  311.                             </button>
  312.                             <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
  313.                                 {% if app.user is not null and app.user.role == "administrateur" %}
  314.                                     <li>
  315.                                         {% if app.session.get('entreprise_session_id') %}
  316.                                             <a href="javascript:void()" class="openEntrepriseModal">
  317.                                             <span>Changer de Société</span> &nbsp <i class="fal fa-chevron-right"></i>
  318.                                             </a>
  319.                                         {% endif %}
  320.                                     </li>
  321.                                     <li role="separator" class="divider"></li>
  322.                                 {% endif %}
  323.                                 <li>
  324.                                     <a href="{{ path('security_logout') }}">
  325.                                         <i class="fa fa-sign-out"></i> Déconnexion
  326.                                     </a>
  327.                                 </li>
  328.                             </ul>
  329.                         </li>
  330.                     </ul>
  331.                     {% endblock %}
  332.                 </nav>
  333.             </div>
  334.             {% block breadcrumb %}
  335.             <div class="row wrapper border-bottom white-bg page-heading">
  336.                 <div class="col-lg-10">
  337.                     <h2>Accueil</h2>
  338.                 </div>
  339.             </div>
  340.             {% endblock %}
  341.             <div class="wrapper wrapper-content animated fadeInRight">
  342.                 {% block content %}
  343.                 {% endblock %}
  344.             </div>
  345.             <div class="footer">
  346.                 <div class="float-right">
  347.                 </div>
  348.                 <div>
  349.                     <strong>Copyright</strong> FMDA &copy; 2020
  350.                 </div>
  351.             </div>
  352.             <div class="modal-entreprise-container">
  353.                 <div id="modalEntreprise" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  354.                     <div class="modal-dialog" role="document">
  355.                         <div class="modal-content">
  356.                             <div class="modal-header" style="border: none;">
  357.                                 {% if app.session.get('entreprise_session_id') %} 
  358.                                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" style="position: absolute;right: 14px;top: 10px;">&times;</span></button>
  359.                                 {% endif %}
  360.                             </div>
  361.                             <div class="modal-body row entreprise-container">
  362.                                 <div class="loader-container">
  363.                                     <img src="{{asset('images/loading.gif')}}" style="width: 54px;">
  364.                                 </div>
  365.                             </div>
  366.                         </div>
  367.                     </div>
  368.                 </div>
  369.             </div>
  370.             <div id="modalDocumentShow" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  371.                 <div class="modal-dialog modal-lg" role="document">
  372.                     <div class="modal-content">
  373.                         <div class="modal-header" style="border: none;">
  374.                             <!-- <div class="text-center">
  375.                                 <label class="custom-dropdown" id="btnRotation" style="display: none;z-index: 10">
  376.                                   <div class="dd-button">&nbsp
  377.                                     Orientation <i class="fad fa-redo"></i>&nbsp
  378.                                   </div>
  379.                                   <input type="checkbox" class="dd-input" id="test">
  380.                                   <ul class="dd-menu">
  381.                                     <li class="rotationChoice" data-rotation="90" data-pdf="">rotation 90</li>
  382.                                     <li class="rotationChoice" data-rotation="180" data-pdf="">rotation 180</li>
  383.                                     <li class="rotationChoice" data-rotation="270" data-pdf="">rotation 270</li>
  384.                                   </ul>
  385.                                 </label>
  386.                             </div> -->
  388.                             <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="position: absolute;top: 11px; right: 15px;"><span aria-hidden="true">&times;</span></button>
  389.                         </div>
  390.                         <div class="modal-body text-center">
  391.                             <h3 class="text-center no-document" style="display: none;">Aucun document rattaché.</h3>
  392.                             <div class="documentFile-container" style="display: none;">
  393.                             </div>
  394.                         </div>
  395.                     </div>
  396.                 </div>
  397.             </div>
  399.             <div id="modalScoreIa" class="modal fade bs-example-modal-sm modal-center" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  400.               <div class="modal-dialog modal-sm" role="document">
  401.                 <div class="modal-content">
  402.                     <div class="modal-header" style="border: none;">
  403.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  404.                         <h4 class="modal-title text-center" id="gridSystemModalLabel" style="padding-top: 27px;">
  405.                           <span style="color: red">ATTENTION RECONNAISSANCE INFERIEUR A 20% !!!</span> <br><br>Ce document est succeptible de n'avoir aucun modèle de reconnaissance IA enregistré. <br>Vous devrez selectionner manuellement les champs sur ce document
  406.                         </h4>
  407.                     </div>
  408.                     <div class="modal-body text-center">
  409.                         <button type="button" class="btn btn-primary" class="close" data-dismiss="modal" aria-label="Close">OK</button>
  410.                     </div>
  411.                 </div>
  412.               </div>
  413.             </div>
  414.         </div>
  415. </div>
  419. <!-- Mainly scripts -->
  420. <script src="{{ asset('vendor/popper.js/dist/umd/popper.js') }}"></script>
  421. <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
  422. <script src="{{ asset('vendor/metisMenu/jquery.metisMenu.js') }}"></script>
  423. <script src="{{ asset('vendor/slimscroll/jquery.slimscroll.min.js') }}"></script>
  424. <script src="{{ asset('vendor/peity/jquery.peity.min.js') }}"></script>
  425. <script src="{{ asset('vendor/toastr/toastr.min.js') }}"></script>
  426. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.10/dist/sweetalert2.all.min.js"></script>
  428. <!-- Custom and plugin javascript -->
  429. <script src="{{ asset('js/inspinia.js') }}"></script>
  430. <script src="{{ asset('vendor/pace/pace.min.js') }}"></script>
  432. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.15.6/xlsx.core.min.js"></script>
  433. <script type="text/javascript" src="{{ asset('vendor/excelplus-2.5.min.js') }}"></script>
  435. <!-- iCheck --> 
  436. <script src="{{ asset('vendor/iCheck/icheck.min.js') }}"></script>
  437. <script type="text/javascript">
  439.     var currentRotation = 0;
  440.     $(document).ready(function(){
  441.         $(".btn-config-colonne").click(function(){
  442.             $(".column-container").slideToggle();
  443.         });
  444.     });
  445.     $(document).mouseup(function(e) {
  446.       var containerConfigColumns = $(".column-container");
  447.         if (!containerConfigColumns.is(e.target) && containerConfigColumns.has(e.target).length === 0){ 
  448.           $('.column-container').hide();
  449.         }
  450.     })
  452.     $.fn.isInViewport = function() {
  453.         var elementTop = $(this).offset().top;
  454.         var elementBottom = elementTop + $(this).outerHeight();
  456.         var viewportTop = $(window).scrollTop();
  457.         var viewportBottom = viewportTop + $(window).height();
  459.         return elementBottom > viewportTop && elementTop < viewportBottom;
  460.     };
  462.     function isElementInViewport (el) {
  464.     // Special bonus for those using jQuery
  465.         if (typeof jQuery === "function" && el instanceof jQuery) {
  466.             el = el[0];
  467.         }
  469.         var rect = el.getBoundingClientRect();
  471.         return (
  472.             rect.top >= 0 &&
  473.             rect.left >= 0 &&
  474.             rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /* or $(window).height() */
  475.             rect.right <= (window.innerWidth || document.documentElement.clientWidth) /* or $(window).width() */
  476.         );
  477.     }
  479.     function isElementPartiallyInViewport(el)
  480.         {
  481.             // Special bonus for those using jQuery
  482.             if (typeof jQuery !== 'undefined' && el instanceof jQuery) 
  483.                 el = el[0];
  485.             var rect = el.getBoundingClientRect();
  486.             // DOMRect { x: 8, y: 8, width: 100, height: 100, top: 8, right: 108, bottom: 108, left: 8 }
  487.             var windowHeight = (window.innerHeight || document.documentElement.clientHeight);
  488.             var windowWidth = (window.innerWidth || document.documentElement.clientWidth);
  490.             // http://stackoverflow.com/questions/325933/determine-whether-two-date-ranges-overlap
  491.             var vertInView = (rect.top <= windowHeight) && ((rect.top + rect.height) >= 0);
  492.             var horInView = (rect.left <= windowWidth) && ((rect.left + rect.width) >= 0);
  494.             return (vertInView && horInView);
  495.         }
  496. </script>
  497. <!-- Peity
  498. <script src="js/demo/peity-demo.js"></script>
  499. -->
  501. {% block js_import %}
  502. {% endblock %}
  504. <script>
  505.     $(document).ready(function(){
  506.         $('.i-checks').iCheck({
  507.             checkboxClass: 'icheckbox_square-green',
  508.             radioClass: 'iradio_square-green',
  509.         });
  510.     });
  511.     jQuery(document).ready(function() { 
  512.         {% for label, message in app.flashes('success') %}
  513.             toastr.success("{{ message }}");
  514.         {% endfor %}
  515.         {% for message in app.flashes('error') %}
  516.             toastr.error("{{ message }}");
  517.         {% endfor %}
  518.         {% for message in app.flashes('infos') %}
  519.             toastr.infos("{{ message }}");
  520.         {% endfor %}
  521.         {% for message in app.flashes('warning') %}
  522.             toastr.warning("{{ message }}");
  523.         {% endfor %}
  524.     });
  525.     isObjectEmpty = function(obj) {
  526.         for(var key in obj) {
  527.             if(obj.hasOwnProperty(key))
  528.                 return false;
  529.         }
  530.         return true;
  531.     };
  532.     {% block javascript %}
  533.     {% endblock %}
  534. </script>
  536. <script type="text/javascript">
  537.     if("{{app.user.role}}" == "administrateur" && !"{{app.session.get('entreprise_session_id')}}"){
  538.         loadEntreprise();
  539.     }
  540.     $('.openEntrepriseModal').click(function(){
  541.         loadEntreprise();        
  542.     })
  544.     function loadEntreprise(){
  545.         $('#modalEntreprise').modal({
  546.           backdrop: 'static'
  547.         });
  548.         $('.loader-container').css('display','flex');
  549.         $.ajax({
  550.             url: "{{path('entreprise_load_xhr')}}",
  551.             type: "GET",
  552.             async: true,
  553.             dataType: "json",
  554.             data: {},
  555.             success:function(response) {
  556.               if(response.status == 200){
  557.                 $('#modalEntreprise .entreprise-container').html(response.datas);
  558.               }
  559.               else if(response.status == 500){
  560.                 toastr.error(response.message);
  561.               }
  562.               $('.loader-container').css('display','none');
  563.             },
  564.             error:function(){
  565.               toastr.error("Ooops... Quelque chose s'est mal passée");
  566.               $('.loader-container').css('display','none');
  567.             }
  568.         });
  569.     }
  571.     function loadMenu(){
  572.         $.ajax({
  573.             url: "{{path('menu_load_xhr')}}",
  574.             type: "GET",
  575.             async: true,
  576.             dataType: "json",
  577.             data: {},
  578.             success:function(response) {
  579.               if(response.status == 200){
  580.                 $('#side-menu').html(response.datas);
  582.               }
  583.               else if(response.status == 500){
  584.                 toastr.error(response.message);
  585.               }
  586.             },
  587.             error:function(){
  588.               toastr.error("Ooops... Quelque chose s'est mal passée");
  589.             }
  590.         });
  591.     }
  592.     if( "{{app.session.get('entreprise_session_id')}}" )
  593.         loadMenu();
  595.     $(document).on('click', '.menu-item', function(){
  596.         if($(this).hasClass('active')){
  597.             $(this).removeClass('active');
  598.             $(this).find('.sub-nav').addClass('collapse');
  599.         }
  600.         else{
  601.             $('.menu-item').removeClass('active');
  602.             $('.menu-item .sub-nav').addClass('collapse');
  603.             $(this).addClass('active');
  604.             $(this).find('.sub-nav').removeClass('collapse');
  605.         }
  606.         
  607.     })
  608.     function switchEntreprise(el){
  609.         var url = el.getAttribute("data-href");
  610.         $('.loader-container').css('display','flex');
  611.         $.ajax({
  612.             url: url,
  613.             type: "GET",
  614.             dataType: "json",
  615.             async: true,
  616.             data: {},
  617.             success: function(response) {
  618.                 if(response.status == 200){
  619.                     location.reload();
  620.                 }
  621.                 else if(response.status == 500){
  622.                     toastr.error(response.message);
  623.                 }
  624.                 $('.loader-container').css('display','none');
  625.             },
  626.             error: function(xhr, textStatus, errorThrown) {
  627.               console.log(errorThrown);
  628.               $('.loader-container').css('display','none');
  629.             }
  630.         });
  631.     }
  634.     $(document).ready( function () {
  635.         $('body').on('click', ' .showDocument', function(){
  636.             $documentFile = $(this).attr('data-file');
  637.             $('#modalDocumentShow').modal('show');
  638.             if($documentFile != ""){
  639.                 $('.no-document').css('display','none');
  640.                 $('.documentFile-container').css('display','block');
  641.                 if($documentFile.substr($documentFile.length - 3).toLowerCase() == "pdf"){
  642.                     // $('#btnRotation').css('display', 'inline-block');
  643.                     // $('#btnRotation .rotationChoice').attr('data-pdf', $documentFile);
  645.                     $('.lien-document').attr('href', $documentFile);
  646.                     $('.documentFile-container').html('<object class="documentPdf" data="" type="application/pdf" width="100%" height="980px"></object>');
  647.                 }
  648.                 else{
  649.                     $('.documentFile-container').html('<object class="documentPdf" data="" ></object>');
  650.                 }
  651.                 $('.documentPdf').attr('data', $documentFile);
  652.             }
  653.             else{
  654.                 $('.documentFile-container').css('display','none');
  655.                 $('.no-document').css('display','block');
  656.             }
  657.         })
  658.         $('body').on('click', ' .rotationChoice', function(){
  659.             var pdf = $(this).attr('data-pdf');
  660.             var rotation = $(this).attr('data-rotation');
  661.             var dossier = $(this).attr('data-dossier');
  663.             // currentRotation = parseInt(currentRotation) + parseInt(rotation);
  664.             // $('.data-ocr-container').css('transform', "rotate("+currentRotation+"deg)");
  665.             // console.log(currentRotation);
  667.             $.ajax({
  668.                 url: "{{path('document_rotation')}}",
  669.                 type: "GET",
  670.                 dataType: "json",
  671.                 async: true,
  672.                 data: {
  673.                     pdf:pdf,
  674.                     rotation:rotation,
  675.                     dossier:dossier
  676.                 },
  677.                 success: function(response, status) {
  678.                   if(response.status == 200){
  679.                     window.open(response.datas.redirect,'_blank');
  680.                     window.close();
  681.                   }
  682.                   else if(response.status == 400){
  683.                         toastr.error(response.message);
  684.                   }
  685.                 },
  686.                 error: function(xhr, textStatus, errorThrown) {
  687.                   toastr.error("Ooops..., Quelque chose s'est mal passée");
  688.                 }
  689.             });
  690.         })
  691.     } );
  693.     // $(document).on('click', '#rotationCss', function(){
  694.     //     let angle = $(this).val();
  695.     //     $('.data-ocr-container').css('transform', "rotate("+angle+"deg)");
  696.     //     console.log(angle);
  697.     //     console.log('deg');
  698.     //     console.log(angle+'deg');
  699.     // })
  700.     $(document).on("blur", ".field-number", function () {
  701.         if($(this).val()){
  702.             var content = $(this).val();
  703.             
  704.             if (content.indexOf(',') > -1 && content.indexOf('.') > -1){
  705.                 content = content.replace(",", '');
  706.             }
  707.             var valeur = content.replace(/[\,]+/g, '.');
  708.             var valString = valeur.toString(); 
  710.             valString = valString.toLowerCase();
  711.             valString = valString.replace("euro", '');
  712.             valString = valString.replace("eur", '');
  713.             valString = valString.replace("€", '');
  714.             valString = valString.replace(" ", '');
  716.             valeur = parseFloat(valString);
  718.             $(this).val(valeur);
  719.         }
  720.     });
  722.     function ajustePrice(content){
  723.         
  724.         if(content != ""){
  725.             if (content.indexOf(',') > -1 && content.indexOf('.') > -1){
  726.                 content = content.replace(",", '');
  727.             }
  728.             var valeur = content.replace(/[\,]+/g, '.');
  729.             var valString = valeur.toString(); 
  731.             valString = valString.toLowerCase();
  732.             valString = valString.replace("euro", '');
  733.             valString = valString.replace("eur", '');
  734.             valString = valString.replace("€", '');
  735.             valString = valString.replace(" ", '');
  737.             valeur = parseFloat(valString);
  739.             return valeur;
  740.         }
  741.         return "";
  742.     }
  744. </script>
  746. <script type="text/javascript">
  747.         jQuery.extend( jQuery.fn.dataTableExt.oSort, {
  748.             "num-html-pre": function ( a ) {
  749.                 var x = String(a).replace( /<[\s\S]*?>/g, "" );
  750.                 return parseFloat( x );
  751.             },
  752.          
  753.             "num-html-asc": function ( a, b ) {
  754.                 return ((a < b) ? -1 : ((a > b) ? 1 : 0));
  755.             },
  756.          
  757.             "num-html-desc": function ( a, b ) {
  758.                 return ((a < b) ? 1 : ((a > b) ? -1 : 0));
  759.             }
  760.         } );
  761. </script>
  762. {% block javascript_script %}
  763.     <script type="text/javascript">
  764.         // our updatable variable objects to use globally
  765.         let img = {};
  766.         let position = {};
  767.         let fieldsOcr = [
  768.             {field:'document_id', type:'text'},
  769.             {field:'facturedAt', type:'date'},
  770.             {field:'dueAt', type:'date'},
  771.             {field:'prixttc', type:'text'},
  772.             {field:'prixht', type:'text'},
  773.             {field:'tva', type:'select'},
  774.             {field:'devise', type:'select'},
  775.             {field:'fournisseur', type:'select'},
  776.             {field:'client', type:'select'},
  777.             {field:'chantier', type:'select'},
  778.             {field:'devis', type:'select'},
  779.             {field:'lot', type:'text'},
  780.             {field:'rossum_document_id', type:'text'},
  781.             {field:'status', type:'select'},
  782.             {field:'code_compta', type:'text'},
  783.             {field:'utilisateur', type:'select'},
  784.             {field:'conges_paye', type:'text'},
  785.             {field:'heure_sup_1', type:'text'},
  786.             {field:'heure_sup_2', type:'text'},
  787.             {field:'heure_normale', type:'text'},
  788.             {field:'trajet', type:'text'},
  789.             {field:'panier', type:'text'},
  790.             {field:'cout_global', type:'text'},
  791.             {field:'salaire_net', type:'text'},
  792.             {field:'date_paie', type:'text'},
  793.         ];
  795.         let moisObject = [
  796.             {mois:'janvier', num:'01'},
  797.             {mois:'fevrier', num:'02'},
  798.             {mois:'mars', num:'03'},
  799.             {mois:'avril', num:'04'},
  800.             {mois:'mai', num:'05'},
  801.             {mois:'juin', num:'06'},
  802.             {mois:'juillet', num:'07'},
  803.             {mois:'août', num:'08'},
  804.             {mois:'septembre', num:'09'},
  805.             {mois:'octobre', num:'10'},
  806.             {mois:'novembre', num:'11'},
  807.             {mois:'decembre', num:'12'},
  808.         ];
  810.         let tabDay = ['lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi', 'dimanche'];
  812.         $fieldPreference = [];
  814.         {% if fieldPreference is defined %}
  815.             $fieldPreference = {{ fieldPreference|json_encode()|raw }};
  816.         {% endif %}
  818.         // image matrix function to update img object variable
  819.         function imgMatrix() {
  821.           // our image object inside area
  822.           let $img = $('.document-container');
  824.           // offset data of image
  825.           let offset = $img.offset();
  827.           // add/update object key data
  828.           img.width = $img.outerWidth();
  829.           img.height = $img.outerHeight();
  830.           img.offsetX = offset.left - $(document).scrollLeft();
  831.           img.offsetY = offset.top - $(document).scrollTop();
  833.         }
  835.         // position matrix function to update position object variable
  836.         function positionMatrix(e, mousedown = false) {
  838.           // if mousedown param is true... for use in 
  839.           if (mousedown) {
  841.             // set the top/left position object data with percentage position
  842.             position.top = (100 / img.height) * ( (e.pageY - $(document).scrollTop()) - img.offsetY);
  843.             position.left = (100 / img.width) * ( (e.pageX - $(document).scrollLeft()) - img.offsetX);
  845.           }
  847.           // set the right/bottom position object data with percentage position
  848.           position.right = 100 - ((100 / img.width) * ((e.pageX - $(document).scrollLeft()) - img.offsetX));
  849.           position.bottom = 100 - ((100 / img.height) * ((e.pageY - $(document).scrollTop()) - img.offsetY));
  851.         }
  853.         // mouse move event function in area div
  854.         $(document).on('mousemove', '.document-container', function(e) {
  856.           // / update img object variable data upon this mousemove event
  857.           imgMatrix();
  859.           // if this area has draw class
  860.           if ($(this).hasClass('draw')) {
  861.             // update position object variable data passing current event data
  862.             positionMatrix(e);
  864.             // if image x cursor drag position percent is negative to mousedown x position
  865.             if ((100 - position.bottom) < position.top) {
  867.               // update rectange x negative positions css
  868.               $('.rect', this).css({
  869.                 top: (100 - position.bottom) + '%',
  870.                 bottom: (100 - position.top) + '%'
  871.               });
  873.               // else if image x cursor drag position percent is positive to mousedown x position
  874.             } else {
  876.               // update rectange x positive positions css
  877.               $('.rect', this).css({
  878.                 bottom: position.bottom + '%',
  879.                 top: position.top + '%',
  880.               });
  882.             }
  884.             // if image y cursor drag position percent is negative to mousedown y position
  885.             if ((100 - position.right) < position.left) {
  887.               // update rectange y negative positions css
  888.               $('.rect', this).css({
  889.                 left: (100 - position.right) + '%',
  890.                 right: (100 - position.left) + '%'
  891.               });
  893.               // else if image y cursor drag position percent is positive to mousedown y position
  894.             } else {
  896.               // update rectange y positive positions css
  897.               $('.rect', this).css({
  898.                 right: position.right + '%',
  899.                 left: position.left + '%'
  900.               });
  902.             }
  904.           }
  906.         });
  908.         function lineDistance(x, y, x0, y0){
  909.             return Math.sqrt((x -= x0) * x + (y -= y0) * y);
  910.         };
  912.         // mouse down event function in area div
  913.         $(document).on('mousedown', '.doc-img', function(e) {
  914.             $('.rect').css('display', 'block');
  915.             var parent = $(this).parent('.document-container').get(0);
  916.           // remove the drawn class
  917.           $(parent).removeClass('drawn');
  919.           // update img object variable data upon this mousedown event
  920.           imgMatrix();
  922.           // update position object variable data passing current event data and mousedown param as true 
  923.           positionMatrix(e, true);
  925.           // update rectange xy positions css
  926.           $('.rect', parent).css({
  927.             left: position.left + '%',
  928.             top: position.top + '%',
  929.             right: position.right + '%',
  930.             bottom: position.bottom + '%'
  931.           });
  933.           // add draw class to area div to reveal rectangle
  934.           $(parent).addClass('draw');
  936.         });
  938.         // mouse up event function in area div
  939.         $(document).on('mouseup', '.document-container', function(e) {
  941.           // update img object variable data upon this mouseup event
  942.           imgMatrix();
  944.           // if this area had draw class
  945.           if ($(this).hasClass('draw')) {
  947.             // update position object variable data passing current event
  948.             positionMatrix(e);
  950.             // math trunc on position values if x and y values are equal, basically no drawn rectangle on mouseup event
  951.             if ((Math.trunc(position.left) === Math.trunc(100 - position.right)) && (Math.trunc(position.top) === Math.trunc(100 - position.bottom))) {
  952.               
  953.               // remove draw and drawn classes
  954.               $(this).removeClass('draw drawn');
  956.             // else if x and y values are not equal, basically a rectange has been drawn
  957.             } else {
  959.               // add drawn class and remove draw class
  960.               $(this).addClass('drawn').removeClass('draw');
  962.             }
  964.           }
  967.             $parentContent = $('.document-container').get(0).getBoundingClientRect();
  968.             $rect = $('.rect').get(0).getBoundingClientRect();
  970.             position.left = convertToPourcentage($parentContent.width, ($rect.left - $parentContent.left));
  971.             position.top = convertToPourcentage($parentContent.height, ($rect.top - $parentContent.top));
  972.             position.width = convertToPourcentage($parentContent.width, $rect.width);
  973.             position.height = convertToPourcentage($parentContent.height, $rect.height);
  975.             /*if( convertToPourcentage($parentContent.width, $rect.width) > convertToPourcentage($parentContent.width, 20)){*/
  976.             if(true){
  977.                 /*$('#popTextExtract').modal('show');*/
  978.                 groupTextByPosition(position);
  979.                 $('.btn-ajuster').css('display', 'inline-block');
  980.             }
  982.         });
  984.         // on window resize function
  985.         $(window).on('resize', function(e) {
  987.           // update img object variable data upon this window resize event
  988.           imgMatrix();
  990.         });
  992.         $('.ocr-field').click(function(e){
  993.             $('.ocr-field').removeClass('active');
  994.             $(this).addClass('active');
  995.         });
  996.         
  997.         function convertToPourcentage(parentContent, toConvert){
  998.             return (toConvert*100) / parentContent ;
  999.         }
  1001.         function appendText(data, position = {}, dossier = ""){
  1002.             $parentfieldSelect = $('.ocr-field.active');
  1003.             index = fieldsOcr.findIndex(x => x.field === $parentfieldSelect.data('field'));
  1004.             $fieldSelect = $parentfieldSelect.find('.field');
  1006.             var cordonnee =  position.left+'-'+position.top+'-'+position.width+'-'+position.height;
  1007.             var type = "";
  1008.             if( index > -1 ){
  1009.                 type = fieldsOcr[index]['type'];
  1010.             }
  1011.             if(type == 'text'){
  1012.                 $fieldSelect.val(data);
  1013.                 $( ".field-number" ).trigger( "blur" );
  1014.             }
  1015.             else if(type == 'date'){
  1016.                 $field = fieldsOcr[index]['field'];
  1017.                 console.log([index, $field, $fieldPreference]);
  1019.                 dateFormat = $fieldPreference[$field].type;
  1020.                 formattedDate = rebuildDate(data, dateFormat);
  1021.                 if(formattedDate != "")
  1022.                     $fieldSelect.val(formattedDate);
  1023.             }
  1024.             else if(type == 'select'){
  1025.                 $('.row-suggession').css('display', 'none');
  1026.                 $field = fieldsOcr[index]['field'];
  1027.                 if($field == "fournisseur"){
  1028.                     $('#achat_fournisseur').val(data.fournisseur);
  1029.                     $('#achat_code_compta').val(data.code_compta);
  1030.                     $('#achat_lot').val(data.lot);
  1032.                     $('.row-suggession').css('display', 'block');
  1034.                     $listSuggestion = "";
  1035.                     $.each(data.fournisseurfound, function( index, value ) {
  1036.                       $listSuggestion += "<option>"+value.nom+"</option>";
  1037.                     });
  1038.                     $('.field-suggession').html($listSuggestion);
  1039.                 }
  1040.                 if($field == "client"){
  1041.                     $('#vente_client').val(data.client);
  1042.                     $('#vente_lot').val(data.lot);
  1044.                     $('.row-suggession').css('display', 'block');
  1046.                     $listSuggestion = "";
  1047.                     $.each(data.fournisseurfound, function( index, value ) {
  1048.                       $listSuggestion += "<option>"+value.nom+"</option>";
  1049.                     });
  1050.                     $('.field-suggession').html($listSuggestion);
  1051.                 }
  1052.                 if($field == "utilisateur"){
  1053.                     $fieldSelect.val(data.utilisateur);
  1054.                 }
  1055.                 else if($field == "chantier"){
  1056.                     $fieldSelect.val(data.chantier);
  1057.                     if(dossier == "achat"){
  1058.                         $.ajax({
  1059.                             url: "{{path('devis_client_get_by_chantier_import')}}",
  1060.                             type: "POST",
  1061.                             dataType: "json",
  1062.                             async: true,
  1063.                             data: {
  1064.                                 chantier_id: data.chantier
  1065.                             },
  1066.                             success: function(response) {
  1067.                                 if(response.status == 200){
  1068.                                     console.log(response.devis);
  1069.                                     var OPTIONS = "<option></option>";
  1070.                                     $.each(response.devis, function( index, value ) {
  1071.                                         OPTIONS += "<option value="+value.id+">"+value.label+"</option>";
  1072.                                     });
  1073.                                     $('#achat_devis').html(OPTIONS);
  1074.                                 }
  1075.                                 else if(response.status == 500){
  1076.                                     toastr.error(response.message);
  1077.                                 }
  1078.                                 $('.loader-container').css('display','none');
  1079.                             },
  1080.                             error: function(xhr, textStatus, errorThrown) {
  1081.                               console.log(errorThrown);
  1082.                               $('.loader-container').css('display','none');
  1083.                             }
  1084.                         });
  1085.                     }
  1086.                 }
  1087.                 else if($field == "devise"){
  1088.                     $fieldSelect.val(data.devise);
  1089.                 }
  1090.                 else if($field == "tva"){
  1091.                     $fieldSelect.val(data.tva);
  1092.                 }
  1093.             }
  1095.             $parentfieldSelect.find('input.field_identite').val(cordonnee);
  1096.         }
  1098.         function rebuildDate(text, dateFormat){
  1100.             text = replaceAll(text, ',', '');
  1101.             if (text.indexOf('/') <= -1){
  1102.                 text = replaceAll(text, '.', '/');
  1103.                 text = replaceAll(text, '-', '/');
  1104.                 text = replaceAll(text, ' ', '/');
  1105.             }
  1106.             else{
  1107.                 text = replaceAll(text, '.', '');
  1108.                 text = replaceAll(text, '-', '');
  1109.                 text = replaceAll(text, ' ', '');
  1110.             }
  1111.             
  1112.             var dateTab = text.split('/');
  1114.             var formattedDate = "";
  1115.             
  1116.             if(dateTab.length >= 3){
  1118.                 if(tabDay.includes(dateTab[0].toLowerCase())){
  1119.                     dateTab.shift(); 
  1120.                     var day = pad2(dateTab[0]);
  1122.                     indexMois = moisObject.findIndex(x => x.mois === (dateTab[1]).toLowerCase());
  1123.                     if( indexMois > -1 ){
  1124.                         var month = moisObject[indexMois]['num'];
  1125.                     }
  1126.                 }
  1127.                 else{
  1128.                     var day = pad2(dateTab[0]); 
  1129.                     indexMois = moisObject.findIndex(x => x.mois === (dateTab[1]).toLowerCase());
  1130.                     if( indexMois > -1 ){
  1131.                         var month = moisObject[indexMois]['num'];
  1132.                     }
  1133.                     else{
  1134.                         var month = pad2(dateTab[1]);
  1135.                     }
  1136.                 }
  1138.                 var year = dateTab[2];
  1139.                 if(year.length  == 2)
  1140.                     year = "20"+year;
  1141.                 
  1142.                 formattedDate =  year+"-"+month+"-"+day;
  1143.             }
  1144.             return formattedDate;
  1145.         }
  1147.         function replaceAll(str, find, replace) {
  1148.             var escapedFind=find.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
  1149.             return str.replace(new RegExp(escapedFind, 'g'), replace);
  1150.         }
  1151.         function pad2(n) {
  1152.             return (n.length  < 2 ? '0' : '') + n;
  1153.         }
  1155.         $(document).on('input', 'input.float', function() {
  1156.             this.value = this.value.replace(/[^0-9.,]/g, '').replace(/(\..*?)\..*/g, '$1');
  1157.             this.value = this.value.replace(',', '.');
  1158.         });
  1159.     </script>
  1160. {% endblock %}
  1162.   <script type="text/javascript">
  1163.     $(document).ready( function () {
  1164.       $('.removeColumn').remove();
  1165.     })
  1166.   </script>
  1167. </body>
  1169. </html>