update 12_27_2019
This commit is contained in:
franknstayn
@@ -411,7 +411,12 @@ class AdminController extends Controller
|
|||||||
}
|
}
|
||||||
|
|
||||||
public function viewReports(){
|
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(){
|
public function addClipart(){
|
||||||
@@ -649,5 +654,45 @@ class AdminController extends Controller
|
|||||||
->with('clipart_array', $clipart_array);
|
->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);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -52,8 +52,11 @@ Route::group(['middleware' => 'auth'], function () {
|
|||||||
Route::post('clipart/delete-clipart-category', 'admin\AdminController@deleteClipartCategory');
|
Route::post('clipart/delete-clipart-category', 'admin\AdminController@deleteClipartCategory');
|
||||||
Route::post('clipart/save-clipart-cat-ordering', 'admin\AdminController@saveClipartCatOrdering');
|
Route::post('clipart/save-clipart-cat-ordering', 'admin\AdminController@saveClipartCatOrdering');
|
||||||
Route::post('clipart/update-clipart-category', 'admin\AdminController@updateClipartCategory');
|
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');
|
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/remove-store-access', 'admin\AdminController@removeStoreAccess');
|
||||||
Route::post('post/save-new-store-owner', 'admin\AdminController@saveNewStoreOwner');
|
Route::post('post/save-new-store-owner', 'admin\AdminController@saveNewStoreOwner');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Download Routes /////////////////
|
// Download Routes /////////////////
|
||||||
Route::get('orders/download/tshirt/{ck}/{id}', 'admin\AdminController@downloadPrintFile_tshirt');
|
Route::get('orders/download/tshirt/{ck}/{id}', 'admin\AdminController@downloadPrintFile_tshirt');
|
||||||
|
|||||||
@@ -232,9 +232,30 @@ class AdminModel extends Model
|
|||||||
return $i;
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -42,7 +42,9 @@ scratch. This page gets rid of all links and provides the needed markup only.
|
|||||||
<!-- Theme style -->
|
<!-- Theme style -->
|
||||||
<link rel="stylesheet" href="{{ asset('/bower_components/admin-lte/dist/css/AdminLTE.min.css') }}">
|
<link rel="stylesheet" href="{{ asset('/bower_components/admin-lte/dist/css/AdminLTE.min.css') }}">
|
||||||
<!-- jquery-ui -->
|
<!-- 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>
|
<style>
|
||||||
/* .store-password-field {
|
/* .store-password-field {
|
||||||
@@ -232,6 +234,8 @@ desired effect
|
|||||||
<script src="{{ asset('/bower_components/select2/dist/js/select2.min.js') }}"></script>
|
<script src="{{ asset('/bower_components/select2/dist/js/select2.min.js') }}"></script>
|
||||||
<!-- jquery-ui -->
|
<!-- jquery-ui -->
|
||||||
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
<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>
|
<script>
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
@@ -240,6 +244,25 @@ desired effect
|
|||||||
// hash && $('ul.nav a[href="' + hash + '"]').tab('show');
|
// hash && $('ul.nav a[href="' + hash + '"]').tab('show');
|
||||||
|
|
||||||
// $.fn.dataTable.moment( 'DD/M/YYYY' );
|
// $.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{
|
try{
|
||||||
var canvas = new fabric.Canvas('canvas');
|
var canvas = new fabric.Canvas('canvas');
|
||||||
canvas.setWidth($('.canvas-container').width());
|
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) {
|
$(document).on('change', '#select_sort_stores', function(event) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
$('#frm_search_store').submit();
|
$('#frm_search_store').submit();
|
||||||
@@ -538,6 +573,11 @@ desired effect
|
|||||||
readURL(this, $id);
|
readURL(this, $id);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$(".upload-visualizer").change(function() {
|
||||||
|
var $id = $(this).data('use-id');
|
||||||
|
readURLVisualizer(this, $id);
|
||||||
|
});
|
||||||
|
|
||||||
function changeColor(pathid, hexc) {
|
function changeColor(pathid, hexc) {
|
||||||
var obj = canvas.getActiveObject();
|
var obj = canvas.getActiveObject();
|
||||||
for (var j in obj.paths) {
|
for (var j in obj.paths) {
|
||||||
@@ -813,8 +853,6 @@ desired effect
|
|||||||
submitHandler: submitEditCategoryForm
|
submitHandler: submitEditCategoryForm
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$('#btn_save_clipart_cat_sorting').on('click', function(e) {
|
$('#btn_save_clipart_cat_sorting').on('click', function(e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
var sorted_data = tblbody_clipart_cat.sortable('serialize');
|
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"> </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
|
}); // 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(){
|
function submitEditCategoryForm(){
|
||||||
|
|
||||||
var data = $("#frm_edit_category").serializeArray();
|
var data = $("#frm_edit_category").serializeArray();
|
||||||
@@ -934,6 +1168,67 @@ desired effect
|
|||||||
return colorSet;
|
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(){
|
function submitFormCreateStore(){
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: "POST",
|
type: "POST",
|
||||||
@@ -1050,13 +1345,14 @@ desired effect
|
|||||||
}
|
}
|
||||||
|
|
||||||
function readURL(input, id) {
|
function readURL(input, id) {
|
||||||
|
// console.log(input, id)
|
||||||
if (input.files && input.files[0]) {
|
if (input.files && input.files[0]) {
|
||||||
var reader = new FileReader();
|
var reader = new FileReader();
|
||||||
|
|
||||||
reader.onload = function(e) {
|
reader.onload = function(e) {
|
||||||
$('#'+id).attr('src', e.target.result);
|
$('#'+id).attr('src', e.target.result);
|
||||||
$('.'+id+'_href').attr('href', e.target.result);
|
$('.'+id+'_href').attr('href', e.target.result);
|
||||||
|
|
||||||
$('.'+id+'_img').attr('src', 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 (){
|
function submitForm_frm_tag_user_as_store_owner (){
|
||||||
var data = $("#frm_tag_user_as_store_owner").serialize();
|
var data = $("#frm_tag_user_as_store_owner").serialize();
|
||||||
$.ajax({
|
$.ajax({
|
||||||
|
|||||||
@@ -43,9 +43,9 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
@php $under_designer_management = array("/admin/cliparts", "/admin/overlay-pattern", "/admin/clipart-add", "/admin/clipart-categories") @endphp
|
@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_designer_management)) ? 'active' : '' }}">
|
<li class="treeview {{ (in_array($getrequest_url, $under_clipart_management)) ? 'active' : '' }}">
|
||||||
<a href="#"><i class="fa fa-paint-brush"></i> <span>Designer Management</span>
|
<a href="#"><i class="fa fa-paint-brush"></i> <span>Clipart Management</span>
|
||||||
<span class="pull-right-container">
|
<span class="pull-right-container">
|
||||||
<i class="fa fa-angle-left pull-right"></i>
|
<i class="fa fa-angle-left pull-right"></i>
|
||||||
</span>
|
</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>
|
<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>
|
</ul>
|
||||||
</li>
|
</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' : '' }}">
|
<li class="{{ Request::is('admin/orders') ? 'active' : '' }}">
|
||||||
<a href="{{ url('/admin/orders') }}">
|
<a href="{{ url('/admin/orders') }}">
|
||||||
<i class="fa fa-list-alt"></i> <span>Orders</span>
|
<i class="fa fa-list-alt"></i> <span>Orders</span>
|
||||||
|
|||||||
467
resources/views/admin_pages/add_visualizer.blade.php
Normal file
467
resources/views/admin_pages/add_visualizer.blade.php
Normal 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">×</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
|
||||||
@@ -22,6 +22,20 @@
|
|||||||
<h4 class="box-title">Order List</h4>
|
<h4 class="box-title">Order List</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="box-body">
|
<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">
|
<div class="table-responsive">
|
||||||
<table id="orders_table" class="table table-bordered table-hover">
|
<table id="orders_table" class="table table-bordered table-hover">
|
||||||
<thead>
|
<thead>
|
||||||
|
|||||||
Reference in New Issue
Block a user