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

optimized add form for store products

Browse Source
This commit is contained in:
franknstayn
2019-11-13 22:45:51 +08:00
parent 84f84f6288
commit 0363474def
14 changed files with 448 additions and 873 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
resources/views/teamstore-layout/main.blade.php
View File

@@ -320,14 +320,9 @@
$(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>');
if(trCount <= 2){
$('#addnew-btn-tbl-row').html('');
$('.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();
});
@@ -395,24 +390,23 @@
// @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ adding of rows @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
$(document).on('button click', '#addNewRow', function(){
var TemplateCode = $('#template_code').val();
var avalable_sizes = $('#avalable_sizes').val();
// var TemplateCode = $('#template_code').val();
// var avalable_sizes = $('#avalable_sizes').val();
var p_id = $('#p_id').val();
// console.log(TemplateCode)
var orderCounterValue = $('#orderCounterValue').val();
var numi = document.getElementById('orderCounterValue');
var num = (document.getElementById('orderCounterValue').value -1) + 2;
numi.value = num;
// 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 : TemplateCode,
avalable_sizes : avalable_sizes
url: "{{ url('/teamstore/q/add-new-row') }}",
data: {
p_id : p_id
},
dataType: "html", //expect html to be returned
@@ -424,11 +418,22 @@
}
xhr.setRequestHeader( 'X-Requested-With', 'XMLHttpRequest');
},
success: function(response){
var className = "row" + (num - 1);
var d = new Date();
var n = d.getTime();
var parser = new DOMParser();
var doc = parser.parseFromString(response, "text/html");
var elem = doc.getElementById("orderTableBody");
var currentClassName = elem.getElementsByTagName('tr')[0].className;
elem.getElementsByClassName(currentClassName)[0].classList.remove(currentClassName); // remove current Classname
elem.getElementsByTagName('tr')[0].classList.add("table-tr-" + Math.ceil(Math.random() * 999999) + n); // add random classname
$('#tableRow tbody').append(elem.innerHTML);
$('#addnew-btn-tbl-row').html('')
$('#addnew-btn-tbl-row').append('<button type="button" id="addNewRow" class="btn btn-success btn-sm pull-left" data-toggle="tooltip" title="Add Another"><i class="fa fa-plus" aria-hidden="true"></i> Add Row</button>');
$('.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();

157
resources/views/teamstore-sublayouts/forms/jersey-and-shorts-form.blade.php
View File

@@ -1,109 +1,52 @@
<style>
tbody#orderTableBody>tr>td {
padding: 0px !important;
}
.panel-design-details{
max-height: 300px;
overflow: auto;
}
</style>
<div class="panel panel-default">
<div class="panel-heading">
<h1>{{ $product_array[0]->ProductName }}</h1> <p class="price">{{ $product_array[0]->ProductPrice }} <small> {{ $store_array[0]->StoreCurrency }} </small></p>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<form id="frm-order-list">
<input type="hidden" value="1" id="orderCounterValue" name="orderCounterValue" />
<input type="hidden" value="{{ $product_array[0]->Id }}" id="product_id" name="product_id" />
<input type="hidden" name="product_price" id="product_price" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="price_holder" id="price_holder" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="template_code" id="template_code" value="{{ $product_array[0]->TemplateCode }}">
<input type="hidden" name="avalable_sizes" id="avalable_sizes" value="{{ $product_array[0]->AvailableSizes }}">
<input type="hidden" name="store_url" id="store_url" value="{{ $store_array[0]->StoreUrl }}">
<input type="hidden" name="store_id" id="store_id" value="{{ $store_array[0]->Id }}">
<div class="panel-design-details" id="orderListPanel">
<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">
</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="none">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($sizes_array as $size)
<option value="{{ $size->Size }}">{{ $size->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($sizes_array as $size)
<option value="{{ $size->Size }}">{{ $size->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>
<!-- <hr class="hr-design"> -->
<div id="displayqty"></div>
<br>
@if($product_array[0]->ProductPrice > 0)
<button class="btn btn-primary pull-right" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
@endif
</form>
</div>
</div>
<div class="spacer-top"></div>
<div class="row">
<div class="col-md-12">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#productDescription" aria-controls="productDescription" role="tab" data-toggle="tab">Desciption</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="productDescription">
<div class="row">
<div class="col-md-12">
<p>
{{ $product_array[0]->ProductDescription }}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel-design-details" id="orderListPanel">
<table class="table" id="tableRow" style="font-size:12px;">
<thead>
<tr>
<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-0">
<td>
<input type="text" name="order_names[]" class="form-control input-sm inputName roster-input" placeholder="Name">
</td>
<td>
<select class="form-control input-sm roster-input" name="order_number[]">
<option value="none">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[]" data-row-number="1">
<option value="none">none</option>
@foreach($sizes_array as $size)
<option value="{{ $size->Size }}">{{ $size->Size }}</option>
@endforeach
</select>
</td>
<td>
<select class="form-control input-sm order-size roster-input" name="order_shorts_size[]" style="border-right: 1px solid #ccc;" data-row-number="1">
<option value="none">none</option>
@foreach($sizes_array as $size)
<option value="{{ $size->Size }}">{{ $size->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 id="addnew-btn-tbl-row">
</div>
</div>

131
resources/views/teamstore-sublayouts/forms/name-name2-size-form.blade.php
View File

@@ -1,95 +1,38 @@
<style>
tbody#orderTableBody>tr>td {
padding: 0px !important;
}
.panel-design-details{
max-height: 300px;
overflow: auto;
}
</style>
<div class="panel panel-default">
<div class="panel-heading">
<h1>{{ $product_array[0]->ProductName }}</h1> <p class="price">{{ $product_array[0]->ProductPrice }} <small> {{ $store_array[0]->StoreCurrency }} </small></p>
<div class="panel-design-details" id="orderListPanel">
<table class="table" id="tableRow" style="font-size:12px;">
<thead>
<tr>
<!-- <th>#</th> -->
<th class="col-md-5">Gamer Tag</th>
<th class="col-md-3">Name</th>
<th class="col-md-3">Size</th>
<th class="text-center"></th>
</tr>
</thead>
<tbody id="orderTableBody">
<tr class="table-tr-1">
<td>
<input type="text" name="order_names[]" class="form-control input-sm inputName roster-input" placeholder="Gamer Tag">
</td>
<td>
<input type="text" name="order_names2[]" class="form-control input-sm inputName roster-input" placeholder="Name">
</td>
<td>
<select class="form-control input-sm order-size roster-input" name="order_size[]" style="border-right: 1px solid #ccc;" >
@foreach($sizes_array as $size)
<option value="{{ $size->Size }}">{{ $size->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 id="addnew-btn-tbl-row">
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<form id="frm-order-list">
<input type="hidden" value="1" id="orderCounterValue" name="orderCounterValue" />
<input type="hidden" value="{{ $product_array[0]->Id }}" id="product_id" name="product_id" />
<input type="hidden" name="product_price" id="product_price" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="price_holder" id="price_holder" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="template_code" id="template_code" value="{{ $product_array[0]->TemplateCode }}">
<input type="hidden" name="store_url" id="store_url" value="{{ $store_array[0]->StoreUrl }}">
<input type="hidden" name="store_id" id="store_id" value="{{ $store_array[0]->Id }}">
<input type="hidden" name="product_url" id="product_url" value="{{ $product_array[0]->ProductURL }}">
<div class="panel-design-details" id="orderListPanel">
<table class="table" id="tableRow" style="font-size:12px;">
<thead>
<tr>
<!-- <th>#</th> -->
<th class="col-md-5">Gamer Tag</th>
<th class="col-md-3">Name</th>
<th class="col-md-3">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="Gamer Tag">
</td>
<td>
<input type="text" name="order_names2[]" id="order_names2" class="form-control input-sm inputName roster-input" placeholder="Name">
</td>
<td>
<select class="form-control input-sm order-size roster-input" name="order_size[]" id="order_jersey_size_1" data-row-number="1">
@foreach($sizes_array as $size)
<option value="{{ $size->Size }}">{{ $size->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_gamer_field" 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>
<!-- <hr class="hr-design"> -->
<div id="displayqty"></div>
<br>
@if($product_array[0]->ProductPrice > 0)
<button class="btn btn-primary pull-right" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
@endif
</form>
</div>
</div>
<div class="spacer-top"></div>
<div class="row">
<div class="col-md-12">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#productDescription" aria-controls="productDescription" role="tab" data-toggle="tab">Desciption</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="productDescription">
<div class="row">
<div class="col-md-12">
<p>
{{ $product_array[0]->ProductDescription }}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

125
resources/views/teamstore-sublayouts/forms/name-number-form.blade.php
View File

@@ -1,92 +1,35 @@
<style>
tbody#orderTableBody>tr>td {
padding: 0px !important;
}
.panel-design-details{
max-height: 300px;
overflow: auto;
}
</style>
<div class="panel panel-default">
<div class="panel-heading">
<h1>{{ $product_array[0]->ProductName }}</h1> <p class="price">{{ $product_array[0]->ProductPrice }} <small> {{ $store_array[0]->StoreCurrency }} </small></p>
<div class="panel-design-details" id="orderListPanel">
<table class="table" id="tableRow" style="font-size:12px;">
<thead>
<tr>
<th class="col-md-6">Name</th>
<th class="col-md-5">Number</th>
<th class="text-center"></th>
</tr>
</thead>
<tbody id="orderTableBody">
<tr class="table-tr-0">
<td>
<input type="text" name="order_names[]" class="form-control input-sm inputName roster-input" placeholder="Name">
</td>
<td>
<select class="form-control input-sm roster-input" style="border-right: 1px solid #ccc;" name="order_number[]" id="order_number">
<option value="none">none</option>
@for($i = 0; $i <= 99; $i++)
<option value="{{ $i }}">{{ $i }}</option>
@endfor
<option value="00">00</option>
</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 id="addnew-btn-tbl-row">
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<form id="frm-order-list">
<input type="hidden" value="1" id="orderCounterValue" name="orderCounterValue" />
<input type="hidden" value="{{ $product_array[0]->Id }}" id="product_id" name="product_id" />
<input type="hidden" name="product_price" id="product_price" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="price_holder" id="price_holder" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="template_code" id="template_code" value="{{ $product_array[0]->TemplateCode }}">
<input type="hidden" name="store_url" id="store_url" value="{{ $store_array[0]->StoreUrl }}">
<input type="hidden" name="store_id" id="store_id" value="{{ $store_array[0]->Id }}">
<div class="panel-design-details" id="orderListPanel">
<table class="table" id="tableRow" style="font-size:12px;">
<thead>
<tr>
<!-- <th>#</th> -->
<th class="col-md-6">Name</th>
<th class="col-md-5">Number</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">
</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="none">none</option>
@for($i = 0; $i <= 99; $i++)
<option value="{{ $i }}">{{ $i }}</option>
@endfor
<option value="00">00</option>
</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_name_and_number" 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>
<!-- <hr class="hr-design"> -->
<div id="displayqty"></div>
<br>
@if($product_array[0]->ProductPrice > 0)
<button class="btn btn-primary pull-right" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
@endif
</form>
</div>
</div>
<div class="spacer-top"></div>
<div class="row">
<div class="col-md-12">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#productDescription" aria-controls="productDescription" role="tab" data-toggle="tab">Desciption</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="productDescription">
<div class="row">
<div class="col-md-12">
<p>
{{ $product_array[0]->ProductDescription }}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

144
resources/views/teamstore-sublayouts/forms/name-number-size-form.blade.php
View File

@@ -1,101 +1,45 @@
<style>
tbody#orderTableBody>tr>td {
padding: 0px !important;
}
.panel-design-details{
max-height: 300px;
overflow: auto;
}
</style>
<div class="panel panel-default">
<div class="panel-heading">
<h1>{{ $product_array[0]->ProductName }}</h1> <p class="price">{{ $product_array[0]->ProductPrice }} <small> {{ $store_array[0]->StoreCurrency }} </small></p>
<div class="panel-design-details" id="orderListPanel">
<table class="table" id="tableRow" style="font-size:12px;">
<thead>
<tr>
<!-- <th>#</th> -->
<th class="col-md-5">Name</th>
<th class="col-md-3">Number</th>
<th class="col-md-3">Size</th>
<th class="text-center"></th>
</tr>
</thead>
<tbody id="orderTableBody">
<tr class="table-tr-0">
<td>
<input type="text" name="order_names[]" id="order_names" class="form-control input-sm inputName roster-input" placeholder="Name">
</td>
<td>
<select class="form-control input-sm roster-input" name="order_number[]">
<option value="none">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_size[]" style="border-right: 1px solid #ccc;" data-row-number="1">
@foreach($sizes_array as $size)
<option value="{{ $size->Size }}">{{ $size->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 id="addnew-btn-tbl-row">
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<form id="frm-order-list">
<input type="hidden" value="1" id="orderCounterValue" name="orderCounterValue" />
<input type="hidden" value="{{ $product_array[0]->Id }}" id="product_id" name="product_id" />
<input type="hidden" name="product_price" id="product_price" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="price_holder" id="price_holder" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="template_code" id="template_code" value="{{ $product_array[0]->TemplateCode }}">
<input type="hidden" name="store_url" id="store_url" value="{{ $store_array[0]->StoreUrl }}">
<input type="hidden" name="store_id" id="store_id" value="{{ $store_array[0]->Id }}">
<div class="panel-design-details" id="orderListPanel">
<table class="table" id="tableRow" style="font-size:12px;">
<thead>
<tr>
<!-- <th>#</th> -->
<th class="col-md-5">Name</th>
<th class="col-md-3">Number</th>
<th class="col-md-3">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">
</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="none">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_size[]" id="order_jersey_size_1" data-row-number="1">
@foreach($sizes_array as $size)
<option value="{{ $size->Size }}">{{ $size->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_name_number_size" 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>
<!-- <hr class="hr-design"> -->
<div id="displayqty"></div>
<br>
@if($product_array[0]->ProductPrice > 0)
<button class="btn btn-primary pull-right" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
@endif
</form>
</div>
</div>
<div class="spacer-top"></div>
<div class="row">
<div class="col-md-12">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#productDescription" aria-controls="productDescription" role="tab" data-toggle="tab">Desciption</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="productDescription">
<div class="row">
<div class="col-md-12">
<p>
{{ $product_array[0]->ProductDescription }}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

130
resources/views/teamstore-sublayouts/forms/name-size.blade.php
View File

@@ -1,101 +1,33 @@
<style>
tbody#orderTableBody>tr>td {
padding: 0px !important;
}
.panel-design-details{
max-height: 300px;
overflow: auto;
}
</style>
<div class="panel panel-default">
<div class="panel-heading">
<h1>{{ $product_array[0]->ProductName }}</h1> <p class="price">{{ $product_array[0]->ProductPrice }} <small> {{ $store_array[0]->StoreCurrency }} </small></p>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<form id="frm-order-list">
<input type="hidden" value="1" id="orderCounterValue" name="orderCounterValue" />
<input type="hidden" value="{{ $product_array[0]->Id }}" id="product_id" name="product_id" />
<input type="hidden" name="product_price" id="product_price" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="price_holder" id="price_holder" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="template_code" id="template_code" value="{{ $product_array[0]->TemplateCode }}">
<input type="hidden" name="store_url" id="store_url" value="{{ $store_array[0]->StoreUrl }}">
<input type="hidden" name="store_id" id="store_id" value="{{ $store_array[0]->Id }}">
<div class="panel-design-details" id="orderListPanel">
<table class="table" id="tableRow" style="font-size:12px;">
<thead>
<tr>
<!-- <th>#</th> -->
<th class="col-md-5">Name</th>
<th class="col-md-3">Number</th>
<th class="col-md-3">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">
</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="none">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_size[]" id="order_jersey_size_1" data-row-number="1">
@foreach($sizes_array as $size)
<option value="{{ $size->Size }}">{{ $size->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_name_number_size" 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>
<!-- <hr class="hr-design"> -->
<div id="displayqty"></div>
<br>
@if($product_array[0]->ProductPrice > 0)
<button class="btn btn-primary pull-right" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
@endif
</form>
</div>
</div>
<div class="spacer-top"></div>
<div class="row">
<div class="col-md-12">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#productDescription" aria-controls="productDescription" role="tab" data-toggle="tab">Desciption</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="productDescription">
<div class="row">
<div class="col-md-12">
<p>
{{ $product_array[0]->ProductDescription }}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel-design-details" id="orderListPanel">
<table class="table" id="tableRow" style="font-size:12px;">
<thead>
<tr>
<th class="col-md-6">Name</th>
<th class="col-md-5">Size</th>
<th class="text-center"></th>
</tr>
</thead>
<tbody id="orderTableBody">
<tr class="table-tr-0">
<td>
<input type="text" name="order_names[]" class="form-control input-sm inputName roster-input" placeholder="Name">
</td>
<td>
<select class="form-control input-sm order-size roster-input" style="border-right: 1px solid #ccc;" name="order_size[]" data-row-number="1">
@foreach($sizes_array as $size)
<option value="{{ $size->Size }}">{{ $size->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 id="addnew-btn-tbl-row">
</div>
</div>

116
resources/views/teamstore-sublayouts/forms/number-form.blade.php
View File

@@ -1,88 +1,32 @@
<style>
tbody#orderTableBody>tr>td {
padding: 0px !important;
}
.panel-design-details{
max-height: 300px;
overflow: auto;
}
</style>
<div class="panel panel-default">
<div class="panel-heading">
<h1>{{ $product_array[0]->ProductName }}</h1> <p class="price">{{ $product_array[0]->ProductPrice }} <small> {{ $store_array[0]->StoreCurrency }} </small></p>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<form id="frm-order-list">
<input type="hidden" value="1" id="orderCounterValue" name="orderCounterValue" />
<input type="hidden" value="{{ $product_array[0]->Id }}" id="product_id" name="product_id" />
<input type="hidden" name="product_price" id="product_price" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="price_holder" id="price_holder" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="template_code" id="template_code" value="{{ $product_array[0]->TemplateCode }}">
<input type="hidden" name="store_url" id="store_url" value="{{ $store_array[0]->StoreUrl }}">
<input type="hidden" name="store_id" id="store_id" value="{{ $store_array[0]->Id }}">
<div class="panel-design-details" id="orderListPanel">
<table class="table" id="tableRow" style="font-size:12px;">
<thead>
<tr>
<!-- <th>#</th> -->
<th class="col-md-11">Number</th>
<th class="text-center"></th>
</tr>
</thead>
<tbody id="orderTableBody">
<tr class="table-tr-1">
<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="none">none</option>
@for($i = 0; $i <= 99; $i++)
<option value="{{ $i }}">{{ $i }}</option>
@endfor
<option value="00">00</option>
</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_number" 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>
<!-- <hr class="hr-design"> -->
<div id="displayqty"></div>
<br>
@if($product_array[0]->ProductPrice > 0)
<button class="btn btn-primary pull-right" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
@endif
</form>
</div>
</div>
<div class="spacer-top"></div>
<div class="row">
<div class="col-md-12">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#productDescription" aria-controls="productDescription" role="tab" data-toggle="tab">Desciption</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="productDescription">
<div class="row">
<div class="col-md-12">
<p>
{{ $product_array[0]->ProductDescription }}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel-design-details" id="orderListPanel">
<table class="table" id="tableRow" style="font-size:12px;">
<thead>
<tr>
<!-- <th>#</th> -->
<th class="col-md-11">Number</th>
<th class="text-center"></th>
</tr>
</thead>
<tbody id="orderTableBody">
<tr class="table-tr-0">
<td>
<select class="form-control input-sm roster-input" name="order_number[]" style="border-right: 1px solid #ccc;">
<option value="none">none</option>
@for($i = 0; $i <= 99; $i++)
<option value="{{ $i }}">{{ $i }}</option>
@endfor
<option value="00">00</option>
</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 id="addnew-btn-tbl-row">
</div>
</div>

111
resources/views/teamstore-sublayouts/forms/quantity-form.blade.php
View File

@@ -1,88 +1,29 @@
<style>
tbody#orderTableBody>tr>td {
padding: 0px !important;
}
.panel-design-details{
max-height: 300px;
overflow: auto;
}
</style>
<div class="panel panel-default">
<div class="panel-heading">
<h1>{{ $product_array[0]->ProductName }}</h1> <p class="price">{{ $product_array[0]->ProductPrice }} <small> {{ $store_array[0]->StoreCurrency }} </small></p>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<form id="frm-order-list">
<input type="hidden" value="1" id="orderCounterValue" name="orderCounterValue" />
<input type="hidden" value="{{ $product_array[0]->Id }}" id="product_id" name="product_id" />
<input type="hidden" name="product_price" id="product_price" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="price_holder" id="price_holder" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="template_code" id="template_code" value="{{ $product_array[0]->TemplateCode }}">
<input type="hidden" name="store_url" id="store_url" value="{{ $store_array[0]->StoreUrl }}">
<input type="hidden" name="store_id" id="store_id" value="{{ $store_array[0]->Id }}">
<!-- <div class="panel-design-details" id="orderListPanel">
</div> -->
<div class="form-group">
<label class="control-label">Quantity <span class="required">*</span></label>
<div class="row">
<div class="col-sm-6">
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="quantity">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
@if($product_array[0]->ProductAvailableQty == null)
<input type="text" name="quantity" class="form-control input-number" value="1" min="1" max="100">
@else
<input type="text" name="quantity" class="form-control input-number" value="1" min="1" max="{{ $available_qty }}">
@endif
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quantity">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
@if($available_qty != null)
<p>{{ $available_qty }} piece/s available</p>
@endif
</div>
</div>
</div>
<!-- <hr class="hr-design"> -->
<div id="displayqty"></div>
<br>
@if($product_array[0]->ProductPrice > 0)
<button class="btn btn-primary pull-right" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
@endif
</form>
<div class="form-group">
<label class="control-label">Quantity <span class="required">*</span></label>
<div class="row">
<div class="col-sm-6">
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="quantity">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
@if($product_array[0]->ProductAvailableQty == null)
<input type="text" name="quantity" class="form-control input-number" value="1" min="1" max="100">
@else
<input type="text" name="quantity" class="form-control input-number" value="1" min="1" max="{{ $available_qty }}">
@endif
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quantity">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
<div class="spacer-top"></div>
<div class="row">
<div class="col-md-12">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#productDescription" aria-controls="productDescription" role="tab" data-toggle="tab">Desciption</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="productDescription">
<div class="row">
<div class="col-md-12">
<p>
{{ $product_array[0]->ProductDescription }}
</p>
</div>
</div>
</div>
</div>
</div>
@if($available_qty != null)
<p>{{ $available_qty }} piece/s available</p>
@endif
</div>
</div>
</div>
</div>

124
resources/views/teamstore-sublayouts/forms/tshirt-form.blade.php
View File

@@ -1,93 +1,35 @@
<style>
tbody#orderTableBody>tr>td {
padding: 0px !important;
}
.panel-design-details{
max-height: 300px;
overflow: auto;
}
</style>
<div class="panel panel-default">
<div class="panel-heading">
<h1>{{ $product_array[0]->ProductName }}</h1> <p class="price">{{ $product_array[0]->ProductPrice }} <small> {{ $store_array[0]->StoreCurrency }} </small></p>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<form id="frm-order-list">
<input type="hidden" value="1" id="orderCounterValue" name="orderCounterValue" />
<input type="hidden" value="{{ $product_array[0]->Id }}" id="product_id" name="product_id" />
<input type="hidden" name="product_price" id="product_price" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="price_holder" id="price_holder" value="{{ $product_array[0]->ProductPrice }}">
<input type="hidden" name="template_code" id="template_code" value="{{ $product_array[0]->TemplateCode }}">
<input type="hidden" name="store_url" id="store_url" value="{{ $store_array[0]->StoreUrl }}">
<input type="hidden" name="store_id" id="store_id" value="{{ $store_array[0]->Id }}">
<!-- <div class="panel-design-details" id="orderListPanel">
</div> -->
<div class="form-group">
<label class="control-label">Size <span class="required">*</span></label>
<div class="row">
<div class="col-sm-6">
<select class="form-control input-sm cls-uniformSize" name="uniformSize" data-error="#err-uniformSize" required >
<option value="">Select Size</option>
@foreach($sizes_array as $size)
<option value="{{ $size->Size }}">{{ $size->Size }}</option>
@endforeach
</select>
<span id="err-uniformSize" style="color: #dd4b39"></span>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label">Quantity <span class="required">*</span></label>
<div class="row">
<div class="col-sm-6">
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="quantity">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
<input type="text" name="quantity" class="form-control input-number" value="1" min="1" max="100">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quantity">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
</div>
</div>
<!-- <hr class="hr-design"> -->
<div id="displayqty"></div>
<br>
@if($product_array[0]->ProductPrice > 0)
<button class="btn btn-primary pull-right" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
@endif
</form>
</div>
</div>
<div class="spacer-top"></div>
<div class="row">
<div class="col-md-12">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#productDescription" aria-controls="productDescription" role="tab" data-toggle="tab">Desciption</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="productDescription">
<div class="row">
<div class="col-md-12">
<p>
{{ $product_array[0]->ProductDescription }}
</p>
</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label">Size <span class="required">*</span></label>
<div class="row">
<div class="col-sm-6">
<select class="form-control input-sm cls-uniformSize" name="uniformSize" data-error="#err-uniformSize" required >
<option value="">Select Size</option>
@foreach($sizes_array as $size)
<option value="{{ $size->Size }}">{{ $size->Size }}</option>
@endforeach
</select>
<span id="err-uniformSize" style="color: #dd4b39"></span>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label">Quantity <span class="required">*</span></label>
<div class="row">
<div class="col-sm-6">
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="quantity">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
<input type="text" name="quantity" class="form-control input-number" value="1" min="1" max="100">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quantity">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
</div>
</div>

78
resources/views/teamstore-sublayouts/product-details.blade.php
View File

@@ -149,17 +149,22 @@
border-bottom-width: 0px;
}
.btn-roster-action{
width: 20px;
/* width: 20px;
height: 20px;
border-radius: 10px;
border-radius: 10px; */
}
.btn-group-sm>.btn, .btn-roster-action {
.btn-group-sm>.btn{
padding: 0px 0px;
}
.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>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
border: none;
}
.table>thead>tr>th{
border-bottom:none;
}
@@ -189,11 +194,15 @@
/* background:url("{{asset('public/images/icon.png') }}"); */
}
.zoom img {
display: block;
tbody#orderTableBody>tr>td {
padding: 0px !important;
}
.panel-design-details{
max-height: 300px;
overflow: auto;
}
.zoom img::selection { background-color: transparent; }
</style>
<div class="container">
@@ -208,28 +217,19 @@
</div>
</div>
<div class="row">
<!-- BEGIN PRODUCTS -->
<div class="col-md-5 col-sm-5">
<div class="row">
<!-- <div class="col-md-12"> -->
<div class="col-sm-12" id="carousel-bounding-box">
<div class="carousel slide" id="myCarousel" data-interval="false">
<!-- Carousel items -->
<div class="carousel-inner">
@define $i = 0
@foreach($thumbnails_array as $thumbnail)
<!-- @if($thumbnail->ImageClass == 'active')
<img id="main-thumbnail" class="img img-responsive product-center" style="height:287px;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}"/>
@endif -->
@if($thumbnail->ImageClass == 'active')
<div class="active item text-center" data-slide-number="{{ $i }}">
<span class="zoom img-zoom">
<img style="height:400px;" src="{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}">
<!-- <p class="edge-text">Click to zoom <i class="fa fa-search-plus"></i></p> -->
</span>
</div>
@else
@@ -252,10 +252,11 @@
</a>
</div>
</div>
<!-- </div> -->
</div>
<hr class="line">
<div class="row">
<div class="col-md-12">
<ul class="hide-bullets">
@@ -271,12 +272,51 @@
</ul>
</div>
</div>
</div>
<div class="col-md-7 col-sm-7">
@include('teamstore-sublayouts.forms.'.$product_array[0]->ProductForm)
<div class="panel panel-default">
<div class="panel-heading">
<h1>{{ $product_array[0]->ProductName }}</h1> <p class="price">{{ $product_array[0]->ProductPrice }} <small> {{ $store_array[0]->StoreCurrency }} </small></p>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<form id="frm-order-list">
<input type="hidden" value="{{ md5($product_array[0]->Id) }}" name="p_id" id="p_id" />
@include('teamstore-sublayouts.forms.'.$product_array[0]->ProductForm)
@if($product_array[0]->ProductPrice > 0)
<button class="btn btn-primary pull-right" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
@endif
</form>
</div>
</div>
<div class="spacer-top"></div>
<div class="row">
<div class="col-md-12">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#productDescription" aria-controls="productDescription" role="tab" data-toggle="tab">Desciption</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="productDescription">
<div class="row">
<div class="col-md-12">
<p>{{ $product_array[0]->ProductDescription }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END PRODUCTS -->
</div> <!-- container -->
</div>
@endsection