templates/front/accueil/block_product.html.twig line 1

Open in your IDE?
  1. <div class="modal fade " id="modalPapierProductEdit" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
  2.     <div class="modal-dialog modal-lg" style="margin-top: 3vw;">
  3.         <div class="modal-content modalProduct">
  4.             <div class="modal-header">
  5.                 <h5 class="modal-title h4">{{ "Editer vos fichiers"|trans }}</h5>
  6.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  7.                     <span aria-hidden="true">×</span>
  8.                 </button>
  9.             </div>
  10.             <div class="modal-body">
  11.                 <div class="content_header_glisser" style="height: 100%!important;box-shadow: none!important;">
  12.                     {% for item in products %}
  13.                         {% if item.typeProduct ==  constant('App\\Entity\\Product::PAPIER') %}
  14.                             <input type="hidden" id="product_imprission_id" value="{{ item.id }}">
  15.                         {% endif %}
  16.                     {% endfor %}
  17.                     <div class="text-left d-flex">
  18.                     </div>
  19.                     <div id="fileuploaderEdit"></div>
  20.                 </div>
  21.             </div>
  22.         </div>
  23.     </div>
  24. </div>
  25. {#{% if  checkIsComptableAboPro(app.user) %}#}
  26. {#    <div class="modal fade " id="modalPapierProduct" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">#}
  27. {#        <div class="modal-dialog modal-lg" style="margin-top: 3vw;">#}
  28. {#            <div class="modal-content modalProduct">#}
  29. {#                <div class="modal-header">#}
  30. {#                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">#}
  31. {#                        <span aria-hidden="true">×</span>#}
  32. {#                    </button>#}
  33. {#                </div>#}
  34. {#                <div class="modal-body">#}
  35. {#                    <div class="alert alert-warning part_mon_compte fade show p-2 m-0" role="alert">#}
  36. {#                        <strong>Oups!</strong> vous n'êtes pas autorisé à imprimer#}
  37. {#                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">#}
  38. {#                            <span aria-hidden="true"></span>#}
  39. {#                        </button>#}
  40. {#                    </div>#}
  41. {#                </div>#}
  42. {#            </div>#}
  43. {#        </div>#}
  44. {#    </div>#}
  45. {#{% else %}#}
  46. {#    <div class="modal fade " id="modalPapierProduct" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">#}
  47. {#        <div class="modal-dialog modal-lg" style="margin-top: 3vw;">#}
  48. {#            <div class="modal-content modalProduct">#}
  49. {#                <div class="modal-header pb-0">#}
  50. {#                    <h5 class="modal-title h4">Vos fichiers</h5>#}
  51. {#                    <div class="textAbonnementLiseuseDiv textAbonnementLiseuseDivHome">#}
  52. {#                        <ul>#}
  53. {#                            <li class="mt-4" style="text-align: left;">#}
  54. {#                                Livraison le jour même sur créneau de 30 mn dans plus de 10 villes ou sous 48H maximum dans le reste de la France.#}
  55. {#                            </li>#}
  56. {#                            <li style="text-align: left;">#}
  57. {#                                Plus de 100 combinaisons de reliures#}
  58. {#                            </li>#}
  59. {#                            <li style="text-align: left;">#}
  60. {#                                Livraison gratuite dès 29€#}
  61. {#                            </li>#}
  62. {#                            <li style="text-align: left;">#}
  63. {#                                Prix instantané avec la technologie auto detect#}
  64. {#                            </li>#}
  65. {#                        </ul>#}
  66. {#                    </div>#}
  67. {#                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">#}
  68. {#                        <span aria-hidden="true">×</span>#}
  69. {#                    </button>#}
  70. {#                </div>#}
  71. {#                <div class="modal-body">#}
  72. {#                    <div class="content_header_glisser" style="height: 100%!important;box-shadow: none!important;">#}
  73. {#                        {% for item in products %}#}
  74. {#                            {% if item.typeProduct ==  constant('App\\Entity\\Product::PAPIER') %}#}
  75. {#                                <input type="hidden" id="product_imprission_id" value="{{ item.id }}">#}
  76. {#                            {% endif %}#}
  77. {#                        {% endfor %}#}
  78. {#                        <div class="text-left d-flex">#}
  79. {#                            #}{#<div class="livicon-evo position_home" data-options="name: home.svg; style: lines;size: 45px;strokeColor: #000;strokeColorAction: #000;repeat:loop;colorsOnHover: custom">#}
  80. {#                            #}{#</div>#}
  81. {#                        </div>#}
  82. {#                        <div id="fileuploader"></div>#}
  83. {#                    </div>#}
  84. {#                </div>#}
  85. {#            </div>#}
  86. {#        </div>#}
  87. {#    </div>#}
  88. {#{% endif %}#}
  90. <!-- Modal  upload -->
  91. {% if checkIsAbonnementPro(app.user) or checkIsAbonnementProCart() %}
  92.     {% if  checkIsComptableAboPro(app.user) %}
  93.         <div class="modal fade " id="addFichierLiseuseProduct" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
  94.             <div class="modal-dialog modal-lg" style="margin-top: 3vw;">
  95.                 <div class="modal-content modalProduct">
  96.                     <div class="modal-header">
  97.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  98.                             <span aria-hidden="true">×</span>
  99.                         </button>
  100.                     </div>
  101.                     <div class="modal-body">
  102.                         <div class="alert alert-warning part_mon_compte fade show p-2" role="alert">
  103.                             <strong>{{ "Oups!"|trans }}</strong> {{ "vous n'êtes pas autorisé à imprimer"|trans }}
  104.                             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  105.                                 <span aria-hidden="true"></span>
  106.                             </button>
  107.                         </div>
  108.                     </div>
  109.                 </div>
  110.             </div>
  111.         </div>
  112.     {% else %}
  113.         <div class="modal fade " id="modalPapierProduct" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
  114.             <div class="modal-dialog modal-lg" style="margin-top: 3vw;">
  115.                 <div class="modal-content modalProduct">
  116.                     <div class="modal-header pb-0">
  117.                         <h5 class="modal-title h4">{{ "Vos fichiers"|trans }}</h5>
  118.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  119.                             <span aria-hidden="true">×</span>
  120.                         </button>
  121.                     </div>
  122.                     <div class="modal-body">
  123.                         <div class="content_header_glisser" style="height: 100%!important;box-shadow: none!important;">
  124.                             {% for item in products %}
  125.                                 {% if item.typeProduct ==  constant('App\\Entity\\Product::PAPIER') %}
  126.                                     <input type="hidden" id="product_imprission_id" value="{{ item.id }}">
  127.                                 {% endif %}
  128.                             {% endfor %}
  129.                             <div id="fileuploader"></div>
  130.                         </div>
  131.                     </div>
  132.                 </div>
  133.             </div>
  134.         </div>
  135.     {% endif%}
  136. {% else %}
  137.     {#<div class="modal_type_model1 modal fade" id="addFichierLiseuseProduct" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">#}
  138.         {#<div class="modal-dialog modal-lg" role="document" style="margin-top: 1vw;">#}
  139.             {#<div class="modal-content">#}
  140.                 {#<div class="modal-header">#}
  141.                     {#<h2 class="modal-title" id="exampleModalLabel">{{ "Ajouter vos documents"|trans }}</h2>#}
  142.                     {#<button type="button" class="close" data-dismiss="modal" aria-label="Close">#}
  143.                         {#<span aria-hidden="true">&times;</span>#}
  144.                     {#</button>#}
  145.                 {#</div>#}
  146.                 {#<div class="modal-body">#}
  147.                     {#<div class="row modal_model1">#}
  148.                         {#<div class="col-md-6" style="margin-bottom: 20px;">#}
  149.                             {#<div class="glob_modal_model1 pb-0" style="height: 100%;display: flex;flex-direction: column;flex-wrap: wrap;">#}
  150.                                 {#<img style="width: fit-content;margin-left: auto;margin-right: auto;" class="imgUploadDesktop" src="{{ asset('images/modal_img1.png') }}">#}
  151.                                 {#<h4>{{ "Depuis votre navigateur internet"|trans }}</h4>#}
  152.                                 {#<div id="fileuploaderLiseuse1"></div>#}
  153.                                 {#{% for item in products %}#}
  154.                                     {#{% if item.typeProduct ==  constant('App\\Entity\\Product::PAPIER') %}#}
  155.                                         {#<input type="hidden" id="product_imprission_id" value="{{ item.id }}">#}
  156.                                     {#{% endif %}#}
  157.                                 {#{% endfor %}#}
  158.                                 {#<div class="link_modal_model1 mt-auto"> <a href="#" id="uploadPdfPageLiseuse">{{ "Importer mes fichiers"|trans }}</a> </div>#}
  160.                             {#</div>#}
  161.                         {#</div>#}
  162.                         {#<div class="col-md-6" style="margin-bottom: 20px;">#}
  163.                             {#<div class="glob_modal_model1"  style="height: 100%;display: flex;flex-direction: column;flex-wrap: wrap;">#}
  164.                                 {#<img style="width: fit-content;margin-left: auto;margin-right: auto;"  class="imgUploadDesktop" src="{{ asset('images/modal_img2.png') }}">#}
  165.                                 {#<h4>{{ "Depuis votre compte Plus"|trans }}#}
  166.                                     {#<span style="font-size: 12px;display: block;">{{ "*5.99€/mois. Abonnement sans engagement de durée, résiliable en 1 clic à tous moments"|trans }}</span>#}
  167.                                 {#</h4>#}
  168.                                 {#<h5 style="margin-bottom:0px;"><strong>{{ "Livraison gratuite illimitée"|trans }}</strong> {{ "le jour même sur créneau de 30 mn selon l’éligibilité de votre adresse"|trans }}</h5>#}
  169.                                 {#<h5 style="margin-bottom:0px;"><strong>{{ "Paiement automatique à J+30"|trans }}</strong> {{ "dès votre 2eme commande"|trans }}</h5>#}
  170.                                 {#<h5 style="margin-bottom:0px;"><strong>{{ "Jusqu’à 50% de réduction"|trans }}</strong> {{ "sur notre catalogue de"|trans }} <strong>{{ "plus de 300 produits"|trans }}</strong> </h5>#}
  171.                                 {#<h5 style="margin-bottom:0px;display:none;"   class="hiddenLitextAbonnementDiv">{{ "Pour la reprographie"|trans }}, <strong>{{ "un prix fixe à la page"|trans }}</strong> {{ "de 0,12€ la n&b et 0,15€ la couleur quelque soit le grammage et le format"|trans }}</h5>#}
  172.                                 {#<h5 style="margin-bottom:0px;display:none;"   class="hiddenLitextAbonnementDiv"><strong>{{ "Editeur PDF gratuit"|trans }}</strong> {{ "pour modifier et organiser vos PDF"|trans }}</h5>#}
  173.                                 {#<h5 style="margin-bottom:0px;display:none;"   class="hiddenLitextAbonnementDiv"><strong>{{ "20 000 modèles"|trans }}</strong> {{ "à personnaliser pour vos créas"|trans }}</h5>#}
  174.                                 {#<span><a class="enSavoirPlusAceuill" href="#">{{ "En savoir plus"|trans }}</a></span>#}
  175.                                 {#<div style="margin-top: 48px;" class="link_modal_model1 right_modal_model1 mt-auto"> <a href="{{ path('abonnementPro_adresse_facture') }}?typeAbonnement={{ constant('App\\Entity\\AbonnementPro::TYPE_PRO') }}&typeComptePaiement=1&isFree=1">{{ "Je m’abonne Copees Plus"|trans }} </a> </div>#}
  176.                             {#</div>#}
  177.                         {#</div>#}
  178.                     {#</div>#}
  179.                 {#</div>#}
  180.             {#</div>#}
  181.         {#</div>#}
  182.     {#</div>#}
  183.     <div class="modal fade " id="modalPapierProduct" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
  184.         <div class="modal-dialog modal-lg" style="margin-top: 3vw;">
  185.             <div class="modal-content modalProduct">
  186.                 <div class="modal-header pb-0">
  187.                     <h5 class="modal-title h4">{{ "Vos fichiers"|trans }}</h5>
  188.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  189.                         <span aria-hidden="true">×</span>
  190.                     </button>
  191.                 </div>
  192.                 <div class="modal-body">
  193.                     <div class="content_header_glisser" style="height: 100%!important;box-shadow: none!important;">
  194.                         {% for item in products %}
  195.                             {% if item.typeProduct ==  constant('App\\Entity\\Product::PAPIER') %}
  196.                                 <input type="hidden" id="product_imprission_id" value="{{ item.id }}">
  197.                             {% endif %}
  198.                         {% endfor %}
  199.                         <div id="fileuploader"></div>
  200.                     </div>
  201.                 </div>
  202.             </div>
  203.         </div>
  204.     </div>
  205. {% endif %}
  206. {#fin modal#}
  208. <style>
  209.     #fileuploaderLiseuse1{
  210.         width: 100%;
  211.     }
  212.     #addFichierLiseuseProduct .ajax-upload-dragdrop {
  213.         border: none;
  214.         color: #000;
  215.         padding: 0;
  216.     }
  217.     #addFichierLiseuseProduct  .ajax-file-upload-container_ajax-file-upload{
  218.         width: 100%;
  219.     }
  220.     #addFichierLiseuseProduct  .ajax-file-upload-error b{
  221.         display: none;
  222.     }
  223.     #addFichierLiseuseProduct .ajax-file-upload-error{
  224.         text-align: left;
  225.     }
  227.     .ajax-file-upload{
  228.         display: none!important;
  229.     }
  230.     #importeLink{
  231.         color: #43434A;
  232.     }
  233.     .ajax-file-upload-error{
  234.         margin-top:10px;
  235.     }
  236.     .cartVisiteLink ,.flyersLink ,.menuLink, .papierLink, .papierLinkEdit{
  237.         cursor: pointer;
  238.     }
  239.     .ajax-file-upload-filename{
  240.         font-size: 11px!important;
  241.         margin-left: 4px!important;
  242.         margin-bottom : 0px!important;
  243.         width: 100%!important;
  244.         text-align: left;
  245.     }
  246.     .ajax-file-upload-progress{
  247.         width: 100%!important;
  248.         border-radius: 0px!important;
  249.         background-color: #eeeeee!important;
  250.         margin-left: 0px!important;
  251.         margin-top: 0px!important;
  252.         border: 0px!important;
  253.         font-size: 11px!important;
  254.     }
  255.     .ajax-file-upload-bar{
  256.         height: 13px!important;
  257.         background-color: #007bff!important;
  258.     }
  259.     .ajax-file-upload-statusbar{
  260.         border: 0 !important;
  261.         width: 100%!important;
  262.         margin: 0 !important;
  263.         padding: 5px 15px 5px 15px!important;
  264.     }
  265.     .progress{
  266.         height: 13px!important;
  267.     }
  268. </style>