Compare commits
4 Commits
unfinished
...
PROD_1.0.0
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
f197490606 | ||
|
|
f26c9c274b | ||
|
|
54278c568d | ||
|
|
c68f28aa11 |
0
Dockerfile
Normal file → Executable file
@@ -399,7 +399,8 @@ class PaypalController extends Controller
|
||||
public function getTax($cartKey)
|
||||
{
|
||||
$m = new TeamStoreModel;
|
||||
$updated_getSubtotal = $m->getSubtotal($cartKey);
|
||||
$updated_getSubtotal = $m->getSubtotalNew($cartKey);
|
||||
$original_subtotal = $m->getSubtotal($cartKey); // withoutTanle
|
||||
$grouped_item = $m->selectTeamStoreGroupByCartKey($cartKey);
|
||||
|
||||
if (count($grouped_item) <= 0) {
|
||||
@@ -414,10 +415,11 @@ class PaypalController extends Controller
|
||||
|
||||
|
||||
$order_grandtotal = $updated_getSubtotal[0]->Subtotal;
|
||||
$order_subtotal = $original_subtotal[0]->Subtotal;
|
||||
|
||||
|
||||
|
||||
|
||||
$tax = $order_grandtotal * $tax_value;
|
||||
$tax = $order_subtotal * $tax_value;
|
||||
|
||||
return [
|
||||
'tax' => $tax,
|
||||
|
||||
@@ -499,6 +499,30 @@ class TeamStoreController extends Controller
|
||||
'ShippingCostId' => $shipping_cost_id
|
||||
);
|
||||
}
|
||||
} elseif ($product_form == "number-size-form") {
|
||||
|
||||
// $order_names = $post['order_names'];
|
||||
$order_number = $post['order_number'];
|
||||
$order_size = $post['order_size'];
|
||||
|
||||
foreach ($order_size as $key => $val) {
|
||||
$items[] = array(
|
||||
'ProductId' => $product_id,
|
||||
'StoreURL' => $store_url,
|
||||
'StoreId' => $store_id,
|
||||
'FormUsed' => $product_form,
|
||||
'CartKey' => $cartKey,
|
||||
'DesignCode' => $design_code,
|
||||
'ProductURL' => $ProductURL,
|
||||
'ProductName' => $product_name,
|
||||
'Name' => $product_name,
|
||||
'Size' => $order_size[$key],
|
||||
'Number' => $order_number[$key],
|
||||
'Price' => $ProductPrice,
|
||||
'Quantity' => 1,
|
||||
'ShippingCostId' => $shipping_cost_id
|
||||
);
|
||||
}
|
||||
} elseif ($product_form == "number-form") {
|
||||
|
||||
$order_number = $post['order_number'];
|
||||
@@ -954,6 +978,7 @@ class TeamStoreController extends Controller
|
||||
'shippingFee' => number_format($shippingFee, 2),
|
||||
'total' => number_format($finalSubTotal + $shippingFee + $tax["tax"], 2),
|
||||
'subtotal' => number_format($finalSubTotal, 2),
|
||||
'tax' => $tax["tax"],
|
||||
'remaining_shippingfee' => number_format(99 - $finalSubTotal, 2)
|
||||
));
|
||||
} else {
|
||||
|
||||
@@ -348,14 +348,16 @@ class UserController extends Controller
|
||||
$newTeamStoreModel = new TeamStoreModel;
|
||||
|
||||
$product_array = $newTeamStoreModel->selectTeamStoreProducts('ProductURL', $url);
|
||||
$roster = $newUserModel->getRoster($product_array[0]->Id);
|
||||
$thumbnails_array = $newTeamStoreModel->getThumbnails($product_array[0]->Id);
|
||||
$available_size = explode(",", $product_array[0]->AvailableSizes);
|
||||
$shipping_cost = $newUserModel->selectShippingCost();
|
||||
|
||||
return view('user-layouts.view-store-item')->with('product_array', $product_array)
|
||||
->with('available_size', $available_size)
|
||||
->with('thumbnails_array', $thumbnails_array)
|
||||
->with('shipping_cost', $shipping_cost);
|
||||
->with('shipping_cost', $shipping_cost)
|
||||
->with('roster', $roster);
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -1344,4 +1346,76 @@ class UserController extends Controller
|
||||
|
||||
return $array_address_book;
|
||||
}
|
||||
}
|
||||
|
||||
function roster(Request $request)
|
||||
{
|
||||
$UserModel = new UserModel;
|
||||
$post = $request->all();
|
||||
|
||||
$response = $UserModel->insertRoster($post['data']);
|
||||
|
||||
if($response) {
|
||||
return response()->json(array(
|
||||
'status' => true,
|
||||
'message' => "Roster is successfully saved."
|
||||
));
|
||||
}
|
||||
|
||||
return response()->json(array(
|
||||
'status' => false,
|
||||
'message' => "Something went wrong. Please try again"
|
||||
));
|
||||
|
||||
}
|
||||
|
||||
function deleteRoster(Request $request) {
|
||||
$UserModel = new UserModel;
|
||||
$post = $request->all();
|
||||
|
||||
$response = $UserModel->deleteRoster($post['data']);
|
||||
|
||||
if($response) {
|
||||
return response()->json(array(
|
||||
'status' => true,
|
||||
'message' => "Roster is successfully deleted."
|
||||
));
|
||||
}
|
||||
|
||||
return response()->json(array(
|
||||
'status' => false,
|
||||
'message' => "Something went wrong. Please try again"
|
||||
));
|
||||
|
||||
}
|
||||
|
||||
|
||||
function rosterUpdate(Request $request)
|
||||
{
|
||||
$UserModel = new UserModel;
|
||||
$post = $request->all();
|
||||
|
||||
$response = $UserModel->updateRoster($post['data']);
|
||||
|
||||
if($response) {
|
||||
return response()->json(array(
|
||||
'status' => true,
|
||||
'message' => "Roster is successfully updated."
|
||||
));
|
||||
}
|
||||
|
||||
return response()->json(array(
|
||||
'status' => false,
|
||||
'message' => "Something went wrong. Please try again"
|
||||
));
|
||||
|
||||
}
|
||||
|
||||
function getCurrentRoster(Request $request) {
|
||||
$productId = $request->query('product-id');
|
||||
$newUserModel = new UserModel;
|
||||
$roster = $newUserModel->getRoster($productId);
|
||||
return response()->json($roster);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@@ -149,6 +149,11 @@ Route::group(['middleware' => 'normaluser'], function () {
|
||||
|
||||
|
||||
Route::post('user/store-items/personal-design', 'user\UserController@saveNewItemFromDesigner');
|
||||
|
||||
Route::post('user/roster', 'user\UserController@roster');
|
||||
Route::get('user/roster', 'user\UserController@getCurrentRoster');
|
||||
Route::post('user/roster-delete', 'user\UserController@deleteRoster');
|
||||
Route::post('user/roster-update', 'user\UserController@rosterUpdate');
|
||||
});
|
||||
|
||||
Route::group(['middleware' => 'auth'], function () {
|
||||
|
||||
@@ -189,6 +189,16 @@ class TeamStoreModel extends Model
|
||||
return $i;
|
||||
}
|
||||
|
||||
function getSubtotalNew($cartKey)
|
||||
{
|
||||
|
||||
$i = DB::table('cart_tmp')->select(DB::raw('SUM(Quantity * Price) AS Subtotal'))
|
||||
->where('CartKey', '=', $cartKey)
|
||||
// ->where('VoucherId', '=', null)
|
||||
->get();
|
||||
return $i;
|
||||
}
|
||||
|
||||
function updateStoreItem($data, $url)
|
||||
{
|
||||
$i = DB::table('teamstore_products')->where('ProductURL', $url)
|
||||
|
||||
@@ -425,4 +425,44 @@ class UserModel extends Model
|
||||
->update($data);
|
||||
return $i;
|
||||
}
|
||||
}
|
||||
|
||||
function insertRoster($data) {
|
||||
$i = DB::table('roster')
|
||||
->insert($data);
|
||||
return $i;
|
||||
}
|
||||
|
||||
function getRoster($productId)
|
||||
{
|
||||
$i = DB::table('roster')
|
||||
->where('ProductId', $productId)
|
||||
->get();
|
||||
return $i;
|
||||
}
|
||||
|
||||
function deleteRoster($idArray)
|
||||
{
|
||||
$deletedRows = DB::table('roster')
|
||||
->whereIn('Id', $idArray) // Replace 'id' with the actual column name if different
|
||||
->delete();
|
||||
|
||||
return $deletedRows; // Returns the number of rows deleted
|
||||
}
|
||||
|
||||
function updateRoster($data)
|
||||
{
|
||||
$updatedRows = 0;
|
||||
|
||||
foreach ($data as $item) {
|
||||
// Assuming each item contains an 'id' and the fields to update
|
||||
$id = $item['Id'];
|
||||
unset($item['Id']); // Remove 'id' from the update data
|
||||
|
||||
$updatedRows += DB::table('roster')
|
||||
->where('Id', $id)
|
||||
->update($item);
|
||||
}
|
||||
|
||||
return $updatedRows; // Returns the total number of rows updated
|
||||
}
|
||||
}
|
||||
@@ -46,6 +46,9 @@
|
||||
]
|
||||
},
|
||||
"config": {
|
||||
"preferred-install": "dist"
|
||||
"preferred-install": "dist",
|
||||
"allow-plugins": {
|
||||
"kylekatarnls/update-helper": true
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
0
docker-compose.yml
Normal file → Executable file
0
favicon.ico
Normal file → Executable file
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
0
nginx/conf.d/app.conf
Normal file → Executable file
0
php/local.ini
Normal file → Executable file
0
public/api/canada.json
Normal file → Executable file
0
public/api/usa.json
Normal file → Executable file
0
public/api/usaCities.old.json
Normal file → Executable file
0
public/assets/css/jquery-ui.css
vendored
Normal file → Executable file
0
public/assets/files/Terms of Use.pdf
Normal file → Executable file
0
public/assets/js/jquery-ui.js
vendored
Normal file → Executable file
0
public/images/MERCHBAY-LOGO.png
Normal file → Executable file
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
0
public/images/merchbay-black.png
Normal file → Executable file
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
0
public/images/merchbay-white.png
Normal file → Executable file
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
0
resources/views/designer/vue_designer.blade.php
Normal file → Executable file
0
resources/views/emails/contact_us.blade.php
Normal file → Executable file
@@ -540,6 +540,13 @@
|
||||
<td><b>Price</b></td>
|
||||
<td><b>Quantity</b></td>
|
||||
</tr>
|
||||
@elseif($item->FormUsed == 'number-size-form')
|
||||
<tr>
|
||||
<td><b>Number</b></td>
|
||||
<td><b>Size</b></td>
|
||||
<td><b>Price</b></td>
|
||||
<td><b>Quantity</b></td>
|
||||
</tr>
|
||||
@else
|
||||
@endif
|
||||
<!-- table header -->
|
||||
@@ -666,6 +673,17 @@
|
||||
<td>{{ $sub_item->Quantity }}
|
||||
</td>
|
||||
</tr>
|
||||
@elseif($item->FormUsed == 'number-size-form')
|
||||
<tr>
|
||||
<td>{{ $sub_item->Number }}
|
||||
</td>
|
||||
<td>{{ $sub_item->Size }}
|
||||
</td>
|
||||
<td>{{ $sub_item->Price }}
|
||||
</td>
|
||||
<td>{{ $sub_item->Quantity }}
|
||||
</td>
|
||||
</tr>
|
||||
@else
|
||||
@endif
|
||||
@endif
|
||||
|
||||
0
resources/views/errors/404.blade.php
Normal file → Executable file
@@ -174,6 +174,15 @@
|
||||
<th>Quantity</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
@elseif($item->FormUsed == 'number-size-form')
|
||||
<tr>
|
||||
<th>Number</th>
|
||||
<th>Size</th>
|
||||
<th>Price</th>
|
||||
<th>Quantity</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
|
||||
@else
|
||||
@endif
|
||||
|
||||
@@ -296,6 +305,17 @@
|
||||
href="{{ url('removeitem') }}/{{ $sub_item->Id }}"><i
|
||||
class="fa fa-times"></i></a></td>
|
||||
</tr>
|
||||
@elseif($item->FormUsed == 'number-size-form')
|
||||
<tr>
|
||||
<td>{{ $sub_item->Number }}</td>
|
||||
<td>{{ $sub_item->Size }}</td>
|
||||
<td>{{ $sub_item->Price . ' ' . $store_array[0]->StoreCurrency }}
|
||||
</td>
|
||||
<td>{{ $sub_item->Quantity }}</td>
|
||||
<td><a class="btn btn-xs btn-link pull-right"
|
||||
href="{{ url('removeitem') }}/{{ $sub_item->Id }}"><i
|
||||
class="fa fa-times"></i></a></td>
|
||||
</tr>
|
||||
@else
|
||||
@endif
|
||||
@endif
|
||||
|
||||
0
resources/views/merchbay/not_found.blade.php
Normal file → Executable file
0
resources/views/merchbay/privacy_policy.blade.php
Normal file → Executable file
0
resources/views/merchbay/terms_of_use.blade.php
Normal file → Executable file
0
resources/views/merchbay/track_order.blade.php
Normal file → Executable file
0
resources/views/paypal/payment_success.blade.php
Normal file → Executable file
45
resources/views/teamstore-sublayouts/forms/number-size-form.blade.php
Executable file
@@ -0,0 +1,45 @@
|
||||
|
||||
<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-6">Number</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[]" 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->SizeDisplay }}</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>
|
||||
|
||||
0
resources/views/teamstore-sublayouts/forms/roster-name-number-size-form.blade.php
Normal file → Executable file
@@ -7,11 +7,12 @@
|
||||
margin-top:20px;
|
||||
}
|
||||
</style>
|
||||
<div class="content-wrapper" style="min-height: 916px;">
|
||||
<div class="content-wrapper" id="addItem" style="min-height: 916px;">
|
||||
<!-- Content Header (Page header) -->
|
||||
<section class="content-header">
|
||||
<h1>
|
||||
Add Store Item
|
||||
Add Store Item
|
||||
{{-- <p>@{{ message }}</p> --}}
|
||||
</h1>
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{{ url('user') }}"><i class="fa fa-home"></i> Home</a></li>
|
||||
@@ -92,6 +93,9 @@
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Item Form</label>
|
||||
<div class="row">
|
||||
<div class="col-lg-10"></div>
|
||||
</div>
|
||||
<select class="form-control" name="itemForm">
|
||||
<option value="jersey-and-shorts-form">Jersey and Shorts Form</option>
|
||||
<option value="tshirt-form">T-Shirt Form</option>
|
||||
@@ -102,6 +106,7 @@
|
||||
<option value="name-size-form">Name and Size Form</option>
|
||||
<option value="jersey-and-shorts-quantity-form">Jersey, Shorts and Quantity Form</option>
|
||||
<option value="number-jersey-shorts-form">Number, Jersey and Shorts Form</option>
|
||||
<option value="number-size-form">Number and Size Form</option>
|
||||
<option value="roster-name-number-size-form">Roster and Size Form</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
@@ -125,7 +125,8 @@
|
||||
<option value="tshirt-form">T-Shirt Form</option>
|
||||
<option value="quantity-form">Quantity Form</option>
|
||||
<option value="name-and-number-form">Name and Number Form</option>
|
||||
<option value="name-number-size-form">Name, Number and Size Form</option>
|
||||
<option value="name-and-number-form">Name and Number Form</option>
|
||||
<option value="number-size-form">Number and Size Form</option>
|
||||
<option value="number-form">Number Only Form</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
@@ -114,6 +114,13 @@
|
||||
<th>Price</th>
|
||||
<th>Quantity</th>
|
||||
</tr>
|
||||
@elseif($array_item[0]->FormUsed=="number-size-form")
|
||||
<tr>
|
||||
<th>Number</th>
|
||||
<th>Size</th>
|
||||
<th>Price</th>
|
||||
<th>Quantity</th>
|
||||
</tr>
|
||||
@else
|
||||
|
||||
@endif
|
||||
@@ -195,6 +202,13 @@
|
||||
<td>{{ $array_item[0]->Price . ' ' . $store_array[0]->StoreCurrency }}</td>
|
||||
<td>{{ $array_item[0]->Quantity }}</td>
|
||||
</tr>
|
||||
@elseif($array_item[0]->FormUsed=="number-size-form")
|
||||
<tr>
|
||||
<td>{{ $array_item[0]->Number }}</td>
|
||||
<td>{{ $array_item[0]->Size }}</td>
|
||||
<td>{{ $array_item[0]->Price . ' ' . $store_array[0]->StoreCurrency }}</td>
|
||||
<td>{{ $array_item[0]->Quantity }}</td>
|
||||
</tr>
|
||||
@else
|
||||
|
||||
@endif
|
||||
|
||||
@@ -158,6 +158,14 @@
|
||||
<th>Quantity</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
@elseif($item->FormUsed=="number-size-form")
|
||||
<tr>
|
||||
<th>Number</th>
|
||||
<th>Size</th>
|
||||
<th>Price</th>
|
||||
<th>Quantity</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
@else
|
||||
|
||||
@endif
|
||||
@@ -219,6 +227,13 @@
|
||||
<td>{{ $sub_item->Price . ' ' . $array_payment_details[0]->Currency }}</td>
|
||||
<td>{{ $sub_item->Quantity }}</td>
|
||||
</tr>
|
||||
@elseif($item->FormUsed=="number-size-form")
|
||||
<tr>
|
||||
<td>{{ $sub_item->Number }}</td>
|
||||
<td>{{ $sub_item->Size }}</td>
|
||||
<td>{{ $sub_item->Price . ' ' . $array_payment_details[0]->Currency }}</td>
|
||||
<td>{{ $sub_item->Quantity }}</td>
|
||||
</tr>
|
||||
@else
|
||||
|
||||
@endif
|
||||
|
||||
@@ -127,6 +127,7 @@
|
||||
<option value="name-and-number-form">Name and Number Form</option>
|
||||
<option value="name-number-size-form">Name, Number and Size Form</option>
|
||||
<option value="number-form">Number Only Form</option>
|
||||
<option value="number-size-eform">Number and Size Form</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
|
||||
@@ -44,6 +44,10 @@
|
||||
<!-- jquery-ui -->
|
||||
<link href="{{ asset('/public/assets/css/jquery-ui.css') }}" rel="stylesheet">
|
||||
<link href="{{asset('/public/designer/css/build.css')}}" rel="stylesheet">
|
||||
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
@@ -2150,7 +2154,6 @@
|
||||
|
||||
function submitFormItemDetails() {
|
||||
var data = $("#frm-item-details").serialize();
|
||||
// console.log(data)
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: "{{ url('user/store-items/update') }}",
|
||||
|
||||
@@ -1,277 +1,644 @@
|
||||
@extends('user-layouts.user_template')
|
||||
@section('content')
|
||||
<style>
|
||||
.hide-bullets {
|
||||
list-style: none;
|
||||
margin-left: -40px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
<div class="content-wrapper" style="min-height: 916px;">
|
||||
<!-- Content Header (Page header) -->
|
||||
<section class="content-header">
|
||||
<h1>
|
||||
Store Item
|
||||
<small>{{ $product_array[0]->ProductName }}</small>
|
||||
</h1>
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{{ url('user') }}"><i class="fa fa-home"></i> Home</a></li>
|
||||
<li><a href="{{ url('user/store-items') }}"><i class="fa fa-th"></i> Store Items</a></li>
|
||||
<li class="active">{{ $product_array[0]->ProductName }}</li>
|
||||
</ol>
|
||||
</section>
|
||||
<!-- Main content -->
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-7">
|
||||
<div class="box box-primary">
|
||||
<div class="box-header with-border">
|
||||
<button type="button" class="btn btn-default pull-right" data-toggle="modal" data-target="#myModal">Re-arrange / Delete thumbnail</button>
|
||||
<button type="button" class="btn btn-danger pull-right" id="btn_delete_store_id" style="margin-right: 5px;" data-id="{{ $product_array[0]->Id }}">Delete this Item</button>
|
||||
</div>
|
||||
<div class="box-body custom-box-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
@foreach($thumbnails_array as $thumbnail)
|
||||
@if($thumbnail->ImageClass == 'active')
|
||||
<img style="height:400px" src="{{ config('site_config.images_url') }}/{{ $thumbnail->Image . '?t=' . time() }}" id="main-thumbnail">
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<ul class="hide-bullets">
|
||||
<li class="col-sm-3 col-xs-4">
|
||||
<a class="thumbnail btn-add-thumbnail" style="border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: -28px; cursor: pointer;">
|
||||
<!-- <span class="close">×</span> -->
|
||||
<img class="img img-responsive product-center " style="height: 65.45px;" src="{{ asset('/public/images/add-new-img.svg') }}" />
|
||||
<!-- <p class="center">Add Image</p> -->
|
||||
<p class="text-center">
|
||||
Add Image
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
@foreach($thumbnails_array as $thumbnail)
|
||||
<li class="col-sm-3 col-xs-4">
|
||||
<a class="thumbnail a_thumbnail {{ $thumbnail->ImageClass }}" style="border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: -28px;">
|
||||
<!-- <span class="close">×</span> -->
|
||||
<img class="img img-responsive product-center image-thumbnails" style="height: 59.45px;" src="{{ config('site_config.images_url') }}/{{ $thumbnail->Image . '?t=' . time() }}" />
|
||||
</a>
|
||||
<div class="funkyradio">
|
||||
<div class="funkyradio-primary">
|
||||
<input type="radio" id="{{ 'radio-' .$thumbnail->Id }}" data-product-id="{{ $product_array[0]->Id }}" data-id="{{ $thumbnail->Id }}" name="setActive" @if($thumbnail->ImageClass != null) checked @endif />
|
||||
<label for="{{ 'radio-' .$thumbnail->Id }}" style="border-top-left-radius: 0px; border-top-right-radius: 0px;">active</label>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="col-md-5">
|
||||
asdasdadadsaad
|
||||
</div> -->
|
||||
<style>
|
||||
.hide-bullets {
|
||||
list-style: none;
|
||||
margin-left: -40px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div class="content-wrapper" id="viewStoreItem" style="min-height: 916px;">
|
||||
<!-- Content Header (Page header) -->
|
||||
<section class="content-header">
|
||||
<h1>
|
||||
@{{ title }}
|
||||
<small>{{ $product_array[0]->ProductName }}</small>
|
||||
</h1>
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{{ url('user') }}"><i class="fa fa-home"></i> Home</a></li>
|
||||
<li><a href="{{ url('user/store-items') }}"><i class="fa fa-th"></i> Store Items</a></li>
|
||||
<li class="active">{{ $product_array[0]->ProductName }}</li>
|
||||
</ol>
|
||||
</section>
|
||||
<!-- Main content -->
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-7">
|
||||
<div class="box box-primary">
|
||||
<div class="box-header with-border">
|
||||
<button type="button" class="btn btn-default pull-right" data-toggle="modal"
|
||||
data-target="#myModal">Re-arrange / Delete thumbnail</button>
|
||||
<button type="button" class="btn btn-danger pull-right" id="btn_delete_store_id"
|
||||
style="margin-right: 5px;" data-id="{{ $product_array[0]->Id }}">Delete this
|
||||
Item</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<div class="box box-primary">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">
|
||||
Item Details
|
||||
</h3>
|
||||
</div>
|
||||
<form id="frm-item-details">
|
||||
<!-- <input type="hidden" name="design_code" class="form-control" value=""> -->
|
||||
<div class="box-body custom-box-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<input type="hidden" class="form-control" name="item_url" value="{{ $product_array[0]->ProductURL }}" placeholder="Item Name">
|
||||
<div class="form-group">
|
||||
<label>SKU</label>
|
||||
<input type="text" class="form-control" name="sku" value="{{ $product_array[0]->ProductCode }}" placeholder="SKU">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Item Name</label>
|
||||
<input type="text" class="form-control" name="itemName" value="{{ $product_array[0]->ProductName }}" placeholder="Item Name">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Item Desription</label>
|
||||
<textarea class="form-control" name="itemDescription">{{ $product_array[0]->ProductDescription }}</textarea>
|
||||
</div>
|
||||
<!-- <div class="form-group">
|
||||
|
||||
<div class="checkbox checkbox-inline">
|
||||
<input type="checkbox" class="styled" id="sale_chk" name="sale_chk" checked >
|
||||
<label for="sale_chk"> Sell Item</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox checkbox-inline">
|
||||
<input type="checkbox" class="styled" id="publish_chk" name="publish_chk" >
|
||||
<label for="publish_chk"> Publish Design</label>
|
||||
</div>
|
||||
|
||||
</div> -->
|
||||
<div class="form-group">
|
||||
<label>Item Price</label>
|
||||
<input id="item_price" name="item_price" class="form-control price_format" type="text" value="{{ $product_array[0]->ProductPrice }}" data-error="#err-price" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Item Form</label>
|
||||
<select class="form-control" name="itemForm">
|
||||
<option value="jersey-and-shorts-form" @if($product_array[0]->ProductForm == "jersey-and-shorts-form") selected @endif>Jersey and Shorts Form</option>
|
||||
<option value="tshirt-form" @if($product_array[0]->ProductForm == "tshirt-form") selected @endif>T-Shirt Form</option>
|
||||
<option value="quantity-form" @if($product_array[0]->ProductForm == "quantity-form") selected @endif>Quantity Form</option>
|
||||
<option value="name-number-form" @if($product_array[0]->ProductForm == "name-number-form") selected @endif>Name and Number Form</option>
|
||||
<option value="name-number-size-form" @if($product_array[0]->ProductForm == "name-number-size-form") selected @endif>Name, Number and Size Form</option>
|
||||
<option value="number-form" @if($product_array[0]->ProductForm == "number-form") selected @endif>Number Only Form</option>
|
||||
<option value="name-size-form" @if($product_array[0]->ProductForm == "name-size-form") selected @endif>Name and Size Form</option>
|
||||
<option value="jersey-and-shorts-quantity-form" @if($product_array[0]->ProductForm == "jersey-and-shorts-quantity-form") selected @endif>Jersey, Shorts and Quantity Form</option>
|
||||
<option value="number-jersey-shorts-form" @if($product_array[0]->ProductForm == "number-jersey-shorts-form") selected @endif>Number, Jersey and Shorts Form</option>
|
||||
<option value="roster-name-number-size-form" @if($product_array[0]->ProductForm == "roster-name-number-size-form") selected @endif>Roster and Size Form</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Available Size</label>
|
||||
<select class="form-control select2" data-error="#err_available_size" data-placeholder="Select Size" name="available_size[]" multiple="multiple" required>
|
||||
<option value="toddler" @if(in_array("toddler", $available_size)) selected @endif>Toddler</option>
|
||||
<option value="youth" @if(in_array("youth", $available_size)) selected @endif>Youth</option>
|
||||
<option value="adult" @if(in_array("adult", $available_size)) selected @endif>Adult</option>
|
||||
<option value="mask" @if(in_array("mask", $available_size)) selected @endif>Mask</option>
|
||||
<option value="gaiter" @if(in_array("gaiter", $available_size)) selected @endif>Gaiter</option>
|
||||
<option value="buckethat" @if(in_array("buckethat", $available_size)) selected @endif>Buckethat</option>
|
||||
<option value="none" @if(in_array("none", $available_size)) selected @endif>None</option>
|
||||
</select>
|
||||
<span id="err_available_size"></span>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Item Quantity <small>(Optional)</small></label>
|
||||
<input id="item_quantity" name="item_quantity" class="form-control" type="number" min="0" value="{{ $product_array[0]->ProductAvailableQty }}" data-error="#err-quantity" />
|
||||
</div>
|
||||
{{-- {{ var_dump($product_array[0]) }} --}}
|
||||
<div class="form-group">
|
||||
<label>Item Privacy</label>
|
||||
<select class="form-control" name="item_privacy">
|
||||
<option value="public" @if($product_array[0]->PrivacyStatus == "public") selected @endif>Public</option>
|
||||
<option value="private" @if($product_array[0]->PrivacyStatus == "private") selected @endif>Private</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Select Shipping Category</label>
|
||||
<select class="form-control" name="shipping_cost" required>
|
||||
<option value="0">None</option>
|
||||
@foreach ($shipping_cost as $sc)
|
||||
<option value="{{ $sc->Id }}" @if($sc->Id == $product_array[0]->ShippingCostId) selected @endif>{{ $sc->DisplayName }}</option>
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
@foreach ($thumbnails_array as $thumbnail)
|
||||
@if ($thumbnail->ImageClass == 'active')
|
||||
<img style="height:400px"
|
||||
src="{{ config('site_config.images_url') }}/{{ $thumbnail->Image . '?t=' . time() }}"
|
||||
id="main-thumbnail">
|
||||
@endif
|
||||
@endforeach
|
||||
</select>
|
||||
<span id="err_available_size"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<ul class="hide-bullets">
|
||||
<li class="col-sm-3 col-xs-4">
|
||||
<a class="thumbnail btn-add-thumbnail"
|
||||
style="border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: -28px; cursor: pointer;">
|
||||
<!-- <span class="close">×</span> -->
|
||||
<img class="img img-responsive product-center "
|
||||
style="height: 65.45px;"
|
||||
src="{{ asset('/public/images/add-new-img.svg') }}" />
|
||||
<!-- <p class="center">Add Image</p> -->
|
||||
<p class="text-center">
|
||||
Add Image
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
@foreach ($thumbnails_array as $thumbnail)
|
||||
<li class="col-sm-3 col-xs-4">
|
||||
<a class="thumbnail a_thumbnail {{ $thumbnail->ImageClass }}"
|
||||
style="border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: -28px;">
|
||||
<!-- <span class="close">×</span> -->
|
||||
<img class="img img-responsive product-center image-thumbnails"
|
||||
style="height: 59.45px;"
|
||||
src="{{ config('site_config.images_url') }}/{{ $thumbnail->Image . '?t=' . time() }}" />
|
||||
</a>
|
||||
<div class="funkyradio">
|
||||
<div class="funkyradio-primary">
|
||||
<input type="radio" id="{{ 'radio-' . $thumbnail->Id }}"
|
||||
data-product-id="{{ $product_array[0]->Id }}"
|
||||
data-id="{{ $thumbnail->Id }}" name="setActive"
|
||||
@if ($thumbnail->ImageClass != null) checked @endif />
|
||||
<label for="{{ 'radio-' . $thumbnail->Id }}"
|
||||
style="border-top-left-radius: 0px; border-top-right-radius: 0px;">active</label>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="col-md-5">
|
||||
asdasdadadsaad
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<div class="box box-primary">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">
|
||||
Item Details
|
||||
</h3>
|
||||
</div>
|
||||
<form id="frm-item-details">
|
||||
<!-- <input type="hidden" name="design_code" class="form-control" value=""> -->
|
||||
<div class="box-body custom-box-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<input type="hidden" class="form-control" name="item_url"
|
||||
value="{{ $product_array[0]->ProductURL }}" placeholder="Item Name">
|
||||
<div class="form-group">
|
||||
<label>SKU</label>
|
||||
<input type="text" class="form-control" name="sku"
|
||||
value="{{ $product_array[0]->ProductCode }}" placeholder="SKU">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Item Name</label>
|
||||
<input type="text" class="form-control" name="itemName"
|
||||
value="{{ $product_array[0]->ProductName }}" placeholder="Item Name">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Item Desription</label>
|
||||
<textarea class="form-control" name="itemDescription">{{ $product_array[0]->ProductDescription }}</textarea>
|
||||
</div>
|
||||
<!-- <div class="form-group">
|
||||
|
||||
<div class="checkbox checkbox-inline">
|
||||
<input type="checkbox" class="styled" id="sale_chk" name="sale_chk" checked >
|
||||
<label for="sale_chk"> Sell Item</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox checkbox-inline">
|
||||
<input type="checkbox" class="styled" id="publish_chk" name="publish_chk" >
|
||||
<label for="publish_chk"> Publish Design</label>
|
||||
</div>
|
||||
|
||||
</div> -->
|
||||
<div class="form-group">
|
||||
<label>Item Price</label>
|
||||
<input id="item_price" name="item_price" class="form-control price_format"
|
||||
type="text" value="{{ $product_array[0]->ProductPrice }}"
|
||||
data-error="#err-price" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Item Form</label>
|
||||
<select class="form-control" name="itemForm" v-model="itemFormSelected"
|
||||
@change="handleSelectItemForm">
|
||||
<option value="jersey-and-shorts-form"
|
||||
@if ($product_array[0]->ProductForm == 'jersey-and-shorts-form') selected @endif>Jersey and Shorts
|
||||
Form</option>
|
||||
<option value="tshirt-form"
|
||||
@if ($product_array[0]->ProductForm == 'tshirt-form') selected @endif>T-Shirt Form
|
||||
</option>
|
||||
<option value="quantity-form"
|
||||
@if ($product_array[0]->ProductForm == 'quantity-form') selected @endif>Quantity Form
|
||||
</option>
|
||||
<option value="name-number-form"
|
||||
@if ($product_array[0]->ProductForm == 'name-number-form') selected @endif>Name and Number
|
||||
Form</option>
|
||||
<option value="name-number-size-form"
|
||||
@if ($product_array[0]->ProductForm == 'name-number-size-form') selected @endif>Name, Number and
|
||||
Size Form</option>
|
||||
<option value="number-size-form"
|
||||
@if ($product_array[0]->ProductForm == 'number-size-form') selected @endif>Number and Size
|
||||
Form</option>
|
||||
<option value="number-form"
|
||||
@if ($product_array[0]->ProductForm == 'number-form') selected @endif>Number Only Form
|
||||
</option>
|
||||
<option value="name-size-form"
|
||||
@if ($product_array[0]->ProductForm == 'name-size-form') selected @endif>Name and Size Form
|
||||
</option>
|
||||
<option value="jersey-and-shorts-quantity-form"
|
||||
@if ($product_array[0]->ProductForm == 'jersey-and-shorts-quantity-form') selected @endif>Jersey, Shorts
|
||||
and Quantity Form</option>
|
||||
<option value="number-jersey-shorts-form"
|
||||
@if ($product_array[0]->ProductForm == 'number-jersey-shorts-form') selected @endif>Number, Jersey
|
||||
and Shorts Form</option>
|
||||
<option value="roster-name-number-size-form"
|
||||
@if ($product_array[0]->ProductForm == 'roster-name-number-size-form') selected @endif>Roster and Size
|
||||
Form</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group d-flex"
|
||||
v-if="itemFormSelected == 'roster-name-number-size-form'">
|
||||
<button type="button" class="btn btn-success btn-sm"
|
||||
@click="addRosterModal">
|
||||
<i class="fa fa-plus"></i> Add Roster
|
||||
</button>
|
||||
<button type="button" class="btn btn-warning btn-sm"
|
||||
@click="viewRosterModal">
|
||||
<i class="fa fa-eye"></i> View Roster
|
||||
</button>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Available Size</label>
|
||||
<select class="form-control select2" data-error="#err_available_size"
|
||||
data-placeholder="Select Size" name="available_size[]"
|
||||
multiple="multiple" required>
|
||||
<option value="toddler"
|
||||
@if (in_array('toddler', $available_size)) selected @endif>Toddler</option>
|
||||
<option value="youth" @if (in_array('youth', $available_size)) selected @endif>
|
||||
Youth</option>
|
||||
<option value="adult" @if (in_array('adult', $available_size)) selected @endif>
|
||||
Adult</option>
|
||||
<option value="mask" @if (in_array('mask', $available_size)) selected @endif>
|
||||
Mask</option>
|
||||
<option value="gaiter" @if (in_array('gaiter', $available_size)) selected @endif>
|
||||
Gaiter</option>
|
||||
<option value="buckethat"
|
||||
@if (in_array('buckethat', $available_size)) selected @endif>Buckethat
|
||||
</option>
|
||||
<option value="none" @if (in_array('none', $available_size)) selected @endif>
|
||||
None</option>
|
||||
</select>
|
||||
<span id="err_available_size"></span>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Item Quantity <small>(Optional)</small></label>
|
||||
<input id="item_quantity" name="item_quantity" class="form-control"
|
||||
type="number" min="0"
|
||||
value="{{ $product_array[0]->ProductAvailableQty }}"
|
||||
data-error="#err-quantity" />
|
||||
</div>
|
||||
{{-- {{ var_dump($product_array[0]) }} --}}
|
||||
<div class="form-group">
|
||||
<label>Item Privacy</label>
|
||||
<select class="form-control" name="item_privacy">
|
||||
<option value="public" @if ($product_array[0]->PrivacyStatus == 'public') selected @endif>
|
||||
Public</option>
|
||||
<option value="private"
|
||||
@if ($product_array[0]->PrivacyStatus == 'private') selected @endif>Private</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Select Shipping Category</label>
|
||||
<select class="form-control" name="shipping_cost" required>
|
||||
<option value="0">None</option>
|
||||
@foreach ($shipping_cost as $sc)
|
||||
<option value="{{ $sc->Id }}"
|
||||
@if ($sc->Id == $product_array[0]->ShippingCostId) selected @endif>
|
||||
{{ $sc->DisplayName }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
<span id="err_available_size"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-footer">
|
||||
<!-- <button type="submit" class="btn btn-default">Cancel</button> -->
|
||||
<button type="submit" class="btn btn-primary pull-right">Save changes</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.content -->
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="myModal" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Item Images</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<table class="table table-bordered table-condensed">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Image</th>
|
||||
<th class="col-sm-2 text-center">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="sortable">
|
||||
@foreach ($thumbnails_array as $thumbnail)
|
||||
<tr id="{{ 'item-' . $thumbnail->Id }}">
|
||||
<td class="text-center" style="width: 50px"><i class="fa fa-bars"></i></td>
|
||||
<td><img class="img img-responsive product-center" style="height: 59.45px;"
|
||||
src="{{ config('site_config.images_url') }}/{{ $thumbnail->Image . '?t=' . time() }}" />
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<!-- <button class="btn btn-default btn-xs btn-edit-clipart" data-id="#"><i class="fa fa-edit"></i></button> -->
|
||||
<button class="btn btn-default btn-sm btn-delete-item-image"
|
||||
data-id="{{ $thumbnail->Id }}" data-filename="{{ $thumbnail->Image }}"
|
||||
title="Delete Image"><i class="fa fa-trash"></i></button>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary" id="btn_save_thumbnail_sorting">Save
|
||||
Changes</button>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="modal fade" id="modal_add_thumbnail" role="dialog">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<form id="frm_add_new_images">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Add Image</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row grid-divider">
|
||||
<div class="col-sm-4">
|
||||
<div class="col-padding">
|
||||
<h3>Select Image(s)</h3>
|
||||
<div class="form-group">
|
||||
<input type="hidden" name="_id" value="{{ $product_array[0]->Id }}" />
|
||||
<input type="file" class="form-control" id="upload_images"
|
||||
name="upload_images[]" multiple accept="image/*" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="button" id="clear_frm_add_new_images"
|
||||
class="btn btn-default btn-block">Clear</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<div class="col-padding">
|
||||
<h3>Preview</h3>
|
||||
<div class="col-md-12">
|
||||
<ul class="hide-bullets small-preview-thumb">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-footer">
|
||||
<!-- <button type="submit" class="btn btn-default">Cancel</button> -->
|
||||
<button type="submit" class="btn btn-primary pull-right">Save changes</button>
|
||||
<div class="modal-footer">
|
||||
<button type="submit" id="btn_submit_new_item_image" class="btn btn-primary">Submit</button>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.content -->
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="myModal" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Item Images</h4>
|
||||
<div class="modal fade" id="modalAddRoster" role="dialog" data-backdrop="static" data-keyboard="false">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
{{-- @{{ roster }} --}}
|
||||
<form @submit.prevent="onRosterSubmit">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Add Roster</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<table class="table">
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Name</th>
|
||||
<th>Number</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
<tr v-for="(item, i) in roster" :key="i">
|
||||
<td style="padding: 0px 0px 0px 8px;">@{{ i + 1 }}</td>
|
||||
<td style="padding: 0px 0px 0px 8px;"><input type="text" placeholder="Player Name"
|
||||
v-model="roster[i]['Name']" class="form-control"></td>
|
||||
<td style="padding: 0px 8px 0px 0px;"><input type="text"
|
||||
placeholder="Player Number" v-model="roster[i]['Number']" maxlength="2"
|
||||
class="form-control"></td>
|
||||
<td style="padding: 0px 8px 0px 0px; text-align: end;">
|
||||
<button type="button" @click="removeRosterRow(i)" :disabled="roster.length <= 1"
|
||||
class="btn btn-danger"><i class="fa fa-times-circle-o"></i></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" style="padding: 8px 8px 0px 8px; text-align: end;">
|
||||
<button type="button" @click="addRosterRow" class="btn btn-primary">Add
|
||||
Row</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="submit" class="btn btn-primary" :disabled="isSubmit">
|
||||
<i v-if="isSubmit" class="fa fa-spinner fa-spin"></i> Submit
|
||||
|
||||
</button>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<table class="table table-bordered table-condensed">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Image</th>
|
||||
<th class="col-sm-2 text-center">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="sortable">
|
||||
@foreach($thumbnails_array as $thumbnail)
|
||||
</div>
|
||||
|
||||
<tr id="{{ 'item-' . $thumbnail->Id }}">
|
||||
<td class="text-center" style="width: 50px"><i class="fa fa-bars"></i></td>
|
||||
<td><img class="img img-responsive product-center" style="height: 59.45px;" src="{{ config('site_config.images_url') }}/{{ $thumbnail->Image . '?t=' . time() }}" /></td>
|
||||
<td class="text-center">
|
||||
<!-- <button class="btn btn-default btn-xs btn-edit-clipart" data-id="#"><i class="fa fa-edit"></i></button> -->
|
||||
<button class="btn btn-default btn-sm btn-delete-item-image" data-id="{{ $thumbnail->Id }}" data-filename="{{ $thumbnail->Image }}" title="Delete Image"><i class="fa fa-trash"></i></button>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
<div class="modal fade" id="modalViewRoster" role="dialog" data-backdrop="static" data-keyboard="false">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<form @submit.prevent="onRosterUpdate">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Roster</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div style="text-align: end;">
|
||||
<button type="button" @click.prevent="getRoster" class="btn btn-success" :disabled="isRefresh">
|
||||
<i v-if="isRefresh" class="fa fa-spinner fa-spin"></i> Refresh
|
||||
|
||||
</button>
|
||||
</div>
|
||||
<table class="table">
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Name</th>
|
||||
<th>Number</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
<tr v-for="(item, i) in currentRoster" :key="i">
|
||||
<td style="padding: 0px 0px 0px 8px;">@{{ i + 1 }}</td>
|
||||
<td style="padding: 0px 0px 0px 8px;"><input type="text" placeholder="Player Name"
|
||||
v-model="currentRoster[i]['Name']" class="form-control"></td>
|
||||
<td style="padding: 0px 8px 0px 0px;"><input type="text" maxlength="2"
|
||||
placeholder="Player Number" v-model="currentRoster[i]['Number']"
|
||||
class="form-control"></td>
|
||||
<td style="padding: 0px 8px 0px 0px; text-align: end;">
|
||||
<button type="button" @click="deleteRoster(i, item)" class="btn btn-danger"><i
|
||||
class="fa fa-trash-o"></i></button>
|
||||
</td>
|
||||
</tr>
|
||||
{{-- <tr>
|
||||
<td colspan="4" style="padding: 8px 8px 0px 8px; text-align: end;">
|
||||
<button type="button" @click="addRosterRow" class="btn btn-primary">Add
|
||||
Row</button>
|
||||
</td>
|
||||
</tr> --}}
|
||||
</table>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="submit" class="btn btn-primary" :disabled="isSubmit">
|
||||
<i v-if="isSubmit" class="fa fa-spinner fa-spin"></i> Update
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary" id="btn_save_thumbnail_sorting">Save Changes</button>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</button>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="modal fade" id="modal_add_thumbnail" role="dialog">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<form id="frm_add_new_images">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Add Image</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row grid-divider">
|
||||
<div class="col-sm-4">
|
||||
<div class="col-padding">
|
||||
<h3>Select Image(s)</h3>
|
||||
<div class="form-group">
|
||||
<input type="hidden" name="_id" value="{{ $product_array[0]->Id }}" />
|
||||
<input type="file" class="form-control" id="upload_images" name="upload_images[]" multiple accept="image/*" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="button" id="clear_frm_add_new_images" class="btn btn-default btn-block">Clear</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<div class="col-padding">
|
||||
<h3>Preview</h3>
|
||||
<div class="col-md-12">
|
||||
<ul class="hide-bullets small-preview-thumb">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="submit" id="btn_submit_new_item_image" class="btn btn-primary">Submit</button>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
new Vue({
|
||||
el: '#viewStoreItem',
|
||||
data: {
|
||||
title: "Store Item", // Passing Laravel data to Vue
|
||||
showAddRoster: false,
|
||||
itemFormSelected: {!! json_encode($product_array[0]->ProductForm) !!},
|
||||
roster: [{
|
||||
Name: "",
|
||||
Number: "",
|
||||
ProductId: {!! json_encode($product_array[0]->Id) !!}
|
||||
}],
|
||||
|
||||
currentRoster: {!! json_encode($roster) !!},
|
||||
toBeDeletedRoster: [],
|
||||
isSubmit: false,
|
||||
isRefresh: false
|
||||
},
|
||||
|
||||
methods: {
|
||||
handleSelectItemForm() {
|
||||
console.log('Selected option:', this.itemFormSelected);
|
||||
},
|
||||
|
||||
addRosterRow() {
|
||||
this.roster.push({
|
||||
Name: "",
|
||||
Number: "",
|
||||
ProductId: {!! json_encode($product_array[0]->Id) !!}
|
||||
})
|
||||
},
|
||||
|
||||
deleteRoster(i, item) {
|
||||
this.currentRoster.splice(i, 1);
|
||||
this.toBeDeletedRoster.push(item.Id);
|
||||
},
|
||||
|
||||
async onRosterUpdate() {
|
||||
// this.isSubmit = true;
|
||||
|
||||
if (this.toBeDeletedRoster.length > 0) {
|
||||
this.postDeleteRoster();
|
||||
}
|
||||
|
||||
await this.updateRoster();
|
||||
|
||||
// this.isSubmit = false;
|
||||
},
|
||||
|
||||
async postDeleteRoster() {
|
||||
|
||||
const token = $('meta[name="csrf_token"]').attr('content')
|
||||
axios.post("{{ url('user/roster-delete') }}", {
|
||||
data: this.toBeDeletedRoster
|
||||
}, {
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
'X-CSRF-TOKEN': token
|
||||
}
|
||||
})
|
||||
.then(response => {
|
||||
this.isSubmit = false;
|
||||
console.log(response.data);
|
||||
// alert("Roster is successfully saved.");
|
||||
// $('#modalAddRoster').modal('hide');
|
||||
// this.roster = [{
|
||||
// Name: "",
|
||||
// Number: "",
|
||||
// ProductId: {!! json_encode($product_array[0]->Id) !!}
|
||||
// }]
|
||||
|
||||
})
|
||||
.catch(error => {
|
||||
console.error(error); // Handle error
|
||||
this.isSubmit = false; // Hide loading indicator
|
||||
});
|
||||
},
|
||||
|
||||
async onRosterSubmit() {
|
||||
this.isSubmit = true;
|
||||
const token = $('meta[name="csrf_token"]').attr('content')
|
||||
axios.post("{{ url('user/roster') }}", {
|
||||
data: this.roster
|
||||
}, {
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
'X-CSRF-TOKEN': token
|
||||
}
|
||||
})
|
||||
.then(response => {
|
||||
this.isSubmit = false;
|
||||
console.log(response.data);
|
||||
|
||||
const res = response.data;
|
||||
|
||||
if (!res.status) {
|
||||
alert(res.message);
|
||||
return
|
||||
}
|
||||
|
||||
alert(res.message);
|
||||
$('#modalAddRoster').modal('hide');
|
||||
this.roster = [{
|
||||
Name: "",
|
||||
Number: "",
|
||||
ProductId: {!! json_encode($product_array[0]->Id) !!}
|
||||
}]
|
||||
|
||||
})
|
||||
.catch(error => {
|
||||
console.error(error); // Handle error
|
||||
this.isSubmit = false; // Hide loading indicator
|
||||
});
|
||||
},
|
||||
|
||||
async updateRoster() {
|
||||
this.isSubmit = true;
|
||||
const token = $('meta[name="csrf_token"]').attr('content')
|
||||
axios.post("{{ url('user/roster-update') }}", {
|
||||
data: this.currentRoster
|
||||
}, {
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
'X-CSRF-TOKEN': token
|
||||
}
|
||||
})
|
||||
.then(response => {
|
||||
this.isSubmit = false;
|
||||
console.log(response.data);
|
||||
alert("Roster is successfully updated.");
|
||||
$('#modalViewRoster').modal('hide');
|
||||
|
||||
|
||||
@endsection
|
||||
})
|
||||
.catch(error => {
|
||||
console.error(error); // Handle error
|
||||
this.isSubmit = false; // Hide loading indicator
|
||||
});
|
||||
},
|
||||
|
||||
async getRoster() {
|
||||
this.isRefresh = true;
|
||||
const productId = {!! json_encode($product_array[0]->Id) !!}
|
||||
const token = $('meta[name="csrf_token"]').attr('content')
|
||||
axios.get("{{ url('user/roster') }}", {
|
||||
params: {
|
||||
'product-id': productId
|
||||
}
|
||||
}, {
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
'X-CSRF-TOKEN': token
|
||||
}
|
||||
})
|
||||
.then(response => {
|
||||
this.isRefresh = false;
|
||||
console.log("getRoster", response)
|
||||
this.currentRoster = response.data;
|
||||
})
|
||||
.catch(error => {
|
||||
console.error(error); // Handle error
|
||||
this.isRefresh = false;
|
||||
});
|
||||
},
|
||||
|
||||
removeRosterRow(i) {
|
||||
this.roster.splice(i, 1);
|
||||
},
|
||||
|
||||
addRosterModal() {
|
||||
$('#modalAddRoster').modal('show');
|
||||
},
|
||||
|
||||
viewRosterModal() {
|
||||
$('#modalViewRoster').modal('show');
|
||||
// this.getRoster()
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
|
||||