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

first commit

Browse Source
This commit is contained in:
franknstayn
2021-07-03 18:39:08 +08:00
commit 5483c9517d
1555 changed files with 417773 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
resources/views/designer/buy_form.blade.php Normal file
View File

@@ -0,0 +1,71 @@
<style>
tbody#orderTableBody>tr>td {
padding: 0px !important;
}
</style>
<!-- <div class="row">
<div class="col-sm-12">
<div class="alert alert-info alert-dismissible">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<h4><i class="icon fa fa-info-circle"></i> Note:</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque blandit libero a metus condimentum commodo. Donec id lorem sit amet turpis ultricies varius ac eu tortor.</p>
</div>
</div>
</div> -->
<div class="row">
<div class="col-sm-12">
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<input type="hidden" value="1" id="orderCounterValue" name="orderCounterValue" />
<table class="table" id="tableRow" style="font-size:12px;">
<thead>
<tr>
<!-- <th>#</th> -->
<th class="col-md-4">Name</th>
<th class="col-md-2">Number</th>
<th class="col-md-3">Jersey Size</th>
<th class="col-md-3">Shorts Size</th>
<th class="text-center"></th>
</tr>
</thead>
<tbody id="orderTableBody">
<tr class="table-tr-1">
<td>
<input type="text" name="order_names[]" id="order_names" class="form-control input-sm inputName roster-input" placeholder="Name" required>
</td>
<td>
<!-- <input type="text" name="order_numbers[]" id="order_numbers" class="form-control input-sm inputName" placeholder="Number"> -->
<select class="form-control input-sm roster-input" name="order_number[]" id="order_number">
<option value="null">none</option>
@for($i = 0; $i <= 99; $i++)
<option value="{{ $i }}">{{ $i }}</option>
@endfor
<option value="00">00</option>
</select>
</td>
<td>
<select class="form-control input-sm order-size roster-input" name="order_jersey_size[]" id="order_jersey_size_1" data-row-number="1">
<option value="none">none</option>
@foreach($jersey_sizes as $j_size)
<option value="{{ $j_size }}">{{ $j_size }}</option>
@endforeach
</select>
</td>
<td style="border-right: 1px solid #ddd;">
<select class="form-control input-sm order-size roster-input" name="order_shorts_size[]" id="order_shorts_size_1" data-row-number="1">
<option value="none">none</option>
@foreach($shorts_sizes as $s_size)
<option value="{{ $s_size }}">{{ $s_size }}</option>
@endforeach
</select>
</td>
<td id="action-column" class="text-center" style="padding: 4px !important; border-top: none">
<span class="tr-remove-btn">
<button type="button" id="addNewRow" class="btn btn-success btn-sm btn-roster-action" data-toggle="tooltip" title="Add Another"><i class="fa fa-plus" aria-hidden="true"></i></button>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>

464
resources/views/designer/design_preview.blade.php Normal file
View File

@@ -0,0 +1,464 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="csrf_token" content="{{ csrf_token() }}" />
<title>Designer</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- ---- Include the above in your HEAD tag -------- -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="{{asset('/public/designer/css/custom-style.css')}}" rel="stylesheet">
<link href="{{asset('/public/designer/css/tab-styles.css')}}" rel="stylesheet">
<link href="{{asset('/public/designer/css/input-range-style.css')}}" rel="stylesheet">
<link href="{{asset('/public/designer/css/spectrum.css')}}" rel="stylesheet">
<link href="{{asset('/public/designer/css/one-by-one-slider.css')}}" rel="stylesheet">
<link href="{{asset('/public/designer/custom-fonts/custom-fonts.php')}}" rel='stylesheet' type='text/css'>
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet">
<link href="{{asset('/public/designer/css/build.css')}}" rel="stylesheet">
<style>
.custom-navbar-brand>img {
display: block;
height: 36px;
margin-top: -9px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-loader, .thumbnail a>img, .thumbnail>img{
margin: 0 auto;
height: 200px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-thumb-custom, .thumbnail a>img, .thumbnail>img{
margin: 0 auto;
height: 418.53px;
}
.panel-design-details{
height: 484px;
overflow: auto;
}
.error{
color : #ff0000;
}
.roster-input{
border-radius: 0px;
border-right: none;
border-top: none;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
border-bottom-width: 0px;
}
.btn-roster-action{
width: 20px;
height: 20px;
border-radius: 10px;
}
.btn-group-sm>.btn, .btn-roster-action {
padding: 0px 5px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
vertical-align: unset;
}
.table>thead>tr>th{
border-bottom:none;
}
.hide-bullets {
list-style:none;
margin-left: -40px;
margin-top:20px;
display: -webkit-inline-box;
}
</style>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-136108155-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-136108155-1');
</script>
</head>
<body>
@include('layout.navbar')
<div class="body-spacer"></div>
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
<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-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
@endforeach
</div>
<!-- </div> -->
</div>
<div class="row">
<div class="col-md-12 text-center">
<ul class="hide-bullets">
</ul>
</div>
</div>
</div>
@if (!Auth::guest())
<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>
@endif
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<!-- End Footer -->
<!-- JQUERY -->
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- FABRIC JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.15/fabric.min.js"></script>
<!-- FABRIC JS CURVE TEXT -->
<script src="https://rawgit.com/EffEPi/fabric.curvedText/master/fabric.curvedText.js"></script>
<!-- SPECTRUM -->
<script src="{{asset('/public/designer/js/spectrum.js')}}"></script>
<!-- CUSTOM SCRIPT -->
<script src="{{asset('/public/designer/js/custom-script.js')}}"></script>
<!-- PRICE FORMAT -->
<script src="{{asset('/public/designer/js/jquery.priceformat.min.js')}}"></script>
<!-- JQUERY VALIDATE -->
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script>
$(document).ready(function() {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf_token"]').attr('content')
}
});
myCart();
$('.price_format').priceFormat({
prefix: '$ '
});
$(document).on('button click', '#publish_chk', function(){
if(!$(this).is(':checked')){
// $('#sale_chk').removeAttr("checked");
$('#sale_chk').prop('checked', false);
$('#item_price').attr("disabled", "disabled");
}
});
$(document).on('button click', '#sale_chk', function(){
if($(this).is(':checked')){
$('#publish_chk').prop('checked', true);
$('#item_price').removeAttr("disabled");
$('#itemName').removeAttr("disabled");
$('#itemDescription').removeAttr("disabled");
}else{
// $('#publish_chk').prop('checked', false);
$('#item_price').attr("disabled", "disabled");
$('#itemName').attr("disabled", "disabled");
$('#itemDescription').attr("disabled", "disabled");
}
});
generateThumbnails();
// console.log('{{ $client_design_array[0]->DesignCode }}');
$('#toTop').click(function() {
$('body,html').animate({scrollTop:0},800);
});
$('#custom-navbar-brand').html('<img src="{{asset("/public/images/logo.png")}}">');
$("#frm-design-details").validate({
rules: {
designName: {
required: true
},
itemName: {
required: true
},
itemDescription: {
required: true
},
storeId: {
required: true
}
},
messages: {},
errorPlacement: function(error, element) {
var placement = $(element).data('error');
if (placement) {
$(placement).append(error);
}else {
error.insertAfter(element);
}
},
submitHandler: submitDesignDetails
}); /* edit account validation */
$(document).on('button click', '.btn-buy', function(){
var getTemplateCode = $('#template_code').val();
$('.panel-design-details').load("{{ url('designer/a/buy-form') }}", { temp_code : getTemplateCode }, function(response, status, xhr){
// console.log(response, status, xhr)
$('#dd_footer_button').html('<button type="button" class="btn btn-default pull-right" id="btn_cancel_buy" style="margin-left: 5px;">Cancel</button> ' +
'<button type="submit" class="btn btn-primary pull-right" id="btn-submit-publish">Add to Cart</button>');
$('.inputName').keyup(function() {
this.value = this.value.toLocaleUpperCase();
});
$('#frm-roster').attr("action", "{{ url('/designer/a/save-roster') }}");
$('#frm-roster').attr("method", "POST");
});
});
$(document).on('button click', '.btn-sell', function(){
// var getTemplateCode = $('#template_code').val();
alert("adasdas");
});
$(document).on('button click', '#btn_cancel_buy', function(){
// alert("asda")
$('.panel-design-details').html('<div class="row"> ' +
'<div class="col-sm-12"> ' +
'<div class="text-center" style="margin-top: 5em;"> ' +
'<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>');
$('#dd_footer_button').html('<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>');
});
$(document).on('button click', '#addNewRow', function(){
var orderCounterValue = $('#orderCounterValue').val();
var numi = document.getElementById('orderCounterValue');
var num = (document.getElementById('orderCounterValue').value -1) + 2;
numi.value = num;
$.ajax({ //create an ajax request to load_page.php
type: "POST",
url: "{{ url('/designer/a/add-new-row') }}",
data:{
itemCount : num,
tempCode : "{{ $client_design_array[0]->TemplateCode }}"
},
dataType: "html", //expect html to be returned
success: function(response){
var className = "row" + (num - 1);
$('.tr-remove-btn').html('<button type="button" class="btn btn-danger btn-sm removeRow btn-roster-action" data-toggle="tooltip" title="Remove"><i class="fa fa-remove" aria-hidden="true"></i></button>');
$('#addnew-btn-tbl-row').remove();
$('#tableRow tbody').append(response);
$('#orderListPanel').scrollTop($('#orderListPanel')[0].scrollHeight);
$('.inputName').keyup(function() {
this.value = this.value.toLocaleUpperCase();
});
}
});
});
$(document).on('button click', '.removeRow', function(){
var str = $(this).closest('tr').attr('class');
var trCount = $('#tableRow tbody').children('tr').length;
if(trCount == 2){
return false;
}
if(trCount == 3){
$('#addnew-btn-tbl-row').remove();
$('.tr-remove-btn').html('<button type="button" id="addNewRow" class="btn btn-success btn-sm btn-roster-action" data-toggle="tooltip" title="Add Another"><i class="fa fa-plus" aria-hidden="true"></i></button>');
}
$('.'+str).remove();
});
$(document).on('select change', '.order-size', function(){
var row_number = $(this).data('row-number');
var jersey_size = "order_jersey_size_" + row_number;
var shorts_size = "order_shorts_size_" + row_number;
// console.log($(this, 'option').eq(1).val());
// if($('#'+jersey_size).val() == "none" && $('#'+shorts_size).val() == "none"){
// }
});
$(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"){
if(port == 5952){
gen_url = ip+":"+port+"/ap/{{ $client_design_array[0]->DesignCode }}";
}else{
gen_url = ip+":"+port+"/mask/{{ $client_design_array[0]->DesignCode }}";
}
}else{
if(port == 5953){
gen_url = ip+":"+port+"/classic-mask/{{ $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: gen_url,
dataType: "jsonp", //expect html to be returned
beforeSend: function() {
console.log('loading images');
},
success: function(response){
var SideAndPath = {!! json_encode($templatepaths_arrays) !!};
for (var i = 0; i < SideAndPath.length; i++) {
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");
}
}
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>');
}
}
}
});
}
function submitDesignDetails(){
var data = $("#frm-design-details").serialize();
$.ajax({
type : 'POST',
url : "{{ url('/designer/a/save-design-details') }}",
data : data,
beforeSend:function(xhr){
var token = $('meta[name="csrf_token"]').attr('content');
if (token) {
return xhr.setRequestHeader('X-CSRF-TOKEN', token);
}
xhr.setRequestHeader( 'X-Requested-With', 'XMLHttpRequest');
// $("#edit-account-msg").fadeOut();
// $("#btn-update-account").html('Saving &nbsp; <span class="glyphicon glyphicon-transfer"></span>');
},
success : function(response){
if(response){
alert("Successfully saved.");
location.reload();
}else{
alert("Something went wrong. Please try again.");
location.reload();
}
// console.log(response);
// alert("Item is successfully added");
// $("#edit-account-msg").html("");
// $("#edit-account-msg").fadeIn(1000, function(){
// $("#edit-account-msg").html(response);
// $("#btn-update-account").html('Save Changes');
// });
}
});
return false;
}
function myCart(){
$.ajax({ //create an ajax request to load_page.php
type: "GET",
url: "{{url('cartcount')}}",
dataType: "html",
success: function(response){
$("#my-cart-count").html(response);
}
});
}
</script>
</body>
</html>

4298
resources/views/designer/designer.blade.php Normal file
View File

File diff suppressed because it is too large Load Diff

4147
resources/views/designer/designer_edit.blade.php Normal file
View File

File diff suppressed because it is too large Load Diff

0
resources/views/designer/sell_form.blade.php Normal file
View File

89
resources/views/designer/text_properties.blade.php Normal file
View File

@@ -0,0 +1,89 @@
<div class="row">
<div class="form-group col-md-9 col-sm-9 col-xs-9">
<label>Fonts</label>
<div>
<!-- <div class="input-group-btn select" id="select1"> -->
<button type="button" id="btn-show-fonts" class="btn btn-default btn-block btn-show-fonts" >Fonts</button>
</div>
</div>
<div class="form-group col-md-3 col-sm-3 col-xs-3">
<label>Size (IN)</label>
<input type="text" class="form-control text-font-size">
</div>
</div>
<div class="row">
<div class="form-group col-md-4 col-sm-4 col-xs-4" style="'padding:0px;">
<label>Font Color</label><br>
<input type="text" class="fontColor form-control input-sm" />
</div>
<div class="form-group col-md-5 col-sm-4 col-xs-4" style="'padding:0px;">
<label>Outline Color</label><br>
<input type="text" class="strokeColor" />
</div>
<div class="form-group col-md-3 col-sm-3 col-xs-3" style="'padding:0px;">
<label>Thickness</label>
<select class="form-control input-sm outlineThickness" data-outline="strokeColor">
@define $i
@for($i=0 ; $i <= 10 ; $i++)
<option value="{{ $i }}">{{ $i }}</option>';
@endfor
</select>
</div>
</div>
<div class="row">
<div class="form-group col-md-3 col-sm-3 col-xs-3">
<label>Spacing</label>
</div>
<div class="form-group col-md-6 col-sm-6 col-xs-6">
<input type="range" class="form-control input-sm spacingTextSlider" value="0" min="-100" max="100" />
</div>
<div class="form-group col-md-3 col-sm-3 col-xs-3">
<input type="text" style="margin-top:5px;" class="form-control input-sm text-center spacingTextValue" />
</div>
</div>
<div class="row">
<div class="form-group col-md-3 col-sm-3 col-xs-3">
<label>Rotate</label>
</div>
<div class="form-group col-md-6 col-sm-6 col-xs-6">
<input type="range" class="form-control input-sm rotateTextSlider" value="0" min="-180" max="180" />
</div>
<div class="form-group col-md-3 col-sm-3 col-xs-3">
<input type="text" style="margin-top:5px;" class="form-control input-sm text-center rotateTextValue" />
</div>
</div>
<!--
<div class="row">
<div class="form-group col-md-12 col-sm-12 col-xs-12">
<button class="btn btn-md btn-default btn-block" id="teamname_text_shape">Add text Shape</button>
</div>
</div> -->
<div class="row">
<div class="form-group col-md-6 col-sm-6 col-xs-6">
<label>Layer Order</label><br>
<button class="btn btn-sm btn-default sendSelectedObjectToFront" title="Bring Forward"></button>
<button class="btn btn-sm btn-default sendSelectedObjectBack" title="Send Backward"></button>
</div>
<div class="form-group col-md-6 col-sm-6 col-xs-6">
<label>Position</label><br>
<!-- <button class="btn btn-sm btn-default " style="margin:2px;" onclick="teamNameStandardPos();">Standard Position</button>
<button class="btn btn-sm btn-default" style="margin:2px;" onclick="centerVer();"> <img src="images/align-v1.png" height="16px;" /> Center <br>Vertical</button>
<button class="btn btn-sm btn-default" style="margin:2px;" onclick="centerHor();" > <img src="images/align-h1.png" height="16px;" /> Center <br>Horizontal</button> -->
<!-- <button class="btn btn-sm btn-default btn-send-middle" title="Standart Position" onclick="teamNameStandardPos();"></button> -->
<button class="btn btn-sm btn-default" style="min-width:35px;" title="Center Vertical" onclick="centerVer();"><i class="fa fa-arrows-v"></i></button>
<button class="btn btn-sm btn-default" style="min-width:35px;" title="Center Horizontal" onclick="centerHor();" ><i class="fa fa-arrows-h"></i></button>
<button class="btn btn-sm btn-default flip-vertically" style="min-width:35px;" title="Flip Vertically"><i class="fa fa-angle-double-up"></i></button>
<button class="btn btn-sm btn-default flip-horizontally" style="min-width:35px;" title="Flip Horizontally"><i class="fa fa-angle-double-right"></i></button>
</div>
</div>