webmaster/merchbay_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update downloader for hoodie

Browse Source
This commit is contained in:
franknstayn
2022-04-01 21:12:48 +08:00
parent a326a2202d
commit 43929eef33
1 changed files with 269 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
resources/views/admin_pages/download_pages/hoodie.blade.php
View File

@@ -1,6 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -13,21 +12,20 @@
} }
</style> </style>
</head> </head>
<body onload="loadPrintFile()"> <body onload="loadPrintFile()">
<div id="svgFrontContent" style="display:none;"></div> <div id="svgFrontContent" style="display:none;"></div>
<div id="svgBackContent" style="display:none;"></div> <div id="svgBackContent" style="display:none;"></div>
<!-- <div id="svgRightContent" style="display:none;"></div> <div id="svgRightContent" style="display:none;"></div>
<div id="svgLeftContent" style="display:none;"></div> --> <div id="svgLeftContent" style="display:none;"></div>
<div id="svgJockTag" style="display:none;"></div> <div id="svgJockTag" style="display:none;"></div>
<p>Please wait... Click here to go <a href="#" id="close_window" >back</a></p> <p>Please wait... Click here to go <a href="#" id="close_window" >back</a></p>
<canvas id="frontCanvas" width="222px" height="380px" style="border: 1px solid black;"></canvas> <canvas id="frontCanvas" width="222px" height="380px" style="border: 1px solid black;"></canvas>
<canvas id="backCanvas" width="222px" height="380px" style="border: 1px solid black;"></canvas> <canvas id="backCanvas" width="222px" height="380px" style="border: 1px solid black;"></canvas>
<!-- <canvas id="rightCanvas" width="96px" height="112px" style="border: 1px solid black;"></canvas> <canvas id="rightCanvas" width="96px" height="112px" style="border: 1px solid black;"></canvas>
<canvas id="leftCanvas" width="96px" height="112px" style="border: 1px solid black;"></canvas> --> <canvas id="leftCanvas" width="96px" height="112px" style="border: 1px solid black;"></canvas>
<div id="printFileDiv" style="display:none;"></div> <div id="printFileDiv" style="display:none;"></div>
<form id="myForm" action="{{ url('admin/orders/download') }}" method="post" accept-charset="UTF-8"></form> <form id="myForm" action="{{ url('admin/orders/download') }}" method="post" accept-charset="UTF-8"></form>
@@ -56,28 +54,28 @@
var frontCanvas = new fabric.StaticCanvas( document.getElementById("frontCanvas")); var frontCanvas = new fabric.StaticCanvas( document.getElementById("frontCanvas"));
var backCanvas = new fabric.StaticCanvas( document.getElementById("backCanvas")); var backCanvas = new fabric.StaticCanvas( document.getElementById("backCanvas"));
// var leftCanvas = new fabric.StaticCanvas(document.getElementById("leftCanvas")); var leftCanvas = new fabric.StaticCanvas( document.getElementById("leftCanvas"));
// var rightCanvas = new fabric.StaticCanvas(document.getElementById("rightCanvas")); var rightCanvas = new fabric.StaticCanvas( document.getElementById("rightCanvas"));
try { try {
var frontContentRaw = "{{ $client_design_array[0]->ContentFront }}"; var frontContentRaw = "{{ $client_design_array[0]->ContentFront }}";
var backContentRaw = "{{ $client_design_array[0]->ContentBack }}"; var backContentRaw = "{{ $client_design_array[0]->ContentBack }}";
// var leftContentRaw = "{{ $client_design_array[0]->ContentLeft }}"; var leftContentRaw = "{{ $client_design_array[0]->ContentLeft }}";
// var rightContentRaw = "{{ $client_design_array[0]->ContentRight }}"; var rightContentRaw = "{{ $client_design_array[0]->ContentRight }}";
// console.log(leftContentRaw) console.log(leftContentRaw)
if(frontContentRaw) { if(frontContentRaw) {
var tmp_frontCanvas = JSON.parse(frontContentRaw.replace(/&quot;/g,'"')); var tmp_frontCanvas = JSON.parse(frontContentRaw.replace(/&quot;/g,'"'));
} }
if(backContentRaw) { if(backContentRaw) {
var tmp_backCanvas = JSON.parse(backContentRaw.replace(/&quot;/g,'"')); var tmp_backCanvas = JSON.parse(backContentRaw.replace(/&quot;/g,'"'));
} }
// if (leftContentRaw) { if(leftContentRaw) {
// var tmp_leftCanvas = JSON.parse(leftContentRaw.replace(/&quot;/g, '"')); var tmp_leftCanvas = JSON.parse(leftContentRaw.replace(/&quot;/g,'"'));
// } }
// if (rightContentRaw) { if(rightContentRaw) {
// var tmp_rightCanvas = JSON.parse(rightContentRaw.replace(/&quot;/g, '"')); var tmp_rightCanvas = JSON.parse(rightContentRaw.replace(/&quot;/g,'"'));
// } }
// var tmp_frontCanvas = JSON.parse(frontContentRaw.replace(/&quot;/g,'"')); // var tmp_frontCanvas = JSON.parse(frontContentRaw.replace(/&quot;/g,'"'));
// var tmp_leftCanvas = JSON.parse(leftContentRaw.replace(/&quot;/g,'"')); // var tmp_leftCanvas = JSON.parse(leftContentRaw.replace(/&quot;/g,'"'));
@@ -85,8 +83,8 @@
// console.log(frontCanvas) // console.log(frontCanvas)
loadDesigns(frontCanvas, tmp_frontCanvas); loadDesigns(frontCanvas, tmp_frontCanvas);
loadDesigns(backCanvas, tmp_backCanvas); loadDesigns(backCanvas, tmp_backCanvas);
// loadDesigns(leftCanvas, tmp_leftCanvas); loadDesigns(leftCanvas, tmp_leftCanvas);
// loadDesigns(rightCanvas, tmp_rightCanvas); loadDesigns(rightCanvas, tmp_rightCanvas);
} catch (error) { } catch (error) {
console.log(error) console.log(error)
@@ -101,10 +99,7 @@
Object.entries(canvas_json.objects).forEach(([key, item]) => { Object.entries(canvas_json.objects).forEach(([key, item]) => {
if(item.type == 'image') { if(item.type == 'image') {
toDataURL(item.src, function(src) { toDataURL(item.src, function(src) {
const images = ada = { const images = ada = {...item, src }
...item,
src
}
objects.push(images) objects.push(images)
}) })
@@ -265,7 +260,7 @@
var size = "{{ $order_item_array[0]->Size }}"; var size = "{{ $order_item_array[0]->Size }}";
var svgLocation = path + "uniform-templates/" + template_code + "/HOODIE/SIZES/" + size + ".svg"; var svgLocation = path + "uniform-templates/" + template_code + "/TSHIRTS/SIZES/" + size + ".svg";
$.ajax({ //create an ajax request to load_page.php $.ajax({ //create an ajax request to load_page.php
type: "GET", type: "GET",
@@ -287,17 +282,17 @@
var bb_height = $(bb).children("rect").attr("height"); var bb_height = $(bb).children("rect").attr("height");
var bb_width = $(bb).children("rect").attr("width"); var bb_width = $(bb).children("rect").attr("width");
// var rb = document.getElementById('Right_Border'); var rb = document.getElementById('Right_Border');
// var rb_x = $(rb).children("rect").attr("x"); var rb_x = $(rb).children("rect").attr("x");
// var rb_y = $(rb).children("rect").attr("y"); var rb_y = $(rb).children("rect").attr("y");
// var rb_height = $(rb).children("rect").attr("height"); var rb_height = $(rb).children("rect").attr("height");
// var rb_width = $(rb).children("rect").attr("width"); var rb_width = $(rb).children("rect").attr("width");
// var lb = document.getElementById('Left_Border'); var lb = document.getElementById('Left_Border');
// var lb_x = $(lb).children("rect").attr("x"); var lb_x = $(lb).children("rect").attr("x");
// var lb_y = $(lb).children("rect").attr("y"); var lb_y = $(lb).children("rect").attr("y");
// var lb_height = $(lb).children("rect").attr("height"); var lb_height = $(lb).children("rect").attr("height");
// var lb_width = $(lb).children("rect").attr("width"); var lb_width = $(lb).children("rect").attr("width");
setTimeout(function() { setTimeout(function() {
@@ -305,8 +300,8 @@
loadTemplateDesign(); loadTemplateDesign();
frontContent(fb_height, fb_width, fb_x, fb_y); frontContent(fb_height, fb_width, fb_x, fb_y);
backContent(bb_height, bb_width, bb_x, bb_y); backContent(bb_height, bb_width, bb_x, bb_y);
// rightContent(rb_height, rb_width, rb_x, rb_y); rightContent(rb_height, rb_width, rb_x, rb_y);
// leftContent(lb_height, lb_width, lb_x, lb_y); leftContent(lb_height, lb_width, lb_x, lb_y);
setTimeout(function(){ setTimeout(function(){
sendSVG(); sendSVG();
@@ -466,7 +461,8 @@
//console.log('solid'); //console.log('solid');
loadPattern(getPatternURL, front_clipathval, front_svgpatternid, front_idappend, arrayPatternColor); loadPattern(getPatternURL, front_clipathval, front_svgpatternid, front_idappend, arrayPatternColor);
loadPattern(getPatternURL, back_clipathval, back_svgpatternid, back_idappend, arrayPatternColor); loadPattern(getPatternURL, back_clipathval, back_svgpatternid, back_idappend, arrayPatternColor);
} else { }
else{
var gradientColor1 = obj[0].Trims[i][trimNumPattern].patternGradientColor1; var gradientColor1 = obj[0].Trims[i][trimNumPattern].patternGradientColor1;
var gradientColor2 = obj[0].Trims[i][trimNumPattern].patternGradientColor2; var gradientColor2 = obj[0].Trims[i][trimNumPattern].patternGradientColor2;
var gradientColorOffset1 = obj[0].Trims[i][trimNumPattern].patternGradientOffset1; var gradientColorOffset1 = obj[0].Trims[i][trimNumPattern].patternGradientOffset1;
@@ -947,5 +943,4 @@
</script> </script>
</body> </body>
</html> </html>