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

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>