saving new visualizer done

This commit is contained in:
franknstayn
2020-01-04 18:35:48 +08:00
parent 168c59f6cf
commit 3ec1b08d13
4 changed files with 266 additions and 68 deletions

View File

@@ -208,6 +208,8 @@ desired effect
<script src="{{ asset('/bower_components/jquery/dist/jquery.min.js') }}"></script>
<!-- Bootstrap 3.3.7 -->
<script src="{{ asset('/bower_components/bootstrap/dist/js/bootstrap.min.js') }}"></script>
{{-- spectrum --}}
<script src="http://bgrins.github.com/spectrum/spectrum.js"></script>
<!-- DataTables -->
<script src="{{ asset('/bower_components/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js') }}"></script>
@@ -234,8 +236,7 @@ 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() {
@@ -774,7 +775,7 @@ desired effect
height: normal_obj.getHeight()
}
});
console.log(new FormData($('#frm_clipart')[0]))
$.ajax({
type: "POST",
url : "{{ url('admin/clipart/save-svg-clipart') }}",
@@ -927,20 +928,20 @@ desired effect
$('#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+'"> ' +
' <input type="text" name="trim_label[]" class="form-control" value="Trim '+i+'"> ' +
'</div> ' +
'<div class="col-sm-2"> ' +
' <input type="color" class="colorPicker-trim form-control"> ' +
' <input type="hidden" name="trim_def_color[]" class="colorPicker-trim" value="#FFFFFF" 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+'"> ' +
' <input type="text" name="trim_label[]" class="form-control" value="Trim '+i+'"> ' +
'</div> ' +
'<div class="col-sm-2"> ' +
' <input type="color" class="colorPicker-trim form-control"> ' +
' <input type="hidden" name="trim_def_color[]" class="colorPicker-trim" value="#FFFFFF" form-control"> ' +
'</div> ' +
'</div>');
}
@@ -953,7 +954,8 @@ desired effect
$(".colorPicker").spectrum({
preferredFormat: "rgb",
showInput: true
showInput: true,
localStorageKey: "spectrum.demo",
});
@@ -1012,9 +1014,9 @@ desired effect
$("#frm_addnew_visualizer").validate({
rules: {
// store_name: {
// required: true
// },
sportName: {
required: true
}
// store_url: {
// required: true
// },
@@ -1066,8 +1068,11 @@ desired effect
function callSpectrumApi(){
$(".colorPicker-trim").spectrum({
preferredFormat: "rgb",
showInput: true
showInput: true,
localStorageKey: "spectrum.demo",
});
}
@@ -1179,8 +1184,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');
@@ -1191,39 +1196,11 @@ desired effect
},
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' }}");
// }
console.log(response)
if(response.success){
alert(response.message);
location.reload();
}
}
});
return false;

View File

@@ -256,7 +256,7 @@
<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" />
<input type="text" class="form-control" name="visualizer_name" placeholder="Visualizer Name" />
</div>
</div>
{{-- <div class="form-group">
@@ -273,11 +273,7 @@
</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
<option value="{{ $pattern->PatternId . '##' . $pattern->PatternThumbnail .'##' . $pattern->NoOFColor . '##' . $pattern->Opacity . '##' . $pattern->Gradient }}"> {{ $pattern->PatternName }}</option>
@endforeach
</select>
</div>
@@ -285,7 +281,7 @@
<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" />
<input type="file" data-use-id="img_store_logo" class="form-control upload_img" name="visualizer_thumbnail" reqiured="required" />
</div>
</div>
<div class="form-group" >
@@ -316,9 +312,17 @@
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">Front</label>
<div class="col-sm-8">
<label class="col-sm-2 control-label">Front</label>
<div class="col-sm-10">
<div class="input-group">
<span class="input-group-btn">
<select name="front_visualizer_type" class="form-control" style="width:100px;">
<option>Jersey</option>
<option>Shorts</option>
<option>Shirts</option>
<option>Hoodie</option>
</select>
</span>
<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">
@@ -331,9 +335,17 @@
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Back</label>
<div class="col-sm-8">
<label class="col-sm-2 control-label">Back</label>
<div class="col-sm-10">
<div class="input-group">
<span class="input-group-btn">
<select name="back_visualizer_type" class="form-control" style="width:100px;">
<option>Jersey</option>
<option>Shorts</option>
<option>Shirts</option>
<option>Hoodie</option>
</select>
</span>
<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">
@@ -346,9 +358,17 @@
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Right</label>
<div class="col-sm-8">
<label class="col-sm-2 control-label">Right</label>
<div class="col-sm-10">
<div class="input-group">
<span class="input-group-btn">
<select name="right_visualizer_type" class="form-control" style="width:100px;">
<option>Jersey</option>
<option>Shorts</option>
<option>Shirts</option>
<option>Hoodie</option>
</select>
</span>
<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">
@@ -360,9 +380,17 @@
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Left</label>
<div class="col-sm-8">
<label class="col-sm-2 control-label">Left</label>
<div class="col-sm-10">
<div class="input-group">
<span class="input-group-btn">
<select name="left_visualizer_type" class="form-control" style="width:100px;">
<option>Jersey</option>
<option>Shorts</option>
<option>Shirts</option>
<option>Hoodie</option>
</select>
</span>
<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">
@@ -377,9 +405,9 @@
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-4 control-label">Select Visualizer Type</label>
<label class="col-sm-4 control-label">Select Visualizer Format</label>
<div class="col-sm-8">
<select class="form-control" name="visualizerType">
<select class="form-control" name="visualizer_format">
<option value="svg">SVG</option>
<option value="png">PNG</option>
</select>
@@ -388,10 +416,10 @@
<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">
<input type="text" class="form-control" name="main_body_label" value="Main Body" placeholder="Set Default Body Color">
</div>
<div class="col-sm-2">
<input type="color" class="colorPicker form-control">
<input type="hidden" name="main_body_def_color" value="#e2e2e2" class="colorPicker form-control">
</div>
</div>
<div class="form-group">
@@ -422,7 +450,7 @@
<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>
<li><button type="submit" id="submitTemplateBtn" class="btn btn-primary btn-info-full next-step">Save new template</button></li>
</ul>
</div>
<!-- <div class="clearfix"></div> -->