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

Open in your IDE?
  1. <section class="liseuse liseuse_mobile">
  2.         <div class="lf_lis" style="background-color: #F0F0F0; padding: 20px 30px 1px 30px;">
  3.             {% for item in papiers %}
  4.                 {% if item.typeProduct ==  constant('App\\Entity\\Product::PAPIER') %}
  5.                     <div class="global_right_list d-sm-flex" style="display: flex;align-items: baseline;">
  6.                         <div class="txt_right d-inline-block text-truncate filePapierNameParent" ><a class="filePapierName" data-token="{{ item.token }}" style="color: #000;" href="{{ path('liseuse',{token:item.token}) }}" >{{ item.filePapierName }}</a></div>
  7.                         <div class="icone_right">
  8.                             {% if item.isModif %}
  9.                                 <a class="telechargerDocLiseuse telechargerDocLiseuseModif" href="{{ path('download_doc_liseuse',{token:item.token}) }}"  data-toggle="tooltip"  data-title="Enregistrer sous"></a>
  10.                             {% else %}
  11.                                 <a class="telechargerDocLiseuse" href="{{ path('download_doc_liseuse',{token:item.token}) }}"  data-toggle="tooltip"  data-title="Enregistrer sous"></a>
  12.                             {% endif %}
  13.                             {% if item.id == papierCourant.id %}
  14.                                 <a href="{{ path('liseuse',{token:item.token}) }}" class="editPdfLiseuse filePapierNameIconEdit" data-token="{{ item.token }}" data-toggle="tooltip"  data-title="Modification pdf"></a>
  15.                             {% else %}
  16.                                 <a href="{{ path('liseuse',{token:item.token}) }}"  class="editPdfLiseuse filePapierNameIconEdit" data-token="{{ item.token }}" data-toggle="tooltip"  data-title="Modifier mes options d’impression"></a>
  17.                             {% endif %}
  18.                             <a class="deletedPapierPageLiseuse" href="{{ path('liseuse_deleted',{token:item.token}) }}"  data-toggle="tooltip"  data-title="Supprimer"></a>
  19.                         </div>
  20.                     </div>
  21.                 {% endif %}
  22.             {% endfor %}
  23.             <p class="trait_liseuse"></p>
  24.         </div>
  25.         <div class="row p-0">
  26.             <div class="col-xl-6 center_liseuse ce_lis step0ParametreLiseuse">
  27.                 <div class="doc_content">
  28.                     {#{% if papierCourant and papierCourant.id %}#}
  29.                         {#<a href="#"  data-toggle="tooltip"  data-title="Permet d’éditer, modifier, fractionner, fusionner ou encore signer vos PDF" class="editPspdfkit">Modifier le document</a>#}
  30.                     {#{% endif %}#}
  31.                     <div id="img_doc" class="img_doc">
  32.                         <canvas id="the-canvas" class="margin-bottom"></canvas>
  33.                         <div id="page-loader">{{ 'Loading page ...' | trans({}, "productTranslate") }}</div>
  34.                     </div>
  35.                     <div id="footer_doc_mobile" class="footer_doc d-flex">
  36.                         <div class="pagination_doc d-flex">
  37.                             <a href="#" id="firstPage" class="left_left_lis"></a>
  38.                             <a href="#" id="prev" class="left_lis" ></a>
  39.                             <div class="nbr_pagina_doc"><span id="page_num"></span>/<span id="page_count"></span></div>
  40.                             <a href="#" id="next"  class="right_lis"></a>
  41.                             <a href="#" id="lastPage" class="right_right_lis"></a>
  42.                         </div>
  43.                         <div class="action_doc d-flex">
  44.                             <a href="#" class="zoom1_lis"></a>
  45.                             <a href="#" class="zoom2_lis"></a>
  46.                             <a href="#" class="full_lis"></a>
  47.                         </div>
  48.                     </div>
  49.                     <div class="text_doc">
  50.                         {% if papierCourant %}
  51.                             <h3  class="mtitreLiseuse titre_doc mt-3">{{ papierCourant.filePapierName }}</h3>
  52.                             <p  class="mtitreLiseuse mb-2">{{ 'Nous avons détecté' | trans({}, "productTranslate") }} <strong>{{ papierCourant.qtyColor }} </strong> {{ 'page' | trans({}, "productTranslate") }}{% if papierCourant.qtyColor > 1 %}s{% endif %}  {{ 'en couleur et' | trans({}, "productTranslate") }}  <strong>{{ papierCourant.qtyNoir }} </strong> {{ 'page' | trans({}, "productTranslate") }}{% if papierCourant.qtyNoir > 1 %}s{% endif %} {{ 'en noir et blanc' | trans({}, "productTranslate") }} </p>
  53.                         {% endif %}
  54.                     </div>
  55.                     <div>
  56.                         <a href="#" id="step0ParametreLiseuse" class="btn_liseuse_mobile">{{ 'Paramétrer mon document' | trans({}, "productTranslate") }}</a>
  57.                     </div>
  58.                 </div>
  59.             </div>
  60.             {{ blockOptionMobile|raw }}
  61.             <div class="col-xl-3 right_liseuse ri_lis stepLastParametreLiseuse" style="display: none">
  62.                 <div class="global_right">
  63.                     <h3 style="margin-bottom: 0;">Vous avez ajouté {{ papiers|length }} {{ 'fichier' | trans({}, "productTranslate") }}{% if papiers|length > 1 %}s{% endif %} </h3>
  64.                     {% for item in papiers %}
  65.                         {% if item.typeProduct ==  constant('App\\Entity\\Product::PAPIER') %}
  66.                             <div class="global_right_list d-sm-flex filePapierNameParent">
  67.                                 <div class="txt_right d-inline-block text-truncate " >
  68.                                     <a style="color: #000;" class="filePapierName" data-token="{{ item.token }}" href="{{ path('liseuse',{token:item.token}) }}" >{{ item.filePapierName }}</a>
  69.                                 </div>
  70.                               <div class="price_fichier" id="token-{{item.token }}">{{ number_format(item.prixHt) }}€ HT</div>
  71.                                 <div class="icone_right">
  72.                                     {% if abonnementPro %}
  73.                                         <a class="saveDocLiseuse" href="{{ path('save_file_client',{tokeCartDetail:item.token}) }}"  data-toggle="tooltip"  data-title="{{ 'Enregistrer mon fichier dans mon espace abonné' | trans({}, "productTranslate") }}"></a>
  74.                                     {% endif %}
  75.                                     {% if item.isModif %}
  76.                                         <a class="telechargerDocLiseuse telechargerDocLiseuseModif" href="{{ path('download_doc_liseuse',{token:item.token}) }}"  data-toggle="tooltip"  data-title="{{ 'Enregistrer sous' | trans({}, "productTranslate") }}"></a>
  77.                                     {% else %}
  78.                                         <a class="telechargerDocLiseuse" href="{{ path('download_doc_liseuse',{token:item.token}) }}"  data-toggle="tooltip"  data-title="{{ 'Enregistrer sous' | trans({}, "productTranslate") }}"></a>
  79.                                     {% endif %}
  80.                                     {% if item.id == papierCourant.id %}
  81.                                         <a href="#" class="editPspdfkit" data-toggle="tooltip"  data-title="{{ 'Modification pdf' | trans({}, "productTranslate") }}"></a>
  82.                                     {% else %}
  83.                                         <a href="{{ path('liseuse',{token:item.token}) }}"  class="editPdfLiseuse" data-toggle="tooltip"  data-title="{{ 'Modifier mes options d’impression' | trans({}, "productTranslate") }}"></a>
  84.                                     {% endif %}
  85.                                     {#<a href="#"><span class="#}
  86.                                      {#{% if item.token ==  papierCourant.token  %}#}
  87.                                            {#load_right#}
  88.                                      {#{% elseif item.isDefault %}#}
  89.                                            {#valid_right#}
  90.                                      {#{% else %}#}
  91.                                            {#load1_right#}
  92.                                     {#{% endif %}#}
  93.                                     {#"></span></a>#}
  94.                                     <a class="deletedPapierPageLiseuse" href="{{ path('liseuse_deleted',{token:item.token}) }}"  data-toggle="tooltip"  data-title="{{ 'Supprimer' | trans({}, "productTranslate") }}"></a>
  95.                                 </div>
  96.                             </div>
  97.                         {% endif %}
  98.                     {% endfor %}
  99.                     <div class="link1_right">
  100.                         <input type="hidden" id="product_imprission_id" value="{% if productPapier.id is defined %}{{ productPapier.id }}{% endif %}">
  101.                         <div id="fileuploaderLiseuse"></div>
  102.                         <a href="#" id="uploadPdfPageLiseuse" style="font-weight: 600;">
  103.                             {{ 'Ajouter un ou plusieurs fichiers' | trans({}, "productTranslate") }}
  104.                             <span><img src="{{ asset('images/croix_jaune.png')}}"  style="margin-left: 5px;width: 15px; padding-top: 0px;padding-bottom: 0px;"></span>
  105.                         </a>
  106.                     </div>
  108.                     <div class="bx_bottom_right pb-3">
  109.                         {% if abonnementPro == false %}
  110.                              {{ getResteOfferte(cart) | trans({}, "productTranslate")|raw }}
  111.                         {% endif %}
  112.                         <div id="blockPrix" style="padding-top: 10px;"> {{ blockPrix|raw }}</div>
  113. {#                        <div class="erreur_option_liseuse">{{ displayErreurOptionNotSelect() | trans({}, "productTranslate")|raw }}</div>#}
  114.                          <div class="link2_right d-flex">
  115.                              <a id="finaliserNumBtnLiseuse">5/5</a>
  116.                              <a id="finaliserBackBtnLiseuse" href="#"></a>
  117.                             <a href="#" class="redirect_checkout" id="finaliserBtnLiseuse" data-target="contunueMesAchat" >{{ 'Finaliser ma commande' | trans({}, "productTranslate") }}</a>
  118.                         </div>
  119.                     </div>
  120.                 </div>
  121.             </div>
  122.         </div>
  123.     </section>