{% if export is defined %} {% if export=='none' %} {% else %} {% set export_type=export|split(',') %} <div class="wrapper export_bar" id="non_print"> <!-- Main content --> <section class=""> <div class="row"> <div class="col-xs-12"> <div class="btn-group" style="background-color: grey;width:100%"> {# <button class="btn bg-red waves-effect pull-right" onclick="window.open('', '_self', ''); window.close();"> #} <button class="btn waves-effect pull-right" onclick="window.open('', '_self', ''); window.close();"> <i class="fa fa-times"></i> Close </button> <button class="btn waves-effect pull-right" onclick="history.back();"> <i class="fa fa-undo"></i> Go Back </button> {% if 'all' in export_type or 'pdf' in export_type %} <button class="btn btn-app waves-effect pull-right export_pdf_button"> <i class="fa fa-file-pdf"></i> PDF </button> {# <button class="btn btn-app waves-effect bg-grey pull-right export_and_mail_pdf_button"> #} {# <i class="fa fa-file-pdf"></i> MAIL PDF #} {# </button> #} {# <button class="btn btn-app waves-effect bg-grey pull-right export_pdf_by_js_button"> #} {# <i class="fa fa-file-pdf"></i> PDF #} {# </button> #} {% endif %} {% if 'all' in export_type or 'excel' in export_type %} <button class="btn waves-effect pull-right export_excel_button"> <i class="fa fa-file-excel"></i> Excel </button> {% endif %} {% if 'all' in export_type or 'print' in export_type %} <button onclick="window.print();" class="btn waves-effect pull-right "> <i class="fa fa-print"></i> Print </button> {% endif %} {% if 'all' in export_type or 'sendForward' in export_type %} <button class="btn btn-app waves-effect pull-right export_sendForward_button" > <i class="fa fa-share-square"></i> Forward </button> <div class="sendForwardCustomDiv" style=" display: none; background: white; width: 20%; left: 40%; z-index: 9999; padding: 30px; border: 1px solid; border-radius: 1%; position: fixed; top: 0; -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; "> {# <div class="modal-header"> #} {# <h4 class="modal-title" id="printForwardModalTitle">Please Select Action</h4> #} {# </div> #} <div class=""> <div class="row"> <div class="col-sm-12 col-md-12"> <b>To</b> <div class="input-group"><span class="input-group-addon"><i class="material-icons">email</i></span> <div class="form-line"><input type="text" class="form-control " value="{{ forwardToMailAddress is defined? forwardToMailAddress:'' }}" name="forwardToMailAddress" id="forwardToMailAddress" placeholder=" {{ forwardToMailAddress is defined? forwardToMailAddress:'' }}"> </div> </div> {# <input type="hidden" name="printOptionsModalHref" id="printOptionsModalHref" value=""/> #} </div> <div class="col-sm-12 col-md-12"> <input type="checkbox" name="attachPdf" value="1" checked id="printOptionsModalAttachPdf" class="chk-col-deep-purple"/> <label for="printOptionsModalAttachPdf">Attach PDF</label> </div> <div class="col-sm-12 col-md-12" style="padding-top: 10px;"> <b class="sendForwardCustomDivStatus col-red"></b> </div> </div> </div> <div class="" style="padding-top: 10px;"> <button type="button" class="btn btn-link waves-effect sendForwardCustomDivSendButton">SEND </button> <button style="display: none" disabled type="button" class="btn btn-link waves-effect sendForwardCustomDivSendingButton"> SENDING... </button> <button type="button" class="btn btn-link waves-effect sendForwardCustomDivCloseButton">CLOSE </button> </div> </div> {# <div class="modal fade" id="printForwardModal" tabindex="-1" role="dialog"> #} {# <div class="modal-dialog modal-sm" role="document"> #} {# <div class="modal-content"> #} {# <div class="modal-header"> #} {# <h4 class="modal-title" id="printForwardModalTitle">Please Select Action</h4> #} {# </div> #} {# <div class="modal-body"> #} {# <div class="row"> #} {# <div class="col-sm-12 col-md-12"> #} {# <b>To</b> <div class="input-group"><span class="input-group-addon"><i class="material-icons">email</i></span> #} {# <div class="form-line"> <input type="text" class="form-control " #} {# value="{{ forwardToMailAddress is defined? forwardToMailAddress:'' }}" #} {# name="forwardToMailAddress" #} {# id="forwardToMailAddress" placeholder=" {{ forwardToMailAddress is defined? forwardToMailAddress:'' }}"> </div> </div> #} {# <input type="hidden" name="printOptionsModalHref" id="printOptionsModalHref" value=""/> #} {# </div> #} {# </div> #} {# </div> #} {# <div class="modal-footer"> #} {# <button type="button" class="btn btn-link waves-effect printForwardModalPrintButton">PRINT</button> #} {# <button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button> #} {# </div> #} {# </div> #} {# </div> #} {# </div> #} {# <button class="btn btn-app waves-effect bg-grey pull-right export_and_mail_pdf_button"> #} {# <i class="fa fa-file-pdf"></i> MAIL PDF #} {# </button> #} {# <button class="btn btn-app waves-effect bg-grey pull-right export_pdf_by_js_button"> #} {# <i class="fa fa-file-pdf"></i> PDF #} {# </button> #} {% endif %} </div> </div> </div> </section> </div> {% if pdf is defined and pdf==true %} {% else %} <style> @media screen { body { background-color: grey; } .wrapper:not(.export_bar) { width: 240mm; min-height: 297mm; margin: 20px auto; padding: 10mm; background: white; box-shadow: 0 0 10px rgba(0,0,0,0.3); } } @media print { body { background: white !important; } .wrapper:not(.export_bar) { box-shadow: none; margin: 0; width: auto; min-height: auto; padding: 0; } } </style> {# <style> @media screen { .wrapper:not(.export_bar) { width: 90%; margin: auto; padding: 2%; } } body{ background-color: grey; } </style> #} {% endif %} {% endif %}{% endif %}