added edit visualizer

This commit is contained in:
franknstayn
2020-01-18 17:14:03 +08:00
parent ed4227bd05
commit 5e663d5891
5 changed files with 476 additions and 106 deletions

View File

@@ -252,13 +252,16 @@ desired effect
// hash && $('ul.nav a[href="' + hash + '"]').tab('show');
// $.fn.dataTable.moment( 'DD/M/YYYY' );
callSpectrumApi();
$('#orders_table').DataTable({
columnDefs: [{
target: 6,
type: 'datetime-moment'
}]
});
$('#store_owners_table').DataTable();
$.fn.dataTable.ext.search.push(
function (settings, data, dataIndex) {
@@ -356,7 +359,6 @@ desired effect
{ targets: 9, type: 'date', visible: false },
{ targets: 9, type: 'date' }
],
});
@@ -479,7 +481,7 @@ desired effect
$('#store_owners_table').DataTable();
$('#list').click(function(event){
event.preventDefault();
@@ -1022,6 +1024,23 @@ desired effect
}
});
$('#stepOneNextBtn_edit').click(function() {
if($("#frm_edit_visualizer").valid()){
var $active = $('.wizard .nav-tabs li.active');
$active.next().removeClass('disabled');
nextTab($active);
}
// $('#getSkins').val($('#_addPatterns').val());
});
$('#stepTwoNextBtn_edit').click(function() {
if($("#frm_edit_visualizer").valid()){
var $active = $('.wizard .nav-tabs li.active');
$active.next().removeClass('disabled');
nextTab($active);
}
});
//Initialize tooltips
// $('.nav-tabs > li a[title]').tooltip();
@@ -1055,7 +1074,7 @@ desired effect
' <input type="text" name="trim_label[]" class="form-control" value="Trim '+i+'"> ' +
'</div> ' +
'<div class="col-sm-2"> ' +
' <input type="hidden" name="trim_def_color[]" class="colorPicker-trim" value="#FFFFFF" form-control"> ' +
' <input type="hidden" name="trim_def_color[]" class="colorPicker-trim" value="#FFFFFF"> ' +
'</div> ' +
'</div>');
}else{
@@ -1065,7 +1084,7 @@ desired effect
' <input type="text" name="trim_label[]" class="form-control" value="Trim '+i+'"> ' +
'</div> ' +
'<div class="col-sm-2"> ' +
' <input type="hidden" name="trim_def_color[]" class="colorPicker-trim" value="#FFFFFF" form-control"> ' +
' <input type="hidden" name="trim_def_color[]" class="colorPicker-trim" value="#FFFFFF"> ' +
'</div> ' +
'</div>');
}
@@ -1117,18 +1136,29 @@ desired effect
$(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');
if($(this).data("for") != "edit"){
var v = $(this).closest("div.input-group").find("input[type='file']").val();
if(v == ""){
return false;
}
}
$('#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).attr('data-visualizer'));
$(this).attr('disabled', true);
$(this).html('<i class="fa fa-spinner fa-spin"></i> opening');
document.getElementById('obj_visualizer_preview').setAttribute('data', $(this).data('visualizer'));
var self = $(this);
setTimeout(function(){
$('#modal_preview_visualizer').modal('show');
$(self).attr('disabled', false);
$(self).html('<i class="fa fa-eye"></i> Preview');
}, 1000);
});
@@ -1142,24 +1172,6 @@ desired effect
sportName: {
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) {
@@ -1173,6 +1185,24 @@ desired effect
submitHandler: submitFormAddNewVisualizer
});
$("#frm_edit_visualizer").validate({
rules: {
sportName: {
required: true
}
},
messages: {},
errorPlacement: function(error, element) {
var placement = $(element).data('error');
if (placement) {
$(placement).append(error);
}else {
error.insertAfter(element);
}
},
submitHandler: submitFormEditVisualizer
});
$(document).on('button click', '#btn_delete_visualizer', function() {
if (!confirm("Are you sure you want to delete this Visualizer?")) {
@@ -1337,8 +1367,8 @@ desired effect
contentType: false,
dataType: 'json',
beforeSend: function(xhr){
// $("#submitTemplateBtn").attr('disabled', true);
// $("#submitTemplateBtn").html('<i class="fa fa-spinner fa-spin"></i> Saving...');
$("#submitTemplateBtn").attr('disabled', true);
$("#submitTemplateBtn").html('<i class="fa fa-spinner fa-spin"></i> Saving...');
var token = $('meta[name="csrf_token"]').attr('content');
@@ -1359,6 +1389,39 @@ desired effect
return false;
}
function submitFormEditVisualizer(){
$.ajax({
type: "POST",
url: "{{ url('admin/visualizer/update') }}",
data: new FormData($('#frm_edit_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){
alert(response.message);
location.reload();
}
}
});
return false;
}
function submitFormCreateStore(){
$.ajax({
type: "POST",
@@ -1475,14 +1538,13 @@ desired effect
}
function readURL(input, id) {
// console.log(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);
}
@@ -1491,12 +1553,15 @@ desired effect
}
function readURLVisualizer(input, id) {
// console.log(input, id)
console.log(input, id)
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
// $('.'+id+'_href').removeData('data-visualizer');
$('.'+id+'_href').attr('data-visualizer', e.target.result);
// console.log(e.target.result);
// document.getElementById('.'+id+'_href').setAttribute('data', $(this).data('visualizer'))
}
reader.readAsDataURL(input.files[0]);