src/ApplicationBundle/Resources/views/inc/snippets/export_bar.html.twig line 1

Open in your IDE?
  1. {% if export is defined %}
  2.     {% set export_type=export|split(',') %}
  3.     <div class="wrapper export_bar" id="non_print">
  4.         <!-- Main content -->
  5.         <section class="">
  6.             <div class="row">
  7.                 <div class="col-xs-12">
  9.                     <div class="btn-group" style="background-color: grey;width:100%">
  12. {#                        <button class="btn  bg-red waves-effect pull-right" onclick="window.open('', '_self', ''); window.close();">#}
  13.                         <button class="btn   waves-effect pull-right" onclick="window.open('', '_self', ''); window.close();">
  14.                             <i class="fa fa-times"></i> Close
  15.                         </button>
  16.                         <button class="btn  waves-effect pull-right" onclick="history.back();">
  17.                             <i class="fa fa-undo"></i> Go Back
  18.                         </button>
  19.                         {% if 'all' in export_type  or  'pdf' in export_type %}
  20.                             <button class="btn btn-app waves-effect  pull-right export_pdf_button">
  21.                                 <i class="fa fa-file-pdf"></i> PDF
  22.                             </button>
  23.                             {#<button  class="btn btn-app waves-effect  bg-grey pull-right export_and_mail_pdf_button">#}
  24.                             {#<i class="fa fa-file-pdf"></i> MAIL PDF#}
  25.                             {#</button>#}
  26.                             {#<button  class="btn btn-app waves-effect  bg-grey pull-right export_pdf_by_js_button">#}
  27.                             {#<i class="fa fa-file-pdf"></i> PDF#}
  28.                             {#</button>#}
  30.                         {% endif %}
  32.                         {% if 'all' in export_type  or  'excel' in export_type %}
  33.                             <button class="btn waves-effect  pull-right export_excel_button">
  34.                                 <i class="fa fa-file-excel"></i> Excel
  35.                             </button>
  36.                         {% endif %}
  39.                         {% if 'all' in export_type  or  'print' in export_type %}
  40.                             <button onclick="window.print();" class="btn waves-effect   pull-right ">
  41.                                 <i class="fa fa-print"></i> Print
  42.                             </button>
  43.                         {% endif %}
  45.                         {% if 'all' in export_type  or  'sendForward' in export_type %}
  46.                             <button class="btn btn-app waves-effect  pull-right export_sendForward_button"
  47.                                     >
  48.                                 <i class="fa fa-share-square"></i> Forward
  49.                             </button>
  50.                             <div class="sendForwardCustomDiv" style=" display: none;      background: white;
  51.                                                         width: 20%;
  52.                                                         left: 40%;
  53.                                                         z-index: 9999;
  54.                                                         padding: 30px;
  55.                                                         border: 1px solid;
  56.                                                         border-radius: 1%;
  57.                                                         position: fixed;
  58.                                                         top: 0;
  59.                                                         -webkit-transition: -webkit-transform .3s ease-out;
  60.                                                         -o-transition: -o-transform .3s ease-out;
  61.                                                         transition: transform .3s ease-out;
  63.                                                         ">
  64.                                 {#<div class="modal-header">#}
  65.                                     {#<h4 class="modal-title" id="printForwardModalTitle">Please Select Action</h4>#}
  66.                                 {#</div>#}
  67.                                 <div class="">
  68.                                     <div class="row">
  70.                                         <div class="col-sm-12 col-md-12">
  71.                                             <b>To</b> <div class="input-group"><span class="input-group-addon"><i class="material-icons">email</i></span>
  72.                                                 <div class="form-line"> <input  type="text" class="form-control "
  73.                                                                                 value="{{ forwardToMailAddress is defined? forwardToMailAddress:'' }}"
  74.                                                                                 name="forwardToMailAddress"
  75.                                                                                 id="forwardToMailAddress" placeholder=" {{ forwardToMailAddress is defined? forwardToMailAddress:'' }}"> </div> </div>
  77.                                             {#<input type="hidden" name="printOptionsModalHref" id="printOptionsModalHref" value=""/>#}
  78.                                         </div>
  79.                                         <div class="col-sm-12 col-md-12">
  80.                                             <input type="checkbox"  name="attachPdf" value="1" checked id="printOptionsModalAttachPdf" class="chk-col-deep-purple" />
  81.                                             <label for="printOptionsModalAttachPdf">Attach PDF</label>
  82.                                         </div>
  83.                                         <div class="col-sm-12 col-md-12" style="padding-top: 10px;">
  84.                                             <b class="sendForwardCustomDivStatus col-red"></b>
  85.                                         </div>
  90.                                     </div>
  91.                                 </div>
  92.                                 <div class="" style="padding-top: 10px;">
  93.                                     <button type="button" class="btn btn-link waves-effect sendForwardCustomDivSendButton">SEND</button>
  94.                                     <button style="display: none" disabled type="button" class="btn btn-link waves-effect sendForwardCustomDivSendingButton">SENDING...</button>
  95.                                     <button type="button" class="btn btn-link waves-effect sendForwardCustomDivCloseButton" >CLOSE</button>
  96.                                 </div>
  97.                             </div>
  100.                             {#<div class="modal fade" id="printForwardModal" tabindex="-1" role="dialog">#}
  101.                                 {#<div class="modal-dialog modal-sm" role="document">#}
  102.                                     {#<div class="modal-content">#}
  103.                                         {#<div class="modal-header">#}
  104.                                             {#<h4 class="modal-title" id="printForwardModalTitle">Please Select Action</h4>#}
  105.                                         {#</div>#}
  106.                                         {#<div class="modal-body">#}
  107.                                             {#<div class="row">#}
  109.                                                 {#<div class="col-sm-12 col-md-12">#}
  110.                                                     {#<b>To</b> <div class="input-group"><span class="input-group-addon"><i class="material-icons">email</i></span>#}
  111.                                                         {#<div class="form-line"> <input  type="text" class="form-control "#}
  112.                                                                                          {#value="{{ forwardToMailAddress is defined? forwardToMailAddress:'' }}"#}
  113.                                                             {#name="forwardToMailAddress"#}
  114.                                                             {#id="forwardToMailAddress" placeholder=" {{ forwardToMailAddress is defined? forwardToMailAddress:'' }}"> </div> </div>#}
  116.                                                     {#<input type="hidden" name="printOptionsModalHref" id="printOptionsModalHref" value=""/>#}
  117.                                                 {#</div>#}
  122.                                             {#</div>#}
  123.                                         {#</div>#}
  124.                                         {#<div class="modal-footer">#}
  125.                                             {#<button type="button" class="btn btn-link waves-effect printForwardModalPrintButton">PRINT</button>#}
  126.                                             {#<button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>#}
  127.                                         {#</div>#}
  128.                                     {#</div>#}
  129.                                 {#</div>#}
  130.                             {#</div>#}
  131.                             {#<button  class="btn btn-app waves-effect  bg-grey pull-right export_and_mail_pdf_button">#}
  132.                             {#<i class="fa fa-file-pdf"></i> MAIL PDF#}
  133.                             {#</button>#}
  134.                             {#<button  class="btn btn-app waves-effect  bg-grey pull-right export_pdf_by_js_button">#}
  135.                             {#<i class="fa fa-file-pdf"></i> PDF#}
  136.                             {#</button>#}
  138.                         {% endif %}
  141.                     </div>
  142.                 </div>
  143.             </div>
  144.         </section>
  145.     </div>
  147.     {% if pdf is defined and pdf==true %}
  148.     {% else %}
  149.         <style>
  150.             @media screen {
  151.                 .wrapper:not(.export_bar) {
  152.                     width: 90%;
  153.                     margin: auto;
  154.                     padding: 2%;
  155.                 }
  157.                 body {
  158.                     background-color: grey;
  159.                 }
  160.             }
  161.         </style>
  162.     {% endif %}
  163. {% endif %}