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

update designer with sleeves and all over print

Browse Source
This commit is contained in:
Frank John Begornia
2019-06-03 18:00:37 +08:00
parent 30962d3b4e
commit 03f9649f9b
7 changed files with 598 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
resources/views/designer/design_preview.blade.php
View File

@@ -69,6 +69,12 @@
.table>thead>tr>th{
border-bottom:none;
}
.hide-bullets {
list-style:none;
margin-left: -40px;
margin-top:20px;
display: -webkit-inline-box;
}
</style>
</head>
@@ -81,31 +87,26 @@
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
<h4>My Design
<h4>{{ $client_design_array[0]->DesignName }}
<button class="btn btn-default btn-md pull-right" id="btn-reload-design" title="Reload Design"><i class="fa fa-refresh"></i></button>
</h4>
<div class="clearfix"></div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-6 text-center">
@foreach($templatepaths_arrays as $k => $template)
@if($k == 0)
<img id="{{ strtolower($template->Side) }}-image-thumb" src="{{asset('/public/images/loading-please-wait.gif')}}" class="img img-responsive img-loader">
@endif
@endforeach
</div>
<div class="col-md-6 text-center">
<div class="row">
@foreach($templatepaths_arrays as $k => $template)
<div class="col-md-3 text-center">
@if($k != 0)
<img id="{{ strtolower($template->Side) }}-image-thumb" src="{{asset('/public/images/loading-please-wait.gif')}}" class="img img-responsive img-loader">
<div class="col-md-12 text-center">
@foreach($templatepaths_arrays as $k => $template)
@if($k == 0)
<img id="{{ strtolower($template->Side) }}-image-thumb" src="{{asset('/public/images/loading-please-wait.gif')}}" class="img img-responsive img-loader main-thumbnail">
@endif
</div>
@endforeach
</div>
</div>
<!-- </div> -->
</div>
<div class="row">
<div class="col-md-12 text-center">
<ul class="hide-bullets">
</ul>
</div>
</div>
@@ -118,45 +119,6 @@
</div>
</div>
</div>
<!-- {{ Auth::user()->role }} -->
<!-- <div class="col-md-5 col-sm-5 col-xs-12">
<form id="frm-roster">
<div class="panel panel-default">
<div class="panel-heading">
<h4>Design Details</h4>
</div>
<input type="hidden" class="form-control" id="design_code" name="designCode" value="{{ $client_design_array[0]->DesignCode }}">
<input type="hidden" class="form-control" id="template_code" name="template_code" value="{{ $client_design_array[0]->TemplateCode }}">
<input type="hidden" class="form-control" id="design_name" name="design_name" value="{{ $client_design_array[0]->DesignName }}">
<div class="panel-body panel-design-details" id="orderListPanel">
<div class="row">
<div class="col-sm-12">
<div class="text-center" style="margin-top: 5em;">
@if(Auth::user()->role == "store_owner")
<div class="form-group">
<button type="button" class="btn btn-success btn-lg btn-sell" style="width:150px;"><i class="fa fa-cart-plus"></i> Sell</button>
</div>
@endif
<div class="form-group">
<button type="button" class="btn btn-info btn-lg btn-buy" style="width:150px;"><i class="fa fa-list-ol"></i> Add Roster</button>
</div>
</div>
</div>
</div>
</div>
<div class="panel-footer">
<div id="dd_footer_button">
<a href="{{ url('user/my-designs') }}" type="button" class="btn btn-default pull-right"><i class="fa fa-arrow-left"></i> Go to My Designs</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</form>
</div> -->
</div>
</div>
</div>
@@ -359,16 +321,30 @@
// }
});
$(document).on('a click', '.a_thumbnail', function(){
$('.main-thumbnail').attr('src', $(this).find("img").attr('src'));
$('.a_thumbnail').removeClass('active');
$(this).addClass('active');
});
});
function generateThumbnails(){
var ip = "{{ config('site_config.prod_private_server_ip') }}";
var port = "{{ $array_cat_name[0]->Port }}";
var template_format = "{{ $array_templates[0]->TemplateFormat }}";
var gen_url;
if(template_format == "png"){
gen_url = ip+":"+port+"/ap/{{ $client_design_array[0]->DesignCode }}";
}else{
gen_url = ip+":"+port+"/tb/{{ $client_design_array[0]->DesignCode }}";
}
$.ajax({ //create an ajax request to load_page.php
type: "GET",
url: ip+":"+port+"/tb/{{ $client_design_array[0]->DesignCode }}",
url: gen_url,
dataType: "jsonp", //expect html to be returned
beforeSend: function() {
console.log('loading images');
@@ -378,13 +354,36 @@
var SideAndPath = {!! json_encode($templatepaths_arrays) !!};
for (var i = 0; i < SideAndPath.length; i++) {
var sideName = SideAndPath[i]['Side'];
var type = SideAndPath[i]['Type'];
if(i == 0){
var sideName = SideAndPath[i]['Side'];
var type = SideAndPath[i]['Type'];
$('#'+sideName.toLowerCase()+'-image-thumb').attr('src', response['thumb_'+sideName.toLowerCase()]);
$('#'+sideName.toLowerCase()+'-image-thumb').removeClass("img-loader");
$('#'+sideName.toLowerCase()+'-image-thumb').addClass("img-thumb-custom");
$('#'+sideName.toLowerCase()+'-image-thumb').attr('src', response['thumb_'+sideName.toLowerCase()]);
$('#'+sideName.toLowerCase()+'-image-thumb').removeClass("img-loader");
$('#'+sideName.toLowerCase()+'-image-thumb').addClass("img-thumb-custom");
}
}
for (var j = 0; j < SideAndPath.length; j++) {
var sideName = SideAndPath[j]['Side'];
var type = SideAndPath[j]['Type'];
if(j == 0){
$('.hide-bullets').append('<div class="text-center"> ' +
'<li style="padding:10px" class="item-thumb"> ' +
'<a class="thumbnail a_thumbnail active" style="min-width: 130px;"> ' +
'<img style="height: 100px;" src="'+response['thumb_'+sideName.toLowerCase()]+'" class="img img-responsive">' +
'</a> ' +
'</li> ' +
'</div>');
}else{
$('.hide-bullets').append('<div class="text-center"> ' +
'<li style="padding:10px" class="item-thumb"> ' +
'<a class="thumbnail a_thumbnail" style="min-width: 130px;"> ' +
'<img style="height: 100px;" src="'+response['thumb_'+sideName.toLowerCase()]+'" class="img img-responsive">' +
'</a> ' +
'</li> ' +
'</div>');
}
}
}
});