PATH:
home
/
rwabteecom
/
project_11
/
resources
/
views
/
dashboard
/
partials
/
Editing: qr-design-scripts.blade.php
<script> $(document).ready(function() { let qrConfig = null function genertateQr(qrData) { $('#qr-img').html(''); qrConfig = new QRCode(document.getElementById("qr-img"), { text: qrData.text, width: 240, height: 240, dotScale: qrData.qr_dot_scale ? qrData.qr_dot_scale : 1, colorDark: qrData.qr_color ? qrData.qr_color : "#000", colorLight: qrData.qr_background_color ? qrData.qr_background_color : "#fff", logo: qrData.logo, }); } function loadQr() { $.ajax({ url: '{{ route('dashboard.qr-design.get-qr') }}', method: "GET", success: function(response) { genertateQr(response.data) }, error: function(response) { console.log(response); } }); } loadQr() $(".onchange").on("change", function() { updateQrFormPage(); }) function updateQrFormPage() { var formData = new FormData($('#qr-design-form')[0]); formData.append('_token', "{{ csrf_token() }}"); $.ajax({ url: '{{ route('dashboard.qr-design.update') }}', method: "POST", processData: false, contentType: false, data: formData, success: function(response) { genertateQr(response.data) }, error: function(response) { console.log(response); } }); }; $('body').on('change', 'input[name=qr_img_style]', function() { let dropzone = $(this).closest('.center-Image-type-con').find('.dropzone') if ($(this).val() == "custom_image") { dropzone.removeClass('d-none') } else { dropzone.addClass('d-none') } }) $('body').on('click', '.download-qr', function() { if (qrConfig) { qrConfig.download('qr-img') } }) }) </script>
SAVE
CANCEL