src/ApplicationBundle/Resources/views/modals/input_forms/print_options_modal.html.twig line 1

Open in your IDE?
  1. <div class="modal fade" id="printOptionsModal" tabindex="-1" role="dialog">
  2.     <div class="modal-dialog modal-sm" role="document">
  3.         <div class="modal-content">
  4.             <div class="modal-header">
  5.                 <h4 class="modal-title" id="printOptionsModalTitle">Please Select Action</h4>
  6.             </div>
  7.             <div class="modal-body">
  8.                 <div class="row">
  11.                     <div class="col-sm-12 col-md-6">
  12.                         <div class="demo-radio-button printOptionsModalThemeIdCont" style="display:none">
  13.                             <h6>Theme</h6>
  14.                             {#<input name="printType" value="print_office_copy" type="radio" id="radio_7" class="radio-col-red with-gap" checked/>#}
  15.                             {#<label for="radio_7">Office Copy</label>#}
  16.                             {#<input name="printType" value="print_party_copy" type="radio" id="radio_8" class="radio-col-pink with-gap"/>#}
  17.                             {#<label for="radio_8">Party Copy</label>#}
  18.                             {#<input name="printType" value="all" type="radio" id="radio_9" class="radio-col-purple with-gap"/>#}
  19.                             {#<label for="radio_9">Office & Party Copy</label>#}
  20.                             {#<input name="printType" value="send_pdf" type="radio" id="radio_10" class="radio-col-deep-purple with-gap"/>#}
  21.                             {#<label for="radio_10">Send PDF to Party </label>#}
  22.                         </div>
  23.                         <div class="demo-radio-button printOptionsModalDocumentTypeCont">
  24.                             <h6>Document Type</h6>
  26.                         </div>
  27.                         <div class="demo-radio-button printOptionsModalRadioCont">
  28.                             <h6>Type</h6>
  29.                             {#<input name="printType" value="print_office_copy" type="radio" id="radio_7" class="radio-col-red with-gap" checked/>#}
  30.                             {#<label for="radio_7">Office Copy</label>#}
  31.                             {#<input name="printType" value="print_party_copy" type="radio" id="radio_8" class="radio-col-pink with-gap"/>#}
  32.                             {#<label for="radio_8">Party Copy</label>#}
  33.                             {#<input name="printType" value="all" type="radio" id="radio_9" class="radio-col-purple with-gap"/>#}
  34.                             {#<label for="radio_9">Office & Party Copy</label>#}
  35.                             {#<input name="printType" value="send_pdf" type="radio" id="radio_10" class="radio-col-deep-purple with-gap"/>#}
  36.                             {#<label for="radio_10">Send PDF to Party </label>#}
  37.                         </div>
  38.                         <input type="hidden" name="printOptionsModalHref" id="printOptionsModalHref" value=""/>
  39.                         <div class="col-md-12 col-sm-12 printOptionsModalForwardToMailAddress" style="display: none">
  41.                         </div>
  42.                     </div>
  45.                     <div class="col-sm-12 col-md-6 printOptionsModalCheckCont">
  46.                         {#<input type="checkbox" name="includeMisFlag" id="printOptionsModalMisFlag" class="chk-col-pink" />#}
  47.                         {#<label for="printOptionsModalMisFlag">Include MIS Data</label>#}
  48.                     </div>
  49. {#                    <div class="col-md-6 col-sm-12 printOptionsModalForwardToMailAddress" style="display: none">#}
  51. {#                    </div>#}
  53.                 </div>
  54.             </div>
  55.             <div class="modal-footer">
  56.                 <button type="button" class="btn btn-link waves-effect printOptionsModalPrintButton">PRINT</button>
  57.                 <button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>
  58.             </div>
  59.         </div>
  60.     </div>
  61. </div>
  62. <script>
  64.     var printOptions = {};
  65.     var forwardToMailAddressLinkValues = [];
  68.     function inititate_print_options_modal(options) {
  69.         options = options || {
  70.                     printUrl: '',
  71.                     printType: [
  72. //                       value:name
  73.                         //will cause radio
  74.                         //name will be by default print type
  75.                         {value: 'office_copy', text: 'Office Copy', selected: true},
  76.                         {value: 'party_copy', text: 'Party Copy'},
  77.                         {value: 'all_copy', text: 'Office & Party Copy'},
  78.                         {value: 'forwardToEmail', text: 'Send/Forward To', ajaxCall: true,},
  80.                     ],
  81.                     forwardToMailAddress: {
  82.                         enabled: true,
  83.                         emptyText: 'To Party',
  84.                         value: 'To Party',
  85.                         linkedTo: ['forwardToEmail']
  87.                     },
  88.                     otherOptions: [
  89.                         //will cause checkboxes
  90.                         {name: 'includeMisFlag', value: 1, text: 'Include MIS Data', selected: true},
  91.                     ]
  92.                 };
  93.         printOptions = options;
  95.         if (typeof printOptions.printType !== 'undefined') {
  96.             for (var t = 0; t < printOptions.printType.length; t++) {
  97.                 $('.printOptionsModalRadioCont').append(
  99.                         '<label style="width: 100%;    margin-left: 10px;" class="radio-inline radio-styled radio-primary" for="printOptionsModalPrintType_' + t + '">'
  100.                         +'<input name="printType" data-ajax-call="' + (printOptions.printType[t].ajaxCall ? '1' : '0') + '" value="' + printOptions.printType[t].value + '" type="radio" id="printOptionsModalPrintType_' + t + '" class="radio-col-red with-gap " ' + (printOptions.printType[t].selected ? 'checked' : '') + ' />'
  101.                         + '<span>'+printOptions.printType[t].text+'</span>'
  102.                         + '</label>'
  103.                 )
  104.             }
  105.         }
  106.         if (typeof printOptions.themeId !== 'undefined') {
  107.             $('.printOptionsModalThemeIdCont').show()
  108.             for (var t = 0; t < printOptions.themeId.length; t++) {
  109.                 $('.printOptionsModalThemeIdCont').append(
  111.                     '<label style="width: 100%;    margin-left: 10px;" class="radio-inline radio-styled radio-primary" for="printOptionsModalThemeId_' + t + '">'
  112.                     +'<input name="themeId" data-ajax-call="' + (printOptions.themeId[t].ajaxCall ? '1' : '0') + '" value="' + printOptions.themeId[t].value + '" type="radio" id="printOptionsModalThemeId_' + t + '" class="radio-col-red with-gap " ' + (printOptions.themeId[t].selected ? 'checked' : '') + ' />'
  113.                     + '<span>'+printOptions.themeId[t].text+'</span>'
  114.                     + '</label>'
  115.                 )
  116.             }
  117.         }
  118.         if (typeof printOptions.documentType !== 'undefined') {
  119.             $('.printOptionsModalDocumentTypeCont').show()
  120.             for (var t = 0; t < printOptions.documentType.length; t++) {
  121.                 $('.printOptionsModalDocumentTypeCont').append(
  123.                     '<label style="width: 100%;    margin-left: 10px;" class="radio-inline radio-styled radio-primary" for="printOptionsModalDocumentType_' + t + '">'
  124.                     +'<input name="documentType" data-ajax-call="' + (printOptions.documentType[t].ajaxCall ? '1' : '0') + '" value="' + printOptions.documentType[t].value + '" type="radio" id="printOptionsModalDocumentType_' + t + '" class="radio-col-red with-gap " ' + (printOptions.documentType[t].selected ? 'checked' : '') + ' />'
  125.                     + '<span>'+printOptions.documentType[t].text+'</span>'
  126.                     + '</label>'
  127.                 )
  128.             }
  129.         }
  130.         if (typeof printOptions.forwardToMailAddress !== 'undefined') {
  132.             if (printOptions.forwardToMailAddress.enabled == true) {
  133.                 if (typeof printOptions.forwardToMailAddress.linkedTo !== 'undefined') {
  134.                     forwardToMailAddressLinkValues = printOptions.forwardToMailAddress.linkedTo;
  135.                 }
  137.                 var str = '<b>To</b> <div class="input-group"><span class="input-group-addon"><i class="material-icons">email</i></span>' +
  138.                         '<div class="form-line"> <input  type="text" class="form-control " value="' + printOptions.forwardToMailAddress.value + '" ' +
  139.                         'name="forwardToMailAddress" ' +
  140.                         'id="forwardToMailAddress" placeholder="' + printOptions.forwardToMailAddress.emptyText + '"> </div> </div>';
  142.                 str+= ' <div class="checkbox checkbox-styled checkbox-info">' +
  143.                         '<label for="printOptionsModalAttachPdf">' +
  144.                         '<input  type="checkbox" name="attachPdf" value="1" checked id="printOptionsModalAttachPdf" class="chk-col-deep-purple">' +
  145.                         '<span>Attach As PDF</span>' +
  146.                         '</label>' +
  147.                         '</div>'
  149. //                str += '<input type="checkbox"  name="attachPdf" value="1" checked id="printOptionsModalAttachPdf" class="chk-col-deep-purple" />' +
  150. //                        '<label for="printOptionsModalAttachPdf">Attach PDF</label>'
  151.                 $('.printOptionsModalForwardToMailAddress').html(str);
  152.             }
  153.         }
  154.         if (typeof printOptions.otherOptions !== 'undefined') {
  155.             for (var t = 0; t < printOptions.otherOptions.length; t++) {
  156.                 $('.printOptionsModalCheckCont').append(
  157.                         ' <div class="checkbox checkbox-styled checkbox-primary">' +
  158.                         '<label for="printOptionsModal' + printOptions.otherOptions[t].name +printOptions.otherOptions[t].value+ '">' +
  159.                         '<input  type="checkbox" data-ajax-call="' + (printOptions.otherOptions[t].ajaxCall ? '1' : '0') + '" name="' + printOptions.otherOptions[t].name + '" value="' + printOptions.otherOptions[t].value + '" ' + (printOptions.otherOptions[t].selected ? 'checked' : '') + ' id="printOptionsModal' + printOptions.otherOptions[t].name +printOptions.otherOptions[t].value+ '" class="chk-col-pink">' +
  160.                         '<span>' + printOptions.otherOptions[t].text + '</span>' +
  161.                         '</label>' +
  162.                         '</div>'
  163. //                        '<input type="checkbox" data-ajax-call="' + (printOptions.otherOptions[t].ajaxCall ? '1' : '0') + '" name="' + printOptions.otherOptions[t].name + '" value="' + printOptions.otherOptions[t].value + '" ' + (printOptions.otherOptions[t].selected ? 'checked' : '') + ' id="printOptionsModal' + printOptions.otherOptions[t].name + '" class="chk-col-pink" />' +
  164. //                        '<label for="printOptionsModal' + printOptions.otherOptions[t].name + '">' + printOptions.otherOptions[t].text + '</label>'
  165.                 )
  166.             }
  167.         }
  170.         $('.print_with_options').click(function (e) {
  171.             e.preventDefault();
  172. //            reset();
  174.             $('#printOptionsModal').modal('show');
  176.             var url = printOptions.printUrl == '' ? $(this).attr('href') : printOptions.printUrl;
  177.             $('#printOptionsModalHref').val(url);
  178.             return false;
  180.         })
  182.         function checkForwardToLinkage() {
  183.             if ($("#printOptionsModal input[name='printType']:checked").length) {
  184.                 var curr_val = $("#printOptionsModal input[name='printType']:checked").val();
  185.                 var acted = 0;
  188.                 for (var j = 0; j < forwardToMailAddressLinkValues.length; j++) {
  190.                     if (forwardToMailAddressLinkValues[j] == curr_val) {
  191.                         $('.printOptionsModalForwardToMailAddress').show();
  192.                         acted = 1;
  193.                         break;
  194.                     }
  195.                 }
  196.                 if (acted == 0) {
  197.                     $('.printOptionsModalForwardToMailAddress').hide()
  198.                 }
  201.             }
  202.             else {
  203.                 $('.printOptionsModalForwardToMailAddress').hide()
  204.             }
  205.         }
  207.         $("#printOptionsModal input[name='printType']").change(function () {
  208. //           alert('pika')
  209.             checkForwardToLinkage()
  210.         })
  212.         $('.printOptionsModalPrintButton').click(function (e) {
  213.             e.preventDefault();
  214. //            reset();
  216.             $('#printOptionsModal').modal('hide');
  217.             var url = $('#printOptionsModalHref').val();
  218.             var ajaxCall = false;
  219.             var queryStart = '?';
  220.             var partedQryArray=url.split('?');
  221.             var query = partedQryArray[1]?partedQryArray[1]:'';
  223.             if (typeof printOptions.printType !== 'undefined') {
  224.                 if ($("#printOptionsModal input[name='printType']:checked").length) {
  225.                     var checked_radio = $("#printOptionsModal input[name='printType']:checked");
  227.                     if (checked_radio.attr('data-ajax-call') == 1)
  228.                         ajaxCall = true;
  231.                     var radioQuery = 'printType=' + (checked_radio.prop('checked') == true ? checked_radio.val() : '0');
  232. //               alert radioQuery
  233.                     if (query == '')
  234.                         query = '?' + radioQuery;
  235.                     else
  236.                         query = query + '&' + radioQuery;
  238.                     for (var j = 0; j < forwardToMailAddressLinkValues.length; j++) {
  240.                         if (forwardToMailAddressLinkValues[j] == checked_radio.val()) {
  241.                             var forwardMailAddress = $("#printOptionsModal input[name='forwardToMailAddress']").val();
  242.                             if (forwardMailAddress != '') {
  243.                                 var forwardToQuery = 'forwardToMailAddress=' + forwardMailAddress;
  244.                                 if (query == '')
  245.                                     query = '?' + forwardToQuery;
  246.                                 else
  247.                                     query = query + '&' + forwardToQuery;
  248.                             }
  249.                             var attachPdf = $("#printOptionsModal input[name='attachPdf']");
  250.                             if ($("#printOptionsModal input[name='attachPdf']").length)
  251.                                 if ($("#printOptionsModal input[name='attachPdf']").prop('checked') == true) {
  252.                                     var attQry = 'attachPdf=' + 1;
  253.                                     if (query == '')
  254.                                         query = '?' + attQry;
  255.                                     else
  256.                                         query = query + '&' + attQry;
  257.                                 }
  258.                         }
  259.                     }
  261.                 }
  263.             }
  265.             if (typeof printOptions.documentType !== 'undefined') {
  266.                 if ($("#printOptionsModal input[name='documentType']:checked").length) {
  267.                     var checked_radio = $("#printOptionsModal input[name='documentType']:checked");
  269.                     if (checked_radio.attr('data-ajax-call') == 1)
  270.                         ajaxCall = true;
  273.                     var radioQuery = 'documentType=' + (checked_radio.prop('checked') == true ? checked_radio.val() : '0');
  274. //               alert radioQuery
  275.                     if (query == '')
  276.                         query = '?' + radioQuery;
  277.                     else
  278.                         query = query + '&' + radioQuery;
  282.                 }
  284.             }
  287.             if (typeof printOptions.themeId !== 'undefined') {
  288.                 if ($("#printOptionsModal input[name='themeId']:checked").length) {
  289.                     var checked_radio = $("#printOptionsModal input[name='themeId']:checked");
  291.                     if (checked_radio.attr('data-ajax-call') == 1)
  292.                         ajaxCall = true;
  295.                     var radioQuery = 'themeId=' + (checked_radio.prop('checked') == true ? checked_radio.val() : '0');
  296. //               alert radioQuery
  297.                     if (query == '')
  298.                         query = '?' + radioQuery;
  299.                     else
  300.                         query = query + '&' + radioQuery;
  303.                 }
  305.             }
  307.             var nameAddition='';
  310.             if (typeof printOptions.otherOptions !== 'undefined') {
  312.                 for (var t = 0; t < printOptions.otherOptions.length; t++) {
  313.                     if($('.printOptionsModalCheckCont  input[name="' + printOptions.otherOptions[t].name+'"]').length>1) nameAddition='[]';
  314.                     var checked_check_box = $('#printOptionsModal' + printOptions.otherOptions[t].name+printOptions.otherOptions[t].value);
  315.                     if (checked_check_box.prop('checked') == true) {
  316.                         if (checked_check_box.attr('data-ajax-call') == 1)
  317.                             ajaxCall = true;
  318.                         var checkQuery = '' + printOptions.otherOptions[t].name + nameAddition+'=' + printOptions.otherOptions[t].value;
  319.                         if (query == '')
  320.                             query = '?' + checkQuery;
  321.                         else
  322.                             query = query + '&' + checkQuery;
  324.                     }
  326.                 }
  327.             }
  330. //           query+='mis_print='+($('#printOptionsSalesModalMisFlag').prop('checked')==true?'1':'0');
  331. //           query+='&print_type='+$("#printOptionsSalesModal input[name='printType']:checked").val();
  332.             url = url + query;
  333.             if (ajaxCall == 1) {
  334.                 $.get(url, {})
  335.                         .done(function (data) {
  336.                             //sales.clearItemTable()
  338.                             if (data.success == true) {
  339.                                 swal({
  340.                                     title: "Success!",
  341.                                     text: "Your action was successful.",
  342. //                                   imageUrl: BaseURL + "images/Bee_Sad_Emote.png"
  343.                                 });
  346.                             }
  349.                         });
  350.             }
  351.             else {
  352.                 var win = window.open(url, '_blank');
  353.                 if (win) {
  354.                     //Browser has allowed it to be opened
  355.                     win.focus();
  356.                 } else {
  357.                     //Browser has blocked it
  358.                     alert('Please allow popups for this website');
  359.                 }
  360.             }
  363.             return false;
  365.         })
  366.         checkForwardToLinkage()
  369.     }
  370. </script>