seperate images

This commit is contained in:
Frank John Begornia
2019-04-24 17:45:28 +08:00
parent c5862dfbf4
commit c982366dbd
646 changed files with 240 additions and 400154 deletions

View File

@@ -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(){

View File

@@ -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({

View File

@@ -20,7 +20,7 @@
<div class="col-md-3 col-sm-6 col-xs-12 list-sport">
<div class="thumb-border">
<a href="{{ url() }}/{{ Request::path() }}/{{ $r->Id }}">
<img src="{{ asset('public/images/sports-category') }}/{{ $r->Thumbnail }}" alt="{{ $r->Category }}" class="image" />
<img src="{{ config('site_config.uploads') . 'sports-category/' . $r->Thumbnail }}" alt="{{ $r->Category }}" class="image" />
</a>
</div>
<div class="text-center">

View File

@@ -25,7 +25,7 @@
<div class="text-center"><h2>{{ $r->TemplateName }}</h2></div>
<div class="thumb-border" style="border:1px solid #e2e2e2; padding: 5px;">
<a href="{{ url('/designer') }}/{{ md5($r->TemplateCode) }}">
<img src="{{url('/public')}}/{{$r->Thumbnail}}" alt="" class="image" />
<img src="{{ config('site_config.uploads') . $r->Thumbnail}}" alt="" class="image" />
</a>
<!-- <div class="overlay">
<div class="text" style="font-family:Academic M54;"><a href="">{{$r->TemplateName}}</a></div>

View File

@@ -79,7 +79,11 @@
.jumbotron {
padding-top: 20px;
padding-bottom: 20px;
background-image: url("{{asset('public/images/teamstore') . '/' . $store_array[0]->StoreUrl . '/' . $store_array[0]->StoreBanner }}");
@if($store_array[0]->StoreBanner == null)
background-image: url("{{asset('public/images/teamstore/store-banner-dark.png')}}");
@else
background-image: url("{{asset('public/images/teamstore') . '/' . $store_array[0]->StoreUrl . '/' . $store_array[0]->StoreBanner }}");
@endif
background-color: #f3f3f3;
background-position: center;
background-size: cover;
@@ -89,9 +93,10 @@
.store-name{
background-color: #ffffff;
background: rgba(255, 255, 255, 0.9);
position: absolute;
padding: 10px;
min-width: 270px;
}
@@ -110,15 +115,27 @@
@media (min-width: 992px) {
.jumbotron { height: 128px; }
}
.product-name-holder{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="jumbotron">
<!-- <div class="store-name">
<h4><img src="https://img.icons8.com/ios/40/000000/online-store-filled.png"> {{ $store_array[0]->StoreName }}</h4>
</div> -->
@if($store_array[0]->StoreBanner == null)
<div class="store-name">
<h4>
<img src="https://img.icons8.com/ios/40/000000/online-store-filled.png">
{{ $store_array[0]->StoreName }}<br>
</h4>
Official Team Store
</div>
@endif
</div>
</div>
</div>
@@ -144,7 +161,7 @@
<a href="{{ url('teamstore') }}/{{ $store_array[0]->StoreUrl }}/product/{{ $product->ProductURL }}">
<img style="height: 201.84px;" src="{{ config('site_config.prod_private_server_ip') }}/images/{{ $filename }}" alt="{{ $product->ProductName }}" >
</a>
<h4 class="text-center">{{ $product->ProductName }}</h4>
<h4 class="text-center product-name-holder">{{ $product->ProductName }}</h4>
<!-- (w/ Shorts) -->
<!-- <div class="ratings">
<span class="glyphicon glyphicon-star"></span>

View File

@@ -1,5 +1,12 @@
@extends('user-layouts.user_template')
@section('content')
<style>
.design-name-holder{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
<div class="content-wrapper" style="min-height: 916px;">
<!-- Content Header (Page header) -->
<section class="content-header">
@@ -26,7 +33,7 @@
<div class="col-md-3 col-sm-6">
<span class="thumbnail">
<img src="{{ config('site_config.prod_private_server_ip') }}/images/{{ $row->DesignCode }}-front-thumbnail.png" alt="{{ $row->DesignName }}" >
<h4>{{ $row->DesignName }}</h4>
<h4 class="design-name-holder">{{ $row->DesignName }}</h4>
<small>{{ date('F j, Y g:i a', strtotime($row->DateCreated)) }}</small>
<hr class="line">
<div class="row">

View File

@@ -41,12 +41,13 @@
</li>
</ul>
</li>
@if(Auth::user()->role != "store_owner")
<li class="{{ Request::is('user/orders') ? 'active' : '' }}">
<a href="{{ url('user/orders') }}">
<i class="fa fa-list"></i> <span>Orders</span>
</a>
</li>
@endif
@if(Auth::user()->role == "store_owner")
<li class="treeview menu-open {{ Request::is('user/store-items', 'user/store-settings') ? 'active' : '' }}">
<a href="#">
@@ -62,9 +63,12 @@
<li class="{{ Request::is('user/store-items') ? 'active' : '' }}">
<a href="{{ url('user/store-items') }}"><i class="fa fa-th"></i> Store Items</a>
</li>
<!-- <li class="{{ Request::is('user/store-settings') ? 'active' : '' }}">
<li class="{{ Request::is('user/store-orders') ? 'active' : '' }}">
<a href="{{ url('user/store-orders') }}"><i class="fa fa-list"></i> Store Orders</a>
</li>
<li class="{{ Request::is('user/store-settings') ? 'active' : '' }}">
<a href="{{ url('user/store-settings') }}"><i class="fa fa-cogs"></i> Store Settings</a>
</li> -->
</li>
</ul>
</li>
@endif

View File

@@ -4,6 +4,11 @@
.badge-error {
background-color: #b94a48;
}
.product-name-holder{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
<div class="content-wrapper" style="min-height: 916px;">
<!-- Content Header (Page header) -->
@@ -43,22 +48,21 @@
@define $filename = $thumb['thumb']
@endif
@endforeach
<div class="col-md-3 col-sm-6">
<span class="thumbnail">
<img src="{{ config('site_config.prod_private_server_ip') }}/images/{{ $filename }}" alt="{{ $product->ProductName }}" >
<div class="thumbnail">
<a href="{{ url('user/store-items/item') }}/{{ $product->ProductURL }}">
<img style="height:200px" src="{{ config('site_config.prod_private_server_ip') }}/images/{{ $filename }}" alt="{{ $product->ProductName }}" >
</a>
<hr class="line">
<div class="pull-right">
<div style="text-transform: uppercase;" class="badge @if($product->PrivacyStatus== 'private') badge-error @endif">{{ $product->PrivacyStatus }}</div>
</div>
<h4>{{ $product->ProductName }} <br><small>$ {{ $product->ProductPrice }}</small></h4>
<h4 class="product-name-holder">{{ $product->ProductName }}<br><small>$ {{ $product->ProductPrice }}</small></h4>
<hr class="line">
<div class="row">
<div class="col-md-12 col-sm-12">
<a href="{{ url('user/store-items/item') }}/{{ $product->ProductURL }}" class="btn btn-success" > View Details</a>
</div>
</div>
</span>
<a href="{{ url('user/store-items/item') }}/{{ $product->ProductURL }}" class="btn btn-success btn-block" > View Details</a>
</div>
</div>
@endforeach
</div>

View File

@@ -1,5 +1,61 @@
@extends('user-layouts.user_template')
@section('content')
<style>
@media screen and (min-width: 768px){
.container .jumbotron, .container-fluid .jumbotron {
padding-right: 15px;
padding-left: 15px;
}
}
.container .jumbotron, .container-fluid .jumbotron{
border-radius: 0px;
}
.jumbotron {
padding-top: 20px;
padding-bottom: 20px;
background-image: url("{{asset('public/images/teamstore') . '/' . $store_array[0]->StoreUrl . '/' . $store_array[0]->StoreBanner }}");
background-color: #f3f3f3;
background-position: center;
background-size: cover;
width: 100%;
height: 128px;
}
.store-name{
background-color: #ffffff;
position: absolute;
padding: 10px;
}
@media (min-width: 200px) {
.jumbotron { height: 50px; }
}
@media (min-width: 400px) {
.jumbotron { height: 57px; }
}
@media (min-width: 768px) {
.jumbotron { height: 100px; }
}
@media (min-width: 992px) {
.jumbotron {
height: 128px;
/* width: 1140px; */
}
}
.product-name-holder{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
<div class="content-wrapper" style="min-height: 916px;">
<!-- Content Header (Page header) -->
<section class="content-header">
@@ -18,60 +74,77 @@
<section class="content">
<div class="row">
<div class="col-md-12">
<div class="box box-primary">
<div class="box-header with-border">
<!-- <div class="box box-primary"> -->
<!-- <div class="box-header with-border">
<h3 class="box-title">
Add New Address
</h3>
</div>
<form role="form" id="frm-create-address-book">
<div class="box-body">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Fullname</label>
<input type="text" class="form-control" name="fullname" placeholder="Fullaname">
</div> -->
<div class="nav-tabs-custom">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab_preview" data-toggle="tab" aria-expanded="true">Preview</a></li>
<li class=""><a href="#tab_update_details" data-toggle="tab" aria-expanded="false">Update Details</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab_preview">
<form role="form" id="frm-create-address-book">
<div class="box-body">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Store Banner</label>
<div class="row">
<div class="col-md-12">
<div class="jumbotron">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>Store Avatar</label>
<a class="thumbnail" href="#">
<img class="store-logo" src="{{asset('public/images/teamstore') . '/' . $store_array[0]->StoreUrl . '/' . $store_array[0]->StoreLogo }}">
</a>
</div>
<!-- /.box-body -->
</div>
<div class="col-md-8">
<div class="form-group">
<label>Store Name</label>
<h1>{{ $store_array[0]->StoreName }}</h1>
</div>
<div class="form-group">
<label>Password Protected</label>
@if($store_array[0]->Password != null)
<div class="badge">Yes</div>
@else
<div class="badge">No</div>
@endif
</div>
</div>
</div>
</div>
<div class="form-group">
<label>Mobile Number</label>
<input type="text" class="form-control" name="mobilenumber" placeholder="Please enter your mobile number">
</div>
<div class="form-group">
<label>Other Notes</label>
<input type="text" class="form-control" name="othernotes" placeholder="Please enter your notes">
</div>
<!-- /.box-body -->
</div>
<div class="col-md-6">
<div class="form-group">
<label>House Number, Building and Street Name</label>
<input type="text" class="form-control" name="address" placeholder="Please enter your House Number, Building and Street Name">
</div>
<div class="form-group">
<label>State</label>
<select class="form-control" name="state" id="lst-states" >
<option value="">Select State</option>
</select>
</div>
<div class="form-group">
<label>City</label>
<select class="form-control" name="city" id="lst-cities">
<option value="">Select City</option>
</select>
</div>
<div class="form-group">
<label>Zip Code</label>
<input type="text" class="form-control" name="zipcode" placeholder="Please enter your zip code">
</div>
</div>
<!-- <div class="box-footer">
<button type="submit" class="btn btn-primary btn-custom-save">Save</button>
</div> -->
</form>
</div>
<!-- /.tab-pane -->
<div class="tab-pane" id="tab_update_details">
b
</div>
<!-- /.tab-pane -->
</div>
<div class="box-footer">
<button type="submit" class="btn btn-primary btn-custom-save">Save</button>
</div>
</form>
<div>
<!-- /.tab-content -->
</div>
<!-- <div> -->
</div>
</div>
</section>

View File

@@ -873,6 +873,9 @@
getsportName = getsportName.replace(/\s+/g, '-').toLowerCase(); //new object assigned to var str
$("#product_url").val(getsportName);
});
$('#list').click(function(event){event.preventDefault();$('#products .item').addClass('list-group-item');});
$('#grid').click(function(event){event.preventDefault();$('#products .item').removeClass('list-group-item');$('#products .item').addClass('grid-group-item');});
});