seperate images
This commit is contained in:
@@ -87,13 +87,28 @@
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
@foreach($templatepaths_arrays as $k => $template)
|
||||
<div class="col-sm-6 col-xs-12" style="overflow: auto; padding: 10px;">
|
||||
<div style=" width:100%; margin:0 auto;">
|
||||
<img id="{{ strtolower($template->Side) }}-image-thumb" src="{{asset('/public/images/loading-please-wait.gif')}}" class="img img-responsive img-loader">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 text-center">
|
||||
@foreach($templatepaths_arrays as $k => $template)
|
||||
@if($k == 0)
|
||||
<img id="{{ strtolower($template->Side) }}-image-thumb" src="{{asset('/public/images/loading-please-wait.gif')}}" class="img img-responsive img-loader">
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
@endforeach
|
||||
<div class="col-md-6 text-center">
|
||||
<div class="row">
|
||||
|
||||
@foreach($templatepaths_arrays as $k => $template)
|
||||
<div class="col-md-3 text-center">
|
||||
@if($k != 0)
|
||||
<img id="{{ strtolower($template->Side) }}-image-thumb" src="{{asset('/public/images/loading-please-wait.gif')}}" class="img img-responsive img-loader">
|
||||
@endif
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
<div id="dd_footer_button">
|
||||
@@ -344,8 +359,6 @@
|
||||
// }
|
||||
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
function generateThumbnails(){
|
||||
|
||||
@@ -362,7 +362,7 @@
|
||||
@foreach ($pattern_arrays as $i => $val)
|
||||
<div class="item @if ($i == 0) active @endif">
|
||||
<div class="btn-group patternBox ">
|
||||
<button type="button" data-pattern-path="{{ $val[0]->SVGPath }}" class="patternThumbs btn" data-id="{{ $val[0]->PatternId }}" style="background-image:url('{{ config('site_config.images_directory') }}{{ $val[0]->PatternThumbnail }}'); background-size:cover; background-repeat: no-repeat;" @if ($i == 0) disabled @endif> @if ($i == 0) <i class="fa fa-2 fa-check" aria-hidden="true"></i> @endif</button>
|
||||
<button type="button" data-pattern-path="{{ $val[0]->SVGPath }}" class="patternThumbs btn" data-id="{{ $val[0]->PatternId }}" style="background-image:url('{{ config('site_config.uploads') }}{{ $val[0]->PatternThumbnail }}'); background-size:cover; background-repeat: no-repeat;" @if ($i == 0) disabled @endif> @if ($i == 0) <i class="fa fa-2 fa-check" aria-hidden="true"></i> @endif</button>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@@ -444,7 +444,7 @@
|
||||
@foreach ($pattern_arrays as $r => $val)
|
||||
<div class="item @if ($r == 0) active @endif">
|
||||
<div class="btn-group patternBox ">
|
||||
<button type="button" data-pattern-path="{{ $val[0]->SVGPath }}" class="patternTrimThumbs patternTrim{{ $i }} btn" data-id="{{ $val[0]->PatternId }}" data-trim="{{ $i }}" style="background-image:url('{{ config('site_config.images_directory') }}{{ $val[0]->PatternThumbnail }}'); background-size:cover; background-repeat: no-repeat;" @if ($r == 0) disabled @endif> @if ($r == 0) <i class="fa fa-2 fa-check" aria-hidden="true"></i> @endif</button>
|
||||
<button type="button" data-pattern-path="{{ $val[0]->SVGPath }}" class="patternTrimThumbs patternTrim{{ $i }} btn" data-id="{{ $val[0]->PatternId }}" data-trim="{{ $i }}" style="background-image:url('{{ config('site_config.uploads') }}{{ $val[0]->PatternThumbnail }}'); background-size:cover; background-repeat: no-repeat;" @if ($r == 0) disabled @endif> @if ($r == 0) <i class="fa fa-2 fa-check" aria-hidden="true"></i> @endif</button>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@@ -1089,7 +1089,7 @@
|
||||
|
||||
var patternSVGPath = $(this).attr('data-pattern-path');
|
||||
|
||||
var patternPath = "{{ config('site_config.images_directory') }}" + patternSVGPath;
|
||||
var patternPath = "{{ config('site_config.uploads') }}" + patternSVGPath;
|
||||
|
||||
var SideAndPath = {!! json_encode($templatepaths_arrays) !!};
|
||||
|
||||
@@ -1166,7 +1166,7 @@
|
||||
$(document).on('button click', '.patternTrimThumbs', function(){
|
||||
|
||||
var patternSVGPath = $(this).attr('data-pattern-path');
|
||||
var patternPath = "{{ config('site_config.images_directory') }}" + patternSVGPath;
|
||||
var patternPath = "{{ config('site_config.uploads') }}" + patternSVGPath;
|
||||
var getTrimId = $(this).attr('data-trim');
|
||||
|
||||
var SideAndPath = {!! json_encode($templatepaths_arrays) !!};
|
||||
@@ -1278,6 +1278,20 @@
|
||||
$('.sp-dd').css({
|
||||
'display':'none'
|
||||
});
|
||||
|
||||
$('.sp-input-container').css({
|
||||
'float': 'left',
|
||||
'width':'100%'
|
||||
});
|
||||
|
||||
$('.sp-palette-button-container').css({
|
||||
'padding-top': '10px',
|
||||
});
|
||||
|
||||
$('.sp-button-container').css({
|
||||
'padding-top': '10px',
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function changeData() {
|
||||
@@ -1296,7 +1310,7 @@
|
||||
|
||||
if(!document.getElementById(objectId))
|
||||
return false;
|
||||
var tempPath = "{{ config('site_config.images_directory') }}" + pathLocation;
|
||||
var tempPath = "{{ config('site_config.uploads') }}" + pathLocation;
|
||||
// console.log(tempPath);
|
||||
loadTemplate(tempPath, objectId, gradientIds, gradientPrefix);
|
||||
|
||||
@@ -1691,9 +1705,9 @@
|
||||
|
||||
if(objType == "curvedText"){
|
||||
if(obj.effect == "curved"){
|
||||
$('#teamname_text_shape').html('Text Shape: <br><img src="{{ config('site_config.images_directory') }}text-shapes-logo/curve-logo.png" height="30px">');
|
||||
$('#teamname_text_shape').html('Text Shape: <br><img src="{{ config('site_config.uploads') }}text-shapes-logo/curve-logo.png" height="30px">');
|
||||
}else if(obj.effect == "arc"){
|
||||
$('#teamname_text_shape').html('Text Shape: <br><img src="{{ config('site_config.images_directory') }}text-shapes-logo/arch-logo.png" height="30px">');
|
||||
$('#teamname_text_shape').html('Text Shape: <br><img src="{{ config('site_config.uploads') }}text-shapes-logo/arch-logo.png" height="30px">');
|
||||
}else{
|
||||
$('#teamname_text_shape').html('Add text Shape');
|
||||
}
|
||||
@@ -1782,7 +1796,9 @@
|
||||
});
|
||||
}
|
||||
|
||||
getClipartProperties(arrayPathId, randomNumbers);
|
||||
setTimeout(function() {
|
||||
getClipartProperties(arrayPathId, randomNumbers);
|
||||
}, 500);
|
||||
|
||||
setTimeout(function() {
|
||||
$('.rotateTextSlider, .rotateTextValue').val(Math.round(obj.getAngle()));
|
||||
@@ -2948,7 +2964,7 @@
|
||||
function loadSVGClipart(dataUrl){
|
||||
var k = 0;
|
||||
var arrayPathId = [];
|
||||
var svgUrl = "{{ config('site_config.images_directory') }}cliparts/" + dataUrl;
|
||||
var svgUrl = "{{ config('site_config.uploads') }}cliparts/" + dataUrl;
|
||||
fabric.loadSVGFromURL(svgUrl, function(objects, options) {
|
||||
var clipart = fabric.util.groupSVGElements(objects, options );
|
||||
clipart.set({
|
||||
|
||||
Reference in New Issue
Block a user