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

Open in your IDE?
  1. <section class="liseuse liseuse_desktop">
  2.         <div class="row p-0">
  3.             {{ blockOption|raw }}
  4.             <div class="col-lg-6 center_liseuse ce_lis ">
  5.                 <div class="doc_content">
  6.                     {% if papierCourant and papierCourant.id %}
  7.                         <a href="#"  data-toggle="tooltip"  data-title="{{ 'Permet d’éditer, modifier, fractionner, fusionner ou encore signer vos PDF' | trans({}, "productTranslate") }}" class="editPspdfkit">
  8.                             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
  9.                                 <path d="M9.71667 5.51667L10.4833 6.28333L2.93333 13.8333H2.16667V13.0667L9.71667 5.51667ZM12.7167 0.5C12.5083 0.5 12.2917 0.583333 12.1333 0.741667L10.6083 2.26667L13.7333 5.39167L15.2583 3.86667C15.5833 3.54167 15.5833 3.01667 15.2583 2.69167L13.3083 0.741667C13.1417 0.575 12.9333 0.5 12.7167 0.5ZM9.71667 3.15833L0.5 12.375V15.5H3.625L12.8417 6.28333L9.71667 3.15833Z" fill="#323232"/>
  10.                             </svg>
  11.                             {{ 'Modifier le document' | trans({}, "productTranslate") }}
  12.                         </a>
  13.                     {% endif %}
  14.                     <div class="text_doc">
  15.                         {% if papierCourant %}
  16.                             <h3  class="mtitreLiseuse titre_doc mt-3">{{ papierCourant.filePapierName }}</h3>
  17.                             <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>
  18.                         {% endif %}
  19.                     </div>
  20.                     <div class="img_doc">
  21.                         <canvas id="the-canvas" class="margin-bottom"></canvas>
  22.                         <div id="page-loader">{{ 'Loading page ...' | trans({}, "productTranslate") }}</div>
  23.                     </div>
  24.                     <div class="footer_doc d-flex">
  25.                         <div class="pagination_doc d-flex">
  26.                             <a href="#" id="firstPage" class="left_left_lis"></a>
  27.                             <a href="#" id="prev" class="left_lis" ></a>
  28.                             <div class="nbr_pagina_doc"><span id="page_num"></span>/<span id="page_count"></span></div>
  29.                             <a href="#" id="next"  class="right_lis"></a>
  30.                             <a href="#" id="lastPage" class="right_right_lis"></a>
  31.                         </div>
  32.                         <div class="action_doc d-flex">
  33.                             <a href="#" class="zoom1_lis"></a>
  34.                             <a href="#" class="zoom2_lis"></a>
  35.                             <a href="#" class="full_lis"></a>
  36.                         </div>
  37.                     </div>
  38.                 </div>
  40.             </div>
  43.             <div class="col-lg-3 right_liseuse ri_lis">
  45.                 <div class="global_right">
  46.                     {#<h3>Vous avez ajouté {{ papiers|length }} fichier{% if papiers|length > 1 %}s{% endif %} </h3>#}
  47.                     {#{% for item in papiers %}#}
  48.                         {#{% if item.typeProduct ==  constant('App\\Entity\\Product::PAPIER') %}#}
  49.                             {#<div class="global_right_list d-sm-flex">#}
  50.                                 {#<div class="txt_right d-inline-block text-truncate" ><a style="color: #000;" href="{{ path('liseuse',{token:item.token}) }}" >{{ item.filePapierName }}</a></div>#}
  51.                               {#<div class="price_fichier" id="token-{{item.token }}">{{ number_format(item.prixHt) }}€ HT</div>#}
  52.                                 {#<div class="icone_right">#}
  53.                                     {#{% if abonnementPro %}#}
  54.                                          {#<a class="saveDocLiseuse" href="{{ path('save_file_client',{tokeCartDetail:item.token}) }}"  data-toggle="tooltip"  data-title="Enregistrer mon fichier dans mon espace abonné"></a>#}
  55.                                     {#{% endif %}#}
  56.                                          {#<a class="telechargerDocLiseuse" href="{{ path('download_doc_liseuse',{token:item.token}) }}"  data-toggle="tooltip"  data-title="Enregistrer sous"></a>#}
  57.                                     {#{% if item.id == papierCourant.id %}#}
  58.                                         {#<a href="#" class="editPspdfkit" data-toggle="tooltip"  data-title="Modification pdf"></a>#}
  59.                                     {#{% else %}#}
  60.                                         {#<a href="{{ path('liseuse',{token:item.token}) }}"  class="editPdfLiseuse" data-toggle="tooltip"  data-title="Modifier mes options d’impression"></a>#}
  61.                                     {#{% endif %}#}
  62.                                     {#<a class="deletedPapierPageLiseuse" href="{{ path('liseuse_deleted',{token:item.token}) }}"  data-toggle="tooltip"  data-title="Supprimer"></a>#}
  63.                                 {#</div>#}
  64.                             {#</div>#}
  65.                         {#{% endif %}#}
  66.                     {#{% endfor %}#}
  67.                     {#<div class="link1_right">#}
  68.                         {#<input type="hidden" id="product_imprission_id" value="{% if productPapier.id is defined %}{{ productPapier.id }}{% endif %}">#}
  69.                         {#<div id="fileuploaderLiseuse"></div>#}
  70.                         {#<a href="#" id="uploadPdfPageLiseuse" style="font-weight: 600;">#}
  71.                             {#Ajouter un ou plusieurs fichiers#}
  72.                             {#<span><img src="{{ asset('images/croix_jaune.png')}}"  style="margin-left: 5px;width: 15px; padding-top: 0px;padding-bottom: 0px;"></span>#}
  73.                         {#</a>#}
  74.                     {#</div>#}
  76.                     <div class="bx_bottom_right pb-3 mt-1">
  77.                         {% if abonnementPro == false %}
  78.                              {{ getResteOfferte(cart)|raw }}
  79.                         {% endif %}
  80.                         <div id="blockPrix" style="padding-top: 10px;"> {{ blockPrix|raw }}</div>
  81.                     </div>
  82.                 </div>
  83.             </div>
  84.         </div>
  85.     </section>
  86. <style>
  87.     .enSavoirPlus,.enSavoirPlus2{
  88.         background-image: url(/images/vector_icone.png) !important;
  89.         background-position: 90% 30%;
  90.         background-repeat: no-repeat;
  91.         font-family: Cabin;
  92.         font-size: 13px;
  93.         font-weight: 700!important;
  94.         line-height: 16px;
  95.         letter-spacing: 0.0013439999893307686px;
  96.         text-align: left!important;
  97.         color: #000;
  98.         padding-right: 20px!important;
  99.         padding-top: 0!important;
  100.         margin: 0!important;
  101.         width: 115px!important;
  102.     }
  103.     .enSavoirPlus:hover,.enSavoirPlus2:hover{
  104.         color: #000!important;
  105.         background-color: transparent!important;
  106.     }
  107. </style>