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

@@ -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');});
});