templates/front/liseuse-papier/index.html.twig line 1

Open in your IDE?
  1. {% extends 'front/layout.html.twig' %}
  2. {% block googleTagManagerDataLayer %}
  3.     {% include 'google_tag.html.twig' with {'titlePage':'liseuse','categoryPage':'product-details','navigation_category1':'','navigation_category2':'','navigation_category3':'' }   %}
  4. {% endblock %}
  5. {% block body %}
  6.     {% include 'front/header.html.twig' %}
  7.     {% set currentPath = path(app.request.attributes.get('_route'),app.request.attributes.get('_route_params')) %}
  8.     <script>
  9.         var isMobile = "{{ app.request.get('isMobile') }}";
  10.         if($( window ).width() > 1100 ) {
  11.             if(isMobile == '1'){
  12.                 window.location.replace("{{ currentPath }}?isMobile=0");
  13.             }
  15.         }else {
  16.             if(isMobile != '1') {
  17.                 window.location.replace("{{ currentPath }}?isMobile=1");
  18.             }
  19.         }
  20.     </script>
  21.     {% if getDisponibiliteProductPapierPerCountrySession(constant('App\\Entity\\Product::PAPIER')) == false %}
  22.         <div class="mt-4 p-5">
  23.             <div class="alert alert-danger" role="alert">
  24.                 <p class="p-2">{{ 'la liseuse est actuellement indisponible dans' | trans({}, "productTranslate") }} "{{ getCountrySession() }}"</p>
  25.             </div>
  26.         </div>
  27.     {% else %}
  28.         {% if app.request.get('isMobile') == '1' %}
  29.             {% include 'front/liseuse-papier/index-mobile.html.twig' %}
  30.         {% else %}
  31.             {% include 'front/liseuse-papier/index-desktop.html.twig' %}
  32.         {% endif %}
  33.     {% endif %}
  34.     <input type="hidden" id="catLiseuseConfig" value="{{ catLiseuseConfig() }}">
  35.     <div class="modal fade" id="contunueMesAchat" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true">
  36.         <div class="modal-dialog" role="document">
  37.             <div class="modal-content">
  38.                 <div class="modal-header">
  39.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  40.                         <img src="{{ asset('/images/modalContinueAchatLiseuse.png') }}">
  41.                     </button>
  42.                 </div>
  43.                 <div class="modal-body contunueMesAchatBody" style="padding-bottom: 5px;">
  44.                     <h2>{{ 'Finalisez votre commande' | trans({}, "productTranslate") }}</h2>
  45.                     <div class="">
  46.                         <p>
  47.                             {{ 'Souhaitez vous ajouter un de nos <span>300 produits</span> personnalisables <span>livrés le jour même</span> sur un créneau de <span>30 mn dans plus de 15 villes ?' | trans({}, "productTranslate") |raw }}</span>
  48.                         </p>
  49.                     </div>
  50.                 </div>
  51.                 <div class="modal-body contunueMesAchatHeader" style="">
  52.                     <div class="row ">
  53.                         <div class="col-4 col-sm-4 col-md-4">
  54.                             <a class="" href="{% if papierCourant %}{{ papierCourant.product.lienBlocModalLiseuse1 }}{% endif %}">
  55.                                 <div class="" style="">
  56.                                     <img src="{% if papierCourant %}{{ asset('/imageSite/'~papierCourant.product.imageBlocModalLiseuse1) }}{% endif %}">
  57.                                 </div>
  58.                             </a>
  59.                         </div>
  60.                         <div class="col-4 col-sm-4 col-md-4 ">
  61.                             <a class="" href="{% if papierCourant %}{{ papierCourant.product.lienBlocModalLiseuse2 }}{% endif %}">
  62.                                 <div class="" style="">
  63.                                     <img src="{% if papierCourant %}{{ asset('/imageSite/'~papierCourant.product.imageBlocModalLiseuse2) }}{% endif %}">
  64.                                 </div>
  65.                             </a>
  66.                         </div>
  67.                         <div class="col-4 col-sm-4 col-md-4  ">
  68.                             <a class="" href="{% if papierCourant %}{{ papierCourant.product.lienBlocModalLiseuse3 }}{% endif %}">
  69.                                 <div class="" style="">
  70.                                     <img src="{% if papierCourant %}{{ asset('/imageSite/'~papierCourant.product.imageBlocModalLiseuse3) }}{% endif %}">
  71.                                 </div>
  72.                             </a>
  73.                         </div>
  74.                     </div>
  75.                 </div>
  76.                 <div class="modal-body contunueMesAchatBody" style="">
  77.                     <div class="">
  78.                         <div class="searchProductMenuLiseuseBloc" style="position: relative;" >
  79.                             <input class="inputstyletopLiseuse" type="text" id="searchProductMenuLiseuse" style="cursor: pointer;" placeholder="{{ 'Trouvez votre produit livré'|trans|raw  }}">
  80.                             <div class="close_result_head" id="close_result_product" style="cursor: pointer;position: absolute;right: 17px;top: 3px;display: none">
  81.                                 <img src="{{ asset('images/bg_closeh.png') }}">
  82.                             </div>
  83.                         </div>
  84.                         <div class="collapse ipstresl " id="collapseProductMenuLiseuse" style="width: 94%;">
  85.                             <div class="divSearchProductMenu">
  86.                                 <div id="divSearchProductMenuLiseuse" style="min-height: 300px; display: none;max-height: 461px;overflow: auto;">
  88.                                 </div>
  89.                             </div>
  90.                         </div>
  91.                         <div class="btnModalAchatLiseuse" style="">
  92.                             <a href="{{ path('besoin_produits') }}" class="nav-link continueLinck1  btn btn-primary">{{ 'Continuer mes achats' | trans({}, "productTranslate") }}</a>
  93.                             <a href="{{ path('checkout') }}" class="nav-link continueLinck2  btn btn-primary">{{ 'Payer' | trans({}, "productTranslate") }}</a>
  94.                         </div>
  95.                     </div>
  96.                 </div>
  97.             </div>
  98.         </div>
  99.     </div>
  100.     <div class="modal fade" id="pspdfkitLiseuse" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true">
  101.         <div class="modal-dialog" role="document" style="width: 100%!important;max-width: 100%!important;margin-top: 1vw !important;">
  102.             <div class="modal-content">
  103.                 <div class="modal-header">
  104.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  105.                         <span aria-hidden="true">×</span>
  106.                     </button>
  107.                 </div>
  108.                 <div class="modal-body" style="margin-top:-25px!important;">
  109.                     <div id="pspdfkit" style="width: 100%; height: 720px;"></div>
  110.                     {% include 'front/liseuse-papier/menu_plus_pspdf.html.twig' %}
  111.                 </div>
  112.             </div>
  113.         </div>
  114.     </div>
  115.     <div class="modal fade" id="pspdfkitLiseuseSpinner" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true">
  116.         <div class="modal-dialog " role="document" >
  117.             <div class="modal-content nb_des">
  118.                 <div class="modal-body" style="margin-top: 0px!important;text-align: center;!important;">
  119.                     <span class='spinner-border'></span>
  120.                 </div>
  121.             </div>
  122.         </div>
  123.     </div>
  124.     <div class="modal fade" id="pspdfkitLiseuseAction" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true">
  125.         <div class="modal-dialog " role="document" style="">
  126.             <div class="modal-content">
  127.                 <div class="modal-body pspdfkitLiseuseActionContent" style="margin-top: 0px!important;text-align: center;!important;">
  128.                     <span class='spinner-border'></span>
  129.                 </div>
  130.             </div>
  131.         </div>
  132.     </div>
  133.     <div class="modal fade" id="reluireCheckmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true">
  134.         <div class="modal-dialog " role="document" style="">
  135.             <div class="modal-content">
  136.                 <div class="modal-header">
  137.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="z-index: 9999;">
  138.                         <span aria-hidden="true">×</span>
  139.                     </button>
  140.                 </div>
  141.                 <div class="modal-body" style="">
  142.                     <div id="reluireCheckContent">
  144.                     </div>
  145.                 </div>
  146.             </div>
  147.         </div>
  148.     </div>
  149.     <div class="modal fade" id="modalLoginLiseuse" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true">
  150.         <div class="modal-dialog " role="document" style="">
  151.             <div class="modal-content">
  152.                 <div class="modal-header">
  153.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  154.                         <span aria-hidden="true">×</span>
  155.                     </button>
  156.                 </div>
  157.                 <div class="modal-body" style="">
  158.                     <div id="modalLoginLiseuseContent">
  159.                         {% include 'front/liseuse-papier/login-modal-liseuse.html.twig' %}
  160.                         <input type="hidden" id="typeFunction" value="">
  161.                     </div>
  162.                 </div>
  163.             </div>
  164.         </div>
  165.     </div>
  166.     <style>
  167.         .ajax-file-upload{
  168.             display: none!important;
  169.         }
  170.         .ajax-file-upload-error{
  171.             margin-top:10px;
  172.         }
  173.         .ajax-file-upload-filename{
  174.             font-size: 11px!important;
  175.             margin-left: 4px!important;
  176.             margin-bottom : 0px!important;
  177.             width: 100%!important;
  178.             text-align: left;
  179.         }
  180.         .ajax-file-upload-progress{
  181.             width: 100%!important;
  182.             border-radius: 0px!important;
  183.             background-color: #eeeeee!important;
  184.             margin-left: 0px!important;
  185.             margin-top: 0px!important;
  186.             border: 0px!important;
  187.             font-size: 11px!important;
  188.         }
  189.         .ajax-file-upload-bar{
  190.             height: 13px!important;
  191.             background-color: #007bff!important;
  192.         }
  193.         .ajax-file-upload-statusbar{
  194.             border: 0 !important;
  195.             width: 100%!important;
  196.             margin: 0 !important;
  197.             padding: 5px 15px 5px 15px!important;
  198.         }
  199.         .progress{
  200.             height: 13px!important;
  201.         }
  202.         .reluireCheckContentP{
  203.             text-align: left!important;
  204.         }
  205.     </style>
  206. {% endblock %}
  207. {% block javascripts %}
  208.     <script src="{{ app.request.scheme ~'://' ~ app.request.httpHost}}/assets/pdf.js"></script>
  209.     <script>
  210.         // Loaded via <script> tag, create shortcut to access PDF.js exports.
  211.         var pdfjsLib = window['pdfjs-dist/build/pdf'];
  213.         // The workerSrc property shall be specified.
  214.         pdfjsLib.GlobalWorkerOptions.workerSrc = "{{ app.request.scheme ~'://' ~ app.request.httpHost}}/assets/pdf.worker.js";
  215.     </script>
  216.     <script type="text/javascript">
  217.         var nameFile = "{% if papierCourant %}{{ papierCourant.filePapier }}{% endif %}";
  218.         var url = "{% if papierCourant %} {% if papierCourant.isTopImp %} {{ asset('productPdf/'~papierCourant.filePapier) }} {% elseif papierCourant.isModif  %}{{ asset('modifPdf/'~papierCourant.filePapier) }} {% else %}{{ asset('uploads/'~papierCourant.filePapier) }} {% endif %}{% endif %}";
  219.         var token = "{% if papierCourant %}{{ papierCourant.token }}{% else %}{% endif %}";
  220.         var editPspdfkit = "{{  app.request.get('editPspdfkit')  }}";
  221.         var cssPspdfkitSuppliment = "{{ app.request.scheme ~'://' ~ app.request.httpHost}}/assets/pspdfkit_suppliment1.css";
  222.         var souhaite_str = "{{  app.request.get('souhaite_str')  }}";
  223.     </script>
  224.     {{ parent() }}
  225.     {{ encore_entry_script_tags('uploadfileCustom') }}
  226.     {{ encore_entry_script_tags('pdf_viewer_liseuse') }}
  227.     {{ encore_entry_script_tags('block_option_liseuse') }}
  228.     <script src="{{ asset('assets/admin/liveIcon/productPdfLiseuse.js') }}"></script>
  229.     <script src="{{ asset('assets/dist2/pspdfkit.js') }}"></script>
  230.     {{ encore_entry_script_tags('pspdfkit_liseuse') }}
  231.     <script>
  232.         window.___gcfg = {
  233.             parsetags: 'explicit'
  234.         };
  235.     </script>
  236.     <script src="https://apis.google.com/js/platform.js" async defer></script>
  237. {% endblock %}