PageSourceSearch

https://assets.cake.jp/js/cart/cart_top_option_photo.js?v=5

js cake.jp collected 2026-10-03 21:32:54 UTC 7,050 bytes, 1 lines download raw bytes

1$(function(){var i=5242880;function t(){this.inputElm=null,this.base64Data=null,this.$outputViewElm=null,this.$photoArea=null,this.$cartId=null,this.$noteId=null}t.prototype={resetInputElm:function(t){this.inputElm=t,this.updateTarget(t)},setOutputResult:function(t){this.$outputViewElm.attr("src",t),this.$outputViewElm.attr("set_img","on"),this.$photoArea.addClass("is-active")},updateTarget:function(t){this.$outputViewElm=$(t).parents().find(".img_view"),this.$photoArea=$(t).parents(".js-cart-option-image")},setCartAndNoteId:function(t,e){this.$cartId=t,this.$noteId=e}};var a=new t;function e(){this.$target=$("#js-croppie-upload"),this.croppie=null,this.croppieOption={viewport:{width:298,height:300,type:"circle"},boundary:{width:300,height:300},size:{width:600,height:600}}}e.prototype={resetCroppie:function(){null!=this.croppie&&(this.$target.removeClass("is-ready"),this.croppie.croppie("destroy")),this.croppie=this.$target.croppie({viewport:this.croppieOption.viewport,boundary:this.croppieOption.boundary})},inputData:function(t){var e=this.$target;this.croppie.croppie("bind",{url:t}).then(function(t){e.addClass("is-ready")})},outputData:function(e){this.croppie.croppie("result",{type:"base64",size:this.croppieOption.size}).then(function(t){e&&e(t)})}};var o=new e;function n(t){this.canvas=null,this.textbox=null,this.croppieSize=t,this.$controls=$("#text-controls"),this.$textarea=$("#text-cont"),this.$btn=$("#add"),this.$textColor=$("#text-color"),this.$fontFamily=$("#font-family"),this.currentColor=""}n.prototype={resetCanvas:function(){null==this.canvas&&this.initialize(),this.clearCanvas(),this.hideControls()},resetTextStyle:function(){this.currentColor="#282828",this.$textColor.attr("value",this.currentColor),this.$textColor.val(this.currentColor),this.$textarea.val("")},initialize:function(){var t=document.getElementById("c1"),t=new fabric.Canvas(t),e=new fabric.Circle({radius:150,left:0,top:0});t.clipPath=e,this.canvas=t,fabric.Object.prototype.set({transparentCorners:!0,cornerColor:"#22A7F0",borderColor:"#22A7F0",cornerSize:12,padding:5}),this.watch()},addTextListener:function(){var e=this,i=this.canvas;this.$textColor.on("input",function(t){e.currentColor=t.target.value,this.setAttribute("value",e.currentColor),i.getActiveObject().set("fill",e.currentColor),i.getActiveObject().set("stroke",e.currentColor),i.renderAll()}),this.$fontFamily.on("change",function(t){i.getActiveObject().set("fontFamily",t.target.value),i.renderAll()}),this.$textarea.on("keyup",function(t){i.getActiveObject().set("text",t.target.value),i.renderAll()})},removeTextListener:function(){this.$textColor.off("input"),this.$fontFamily.off("change"),this.$textarea.off("keyup")},clearCanvas:function(){this.canvas.discardActiveObject(),this.canvas.clear(),this.canvas.renderAll(),this.textbox=null},addBgImage:function(t){t=t[0],t=new fabric.Image(t,{left:0,top:0,width:this.croppieSize.width,height:this.croppieSize.height,scaleX:this.canvas.width/this.croppieSize.width,scaleY:this.canvas.height/this.croppieSize.height,selectable:!1});this.canvas.add(t)},addText:function(t){return!(t.length<=0)&&null==this.textbox&&(t=new fabric.Textbox(t,{left:100,top:100,editable:!1,fontSize:32,fontFamily:"sans-serif",fontWeight:"bold",textAlign:"center",strokeWidth:1,stroke:this.$textColor.attr("value"),strokeUniform:!0,fill:this.$textColor.attr("value")}),this.canvas.add(t).setActiveObject(t),void(this.textbox=t))},removeText:function(){null!=this.textbox&&(this.canvas.remove(this.textbox),this.textbox=null)},isTextEmpty:function(){return null==this.textbox},outputData:function(t){this.canvas.discardActiveObject(),this.canvas.renderAll();var e=this.canvas.toDataURL({multiplier:this.croppieSize.width/this.canvas.width});t&&t(e),this.resetTextStyle()},showControls:function(){this.$controls.css("display","block"),this.$btn.removeClass("is-add")},hideControls:function(){this.$controls.css("display","none"),this.$btn.addClass("is-add")},watch:function(){var e=this;this.$btn.on("click",function(){var t;$(this).hasClass("is-add")?(t=e.$textarea.val(),e.addText(t),e.addTextListener(),e.showControls()):(e.removeText(),e.removeTextListener(),e.hideControls())})}};var s=new n(o.croppieOption.size);function r(t){var e=a.$photoArea.find(".js-photo-message-button");t?e.removeAttr("disabled"):e.attr("disabled","")}function h(){"1"===$("#need_copyright").val()&&($("#copyright-content").show(),$('form[name="cart_form"]').each(function(){var t=$(this).find("button");t.addClass("l-off"),t.removeClass("l-on")}))}function u(t,e,i,a){return $.ajax({type:"POST",url:"/cart_top_ajax/upload_image",data:{cart_id:t,note_id:e,image_base64:i}}).done(function(t){t&&"OK"===t.result?a&&a():(t=t&&"NG"===t.result&&t.message?t.message:FAILED_UPLOAD_IMAGE_MESSAGE,swal(TITLE_ERROR_MESSAGE,t,"error"))}).fail(function(){swal(TITLE_ERROR_MESSAGE,FAILED_UPLOAD_IMAGE_MESSAGE,"error")})}
1$("#modal-croppie").on("shown.bs.modal",function(){o.inputData(a.base64Data)}),$(".input_file.js-croppie-input").on("change",function(){var t=$(this).data("cart_id"),e=$(this).data("note_id");a.setCartAndNoteId(t,e),void 0!==(e=(t=this).files[0])&&(h(),e.size>=i?(swal(TITLE_ERROR_MESSAGE,MAX_UPLOAD_SIZE_ERROR_MESSAGE,"error"),t.val("")):(a.resetInputElm(t),o.resetCroppie(),(e=new FileReader).onload=function(t){a.base64Data=t.target.result,$("#modal-croppie").modal()},e.readAsDataURL(t.files[0]))),$(this).val("")}),$("#js-croppie-submit").on("click",function(t){o.outputData(function(t){u(a.$cartId,a.$noteId,t,function(){a.setOutputResult(t),r(!0),$("#modal-croppie").modal("hide")})})}),$(".js-photo-message-button").on("click",function(){a.updateTarget(this),s.resetCanvas(),s.addBgImage(a.$outputViewElm),$("#modal-fabric").modal()}),$("#js-fabric-submit").click(function(){s.outputData(function(t){u(a.$cartId,a.$noteId,t,function(){a.setOutputResult(t),$("#modal-fabric").modal("hide"),s.isTextEmpty()||r(!1)})})}),$(".input_file").not(".js-croppie-input").on("change",function(){var o=$(this),n=o.data("cart_id"),s=o.data("note_id"),r=new FileReader,t=o.prop("files")[0],l=o.parent().find(".img_view"),c=o.parent().find(".img_data");return void 0!==t&&(h(),"webp"===t.type.split("/")[1]?(swal(TITLE_ERROR_MESSAGE,UPLOAD_WEBP_ERROR_MESSAGE,"error"),$(this).val(""),!1):["jpeg","png"].includes(t.type.split("/")[1])?t.size>=i?(swal(TITLE_ERROR_MESSAGE,MAX_UPLOAD_SIZE_ERROR_MESSAGE,"error"),$(this).val(""),!1):($("#loading_icon").show(),r.onload=function(){var i=this.result,a=new Image;a.src=i,a.onload=function(){e=a,mime_type="image/jpeg",(t=document.createElement("canvas")).width=e.naturalWidth,t.height=e.naturalHeight,t.getContext("2d").drawImage(e,0,0),i=t.toDataURL(mime_type);var t,e=r.result;u(n,s,e,function(){c.val(i),l.attr("src",i),l.attr("set_img","on"),l.show(),o.parents(".js-cart-option-image").addClass("is-active"),o.parent().find("dl").hide()}).always(function(){$("#loading_icon").hide()})}},r.readAsDataURL(t),void $(this).val("")):(swal(TITLE_ERROR_MESSAGE,UPLOAD_PNG_JPEG_ERROR_MESSAGE,"error"),$(this).val(""),!1))})});

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.