관리-도구
편집 파일: certificate.js
$(function() { $(".dragable-element").draggable(); $(document).on('keyup change', '.dragable-element-control', function() { let elementArea = $(this).closest('.element-area'); let ItemName = elementArea.data('item'); let styles = ""; let title = $(elementArea).find('.dragable-element-title').val(); let fontSize = $(elementArea).find('.dragable-element-size').val(); let fontColor = $(elementArea).find('.dragable-element-color').val(); let dragableItem = $(".dragable-element[data-name=\"".concat(ItemName, "\"]")); dragableItem.html(title); styles += "font-size: ".concat(fontSize, "px;"); styles += "color: ".concat(fontColor, ";"); dragableItem.css('cssText', styles); }); $(document).on('submit', '.add-cerficate', function(e) { e.preventDefault(); let form = $(this); let action = form.attr('action'); let certificate_content = $("#certificate-builder-area").html(); let formData = new FormData(form[0]); formData.append("certificate_content", certificate_content); $.ajax({ url: action, type: "POST", dataType: "json", data: formData, contentType: false, cache: false, processData: false, success: function(data) { if (data.status === 'success') { toastr["success"](`${data.message}`); } else if (data.status == false) { toastr["error"](`${data.message}`); } }, }); }) });