wpfw_ewei_shopv2/plugin/app/static/js/poster.js
2023-02-14 19:57:32 +08:00

1 line
7.5 KiB
JavaScript

define(["./jquery.event.ue.js","./jquery.udraggable.js"],function(){var s={selected:"avatar",inputfocus:!1,colors:["#ffffff","#f7f8fc","#f7f4ef","#ffb204","#fff681","#fbf9c9","#009845","#4cc601","#1d2089","#61cdfc","#888888","#dcdcdc","#a50083","#b43f83","#fcd6a5","#000000","#e50112","#e30047"]};return s.defaultlist=[{tempid:"default1",title:"模板1",thumb:"../addons/"+window.ewei_shopv2_module_name+"/plugin/app/static/images/poster/thumb_01.png",bgimg:"../addons/"+window.ewei_shopv2_module_name+"/plugin/app/static/images/poster/bg_01.png",psdurl:"addons/"+window.ewei_shopv2_module_name+"/plugin/app/static/others/template_01.psd",items:[{type:"qrcode",size:"big",top:158,left:99},/**青岛易联互动网络科技有限公司**/{type:"nickname",size:"small",color:"#000000",align:"center",top:98,left:124},{type:"avatar",size:"medium",style:"circle",align:"center",top:30,left:129}]},{tempid:"default2",title:"模板2",thumb:"../addons/"+window.ewei_shopv2_module_name+"/plugin/app/static/images/poster/thumb_02.png",bgimg:"../addons/"+window.ewei_shopv2_module_name+"/plugin/app/static/images/poster/bg_02.png?v=2",psdurl:"addons/"+window.ewei_shopv2_module_name+"/plugin/app/static/others/template_02.psd",items:[{type:"qrcode",size:"big",top:950,left:101},{type:"nickname",size:"small",color:"#000000",top:48,left:110},{type:"avatar",size:"medium",style:"circle",top:44,left:36}]},{tempid:"default3",title:"模板3",thumb:"../addons/"+window.ewei_shopv2_module_name+"/plugin/app/static/images/poster/thumb_03.png",bgimg:"../addons/"+window.ewei_shopv2_module_name+"/plugin/app/static/images/poster/bg_03.png?v=2",psdurl:"addons/"+window.ewei_shopv2_module_name+"/plugin/app/static/others/template_03.psd",items:[{type:"qrcode",size:"small",top:102,left:210},{type:"nickname",size:"small",color:"#000000",top:151,left:54},{type:"avatar",size:"big",style:"circle",top:73,left:51}]}],s.init=function(t){t&&(s.id=t.id||0,s.attachurl=t.attachurl||"",t.data?s.data=$.extend(!0,{},t.data):(s.data=$.extend(!0,{},s.defaultlist[0]),s.data.title="未命名海报")),s.initTpl(),s.initPreview(),s.initEditor(),s.initClick()},s.initClick=function(){$(document).keydown(function(t){if(36<t.keyCode&&t.keyCode<41&&!s.inputfocus){if(!s.selected||""==s.selected)return!0;37==t.keyCode?s.update("left",-1,!0,!0):38==t.keyCode?s.update("top",-1,!0,!0):39==t.keyCode?s.update("left",1,!0,!0):40==t.keyCode&&s.update("top",1,!0,!0),t.stopPropagation(),t.preventDefault()}}),$(window).bind("scroll resize",function(){200<$(window).scrollTop()?$(".page-panel-right").addClass("fixed"):$(".page-panel-right").removeClass("fixed")}),$("#btn-submit").click(function(){var e=$(this);e.hasClass("disabled")||(s.data.title&&""!=s.data.title||tip.msgbox.err("请填写海报名称"),(!s.data.items||s.data.items.length<1)&&tip.msgbox.err("海报元素出错,请刷新重试"),e.text("保存中...").addClass("disabled"),$.post(biz.url("app/poster/edit"),{id:s.id,data:s.data},function(t){e.text("保存海报").removeClass("disabled"),1==t.status?(tip.msgbox.suc(t.result.message),setTimeout(function(){t.result.id!=s.id&&(location.href=biz.url("app/poster/edit",{id:t.result.id}))},500)):tip.msgbox.err(t.result.message)},"json"))})},s.initEditor=function(){s.selectedItem=s.getSelected();var t=tpl("tpl_editor",s);$("#editor").html(t),$(".btn-item").click(function(){s.selected=$(this).data("type"),s.initPreview(),s.initEditor()}),$(".template-list .item").click(function(){var e=$(this).data("index"),t=$(this).data("title");tip.confirm((-1==e?"确认使用空白模板吗?":'确认要使用模板"'+t+'"的布局吗?')+'<span class="text-danger">确定后将重置当前布局</span>',function(){var t;-1==e?s.data={title:s.data.title,items:[{type:"qrcode",size:"big",align:"center",top:280,left:99},{type:"nickname",size:"small",align:"center",top:125,left:124},{type:"avatar",size:"medium",style:"circle",align:"center",top:30,left:129}]}:(t=s.data,s.data=$.extend(!0,{},s.defaultlist[e]),s.data.title=t.title),s.initPreview(),s.initEditor()})}),$(".template-list .item .text .down").click(function(t){t.preventDefault(),t.stopPropagation(),t=$(this).closest(".item").data("index"),s.defaultlist[t]&&(t=s.defaultlist[t].psdurl)&&""!=t?alert("下载pad"):tip.msgbox.err("数据错误,请刷新重新")}),$('#editor input[type="radio"]').change(function(){var t=$(this).attr("name"),e=$(this).val();s.update(t,e,!0)}),$('#editor input[type="text"], #editor input[type="hidden"]').bind("input propertychange change",function(){var t=$(this).attr("name"),e=$(this).val();s.data[t]=e,"bgimg"==t&&s.initPreview()}),$(".btn-align").click(function(){var t,e;s.selected&&""!=s.selected&&((e=$('.drag[data-type="'+s.selected+'"]')).length<1||(t=e.outerWidth(),"left"==(e=$(this).data("align"))?s.update("left",0,!0):"right"==e?s.update("left",318-t,!0):s.update("left",159-t/2,!0),s.update("align",e),$(this).addClass("btn-primary").removeClass("btn-default").siblings(".btn").removeClass("btn-primary").addClass("btn-default")))}),$(".color-list .color-block").click(function(){var t=$(this).data("color");s.update("color",t,!0),$(".btn-color .inner").css("background",t)}),$("#editor input").focusin(function(){s.inputfocus=!0}).focusout(function(){s.inputfocus=!1}),require(["bootstrap"],function(t){t('[data-toggle="tooltip"]').tooltip({container:t(document.body)}),t('[data-toggle="dropdown"]').dropdown()})},s.initPreview=function(){var t=tpl("tpl_preview",s);$("#poster").html(t),$("#poster .drag").on("mousedown",function(){s.inputfocus=!1,s.selected=$(this).data("type"),$(this).addClass("selected").siblings().removeClass("selected"),s.initEditor()}),s.initDrag()},s.initDrag=function(){$("#poster .drag").udraggable({containment:"parent",stop:function(t){var t=((e=$(t.elem_target)).data("type"),e.css("top")),e=e.css("left");s.update("top",parseInt(t)),s.update("left",parseInt(e)),s.update("align",""),s.initEditor()}})},s.getSelected=function(){if(!s.selected||""==s.selected)return{};var i={};return $.each(s.data.items,function(t,e){if(e.type==s.selected)return i=e,!1}),i},s.update=function(t,e,i,a){if(!s.selected||""==s.selected||!t||""==t)return!1;var n={};if($.each(s.data.items,function(t,e){if(e.type==s.selected)return n=t,!1}),!s.data.items[n])return!1;a?s.data.items[n][t]+=e:s.data.items[n][t]=e,i&&s.initPreview()},s.initList=function(){$(".btn-delete").click(function(){var t,e=$(this).closest(".item").data("id");e&&""!=e?(t=$(this).closest(".item").find(".title").text(),tip.confirm('确认删除海报"'+t+'"吗?',function(){$.getJSON(biz.url("app/poster/delete"),{id:e},function(t){tip.msgbox.suc("删除成功"),setTimeout(function(){location.reload()},500)})})):tip.msgbox.err("删除失败,刷新重试")}),$(".btn-handle").click(function(){var t,e=$(this).data("action"),i=$(this).closest(".item").data("id");i&&""!=i?(t=$(this).closest(".item").find(".title").text(),tip.confirm("确认"+("disabled"==e?"取消使用":"立即使用")+'海报"'+t+'"吗?',function(){$.getJSON(biz.url("app/poster/status"),{id:i,status:"disabled"==e?0:1},function(t){1==t.status?tip.msgbox.suc("操作成功"):tip.msgbox.err(t.result.message),setTimeout(function(){location.reload()},500)})})):tip.msgbox.err("数据错误,请刷新重试")})},s.initTpl=function(){tpl.helper("imgsrc",function(t){return"string"!=typeof t?"":0==t.indexOf("http://")||0==t.indexOf("https://")||0==t.indexOf("../addons/"+window.ewei_shopv2_module_name+"/")?t:0==t.indexOf("images/")||0==t.indexOf("audios/")?s.attachurl+t:void 0}),tpl.helper("classname",function(t,e){if("object"!=typeof t)return"";var i=t.type+"-"+t.size;return t.style&&(i+=" "+t.style),e&&e==t.type&&(i+=" selected"),i})},s});