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

update 12_27_2019

Browse Source
This commit is contained in:
franknstayn
2019-12-27 22:34:28 +08:00
parent 85a729f85d
commit 168c59f6cf
7 changed files with 885 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
app/Http/Controllers/admin/AdminController.php
View File

@@ -411,7 +411,12 @@ class AdminController extends Controller
}
public function viewReports(){
return view('admin_pages.reports');
$AdminModel = new AdminModel;
$array_store_orders = $AdminModel->selectStoreOrders();
// var_dump($array_store_orders);
return view('admin_pages.reports')
->with('array_store_orders', $array_store_orders);
}
public function addClipart(){
@@ -649,5 +654,45 @@ class AdminController extends Controller
->with('clipart_array', $clipart_array);
}
public function visualizerAdd(){
$AdminModel = new AdminModel;
$sports_array = $AdminModel->selectSports();
$pattern_array = $AdminModel->selectPattern();
return view('admin_pages.add_visualizer')
->with('sports_array', $sports_array)
->with('pattern_array', $pattern_array);
}
public function selectSportsCategory(Request $request){
$post = $request->all();
$AdminModel = new AdminModel;
$sports_category_array = $AdminModel->selectSportsCategory($post['id']);
return response()->json(array(
'success' => true,
'data'=> $sports_category_array
));
}
public function getOverlayPattern(){
$AdminModel = new AdminModel;
$pattern_array = $AdminModel->selectPattern();
return response()->json(array(
'success' => true,
'data' => $pattern_array
));
}
public function saveNewVisualizer(Request $request){
$post = $request->all();
$AdminModel = new AdminModel;
var_dump($post);
}
}

6
app/Http/routes.php
View File

@@ -52,8 +52,11 @@ Route::group(['middleware' => 'auth'], function () {
Route::post('clipart/delete-clipart-category', 'admin\AdminController@deleteClipartCategory');
Route::post('clipart/save-clipart-cat-ordering', 'admin\AdminController@saveClipartCatOrdering');
Route::post('clipart/update-clipart-category', 'admin\AdminController@updateClipartCategory');
Route::get('visualizer/add', 'admin\AdminController@visualizerAdd');
Route::post('visualizer/request/get-sports-category', 'admin\AdminController@selectSportsCategory');
Route::get('/get-overlay-pattern', 'admin\AdminController@getOverlayPattern');
Route::post('/add-new-visualizer/save', 'admin\AdminController@saveNewVisualizer');
Route::get('user-list', 'admin\AdminController@userList');
@@ -61,6 +64,7 @@ Route::group(['middleware' => 'auth'], function () {
Route::post('post/remove-store-access', 'admin\AdminController@removeStoreAccess');
Route::post('post/save-new-store-owner', 'admin\AdminController@saveNewStoreOwner');
// Download Routes /////////////////
Route::get('orders/download/tshirt/{ck}/{id}', 'admin\AdminController@downloadPrintFile_tshirt');

25
app/Models/admin/AdminModel.php
View File

@@ -232,9 +232,30 @@ class AdminModel extends Model
return $i;
}
function selectSports(){
$i = DB::table('sports')
->orderby("SportsName", "ASC")
->get();
return $i;
}
function selectSportsCategory($id){
$i = DB::table('template_categories')
->where('TemplateId', $id)
->orderby("Category", "ASC")
->get();
return $i;
}
function selectStoreOrders(){
$i = DB::table('orders')->select('orders.*', 'orders.Id as Order_Id', 'payment_details.InvoiceNumber', 'payment_details.Currency', 'payment_details.Payer_Email', 'payment_details.Payer_Firstname', 'payment_details.Payer_Lastname', 'shipping_addresses.*')
->leftjoin('payment_details', 'payment_details.CartKey','=','orders.CartKey')
->leftjoin('shipping_addresses', 'shipping_addresses.PaymentDetail_Id','=','payment_details.Id')
// ->where('orders.StoreId', $store_id)
->orderby('orders.DateCreated', 'DESC')
->get();
return $i;
}
}

321
resources/views/admin/main.blade.php
View File

@@ -42,7 +42,9 @@ scratch. This page gets rid of all links and provides the needed markup only.
<!-- Theme style -->
<link rel="stylesheet" href="{{ asset('/bower_components/admin-lte/dist/css/AdminLTE.min.css') }}">
<!-- jquery-ui -->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
{{-- spectrum --}}
<link rel="stylesheet" href="http://bgrins.github.io/spectrum/spectrum.css">
<style>
/* .store-password-field {
@@ -232,6 +234,8 @@ desired effect
<script src="{{ asset('/bower_components/select2/dist/js/select2.min.js') }}"></script>
<!-- jquery-ui -->
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
{{-- spectrum --}}
<script src="http://bgrins.github.com/spectrum/spectrum.js"></script>
<script>
$(document).ready(function() {
@@ -240,6 +244,25 @@ desired effect
// hash && $('ul.nav a[href="' + hash + '"]').tab('show');
// $.fn.dataTable.moment( 'DD/M/YYYY' );
$.fn.dataTable.ext.search.push(
function (settings, data, dataIndex) {
var min = $('#min').datepicker("getDate");
var max = $('#max').datepicker("getDate");
var startDate = new Date(data[9]);
if (min == null && max == null) { return true; }
if (min == null && startDate <= max) { return true;}
if(max == null && startDate >= min) {return true;}
if (startDate <= max && startDate >= min) { return true; }
return false;
}
);
$("#min").datepicker({ onSelect: function () { table.draw(); }, changeMonth: true, changeYear: true });
$("#max").datepicker({ onSelect: function () { table.draw(); }, changeMonth: true, changeYear: true });
try{
var canvas = new fabric.Canvas('canvas');
canvas.setWidth($('.canvas-container').width());
@@ -357,6 +380,18 @@ desired effect
});
});
$(document).on('click', '[data-toggle="lightbox_visualizer"]', function(event) {
event.preventDefault();
var v = $(this).closest("div.input-group").find("input[type='file']").val();
if(v == ""){
return false;
}
$(this).ekkoLightbox({
alwaysShowClose: true,
});
});
$(document).on('change', '#select_sort_stores', function(event) {
event.preventDefault();
$('#frm_search_store').submit();
@@ -538,6 +573,11 @@ desired effect
readURL(this, $id);
});
$(".upload-visualizer").change(function() {
var $id = $(this).data('use-id');
readURLVisualizer(this, $id);
});
function changeColor(pathid, hexc) {
var obj = canvas.getActiveObject();
for (var j in obj.paths) {
@@ -813,8 +853,6 @@ desired effect
submitHandler: submitEditCategoryForm
});
$('#btn_save_clipart_cat_sorting').on('click', function(e) {
e.preventDefault();
var sorted_data = tblbody_clipart_cat.sortable('serialize');
@@ -840,11 +878,207 @@ desired effect
}
});
});
//saving new template
$('#stepOneNextBtn').click(function() {
if($("#frm_addnew_visualizer").valid()){
var $active = $('.wizard .nav-tabs li.active');
$active.next().removeClass('disabled');
nextTab($active);
}
// $('#getSkins').val($('#_addPatterns').val());
});
$('#stepTwoNextBtn').click(function() {
if($("#frm_addnew_visualizer").valid()){
var $active = $('.wizard .nav-tabs li.active');
$active.next().removeClass('disabled');
nextTab($active);
}
});
//Initialize tooltips
// $('.nav-tabs > li a[title]').tooltip();
//Wizard
$('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
var $target = $(e.target);
if ($target.parent().hasClass('disabled')) {
return false;
}
});
$(".prev-step").click(function (e) {
var $active = $('.wizard .nav-tabs li.active');
prevTab($active);
});
$(document).on('change', '#numberOfTrims', function(event) {
// alert()
var numberOfTrims = $(this).val();
if(numberOfTrims > 0){
$('#list_of_trims').html('');
for (i = 1; i <= numberOfTrims; i++) {
if(i == 1){
$('#list_of_trims').append('<div class="form-group"> ' +
'<label class="col-sm-4 control-label">Set Default Trim Color</label> ' +
'<div class="col-sm-6"> ' +
' <input type="text" class="form-control" value="Trim '+i+'"> ' +
'</div> ' +
'<div class="col-sm-2"> ' +
' <input type="color" class="colorPicker-trim form-control"> ' +
'</div> ' +
'</div>');
}else{
$('#list_of_trims').append('<div class="form-group"> ' +
'<label class="col-sm-4 control-label">&nbsp;</label> ' +
'<div class="col-sm-6"> ' +
' <input type="text" class="form-control" value="Trim '+i+'"> ' +
'</div> ' +
'<div class="col-sm-2"> ' +
' <input type="color" class="colorPicker-trim form-control"> ' +
'</div> ' +
'</div>');
}
}
callSpectrumApi();
}else{
$('#list_of_trims').html('');
}
});
$(".colorPicker").spectrum({
preferredFormat: "rgb",
showInput: true
});
$(document).on('button change', '#sportName', function() {
var sportsId = $(this).val();
$.ajax({
type : 'POST',
url : "{{ url('admin/visualizer/request/get-sports-category') }}",
data : {
id: sportsId
},
beforeSend: function(xhr){
var token = $('meta[name="csrf_token"]').attr('content');
if (token) {
return xhr.setRequestHeader('X-CSRF-TOKEN', token);
}
},
success : function(response){
console.log(response)
if(response.success){
$('#sport_category').html('');
var cat_item = response.data;
cat_item.forEach(function(cat){
$('#sport_category').append('<option value="'+cat['Id']+'">'+cat['Category']+'</option>');
});
}
}
});
});
// $('#modal_edit_category').modal('show', function(){
// });
$(document).on('button click', '.btn-preview-visualizer', function(event) {
event.preventDefault();
var v = $(this).closest("div.input-group").find("input[type='file']").val();
if(v == ""){
return false;
}
$('#modal_preview_visualizer').modal('show');
$('#modal_preview_visualizer_body').html('');
$('#modal_preview_visualizer_body').html('<object id="obj_visualizer_preview" type="image/svg+xml" height="502px" width="100%"> ' +
'Your browser is not supported svg file ' +
'</object>')
document.getElementById('obj_visualizer_preview').setAttribute('data', $(this).data('visualizer'));
});
$("#select2_select_pattern").select2({
templateResult: formatState
});
$("#frm_addnew_visualizer").validate({
rules: {
// store_name: {
// required: true
// },
// store_url: {
// required: true
// },
// store_password: {
// required: '#with_password_opt:checked'
// },
// store_logo: {
// required: true
// },
// store_banner: {
// required: true
// },
// store_status: {
// required: true
// },
// store_currency: {
// required: true
// }
},
messages: {},
errorPlacement: function(error, element) {
var placement = $(element).data('error');
if (placement) {
$(placement).append(error);
}else {
error.insertAfter(element);
}
},
submitHandler: submitFormAddNewVisualizer
});
}); // end document ready
function formatState (state) {
if (!state.id) {
return state.text;
}
// index 0 is pattern id index 1 is thumbnail
var split_id = state.id.split("##");
var thumb = "{{ config('site_config.images_directory') }}" + split_id[1];
var $state = $('<div><img sytle="display: inline-block;" height="45px" src="'+thumb+'" /><span>' + state.text + '</span></div>'
);
return $state;
}
function callSpectrumApi(){
$(".colorPicker-trim").spectrum({
preferredFormat: "rgb",
showInput: true
});
}
function nextTab(elem) {
$(elem).next().find('a[data-toggle="tab"]').click();
}
function prevTab(elem) {
$(elem).prev().find('a[data-toggle="tab"]').click();
}
function submitEditCategoryForm(){
var data = $("#frm_edit_category").serializeArray();
@@ -934,6 +1168,67 @@ desired effect
return colorSet;
}
function submitFormAddNewVisualizer(){
$.ajax({
type: "POST",
url: "{{ url('admin/add-new-visualizer/save') }}",
data: new FormData($('#frm_addnew_visualizer')[0]),
processData: false,
contentType: false,
dataType: 'json',
beforeSend: function(xhr){
$("#submitTemplateBtn").attr('disabled', true);
$("#submitTemplateBtn").html('<i class="fa fa-spinner fa-spin"></i> Saving...');
var token = $('meta[name="csrf_token"]').attr('content');
if (token) {
return xhr.setRequestHeader('X-CSRF-TOKEN', token);
}
},
success: function (response) {
console.log(response);
// if(response.success){
// $('#create_store_msg').html('<div class="alert alert-success alert-dismissible"> ' +
// '<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> ' +
// '<h4><i class="icon fa fa-check"></i> Success!</h4> ' +
// '<p>'+response.message+'</p> ' +
// '</div>').fadeIn().delay(5000).fadeOut();
// }else{
// $('#create_store_msg').html('<div class="alert alert-danger alert-dismissible"> ' +
// '<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> ' +
// '<h4><i class="icon fa fa-ban"></i> Error!</h4> ' +
// '<p>'+response.message+'</p> ' +
// '</div>').fadeIn().delay(5000).fadeOut();
// }
// $("html, body").animate({ scrollTop: 0 }, "slow");
// $("#btn_save_new_store").attr('disabled', false);
// $("#btn_save_new_store").html('Save');
// if(response.clearform){
// var form = $('#frm_create_store')
// form.validate().resetForm();
// form[0].reset();
// // $("#with_password_opt").prop("checked", false);
// $('.img_store_logo_href').attr('href', "{{ config('site_config.images_directory') . 'teamstore/store-logo-placeholder.jpg' }}");
// $('.img_store_logo_img').attr('src', "{{ config('site_config.images_directory') . 'teamstore/store-logo-placeholder.jpg' }}");
// $('.img_store_banner_href').attr('href', "{{ config('site_config.images_directory') . 'teamstore/store-banner-placeholder.jpg' }}");
// $('.img_store_banner_img').attr('src', "{{ config('site_config.images_directory') . 'teamstore/store-banner-placeholder.jpg' }}");
// }
}
});
return false;
}
function submitFormCreateStore(){
$.ajax({
type: "POST",
@@ -1050,13 +1345,14 @@ desired effect
}
function readURL(input, id) {
// console.log(input, id)
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('#'+id).attr('src', e.target.result);
$('.'+id+'_href').attr('href', e.target.result);
$('.'+id+'_img').attr('src', e.target.result);
}
@@ -1064,6 +1360,19 @@ desired effect
}
}
function readURLVisualizer(input, id) {
// console.log(input, id)
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('.'+id+'_href').attr('data-visualizer', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
function submitForm_frm_tag_user_as_store_owner (){
var data = $("#frm_tag_user_as_store_owner").serialize();
$.ajax({

32
resources/views/admin/sidebar.blade.php
View File

@@ -43,9 +43,9 @@
</ul>
</li>
@php $under_designer_management = array("/admin/cliparts", "/admin/overlay-pattern", "/admin/clipart-add", "/admin/clipart-categories") @endphp
<li class="treeview {{ (in_array($getrequest_url, $under_designer_management)) ? 'active' : '' }}">
<a href="#"><i class="fa fa-paint-brush"></i> <span>Designer Management</span>
@php $under_clipart_management = array("/admin/cliparts", "/admin/overlay-pattern", "/admin/clipart-add", "/admin/clipart-categories") @endphp
<li class="treeview {{ (in_array($getrequest_url, $under_clipart_management)) ? 'active' : '' }}">
<a href="#"><i class="fa fa-paint-brush"></i> <span>Clipart Management</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
@@ -57,21 +57,19 @@
<li {{ ($getrequest_url == '/admin/overlay-pattern') ? 'class=active' : '' }}><a href="{{ url('/admin/overlay-pattern') }}"><i class="fa fa-circle-o"></i> Overlay Pattern</a></li>
</ul>
</li>
@php $under_visualizer_management = array("/admin/visualizer/add") @endphp
<li class="treeview {{ (in_array($getrequest_url, $under_visualizer_management)) ? 'active' : '' }}">
<a href="#"><i class="fa fa-paint-brush"></i> <span> Visualizer Management</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li {{ ($getrequest_url == '/admin/cliparts') ? 'class=active' : '' }}><a href="{{ url('/admin/cliparts') }}"><i class="fa fa-circle-o"></i> Visualizer</a></li>
<li {{ ($getrequest_url == '/admin/visualizer/add') ? 'class=active' : '' }}><a href="{{ url('/admin/visualizer/add') }}"><i class="fa fa-circle-o"></i> Add Visualizer</a></li>
</ul>
</li>
<li class="treeview {{ (in_array($getrequest_url, $under_designer_management)) ? 'active' : '' }}">
<a href="#"><i class="fa fa-paint-brush"></i> <span>Designer Management</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li {{ ($getrequest_url == '/admin/cliparts') ? 'class=active' : '' }}><a href="{{ url('/admin/cliparts') }}"><i class="fa fa-circle-o"></i> Cliparts</a></li>
<li {{ ($getrequest_url == '/admin/clipart-add') ? 'class=active' : '' }}><a href="{{ url('/admin/clipart-add') }}"><i class="fa fa-circle-o"></i> Add Clipart</a></li>
<li {{ ($getrequest_url == '/admin/clipart-categories') ? 'class=active' : '' }}><a href="{{ url('/admin/clipart-categories') }}"><i class="fa fa-circle-o"></i> Clipart Categories</a></li>
<li {{ ($getrequest_url == '/admin/overlay-pattern') ? 'class=active' : '' }}><a href="{{ url('/admin/overlay-pattern') }}"><i class="fa fa-circle-o"></i> Overlay Pattern</a></li>
</ul>
</li>
<li class="{{ Request::is('admin/orders') ? 'active' : '' }}">
<a href="{{ url('/admin/orders') }}">
<i class="fa fa-list-alt"></i> <span>Orders</span>

467
resources/views/admin_pages/add_visualizer.blade.php Normal file
View File

@@ -0,0 +1,467 @@
@extends('admin.main')
@section('content')
<style>
.additional-info{
display:none;
}
/* for add template step by step design*/
.wizard {
margin: 20px auto;
background: #fff;
margin-top: -38px;
}
.wizard .nav-tabs {
position: relative;
margin: 40px auto;
margin-bottom: 0;
border-bottom-color: #e0e0e0;
}
.wizard > div.wizard-inner {
position: relative;
}
.connecting-line {
height: 2px;
background: #e0e0e0;
position: absolute;
width: 65%;
margin: 0 auto;
left: 0;
right: 0;
top: 50%;
z-index: 1;
}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
border: 0;
border-bottom-color: transparent;
}
span.round-tab {
width: 70px;
height: 70px;
line-height: 70px;
display: inline-block;
border-radius: 100px;
background: #fff;
border: 2px solid #e0e0e0;
z-index: 2;
position: absolute;
left: 0;
text-align: center;
font-size: 25px;
}
span.round-tab i{
color:#555555;
}
.wizard li.active span.round-tab {
background: #fff;
border: 2px solid #5bc0de;
}
.wizard li.active span.round-tab i{
color: #5bc0de;
}
span.round-tab:hover {
color: #333;
border: 2px solid #333;
}
.wizard .nav-tabs > li {
width: 33.33333333333333%;
}
.wizard li:after {
content: " ";
position: absolute;
left: 46%;
opacity: 0;
margin: 0 auto;
bottom: 0px;
border: 5px solid transparent;
border-bottom-color: #5bc0de;
transition: 0.1s ease-in-out;
}
.wizard li.active:after {
content: " ";
position: absolute;
left: 46%;
opacity: 1;
margin: 0 auto;
bottom: 0px;
border: 10px solid transparent;
border-bottom-color: #5bc0de;
}
.wizard .nav-tabs > li a {
width: 70px;
height: 70px;
margin: 20px auto;
border-radius: 100%;
padding: 0;
}
.wizard .nav-tabs > li a:hover {
background: transparent;
}
.wizard .tab-pane {
position: relative;
padding-top: 20px;
}
.wizard h3 {
margin-top: 0;
}
@media( max-width : 585px ) {
.wizard {
width: 90%;
height: auto !important;
}
span.round-tab {
font-size: 16px;
width: 50px;
height: 50px;
line-height: 50px;
}
.wizard .nav-tabs > li a {
width: 50px;
height: 50px;
line-height: 50px;
}
.wizard li.active:after {
content: " ";
position: absolute;
left: 35%;
}
}
/*end*/
/* spectrum custom css */
.sp-replacer{
padding: 6px;
width: 100%;
}
.sp-preview{
margin-right: 0px;
width: 100%;
}
.sp-dd{
display: none;
}
/* end spectrum custom css */
</style>
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
Adding of Visualizer
<!-- <small>Optional description</small> -->
</h1>
<ol class="breadcrumb">
<li><a href="{{ url ('admin') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
<li><a href="{{ url ('admin') }}"><i class="fa fa-paint-brush"></i> Visualizer Management</a></li>
<li class="active"> Add Visualizer</li>
</ol>
</section>
<!-- Main content -->
<section class="content container-fluid">
<div class="row">
<div class="col-md-12">
<div class="box">
<div class="box-header with-border">
<h4 class="box-title">Visualizer</h4>
</div>
<div class="box-body">
<div class="row">
<div class="col-lg-12 col-sm-12">
<div id="saveTemplateMsg"></div>
<section>
<div class="wizard">
<div class="wizard-inner">
<div class="connecting-line"></div>
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#step1" data-toggle="tab" aria-controls="step1" role="tab" title="Step 1">
<span class="round-tab">
<i class="glyphicon glyphicon-list"></i>
</span>
</a>
</li>
<li role="presentation" class="disabled">
<a href="#step2" data-toggle="tab" aria-controls="step2" role="tab" title="Step 2">
<span class="round-tab">
<i class="glyphicon glyphicon-pencil"></i>
</span>
</a>
</li>
<li role="presentation" class="disabled">
<a href="#complete" data-toggle="tab" aria-controls="complete" role="tab" title="Complete">
<span class="round-tab">
<i class="glyphicon glyphicon-ok"></i>
</span>
</a>
</li>
</ul>
</div>
<form role="form" class="form-horizontal" id="frm_addnew_visualizer" enctype="multipart/form-data">
<div class="tab-content">
<div class="tab-pane active" role="tabpanel" id="step1">
<div class="col-sm-12">
<h3><small><i class="fa fa-link" aria-hidden="true"></i></small> Step one</h3>
<br>
</div>
<div class="col-lg-8 col-sm-8">
{{-- <div class="form-group">
<label class="col-sm-4 control-label">Visualizer Code</label>
<div class="col-sm-8">
<input type="text" class="form-control" name="templateCode" id="templateCode" readonly="true" />
</div>
</div> --}}
<div class="form-group">
<label class="col-sm-4 control-label">Select Sports</label>
<div class="col-sm-8">
<select class="form-control" id="sportName" name="sportName">
@foreach ($sports_array as $sports)
<option value="{{ $sports->Id }}">{{ $sports->SportsName }}</option>
@endforeach
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Select Category</label>
<div class="col-sm-8">
<select class="form-control" id="sport_category" name="sport_category">
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Visualizer Name</label>
<div class="col-sm-8">
<input type="text" class="form-control" name="templateName" placeholder="Visualizer Name" />
</div>
</div>
{{-- <div class="form-group">
<label class="col-sm-4 control-label">Visualizer Type</label>
<div class="col-sm-8">
<select class="form-control" id="templateType" name="templateType">
</select>
</div>
</div> --}}
<div class="form-group">
<label class="col-sm-4 control-label">Select Overlay Pattern</label>
<div class="col-sm-8">
{{-- <select class="form-control" id="_addPatterns" name="addPattens" multiple="multiple" data-placeholder="Select a Skin(s)">
</select> --}}
<select class="form-control" id='select2_select_pattern' name="visualizer_pattern[]" multiple="multiple" style='min-width:200px'>
@foreach ($pattern_array as $pattern)
@if ($pattern->PatternName == "None")
<option selected disabled="disabled" value="{{ $pattern->PatternId . '##' . $pattern->PatternThumbnail .'##' . $pattern->NoOFColor . '##' . $pattern->Opacity . '##' . $pattern->Gradient }}"> {{ $pattern->PatternName }}</option>
@else
<option value="{{ $pattern->PatternId . '##' . $pattern->PatternThumbnail .'##' . $pattern->NoOFColor . '##' . $pattern->Opacity . '##' . $pattern->Gradient }}"> {{ $pattern->PatternName }}</option>
@endif
@endforeach
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Add Thumbnail</label>
<div class="col-sm-8">
<input type="file" data-use-id="img_store_logo" class="form-control upload_img" name="store_logo" reqiured="required" />
</div>
</div>
<div class="form-group" >
<label class="col-sm-4 control-label"></label>
<div class="col-sm-8">
<p>Preview:</p>
<div class="store-logo-holder">
<a href="{{ config('site_config.images_directory') . 'teamstore/store-logo-placeholder.jpg' }}" class="img_store_logo_href" data-toggle="lightbox">
<img class="img_store_logo_img" id="img_store_logo" src="{{ config('site_config.images_directory') . 'teamstore/store-logo-placeholder.jpg' }}" style="max-width: 100%; max-height: 100%; ">
</a>
</div>
</div>
</div>
</div>
<div class="col-sm-12">
<ul class="list-inline pull-right" style="margin-top: 50px;">
<li><button type="button" id="stepOneNextBtn" class="btn btn-primary next-step" >Next <i class="fa fa-long-arrow-right" aria-hidden="true"></i></button></li>
</ul>
</div>
</div>
<!-- STEP TWO -->
<div class="tab-pane" role="tabpanel" id="step2">
<div class="col-sm-12">
<h3><small><i class="fa fa-link" aria-hidden="true"></i></small> Step two</h3>
<br>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">Front</label>
<div class="col-sm-8">
<div class="input-group">
<input type="file" name="front_visualizer" data-use-id="front_visualizer" class="form-control upload-visualizer">
<span class="input-group-btn">
<button data-visualizer="#" class="btn btn-primary front_visualizer_href btn-preview-visualizer" type="button">
<i class="fa fa-eye" aria-hidden="true">
</i> Preview
</button>
</span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Back</label>
<div class="col-sm-8">
<div class="input-group">
<input type="file" name="back_visualizer" data-use-id="back_visualizer" class="form-control upload-visualizer">
<span class="input-group-btn">
<button data-visualizer="#" class="btn btn-primary back_visualizer_href btn-preview-visualizer" type="button">
<i class="fa fa-eye" aria-hidden="true">
</i> Preview
</button>
</span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Right</label>
<div class="col-sm-8">
<div class="input-group">
<input type="file" name="right_visualizer" data-use-id="right_visualizer" class="form-control upload-visualizer">
<span class="input-group-btn">
<button data-visualizer="#" class="btn btn-primary right_visualizer_href btn-preview-visualizer" type="button">
<i class="fa fa-eye" aria-hidden="true">
</i> Preview
</button>
</span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Left</label>
<div class="col-sm-8">
<div class="input-group">
<input type="file" name="left_visualizer" data-use-id="left_visualizer" class="form-control upload-visualizer">
<span class="input-group-btn">
<button data-visualizer="#" class="btn btn-primary left_visualizer_href btn-preview-visualizer" type="button">
<i class="fa fa-eye" aria-hidden="true">
</i> Preview
</button>
</span>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">Select Visualizer Type</label>
<div class="col-sm-8">
<select class="form-control" name="visualizerType">
<option value="svg">SVG</option>
<option value="png">PNG</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Set Default Body Color</label>
<div class="col-sm-6">
<input type="text" class="form-control" value="Main Body" placeholder="Set Default Body Color">
</div>
<div class="col-sm-2">
<input type="color" class="colorPicker form-control">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Select Number of Trims</label>
<div class="col-sm-8">
<select class="form-control" id="numberOfTrims" name="numberOfTrims">
@for($i = 0; $i <= 10; $i++)
<option> {{$i }}</option>
@endfor
</select>
</div>
</div>
<div id="list_of_trims">
</div>
</div>
<br><br><br>
<div class="col-sm-12">
<ul class="list-inline pull-right" style="margin-top: 50px;">
<li><button type="button" class="btn btn-default prev-step"><i class="fa fa-long-arrow-left" aria-hidden="true"></i> Previous</button></li>
<li><button type="button" class="btn btn-primary next-step" id="stepTwoNextBtn">Next <i class="fa fa-long-arrow-right" aria-hidden="true"></i></button></li>
</ul>
</div>
</div>
<div class="tab-pane" role="tabpanel" id="complete">
<h3>Complete steps</h3>
<p>You have successfully completed every steps.</p>
<ul class="list-inline pull-right">
<li><button type="button" class="btn btn-default prev-step"><i class="fa fa-long-arrow-left" aria-hidden="true"></i> Previous</button></li>
<li><button id="submitTemplateBtn" class="btn btn-primary btn-info-full next-step">Save new template</button></li>
</ul>
</div>
<!-- <div class="clearfix"></div> -->
</div>
</form>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /.content -->
</div>
<div class="modal fade" id="modal_preview_visualizer" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<form id="frm_edit_category">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Preview</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<div id="modal_preview_visualizer_body">
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</form>
</div>
</div>
</div>
@endsection

14
resources/views/admin_pages/orders.blade.php
View File

@@ -22,6 +22,20 @@
<h4 class="box-title">Order List</h4>
</div>
<div class="box-body">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label class="control-label">Select Date From: <span class="required">*</span></label>
<input type="text" name="min" class="form-control datepicker-reports" id="min" placeholder="Select Date" required autocomplete="off"/>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label class="control-label">Select Date To: <span class="required">*</span></label>
<input type="text" name="max" class="form-control datepicker-reports" id="max" placeholder="Select Date" required autocomplete="off"/>
</div>
</div>
</div>
<div class="table-responsive">
<table id="orders_table" class="table table-bordered table-hover">
<thead>