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>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -13,21 +12,20 @@
}
</style>
</head>
<body onload="loadPrintFile()">
<div id="svgFrontContent" style="display:none;"></div>
<div id="svgBackContent" style="display:none;"></div>
<!-- <div id="svgRightContent" style="display:none;"></div>
<div id="svgLeftContent" style="display:none;"></div> -->
<div id="svgRightContent" style="display:none;"></div>
<div id="svgLeftContent" 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>
<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="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="rightCanvas" 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>
<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 backCanvas = new fabric.StaticCanvas( document.getElementById("backCanvas"));
// var leftCanvas = new fabric.StaticCanvas(document.getElementById("leftCanvas"));
// var rightCanvas = new fabric.StaticCanvas(document.getElementById("rightCanvas"));
var leftCanvas = new fabric.StaticCanvas( document.getElementById("leftCanvas"));
var rightCanvas = new fabric.StaticCanvas( document.getElementById("rightCanvas"));
try {
var frontContentRaw = "{{ $client_design_array[0]->ContentFront }}";
var backContentRaw = "{{ $client_design_array[0]->ContentBack }}";
// var leftContentRaw = "{{ $client_design_array[0]->ContentLeft }}";
// var rightContentRaw = "{{ $client_design_array[0]->ContentRight }}";
var leftContentRaw = "{{ $client_design_array[0]->ContentLeft }}";
var rightContentRaw = "{{ $client_design_array[0]->ContentRight }}";
// console.log(leftContentRaw)
console.log(leftContentRaw)
if(frontContentRaw) {
var tmp_frontCanvas = JSON.parse(frontContentRaw.replace(/&quot;/g,'"'));
}
if(backContentRaw) {
var tmp_backCanvas = JSON.parse(backContentRaw.replace(/&quot;/g,'"'));
}
// if (leftContentRaw) {
// var tmp_leftCanvas = JSON.parse(leftContentRaw.replace(/&quot;/g, '"'));
// }
// if (rightContentRaw) {
// var tmp_rightCanvas = JSON.parse(rightContentRaw.replace(/&quot;/g, '"'));
// }
if(leftContentRaw) {
var tmp_leftCanvas = JSON.parse(leftContentRaw.replace(/&quot;/g,'"'));
}
if(rightContentRaw) {
var tmp_rightCanvas = JSON.parse(rightContentRaw.replace(/&quot;/g,'"'));
}
// var tmp_frontCanvas = JSON.parse(frontContentRaw.replace(/&quot;/g,'"'));
// var tmp_leftCanvas = JSON.parse(leftContentRaw.replace(/&quot;/g,'"'));
@@ -85,8 +83,8 @@
// console.log(frontCanvas)
loadDesigns(frontCanvas, tmp_frontCanvas);
loadDesigns(backCanvas, tmp_backCanvas);
// loadDesigns(leftCanvas, tmp_leftCanvas);
// loadDesigns(rightCanvas, tmp_rightCanvas);
loadDesigns(leftCanvas, tmp_leftCanvas);
loadDesigns(rightCanvas, tmp_rightCanvas);
} catch (error) {
console.log(error)
@@ -101,10 +99,7 @@
Object.entries(canvas_json.objects).forEach(([key, item]) => {
if(item.type == 'image') {
toDataURL(item.src, function(src) {
const images = ada = {
...item,
src
}
const images = ada = {...item, src }
objects.push(images)
})
@@ -265,7 +260,7 @@
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
type: "GET",
@@ -287,17 +282,17 @@
var bb_height = $(bb).children("rect").attr("height");
var bb_width = $(bb).children("rect").attr("width");
// var rb = document.getElementById('Right_Border');
// var rb_x = $(rb).children("rect").attr("x");
// var rb_y = $(rb).children("rect").attr("y");
// var rb_height = $(rb).children("rect").attr("height");
// var rb_width = $(rb).children("rect").attr("width");
var rb = document.getElementById('Right_Border');
var rb_x = $(rb).children("rect").attr("x");
var rb_y = $(rb).children("rect").attr("y");
var rb_height = $(rb).children("rect").attr("height");
var rb_width = $(rb).children("rect").attr("width");
// var lb = document.getElementById('Left_Border');
// var lb_x = $(lb).children("rect").attr("x");
// var lb_y = $(lb).children("rect").attr("y");
// var lb_height = $(lb).children("rect").attr("height");
// var lb_width = $(lb).children("rect").attr("width");
var lb = document.getElementById('Left_Border');
var lb_x = $(lb).children("rect").attr("x");
var lb_y = $(lb).children("rect").attr("y");
var lb_height = $(lb).children("rect").attr("height");
var lb_width = $(lb).children("rect").attr("width");
setTimeout(function() {
@@ -305,8 +300,8 @@
loadTemplateDesign();
frontContent(fb_height, fb_width, fb_x, fb_y);
backContent(bb_height, bb_width, bb_x, bb_y);
// rightContent(rb_height, rb_width, rb_x, rb_y);
// leftContent(lb_height, lb_width, lb_x, lb_y);
rightContent(rb_height, rb_width, rb_x, rb_y);
leftContent(lb_height, lb_width, lb_x, lb_y);
setTimeout(function(){
sendSVG();
@@ -466,7 +461,8 @@
//console.log('solid');
loadPattern(getPatternURL, front_clipathval, front_svgpatternid, front_idappend, arrayPatternColor);
loadPattern(getPatternURL, back_clipathval, back_svgpatternid, back_idappend, arrayPatternColor);
} else {
}
else{
var gradientColor1 = obj[0].Trims[i][trimNumPattern].patternGradientColor1;
var gradientColor2 = obj[0].Trims[i][trimNumPattern].patternGradientColor2;
var gradientColorOffset1 = obj[0].Trims[i][trimNumPattern].patternGradientOffset1;
@@ -947,5 +943,4 @@
</script>
</body>
</html>