diff --git a/packages/Webkul/Admin/src/Http/routes.php b/packages/Webkul/Admin/src/Http/routes.php index a98ff0be2..b4e0c7229 100644 --- a/packages/Webkul/Admin/src/Http/routes.php +++ b/packages/Webkul/Admin/src/Http/routes.php @@ -49,7 +49,7 @@ Route::group(['middleware' => ['web']], function () { 'view' => 'admin::customers.orders.index' ])->name('admin.customer.orders.index'); - Route::get('customer/reviews', 'Webkul\Shop\Http\Controllers\ReviewController@index')->defaults('_config',[ + Route::get('customer/reviews', 'Webkul\Product\Http\Controllers\ReviewController@index')->defaults('_config',[ 'view' => 'admin::customers.review.index' ])->name('admin.customer.review.index'); @@ -61,11 +61,11 @@ Route::group(['middleware' => ['web']], function () { 'redirect' => 'admin.customer.index' ])->name('admin.customer.store'); - Route::get('customer/reviews/edit/{id}', 'Webkul\Shop\Http\Controllers\ReviewController@edit')->defaults('_config',[ + Route::get('customer/reviews/edit/{id}', 'Webkul\Product\Http\Controllers\ReviewController@edit')->defaults('_config',[ 'view' => 'admin::customers.review.edit' ])->name('admin.customer.review.edit'); - Route::put('customer/reviews/edit/{id}', 'Webkul\Shop\Http\Controllers\ReviewController@update')->defaults('_config', [ + Route::put('customer/reviews/edit/{id}', 'Webkul\Product\Http\Controllers\ReviewController@update')->defaults('_config', [ 'redirect' => 'admin.customer.review.index' ])->name('admin.customer.review.update'); @@ -73,7 +73,7 @@ Route::group(['middleware' => ['web']], function () { 'view' => 'admin::customers.edit' ])->name('admin.customer.edit'); - Route::put('customer/reviews/edit/{id}', 'Webkul\Core\Http\Controllers\CustomerController@update')->defaults('_config', [ + Route::put('customer/edit/{id}', 'Webkul\Core\Http\Controllers\CustomerController@update')->defaults('_config', [ 'redirect' => 'admin.customer.index' ])->name('admin.customer.update'); diff --git a/packages/Webkul/Admin/src/Providers/EventServiceProvider.php b/packages/Webkul/Admin/src/Providers/EventServiceProvider.php index accef9ceb..599550acd 100644 --- a/packages/Webkul/Admin/src/Providers/EventServiceProvider.php +++ b/packages/Webkul/Admin/src/Providers/EventServiceProvider.php @@ -113,7 +113,7 @@ class EventServiceProvider extends ServiceProvider $acl->add('catalog.products', 'Products', 'admin.catalog.products.index', 1); $acl->add('catalog.categories', 'Categories', 'admin.catalog.categories.index', 1); - + $acl->add('configuration', 'Configure', 'admin.account.edit', 5); $acl->add('settings', 'Settings', 'admin.users.index', 6); diff --git a/packages/Webkul/Admin/src/Resources/views/catalog/categories/edit.blade.php b/packages/Webkul/Admin/src/Resources/views/catalog/categories/edit.blade.php index 489c50210..0cc75d9e8 100644 --- a/packages/Webkul/Admin/src/Resources/views/catalog/categories/edit.blade.php +++ b/packages/Webkul/Admin/src/Resources/views/catalog/categories/edit.blade.php @@ -7,7 +7,7 @@ @section('content')
get('locale') ?: app()->getLocale(); ?> - +
@@ -121,7 +121,7 @@
- + @stop \ No newline at end of file diff --git a/packages/Webkul/Admin/src/Resources/views/customers/edit.blade.php b/packages/Webkul/Admin/src/Resources/views/customers/edit.blade.php index 245b9bac6..0ea37bc67 100644 --- a/packages/Webkul/Admin/src/Resources/views/customers/edit.blade.php +++ b/packages/Webkul/Admin/src/Resources/views/customers/edit.blade.php @@ -63,8 +63,13 @@
- customerGroup->id ?> + + @if(!is_null($customer->customer_group_id)) + customerGroup->id ?> + @endif + - -
diff --git a/packages/Webkul/Admin/src/Resources/views/errors/404.blade.php b/packages/Webkul/Admin/src/Resources/views/errors/404.blade.php new file mode 100644 index 000000000..3a46d37a5 --- /dev/null +++ b/packages/Webkul/Admin/src/Resources/views/errors/404.blade.php @@ -0,0 +1,13 @@ +@extends('admin::layouts.content') + +@section('page_title') + {{ __('admin::app.catalog.categories.edit-title') }} +@stop + +@section('content') +
+ + + +
+@stop \ No newline at end of file diff --git a/packages/Webkul/Core/src/Core.php b/packages/Webkul/Core/src/Core.php index 4457259e3..5c2d895c0 100644 --- a/packages/Webkul/Core/src/Core.php +++ b/packages/Webkul/Core/src/Core.php @@ -140,7 +140,7 @@ class Core $channel = $this->getCurrentChannel(); - $currencyCode = $channel->base_currency; + $currencyCode = $channel->base_currency->code; return currency($price, $currencyCode); } diff --git a/packages/Webkul/Customer/src/Http/Controllers/CustomerController.php b/packages/Webkul/Customer/src/Http/Controllers/CustomerController.php index a8501b133..913ecdd9d 100644 --- a/packages/Webkul/Customer/src/Http/Controllers/CustomerController.php +++ b/packages/Webkul/Customer/src/Http/Controllers/CustomerController.php @@ -5,6 +5,7 @@ namespace Webkul\Customer\Http\Controllers; use Illuminate\Http\Request; use Illuminate\Http\Response; use Webkul\Customer\Repositories\CustomerRepository; +use Webkul\Product\Repositories\ProductReviewRepository as ProductReview; use Webkul\Customer\Models\Customer; use Auth; @@ -27,14 +28,29 @@ class CustomerController extends Controller protected $_config; protected $customer; + /** + * ProductReviewRepository object + * + * @var array + */ + protected $productReview; - public function __construct(CustomerRepository $customer) + /** + * Create a new controller instance. + * + * @param Webkul\Product\Repositories\ProductReviewRepository $productReview + * @return void + */ + + public function __construct(CustomerRepository $customer , ProductReview $productReview) { $this->middleware('customer'); $this->_config = request('_config'); $this->customer = $customer; + + $this->productReview = $productReview; } /** @@ -141,7 +157,12 @@ class CustomerController extends Controller } public function reviews() { - return view($this->_config['view']); + + $id = auth()->guard('customer')->user()->id; + + $reviews = $this->productReview->getCustomerReview($id); + + return view($this->_config['view'],compact('reviews')); } public function address() { diff --git a/packages/Webkul/Core/src/Http/Controllers/ReviewController.php b/packages/Webkul/Product/src/Http/Controllers/ReviewController.php similarity index 61% rename from packages/Webkul/Core/src/Http/Controllers/ReviewController.php rename to packages/Webkul/Product/src/Http/Controllers/ReviewController.php index ac6b76995..3428b1f2b 100644 --- a/packages/Webkul/Core/src/Http/Controllers/ReviewController.php +++ b/packages/Webkul/Product/src/Http/Controllers/ReviewController.php @@ -1,6 +1,6 @@ _config = request('_config'); } - /** - * Store a newly created resource in storage. + /** + * Display a listing of the resource. * - * @param \Illuminate\Http\Request $request + * @return \Illuminate\Http\Response + */ + public function index() + { + return view($this->_config['view']); + } + + /** + * Show the form for editing the specified resource. + * + * @param int $id * @return \Illuminate\Http\Response */ - public function store(Request $request , $id) - { - $this->validate(request(), [ - 'comment' => 'required', - ]); + public function edit($id) + { + $review = $this->productReview->find($id); - $input=$request->all(); + return view($this->_config['view'],compact('review')); + } - $input['product_id']=$id; + /** + * Update the specified resource in storage. + * + * @param \Illuminate\Http\Request $request + * @param int $id + * @return \Illuminate\Http\Response + */ + public function update(Request $request, $id) + { - $input['customer_id']=1; + $this->productReview->update(request()->all(), $id); - $this->productReview->create($input); - - session()->flash('success', 'Review submitted successfully.'); + session()->flash('success', 'Review updated successfully.'); return redirect()->route($this->_config['redirect']); } - } diff --git a/packages/Webkul/Product/src/Models/ProductReview.php b/packages/Webkul/Product/src/Models/ProductReview.php index a6ed903ec..cad0146d5 100644 --- a/packages/Webkul/Product/src/Models/ProductReview.php +++ b/packages/Webkul/Product/src/Models/ProductReview.php @@ -4,6 +4,7 @@ namespace Webkul\Product\Models; use Illuminate\Database\Eloquent\Model; use Webkul\Customer\Models\Customer; +use Webkul\Product\Models\Product; class ProductReview extends Model { @@ -16,4 +17,12 @@ class ProductReview extends Model { return $this->belongsTo(Customer::class); } + + /** + * Get the product. + */ + public function product() + { + return $this->belongsTo(Product::class); + } } \ No newline at end of file diff --git a/packages/Webkul/Product/src/Product/Review.php b/packages/Webkul/Product/src/Product/Review.php index 3fc979da2..72a4d910b 100644 --- a/packages/Webkul/Product/src/Product/Review.php +++ b/packages/Webkul/Product/src/Product/Review.php @@ -56,7 +56,7 @@ class Review extends AbstractProduct */ public function getTotalRating($product) { - return $product->reviews()->where('status',1)->sum('rating'); + return $product->reviews()->where('status','approved')->sum('rating'); } /** @@ -101,7 +101,7 @@ class Review extends AbstractProduct $link = $_SERVER['PHP_SELF']; $link_array = explode('/',$link); $last=end($link_array); - $itemPerPage = $last*5; + $itemPerPage = 1*5; return $product->reviews()->where('status',1)->paginate($itemPerPage); } } \ No newline at end of file diff --git a/packages/Webkul/Product/src/Repositories/ProductReviewRepository.php b/packages/Webkul/Product/src/Repositories/ProductReviewRepository.php index e8bff8b5e..4e135b324 100644 --- a/packages/Webkul/Product/src/Repositories/ProductReviewRepository.php +++ b/packages/Webkul/Product/src/Repositories/ProductReviewRepository.php @@ -1,8 +1,10 @@ -product = $product; + + parent::__construct($app); + } + /** * Specify Model class name * @@ -21,4 +45,16 @@ class ProductReviewRepository extends Repository { return 'Webkul\Product\Models\ProductReview'; } + + /** + * Retrieve review for customerId + * + * @param int $customerId + */ + function getCustomerReview($customerId) + { + $reviews = $this->model->where('customer_id',$customerId)->with('product')->get(); + + return $reviews; + } } \ No newline at end of file diff --git a/packages/Webkul/Shop/src/Http/Controllers/ProductController.php b/packages/Webkul/Shop/src/Http/Controllers/ProductController.php index b94ba5ade..f410aeb03 100644 --- a/packages/Webkul/Shop/src/Http/Controllers/ProductController.php +++ b/packages/Webkul/Shop/src/Http/Controllers/ProductController.php @@ -52,6 +52,8 @@ class ProductController extends Controller { $product = $this->product->findBySlugOrFail($slug); - return view($this->_config['view'], compact('product')); + $customer = auth()->guard('customer')->user(); + + return view($this->_config['view'], compact('product','customer')); } } diff --git a/packages/Webkul/Shop/src/Http/Controllers/ReviewController.php b/packages/Webkul/Shop/src/Http/Controllers/ReviewController.php index f6f6fb26a..4447db8b0 100644 --- a/packages/Webkul/Shop/src/Http/Controllers/ReviewController.php +++ b/packages/Webkul/Shop/src/Http/Controllers/ReviewController.php @@ -94,7 +94,7 @@ class ReviewController extends Controller $customer_id = auth()->guard('customer')->user()->id; - $data['status']=0; + $data['status']='pending'; $data['product_id']=$id; $data['customer_id']=$customer_id; diff --git a/packages/Webkul/Shop/src/Http/routes.php b/packages/Webkul/Shop/src/Http/routes.php index 6fb7371e1..053265fa3 100644 --- a/packages/Webkul/Shop/src/Http/routes.php +++ b/packages/Webkul/Shop/src/Http/routes.php @@ -51,12 +51,12 @@ Route::group(['middleware' => ['web']], function () { ])->name('shop.reviews.create'); Route::post('/product/{slug}/review', 'Webkul\Shop\Http\Controllers\ReviewController@store')->defaults('_config', [ - 'redirect' => 'shop.reviews.index' + 'redirect' => 'customer.reviews.index' ])->name('shop.reviews.store'); - Route::post('/reviews/create/{slug}', 'Webkul\Shop\Http\Controllers\ReviewController@store')->defaults('_config', [ - 'redirect' => 'admin.reviews.index' - ])->name('admin.reviews.store'); + // Route::post('/reviews/create/{slug}', 'Webkul\Shop\Http\Controllers\ReviewController@store')->defaults('_config', [ + // 'redirect' => 'admin.reviews.index' + // ])->name('admin.reviews.store'); //customer routes starts here diff --git a/packages/Webkul/Shop/src/Resources/assets/images/icon-filter.svg b/packages/Webkul/Shop/src/Resources/assets/images/icon-filter.svg new file mode 100644 index 000000000..292a6b68a --- /dev/null +++ b/packages/Webkul/Shop/src/Resources/assets/images/icon-filter.svg @@ -0,0 +1,10 @@ + + + + icon-filter + Created with Sketch. + + + + + \ No newline at end of file diff --git a/packages/Webkul/Shop/src/Resources/assets/images/icon-sort.svg b/packages/Webkul/Shop/src/Resources/assets/images/icon-sort.svg new file mode 100644 index 000000000..f52b8f0da --- /dev/null +++ b/packages/Webkul/Shop/src/Resources/assets/images/icon-sort.svg @@ -0,0 +1,13 @@ + + + + icon-sort + Created with Sketch. + + + + + + + + \ No newline at end of file diff --git a/packages/Webkul/Shop/src/Resources/assets/sass/app.scss b/packages/Webkul/Shop/src/Resources/assets/sass/app.scss index 2ec9230a2..a59bf9439 100644 --- a/packages/Webkul/Shop/src/Resources/assets/sass/app.scss +++ b/packages/Webkul/Shop/src/Resources/assets/sass/app.scss @@ -1,3 +1,4 @@ + @import url("https://fonts.googleapis.com/css?family=Montserrat:400,500"); @import "icons"; @@ -759,7 +760,7 @@ section.slider-block { } .filter-attributes-title .icon { - background-image: url('../images/arrow-up.svg') !important; + background-image: url('../images//arrow-up.svg') !important; } } } @@ -774,8 +775,9 @@ section.slider-block { margin-right: auto; .content-container { - display: inline-block; + display: flex; width: 100%; + flex-direction: row; } .product-grid { @@ -849,6 +851,7 @@ section.slider-block { border-radius: 0px; margin-right: 10px; text-transform: uppercase; + white-space: nowrap; } } } @@ -890,6 +893,14 @@ section.slider-block { float: left; color: $font-color; line-height: 45px; + + span:first-child { + display: inline; + } + + span:last-child { + display: none; + } } .pager { @@ -921,6 +932,10 @@ section.slider-block { margin-right: 10px; } } + + .sort-filter { + display: none; + } } .sorter { @@ -934,6 +949,10 @@ section.slider-block { } } + .reponsive-sorter-limiter { + display: none; + } + .bottom-toolbar { display: block; margin-top: 40px; @@ -1009,27 +1028,230 @@ section.slider-block { } } -//responsive for main-container-wrapper +// responsive category css start here @media all and (max-width: 480px) { + .main-container-wrapper { - width: 100% !important; - margin-left: auto; - margin-right: auto; + + .content-container { + flex-direction: column-reverse; + } + + .layered-filter-wrapper { + display: none; + } + + .main { + width: 92%; + margin-left: 4%; + } + + .product-grid { + + &.max-2-col { + grid-template-columns: repeat( auto-fill, minmax(150px, 1fr) ); + } + + &.max-3-col { + grid-template-columns: repeat( auto-fill, minmax(150px, 1fr) ); + } + + &.max-4-col { + grid-template-columns: repeat( auto-fill, minmax(150px, 1fr) ); + } + } + + .product-card { + + .product-ratings { + .total-reviews { + display: none; + } + } + + .cart-fav-seg { + .addtocart { + font-size: 12px; + } + } + } + + .top-toolbar { + border-bottom: 1px solid #E8E8E8; + margin-bottom: 10px; + + .page-info { + + span:first-child { + display: none; + } + + span:last-child { + display: inline; + font-size: 18px; + } + } + + .pager { + + .view-mode { + margin-right: 0px; + + a, span { + display: none; + + &.grid-view { + display: none; + } + } + + .sort-filter { + margin-top: 15px; + display: inline-block; + } + } + + .sorter { + display: none; + } + + .limiter { + display: none; + } + } + } + + .reponsive-sorter-limiter { + display: none; + + select { + background: #FFFFFF; + border: 1px solid #C7C7C7; + border-radius: 3px; + font-size: 16px; + color: $font-color; + padding: 10px; + } + } + + .bottom-toolbar { + margin-bottom: 80px; + } } } -@media all and (min-width: 481px) and (max-width: 920px) { +@media all and (min-width: 481px) and (max-width: 920px) { + .main-container-wrapper { - width: 90%; - margin-left: auto; - margin-right: auto; + + .content-container { + flex-direction: column-reverse; + } + + .layered-filter-wrapper { + display: none; + } + + .main { + width: 92%; + margin-left: 4%; + } + + .product-grid { + + &.max-2-col { + grid-template-columns: repeat( auto-fill, minmax(150px, 1fr) ); + } + + &.max-3-col { + grid-template-columns: repeat( auto-fill, minmax(150px, 1fr) ); + } + + &.max-4-col { + grid-template-columns: repeat( auto-fill, minmax(150px, 1fr) ); + } + } + + .product-card { + + .product-ratings { + .total-reviews { + display: none; + } + } + + .cart-fav-seg { + .addtocart { + font-size: 12px; + } + } + } + + .top-toolbar { + border-bottom: 1px solid #E8E8E8; + margin-bottom: 10px; + + .page-info { + + span:first-child { + display: none; + } + + span:last-child { + display: inline; + font-size: 18px; + } + } + + .pager { + + .view-mode { + margin-right: 0px; + + a, span { + display: none; + + &.grid-view { + display: none; + } + } + + .sort-filter { + margin-top: 15px; + display: inline-block; + } + } + + .sorter { + display: none; + } + + .limiter { + display: none; + } + } + } + + .reponsive-sorter-limiter { + display: none; + + select { + background: #FFFFFF; + border: 1px solid #C7C7C7; + border-radius: 3px; + font-size: 16px; + color: $font-color; + padding: 10px; + } + } + + .bottom-toolbar { + margin-bottom: 80px; + } } } - - - .product-price { font-size: 16px; margin-bottom: 14px; @@ -1343,7 +1565,7 @@ section.product-detail { form { display: flex; flex-direction: row; - justify-content: space-between; + // justify-content: space-between; width: 100%; div.product-image-group { @@ -1415,9 +1637,27 @@ section.product-detail { display: block; position: relative; background: #F2F2F2; - width: 480px; + width: 100%; max-height: 480px; + img { + width: 100%; + height: 480px; + max-height: 480px; + } + + .whishlist-icon { + margin-top: -480px; + float: right; + margin-right: 10px; + } + + .share-icon { + margin-top: -480px; + float: right; + margin-right: 40px; + } + .wishlist { position: absolute; top: 10px; @@ -1434,18 +1674,24 @@ section.product-detail { .cart-fav-seg { display: block; - float: right; + margin-top: 10px; - .wishlist { - position: absolute; - margin-top: -500px; - margin-right: -100px; + .addtocart { + border-radius: 0px; + width: 49%; + background: black; + } + + .buynow { + border-radius: 0px; + width: 49%; + float:right; } } } .details { - width: 50%; + width: 47.5%; .product-price { margin-bottom: 14px; @@ -1507,6 +1753,10 @@ section.product-detail { font-weight: 600; } + .accordian .accordian-content { + padding: 20px 0px; + } + .attributes { display: block; width: 100%; @@ -1517,10 +1767,229 @@ section.product-detail { font-size: 16px; } } + + // .rating-reviews { + // margin-top: 0px; + // width: 50%; + // margin-left: 20px; + + // .title-inline { + // display: inline-flex; + // align-items: center; + // justify-content: space-between; + // margin-bottom: 20px; + // width: 100%; + + // button { + // float: right; + // border-radius: 0px !important; + // } + // } + + // .overall { + // display: flex; + // flex-direction: row; + // align-items: center; + // justify-content: space-between; + // height: 150px; + + // .left-side { + // margin-bottom: 20px; + + // .number{ + // font-size: 34px; + // } + // } + + // .right-side { + // display: block; + + // .rater { + // display: inline-flex; + // align-items: center; + + // .star { + // width: 50px; + // height: 20px; + // padding: 1px; + // margin-right: 8px; + // } + + // .line-bar { + // height: 4px; + // width: 158px; + // margin-right: 12px; + // background: $bar-color; + + // .line-value { + // background-color: $dark-blue-shade; + // } + // } + // } + // } + // } + + // .reviews { + // margin-top: 34px; + // margin-bottom: 90px; + + // .review { + // margin-bottom: 25px; + + // .title { + // margin-bottom: 5px; + // } + + // .stars { + // margin-bottom: 15px; + // } + // .message { + // margin-bottom: 10px; + // } + // } + // .view-all { + // margin-top:15px; + // color: $logo-color; + // margin-bottom:15px; + // } + // } + // } } } } +// products responsive css start here + +@media all and (max-width: 480px) { + + section.product-detail { + + div.category-breadcrumbs { + display: none; + } + + div.layouter { + + form { + display: block; + + div.product-image-group { + margin-right: 0px; + + div { + flex-direction: column-reverse; + + .thumb-list { + height: 140px; + margin-top: 5px; + width:100%; + flex-direction: row; + overflow-x: scroll; + + .thumb-frame { + + img { + height: 100%; + width: auto; + } + } + + .gallery-control { + display: none; + } + } + + .product-hero-image { + width: 100%; + + img { + width: 100%; + } + } + } + } + + .details { + width: 100%; + margin-top: 20px; + border-bottom: 1px solid #e8e8e8e8; + + .attributes { + border-bottom: none; + } + } + } + } + } + +} + +@media all and (min-width: 481px) and (max-width: 920px) { + + section.product-detail { + + div.category-breadcrumbs { + display: none; + } + + div.layouter { + + form { + display: block; + + div.product-image-group { + margin-right: 0px; + + div { + flex-direction: column-reverse; + + .thumb-list { + height: 140px; + margin-top: 5px; + width:100%; + flex-direction: row; + overflow-x: scroll; + + .thumb-frame { + + img { + height: 100%; + width: auto; + } + } + + .gallery-control { + display: none; + } + } + + .product-hero-image { + width: 100%; + + img { + width: 100%; + } + } + } + } + + .details { + width: 100%; + margin-top: 20px; + border-bottom: 1px solid #e8e8e8e8; + + .attributes { + border-bottom: none; + } + } + } + } + } + +} + +// products responsive css end here + .rating-reviews { .rating-header { @@ -1841,6 +2310,45 @@ section.cart { } } +@media all and (max-width: 480px){ + + .attached-products-wrapper { + + .title { + + .border-bottom { + border-bottom: 1px solid rgba(162, 162, 162, 0.2); + display: inline-block; + width: 100%; + position: initial; + top: 40px; + left: 0%; + margin-left: 0px; + } + } + } +} + +@media all and (min-width: 481px) and (max-width: 920px) { + + .attached-products-wrapper { + + .title { + + .border-bottom { + border-bottom: 1px solid rgba(162, 162, 162, 0.2); + display: inline-block; + width: 100%; + position: initial; + top: 40px; + left: 0%; + margin-left: 0px; + } + } + } +} + + // order page css start here .order { @@ -2115,8 +2623,572 @@ section.cart { // oder page css end here +// responsive order page css start here + +@media all and (max-width: 480px) { + + .order { + margin-left: 0%; + + .order-section-head { + display: none; + } + + .order-section-head-small { + display: block; + margin-top: -15px; + + span { + display:inline-block; + width:33.3%; + } + + .icon { + float: left; + + img { + margin-top: 11px; + } + } + + .order-number { + text-align: center; + font-size: 16px; + color: #242424; + letter-spacing: -0.38px; + text-align: center; + margin-top: 13px; + margin-bottom: 13px; + } + + .cancel { + float: right; + text-align: right; + font-size: 17px; + color: #0031F0; + letter-spacing: -0.11px; + margin-top: 13px; + margin-bottom: 13px; + } + + .horizon-rule { + border: .5px solid #E8E8E8; + width: 150%; + margin-left: -10%; + margin-right: -10%; + } + } + + .payment-place { + font-size: 16px; + color: $profile-content-color; + margin-top: 4%; + + .placed-on { + display: flex; + flex-direction: column; + + .place-text { + width:100%; + + span { + font-size: 14px; + } + + .processing { + display: block; + float: right; + background: #2ED04C; + height: 25px; + border-radius: 100px; + font-size: 14px; + color: #FFFFFF; + letter-spacing: -0.12px; + width: 110px; + text-align: center; + padding-top: 3.5px; + padding-left: 5px; + margin-top: 3px; + } + } + + .place-date{ + margin-top: -5px; + } + } + + .payment-status { + display: flex; + flex-direction: column; + + .payment-text { + + span { + font-size: 14px; + } + } + + .status { + margin-top: 2px; + } + } + + .horizontal-rule { + margin-top: 1.1%; + width: 100%; + height: 1px; + vertical-align: middle; + background: #e8e8e8; + } + } + + .order-details{ + display: none; + } + + .total { + margin-top: 5%; + height: 130px; + + .calculate { + width: 100%; + float: left; + + .sub-total { + + .left { + margin-left: 0px; + width:100px; + } + + .middle { + display: none; + } + + .right { + float:right; + width:25%; + } + } + + .ship-handle { + + .left { + margin-left: 0px; + } + + .middle { + display: none; + } + + .right { + float:right; + width:25%; + } + } + + .discount { + + .left { + margin-left: 0px; + } + + .middle { + display: none; + } + + .right { + float:right; + width:25%; + } + } + + .grand-total { + + .left { + margin-left: 0px; + } + + .middle { + display: none; + } + + .right { + float:right; + width:25%; + } + } + + .due { + + .left { + margin-left: 0px; + } + + .middle { + display: none; + } + + .right { + float:right; + width:25%; + } + } + } + } + + .horizontal-rule { + display: none; + } + + .table { + display:none; + } + + .product-config { + border: 1px solid #E8E8E8; + height: 19%; + width:100%; + margin-top: 10px; + display: block; + + .product-attribute { + display: flex; + flex-direction: row; + + .product-property { + width: 30%; + margin-top: 10px; + margin-left: 5px; + + span { + font-size: 14px; + color: #5E5E5E; + letter-spacing: -0.11px; + } + } + + .property-name { + margin-top: 10px; + width:50%; + + span { + font-size: 16px; + color: #5E5E5E; + letter-spacing: -0.11px; + } + } + } + + } + + .order-information { + flex-direction: column; + + .order-address-method { + width : 250px; + } + + .order-address-method:nth-child(3) { + margin-top: 10px; + } + + .order-address-method:nth-child(2) { + margin-top: 10px; + } + + .order-address-method:nth-child(4) { + margin-top: 10px; + } + + } + } +} + +@media all and (min-width: 481px) and (max-width: 920px) { + + .order { + margin-left: 0%; + + .order-section-head { + display: none; + } + + .order-section-head-small { + display: block; + margin-top: -15px; + + span { + display:inline-block; + width:33.3%; + } + + .icon { + float: left; + + img { + margin-top: 11px; + } + } + + .order-number { + text-align: center; + font-size: 16px; + color: #242424; + letter-spacing: -0.38px; + text-align: center; + margin-top: 13px; + margin-bottom: 13px; + } + + .cancel { + float: right; + text-align: right; + font-size: 17px; + color: #0031F0; + letter-spacing: -0.11px; + margin-top: 13px; + margin-bottom: 13px; + } + + .horizon-rule { + border: .5px solid #E8E8E8; + width: 150%; + margin-left: -10%; + margin-right: -10%; + } + } + + .payment-place { + font-size: 16px; + color: $profile-content-color; + margin-top: 4%; + + .placed-on { + display: flex; + flex-direction: column; + + .place-text { + width:100%; + + span { + font-size: 14px; + } + + .processing { + display: block; + float: right; + background: #2ED04C; + height: 25px; + border-radius: 100px; + font-size: 14px; + color: #FFFFFF; + letter-spacing: -0.12px; + width: 110px; + text-align: center; + padding-top: 3.5px; + padding-left: 5px; + margin-top: 3px; + } + } + + .place-date{ + margin-top: -5px; + } + } + + .payment-status { + display: flex; + flex-direction: column; + + .payment-text { + + span { + font-size: 14px; + } + } + + .status { + margin-top: 2px; + } + } + + .horizontal-rule { + margin-top: 1.1%; + width: 100%; + height: 1px; + vertical-align: middle; + background: #e8e8e8; + } + } + + .order-details{ + display: none; + } + + .total { + margin-top: 5%; + height: 130px; + + .calculate { + width: 100%; + float: left; + + .sub-total { + + .left { + margin-left: 0px; + width:100px; + } + + .middle { + display: none; + } + + .right { + float:right; + width:25%; + } + } + + .ship-handle { + + .left { + margin-left: 0px; + } + + .middle { + display: none; + } + + .right { + float:right; + width:25%; + } + } + + .discount { + + .left { + margin-left: 0px; + } + + .middle { + display: none; + } + + .right { + float:right; + width:25%; + } + } + + .grand-total { + + .left { + margin-left: 0px; + } + + .middle { + display: none; + } + + .right { + float:right; + width:25%; + } + } + + .due { + + .left { + margin-left: 0px; + } + + .middle { + display: none; + } + + .right { + float:right; + width:25%; + } + } + } + } + + .horizontal-rule { + display: none; + } + + .table { + display:none; + } + + .product-config { + border: 1px solid #E8E8E8; + height: 19%; + width:100%; + margin-top: 10px; + display: block; + + .product-attribute { + display: flex; + flex-direction: row; + + .product-property { + width: 30%; + margin-top: 10px; + margin-left: 5px; + + span { + font-size: 14px; + color: #5E5E5E; + letter-spacing: -0.11px; + } + } + + .property-name { + margin-top: 10px; + width:50%; + + span { + font-size: 16px; + color: #5E5E5E; + letter-spacing: -0.11px; + } + } + } + + } + + .order-information { + flex-direction: column; + + .order-address-method { + width : 250px; + } + + .order-address-method:nth-child(3) { + margin-top: 10px; + } + + .order-address-method:nth-child(2) { + margin-top: 10px; + } + + .order-address-method:nth-child(4) { + margin-top: 10px; + } + + } + } + +} +// responsive order css end here + // checkout starts here -.checkout-process { +.checkout-process{ display: flex; flex-direction: row; width: 100%; @@ -2133,7 +3205,7 @@ section.cart { justify-content: space-between; width: 100%; padding-bottom: 15px; - border-bottom: 1px solid #E8E8E8; + border-bottom: 1px solid #E8E8E8;; li { height: 48px; @@ -2169,8 +3241,8 @@ section.cart { &.completed { cursor: pointer; - .decorator { - background-image: url('../images/complete.svg'); + img { + margin: auto; } } @@ -2266,6 +3338,14 @@ section.cart { } } + .horizontal-rule { + margin-top: 6%; + width: 100%; + height: 1px; + vertical-align: middle; + background: #e8e8e8; + } + .payble-amount { margin-top: 12px; @@ -2280,6 +3360,7 @@ section.cart { } .right { + float:right; font-size: 16px; color: #242424; @@ -2289,8 +3370,341 @@ section.cart { } } } + // checkout ends here +// responsive checkout start here + +@media all and (max-width: 480px) { + .checkout-process{ + width: 100%; + margin-top: 3%; + + .left-side { + width: 100%; + margin-right: 0%; + height: 60px; + + .checkout-menu { + width: 100%; + + ul.checkout-detail { + height: 60px; + width: 100%; + padding: 5px; + + li { + height: 48px; + + .wrapper { + display: flex; + + span { + display: none; + } + } + } + + .line { + margin-top: 23px; + width: 100%; + margin-left: 5px; + margin-right: 5px; + border: 1px solid #E7E7E7; + height: 1px; + } + } + + .horizontal-rule { + display: none; + } + } + } + + .right-side { + display: none; + } + } + + .order-info{ + width: 100%; + margin-right: 0%; + margin-top: 10px; + height:50px; + + .control-group { + + .control{ + width:100%; + } + } + + .different-billing-addr { + margin-top: 5%; + } + + .horizontal-rule { + margin-top: 10%; + } + + .countinue-button { + margin-top: 8%; + } + } +} + +@media all and (min-width: 481px) and (max-width: 920px) { + + .checkout-process{ + width: 100%; + margin-top:3%; + + .left-side { + width: 100%; + margin-right: 0%; + height: 60px; + + .checkout-menu { + width: 100%; + + ul.checkout-detail { + height: 60px; + width: 100%; + padding: 5px; + + li { + height: 48px; + + .wrapper { + display:flex; + + span { + display: none; + } + + } + } + + .line { + margin-top: 23px; + width: 100%; + margin-left: 10px; + margin-right: 10px; + border: 1px solid #E7E7E7; + height: 1px; + } + } + + .horizontal-rule { + display: none; + } + } + } + + .right-side { + display:none; + } + } + + .order-info{ + width: 100%; + margin-right: 0%; + margin-top: 10px; + height:50px; + + .control-group { + + .control{ + width:100%; + } + } + + .different-billing-addr { + margin-top: 3%; + } + + .horizontal-rule { + margin-top: 10%; + } + + .countinue-button { + margin-top: 5%; + } + } +} +// responsive checkout end here + + + +//shipment start here +.ship-method { + width: 67%; + margin-right: 6%; + height: 600px; + margin-top: -190px; + + .ship-info { + + .ship-text{ + font-size: 24px; + color: #242424; + letter-spacing: -0.58px; + font-weight: bold; + } + } + + .ship-price { + margin-top: 31px; + + .price-checkbox { + display:flex; + + span { + margin-left: 8px; + font-size: 16px; + color: #242424; + line-height: 22px; + font-weight: bold; + } + + } + + .price-checkbox-text { + margin-left: 25px; + width:580px; + height:44px; + margin-top: 4px; + + b { + font-size: 16px; + } + + span { + font-size: 16px; + color: #242424; + line-height: 22px; + } + } + + + } + + .horizontal-rule { + margin-top: 7%; + width: 100%; + height: 1px; + vertical-align: middle; + background: #e8e8e8; + } + + .countinue-button { + margin-top: 3%; + + button { + background: #0031F0; + font-size: 14px; + color: #FFFFFF; + letter-spacing: -0.26px; + text-align: center; + height: 38px; + width: 137px; + border: none; + } + } +} +//shipment end here + +// payment method start here +.payment-method { + width: 67%; + margin-right: 6%; + height: 600px; + margin-top: -190px; + + .payment-info { + + .payment-text{ + font-size: 24px; + color: #242424; + letter-spacing: -0.58px; + font-weight: bold; + } + } + + .payment-price { + margin-top: 31px; + + .payment-checkbox { + display:flex; + + span { + margin-left: 8px; + font-size: 16px; + color: #242424; + line-height: 22px; + font-weight: bold; + } + + } + + .payment-checkbox-text { + margin-left: 25px; + width:580px; + height:44px; + margin-top: 4px; + + b { + font-size: 16px; + } + + span { + font-size: 16px; + color: #242424; + line-height: 22px; + } + } + + + } + + .horizontal-rule { + margin-top: 7%; + width: 100%; + height: 1px; + vertical-align: middle; + background: #e8e8e8; + } + + .countinue-button { + margin-top: 3%; + + button { + background: #0031F0; + font-size: 14px; .horizontal-rule { + margin-top: 7%; + width: 100%; + height: 1px; + vertical-align: middle; + background: #e8e8e8; + } + color: #FFFFFF; + letter-spacing: -0.26px; .horizontal-rule { + margin-top: 7%; + width: 100%; + height: 1px; + vertical-align: middle; + background: #e8e8e8; + } + text-align: center; + height: 38px; + width: 137px; + border: none; + } + } +} +// payment method end here + + // complete page start here .complete-page{ width:880px; @@ -2822,4 +4236,59 @@ section.review { } } } -// review page start here \ No newline at end of file + +// review page end here + + +// customer section css start here + +.cusomer-section { + margin-left: 50px; + width:100%; + + .customer-section-info { + display: flex; + flex-direction: row; + border-top: 1px solid #E8E8E8; + + .pro-img { + margin-top: 10px; + margin-bottom: 5px; + + img { + height: 125px; + width: 100px; + } + } + + .pro-discription { + margin-left: 20px; + width: 100%; + + .title { + font-size: 16px; + color: #0031F0; + margin-top: 15px; + } + + .rating { + margin-top: 10px; + + .icon { + height: 16px; + width: 16px; + } + } + + .discription { + margin-top: 15px; + } + } + } + + .customer-section-info:last-child { + border-bottom: 1px solid #e8e8e8; + } +} + +// customer section css end here \ No newline at end of file diff --git a/packages/Webkul/Shop/src/Resources/assets/sass/icons.scss b/packages/Webkul/Shop/src/Resources/assets/sass/icons.scss index 762f456ae..d4c2de509 100644 --- a/packages/Webkul/Shop/src/Resources/assets/sass/icons.scss +++ b/packages/Webkul/Shop/src/Resources/assets/sass/icons.scss @@ -29,4 +29,28 @@ background-image:URL('../images/icon-list-view.svg'); width: 24px; height: 24px; +} + +.sort-icon { + background-image:URL('../images/icon-sort.svg'); + width: 24px; + height: 24px; +} + +.filter-icon { + background-image:URL('../images/icon-filter.svg'); + width: 24px; + height: 24px; +} + +.whishlist-icon { + background-image:URL('../images/wishlist.svg'); + width: 24px; + height: 24px; +} + +.share-icon { + background-image:URL('../images/icon-share.svg'); + width: 24px; + height: 24px; } \ No newline at end of file diff --git a/packages/Webkul/Shop/src/Resources/views/customers/account/reviews/reviews.blade.php b/packages/Webkul/Shop/src/Resources/views/customers/account/reviews/reviews.blade.php index 3f4fd72c8..60cdced18 100644 --- a/packages/Webkul/Shop/src/Resources/views/customers/account/reviews/reviews.blade.php +++ b/packages/Webkul/Shop/src/Resources/views/customers/account/reviews/reviews.blade.php @@ -1 +1,44 @@ -

Customer Reviews page

\ No newline at end of file +@inject ('productImageHelper', 'Webkul\Product\Product\ProductImage') + +@extends('shop::layouts.master') +@section('content-wrapper') +
+ @include('shop::customers.account.partials.sidemenu') + +
+ +

Reviews

+ + @foreach($reviews as $review) +
+ + getGalleryImages($review->product); ?> + +
+ +
+ +
+ +
+ {{ $review->product->name }} +
+ +
+ @for($i=0 ; $i < $review->rating ; $i++) + + @endfor +
+ +
+ {{ $review->comment }} +
+
+ +
+ @endforeach + +
+ +
+@endsection \ No newline at end of file diff --git a/packages/Webkul/Shop/src/Resources/views/layouts/header/index.blade.php b/packages/Webkul/Shop/src/Resources/views/layouts/header/index.blade.php index 72fa0b8da..78c921a49 100644 --- a/packages/Webkul/Shop/src/Resources/views/layouts/header/index.blade.php +++ b/packages/Webkul/Shop/src/Resources/views/layouts/header/index.blade.php @@ -147,14 +147,8 @@ -
+
@include('shop::layouts.header.nav-menu.navmenu')
- -@push('scripts') - -@endpush \ No newline at end of file diff --git a/packages/Webkul/Shop/src/Resources/views/products/add-to-cart.blade.php b/packages/Webkul/Shop/src/Resources/views/products/add-to-cart.blade.php index b156d03f0..03cb40b04 100644 --- a/packages/Webkul/Shop/src/Resources/views/products/add-to-cart.blade.php +++ b/packages/Webkul/Shop/src/Resources/views/products/add-to-cart.blade.php @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/packages/Webkul/Shop/src/Resources/views/products/buy-now.blade.php b/packages/Webkul/Shop/src/Resources/views/products/buy-now.blade.php new file mode 100644 index 000000000..a46559ed5 --- /dev/null +++ b/packages/Webkul/Shop/src/Resources/views/products/buy-now.blade.php @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/Webkul/Shop/src/Resources/views/products/index.blade.php b/packages/Webkul/Shop/src/Resources/views/products/index.blade.php index 5ba187260..2ccb1f27c 100644 --- a/packages/Webkul/Shop/src/Resources/views/products/index.blade.php +++ b/packages/Webkul/Shop/src/Resources/views/products/index.blade.php @@ -44,4 +44,90 @@ -@stop \ No newline at end of file +@stop + + +@push('scripts') + + + +@endpush \ No newline at end of file diff --git a/packages/Webkul/Shop/src/Resources/views/products/list/card.blade.php b/packages/Webkul/Shop/src/Resources/views/products/list/card.blade.php index fcf42cf63..485a8569a 100644 --- a/packages/Webkul/Shop/src/Resources/views/products/list/card.blade.php +++ b/packages/Webkul/Shop/src/Resources/views/products/list/card.blade.php @@ -11,9 +11,9 @@
- +
- + {{ $product->id }} @@ -24,13 +24,13 @@
{{ $product->short_description }}
- + @include ('shop::products.price', ['product' => $product]) @include ('shop::products.review', ['product' => $product]) @include ('shop::products.add-to', ['product' => $product]) - +
\ No newline at end of file diff --git a/packages/Webkul/Shop/src/Resources/views/products/list/layered-navigation.blade.php b/packages/Webkul/Shop/src/Resources/views/products/list/layered-navigation.blade.php index ed9764ac9..352acda1d 100644 --- a/packages/Webkul/Shop/src/Resources/views/products/list/layered-navigation.blade.php +++ b/packages/Webkul/Shop/src/Resources/views/products/list/layered-navigation.blade.php @@ -3,13 +3,13 @@
- +
@push('scripts') + +@endpush + + + diff --git a/packages/Webkul/Shop/src/Resources/views/products/view/configurable-options.blade.php b/packages/Webkul/Shop/src/Resources/views/products/view/configurable-options.blade.php index de7dc2f49..b22edf9f1 100644 --- a/packages/Webkul/Shop/src/Resources/views/products/view/configurable-options.blade.php +++ b/packages/Webkul/Shop/src/Resources/views/products/view/configurable-options.blade.php @@ -30,7 +30,7 @@ @@ -41,17 +41,17 @@ - getConfigurationConfig($product) ?> + {{-- getConfigurationConfig($product) ?> --}} diff --git a/packages/Webkul/Shop/src/Resources/views/products/view/reviews.blade.php b/packages/Webkul/Shop/src/Resources/views/products/view/reviews.blade.php index 11e8eb560..f877278f7 100644 --- a/packages/Webkul/Shop/src/Resources/views/products/view/reviews.blade.php +++ b/packages/Webkul/Shop/src/Resources/views/products/view/reviews.blade.php @@ -1,5 +1,4 @@ @inject ('reviewHelper', 'Webkul\Product\Product\Review') - @if ($total = $reviewHelper->getTotalReviews($product))
@@ -17,7 +16,7 @@ @for ($i = 1; $i <= round($reviewHelper->getAverageRating($product)); $i++) - + @endfor @@ -27,15 +26,17 @@
+ @if(!is_null($customer)) {{ __('shop::app.products.write-review-btn') }} + @endif
- @foreach ($reviewHelper->getReviews($product)->paginate(5) as $review) + @foreach ($reviewHelper->getReviews($product)->paginate(10) as $review)
{{ $review->title }} @@ -45,7 +46,7 @@ @for ($i = 1; $i <= $review->rating; $i++) - + @endfor @@ -55,7 +56,7 @@
- {{ __('shop::app.products.by', ['name' => $review->customer->name]) }}, + {{ __('shop::app.products.by', ['name' => $review->customer->name]) }}, diff --git a/public/themes/default/assets/css/shop.css b/public/themes/default/assets/css/shop.css index 078ee3a0c..0104a13f3 100644 --- a/public/themes/default/assets/css/shop.css +++ b/public/themes/default/assets/css/shop.css @@ -31,6 +31,30 @@ height: 24px; } +.sort-icon { + background-image: URL("../images/icon-sort.svg"); + width: 24px; + height: 24px; +} + +.filter-icon { + background-image: URL("../images/icon-filter.svg"); + width: 24px; + height: 24px; +} + +.whishlist-icon { + background-image: URL("../images/wishlist.svg"); + width: 24px; + height: 24px; +} + +.share-icon { + background-image: URL("../images/icon-share.svg"); + width: 24px; + height: 24px; +} + body { margin: 0; padding: 0; @@ -817,7 +841,7 @@ section.slider-block div.slider-content div.slider-control .light-right-icon { } .layered-filter-wrapper .filter-attributes .filter-attributes-item.active .filter-attributes-title .icon { - background-image: url("../images/arrow-up.svg") !important; + background-image: url("../images//arrow-up.svg") !important; } .main-container-wrapper { @@ -828,8 +852,14 @@ section.slider-block div.slider-content div.slider-control .light-right-icon { } .main-container-wrapper .content-container { - display: inline-block; + display: -webkit-box; + display: -ms-flexbox; + display: flex; width: 100%; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } .main-container-wrapper .product-grid { @@ -907,6 +937,7 @@ section.slider-block div.slider-content div.slider-control .light-right-icon { border-radius: 0px; margin-right: 10px; text-transform: uppercase; + white-space: nowrap; } .main-container-wrapper .product-list .product-card { @@ -947,6 +978,14 @@ section.slider-block div.slider-content div.slider-control .light-right-icon { line-height: 45px; } +.main-container-wrapper .top-toolbar .page-info span:first-child { + display: inline; +} + +.main-container-wrapper .top-toolbar .page-info span:last-child { + display: none; +} + .main-container-wrapper .top-toolbar .pager { float: right; } @@ -979,6 +1018,10 @@ section.slider-block div.slider-content div.slider-control .light-right-icon { margin-right: 10px; } +.main-container-wrapper .top-toolbar .pager .view-mode .sort-filter { + display: none; +} + .main-container-wrapper .top-toolbar .pager .sorter { display: inline-block; margin-right: 10px; @@ -988,6 +1031,10 @@ section.slider-block div.slider-content div.slider-control .light-right-icon { display: inline-block; } +.main-container-wrapper .reponsive-sorter-limiter { + display: none; +} + .main-container-wrapper .bottom-toolbar { display: block; margin-top: 40px; @@ -1070,18 +1117,152 @@ section.slider-block div.slider-content div.slider-control .light-right-icon { } @media all and (max-width: 480px) { - .main-container-wrapper { - width: 100% !important; - margin-left: auto; - margin-right: auto; + .main-container-wrapper .content-container { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + } + .main-container-wrapper .layered-filter-wrapper { + display: none; + } + .main-container-wrapper .main { + width: 92%; + margin-left: 4%; + } + .main-container-wrapper .product-grid.max-2-col { + grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); + } + .main-container-wrapper .product-grid.max-3-col { + grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); + } + .main-container-wrapper .product-grid.max-4-col { + grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); + } + .main-container-wrapper .product-card .product-ratings .total-reviews { + display: none; + } + .main-container-wrapper .product-card .cart-fav-seg .addtocart { + font-size: 12px; + } + .main-container-wrapper .top-toolbar { + border-bottom: 1px solid #E8E8E8; + margin-bottom: 10px; + } + .main-container-wrapper .top-toolbar .page-info span:first-child { + display: none; + } + .main-container-wrapper .top-toolbar .page-info span:last-child { + display: inline; + font-size: 18px; + } + .main-container-wrapper .top-toolbar .pager .view-mode { + margin-right: 0px; + } + .main-container-wrapper .top-toolbar .pager .view-mode a, .main-container-wrapper .top-toolbar .pager .view-mode span { + display: none; + } + .main-container-wrapper .top-toolbar .pager .view-mode a.grid-view, .main-container-wrapper .top-toolbar .pager .view-mode span.grid-view { + display: none; + } + .main-container-wrapper .top-toolbar .pager .view-mode .sort-filter { + margin-top: 15px; + display: inline-block; + } + .main-container-wrapper .top-toolbar .pager .sorter { + display: none; + } + .main-container-wrapper .top-toolbar .pager .limiter { + display: none; + } + .main-container-wrapper .reponsive-sorter-limiter { + display: none; + } + .main-container-wrapper .reponsive-sorter-limiter select { + background: #FFFFFF; + border: 1px solid #C7C7C7; + border-radius: 3px; + font-size: 16px; + color: #242424; + padding: 10px; + } + .main-container-wrapper .bottom-toolbar { + margin-bottom: 80px; } } @media all and (min-width: 481px) and (max-width: 920px) { - .main-container-wrapper { - width: 90%; - margin-left: auto; - margin-right: auto; + .main-container-wrapper .content-container { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + } + .main-container-wrapper .layered-filter-wrapper { + display: none; + } + .main-container-wrapper .main { + width: 92%; + margin-left: 4%; + } + .main-container-wrapper .product-grid.max-2-col { + grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); + } + .main-container-wrapper .product-grid.max-3-col { + grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); + } + .main-container-wrapper .product-grid.max-4-col { + grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); + } + .main-container-wrapper .product-card .product-ratings .total-reviews { + display: none; + } + .main-container-wrapper .product-card .cart-fav-seg .addtocart { + font-size: 12px; + } + .main-container-wrapper .top-toolbar { + border-bottom: 1px solid #E8E8E8; + margin-bottom: 10px; + } + .main-container-wrapper .top-toolbar .page-info span:first-child { + display: none; + } + .main-container-wrapper .top-toolbar .page-info span:last-child { + display: inline; + font-size: 18px; + } + .main-container-wrapper .top-toolbar .pager .view-mode { + margin-right: 0px; + } + .main-container-wrapper .top-toolbar .pager .view-mode a, .main-container-wrapper .top-toolbar .pager .view-mode span { + display: none; + } + .main-container-wrapper .top-toolbar .pager .view-mode a.grid-view, .main-container-wrapper .top-toolbar .pager .view-mode span.grid-view { + display: none; + } + .main-container-wrapper .top-toolbar .pager .view-mode .sort-filter { + margin-top: 15px; + display: inline-block; + } + .main-container-wrapper .top-toolbar .pager .sorter { + display: none; + } + .main-container-wrapper .top-toolbar .pager .limiter { + display: none; + } + .main-container-wrapper .reponsive-sorter-limiter { + display: none; + } + .main-container-wrapper .reponsive-sorter-limiter select { + background: #FFFFFF; + border: 1px solid #C7C7C7; + border-radius: 3px; + font-size: 16px; + color: #242424; + padding: 10px; + } + .main-container-wrapper .bottom-toolbar { + margin-bottom: 80px; } } @@ -1419,9 +1600,6 @@ section.product-detail div.layouter form { -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; width: 100%; } @@ -1508,10 +1686,28 @@ section.product-detail div.layouter form div.product-image-group div .product-he display: block; position: relative; background: #F2F2F2; - width: 480px; + width: 100%; max-height: 480px; } +section.product-detail div.layouter form div.product-image-group div .product-hero-image img { + width: 100%; + height: 480px; + max-height: 480px; +} + +section.product-detail div.layouter form div.product-image-group div .product-hero-image .whishlist-icon { + margin-top: -480px; + float: right; + margin-right: 10px; +} + +section.product-detail div.layouter form div.product-image-group div .product-hero-image .share-icon { + margin-top: -480px; + float: right; + margin-right: 40px; +} + section.product-detail div.layouter form div.product-image-group div .product-hero-image .wishlist { position: absolute; top: 10px; @@ -1526,17 +1722,23 @@ section.product-detail div.layouter form div.product-image-group div .product-he section.product-detail div.layouter form div.product-image-group .cart-fav-seg { display: block; + margin-top: 10px; +} + +section.product-detail div.layouter form div.product-image-group .cart-fav-seg .addtocart { + border-radius: 0px; + width: 49%; + background: black; +} + +section.product-detail div.layouter form div.product-image-group .cart-fav-seg .buynow { + border-radius: 0px; + width: 49%; float: right; } -section.product-detail div.layouter form div.product-image-group .cart-fav-seg .wishlist { - position: absolute; - margin-top: -500px; - margin-right: -100px; -} - section.product-detail div.layouter form .details { - width: 50%; + width: 47.5%; } section.product-detail div.layouter form .details .product-price { @@ -1597,6 +1799,10 @@ section.product-detail div.layouter form .details .accordian .accordian-header { font-weight: 600; } +section.product-detail div.layouter form .details .accordian .accordian-content { + padding: 20px 0px; +} + section.product-detail div.layouter form .details .attributes { display: block; width: 100%; @@ -1607,6 +1813,104 @@ section.product-detail div.layouter form .details .full-description { font-size: 16px; } +@media all and (max-width: 480px) { + section.product-detail div.category-breadcrumbs { + display: none; + } + section.product-detail div.layouter form { + display: block; + } + section.product-detail div.layouter form div.product-image-group { + margin-right: 0px; + } + section.product-detail div.layouter form div.product-image-group div { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + } + section.product-detail div.layouter form div.product-image-group div .thumb-list { + height: 140px; + margin-top: 5px; + width: 100%; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + overflow-x: scroll; + } + section.product-detail div.layouter form div.product-image-group div .thumb-list .thumb-frame img { + height: 100%; + width: auto; + } + section.product-detail div.layouter form div.product-image-group div .thumb-list .gallery-control { + display: none; + } + section.product-detail div.layouter form div.product-image-group div .product-hero-image { + width: 100%; + } + section.product-detail div.layouter form div.product-image-group div .product-hero-image img { + width: 100%; + } + section.product-detail div.layouter form .details { + width: 100%; + margin-top: 20px; + border-bottom: 1px solid #e8e8e8e8; + } + section.product-detail div.layouter form .details .attributes { + border-bottom: none; + } +} + +@media all and (min-width: 481px) and (max-width: 920px) { + section.product-detail div.category-breadcrumbs { + display: none; + } + section.product-detail div.layouter form { + display: block; + } + section.product-detail div.layouter form div.product-image-group { + margin-right: 0px; + } + section.product-detail div.layouter form div.product-image-group div { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + } + section.product-detail div.layouter form div.product-image-group div .thumb-list { + height: 140px; + margin-top: 5px; + width: 100%; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + overflow-x: scroll; + } + section.product-detail div.layouter form div.product-image-group div .thumb-list .thumb-frame img { + height: 100%; + width: auto; + } + section.product-detail div.layouter form div.product-image-group div .thumb-list .gallery-control { + display: none; + } + section.product-detail div.layouter form div.product-image-group div .product-hero-image { + width: 100%; + } + section.product-detail div.layouter form div.product-image-group div .product-hero-image img { + width: 100%; + } + section.product-detail div.layouter form .details { + width: 100%; + margin-top: 20px; + border-bottom: 1px solid #e8e8e8e8; + } + section.product-detail div.layouter form .details .attributes { + border-bottom: none; + } +} + .rating-reviews .rating-header { font-weight: 600; padding: 20px 0; @@ -1937,6 +2241,30 @@ section.cart .cart-content .right-side .coupon-section .after-coupon-amount .amo margin-right: auto; } +@media all and (max-width: 480px) { + .attached-products-wrapper .title .border-bottom { + border-bottom: 1px solid rgba(162, 162, 162, 0.2); + display: inline-block; + width: 100%; + position: initial; + top: 40px; + left: 0%; + margin-left: 0px; + } +} + +@media all and (min-width: 481px) and (max-width: 920px) { + .attached-products-wrapper .title .border-bottom { + border-bottom: 1px solid rgba(162, 162, 162, 0.2); + display: inline-block; + width: 100%; + position: initial; + top: 40px; + left: 0%; + margin-left: 0px; + } +} + .order { margin-left: 5.5%; margin-top: 1%; @@ -2213,6 +2541,462 @@ section.cart .cart-content .right-side .coupon-section .after-coupon-amount .amo color: #3A3A3A; } +@media all and (max-width: 480px) { + .order { + margin-left: 0%; + } + .order .order-section-head { + display: none; + } + .order .order-section-head-small { + display: block; + margin-top: -15px; + } + .order .order-section-head-small span { + display: inline-block; + width: 33.3%; + } + .order .order-section-head-small .icon { + float: left; + } + .order .order-section-head-small .icon img { + margin-top: 11px; + } + .order .order-section-head-small .order-number { + text-align: center; + font-size: 16px; + color: #242424; + letter-spacing: -0.38px; + text-align: center; + margin-top: 13px; + margin-bottom: 13px; + } + .order .order-section-head-small .cancel { + float: right; + text-align: right; + font-size: 17px; + color: #0031F0; + letter-spacing: -0.11px; + margin-top: 13px; + margin-bottom: 13px; + } + .order .order-section-head-small .horizon-rule { + border: .5px solid #E8E8E8; + width: 150%; + margin-left: -10%; + margin-right: -10%; + } + .order .payment-place { + font-size: 16px; + color: #5e5e5e; + margin-top: 4%; + } + .order .payment-place .placed-on { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .order .payment-place .placed-on .place-text { + width: 100%; + } + .order .payment-place .placed-on .place-text span { + font-size: 14px; + } + .order .payment-place .placed-on .place-text .processing { + display: block; + float: right; + background: #2ED04C; + height: 25px; + border-radius: 100px; + font-size: 14px; + color: #FFFFFF; + letter-spacing: -0.12px; + width: 110px; + text-align: center; + padding-top: 3.5px; + padding-left: 5px; + margin-top: 3px; + } + .order .payment-place .placed-on .place-date { + margin-top: -5px; + } + .order .payment-place .payment-status { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .order .payment-place .payment-status .payment-text span { + font-size: 14px; + } + .order .payment-place .payment-status .status { + margin-top: 2px; + } + .order .payment-place .horizontal-rule { + margin-top: 1.1%; + width: 100%; + height: 1px; + vertical-align: middle; + background: #e8e8e8; + } + .order .order-details { + display: none; + } + .order .total { + margin-top: 5%; + height: 130px; + } + .order .total .calculate { + width: 100%; + float: left; + } + .order .total .calculate .sub-total .left { + margin-left: 0px; + width: 100px; + } + .order .total .calculate .sub-total .middle { + display: none; + } + .order .total .calculate .sub-total .right { + float: right; + width: 25%; + } + .order .total .calculate .ship-handle .left { + margin-left: 0px; + } + .order .total .calculate .ship-handle .middle { + display: none; + } + .order .total .calculate .ship-handle .right { + float: right; + width: 25%; + } + .order .total .calculate .discount .left { + margin-left: 0px; + } + .order .total .calculate .discount .middle { + display: none; + } + .order .total .calculate .discount .right { + float: right; + width: 25%; + } + .order .total .calculate .grand-total .left { + margin-left: 0px; + } + .order .total .calculate .grand-total .middle { + display: none; + } + .order .total .calculate .grand-total .right { + float: right; + width: 25%; + } + .order .total .calculate .due .left { + margin-left: 0px; + } + .order .total .calculate .due .middle { + display: none; + } + .order .total .calculate .due .right { + float: right; + width: 25%; + } + .order .horizontal-rule { + display: none; + } + .order .table { + display: none; + } + .order .product-config { + border: 1px solid #E8E8E8; + height: 19%; + width: 100%; + margin-top: 10px; + display: block; + } + .order .product-config .product-attribute { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + .order .product-config .product-attribute .product-property { + width: 30%; + margin-top: 10px; + margin-left: 5px; + } + .order .product-config .product-attribute .product-property span { + font-size: 14px; + color: #5E5E5E; + letter-spacing: -0.11px; + } + .order .product-config .product-attribute .property-name { + margin-top: 10px; + width: 50%; + } + .order .product-config .product-attribute .property-name span { + font-size: 16px; + color: #5E5E5E; + letter-spacing: -0.11px; + } + .order .order-information { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .order .order-information .order-address-method { + width: 250px; + } + .order .order-information .order-address-method:nth-child(3) { + margin-top: 10px; + } + .order .order-information .order-address-method:nth-child(2) { + margin-top: 10px; + } + .order .order-information .order-address-method:nth-child(4) { + margin-top: 10px; + } +} + +@media all and (min-width: 481px) and (max-width: 920px) { + .order { + margin-left: 0%; + } + .order .order-section-head { + display: none; + } + .order .order-section-head-small { + display: block; + margin-top: -15px; + } + .order .order-section-head-small span { + display: inline-block; + width: 33.3%; + } + .order .order-section-head-small .icon { + float: left; + } + .order .order-section-head-small .icon img { + margin-top: 11px; + } + .order .order-section-head-small .order-number { + text-align: center; + font-size: 16px; + color: #242424; + letter-spacing: -0.38px; + text-align: center; + margin-top: 13px; + margin-bottom: 13px; + } + .order .order-section-head-small .cancel { + float: right; + text-align: right; + font-size: 17px; + color: #0031F0; + letter-spacing: -0.11px; + margin-top: 13px; + margin-bottom: 13px; + } + .order .order-section-head-small .horizon-rule { + border: .5px solid #E8E8E8; + width: 150%; + margin-left: -10%; + margin-right: -10%; + } + .order .payment-place { + font-size: 16px; + color: #5e5e5e; + margin-top: 4%; + } + .order .payment-place .placed-on { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .order .payment-place .placed-on .place-text { + width: 100%; + } + .order .payment-place .placed-on .place-text span { + font-size: 14px; + } + .order .payment-place .placed-on .place-text .processing { + display: block; + float: right; + background: #2ED04C; + height: 25px; + border-radius: 100px; + font-size: 14px; + color: #FFFFFF; + letter-spacing: -0.12px; + width: 110px; + text-align: center; + padding-top: 3.5px; + padding-left: 5px; + margin-top: 3px; + } + .order .payment-place .placed-on .place-date { + margin-top: -5px; + } + .order .payment-place .payment-status { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .order .payment-place .payment-status .payment-text span { + font-size: 14px; + } + .order .payment-place .payment-status .status { + margin-top: 2px; + } + .order .payment-place .horizontal-rule { + margin-top: 1.1%; + width: 100%; + height: 1px; + vertical-align: middle; + background: #e8e8e8; + } + .order .order-details { + display: none; + } + .order .total { + margin-top: 5%; + height: 130px; + } + .order .total .calculate { + width: 100%; + float: left; + } + .order .total .calculate .sub-total .left { + margin-left: 0px; + width: 100px; + } + .order .total .calculate .sub-total .middle { + display: none; + } + .order .total .calculate .sub-total .right { + float: right; + width: 25%; + } + .order .total .calculate .ship-handle .left { + margin-left: 0px; + } + .order .total .calculate .ship-handle .middle { + display: none; + } + .order .total .calculate .ship-handle .right { + float: right; + width: 25%; + } + .order .total .calculate .discount .left { + margin-left: 0px; + } + .order .total .calculate .discount .middle { + display: none; + } + .order .total .calculate .discount .right { + float: right; + width: 25%; + } + .order .total .calculate .grand-total .left { + margin-left: 0px; + } + .order .total .calculate .grand-total .middle { + display: none; + } + .order .total .calculate .grand-total .right { + float: right; + width: 25%; + } + .order .total .calculate .due .left { + margin-left: 0px; + } + .order .total .calculate .due .middle { + display: none; + } + .order .total .calculate .due .right { + float: right; + width: 25%; + } + .order .horizontal-rule { + display: none; + } + .order .table { + display: none; + } + .order .product-config { + border: 1px solid #E8E8E8; + height: 19%; + width: 100%; + margin-top: 10px; + display: block; + } + .order .product-config .product-attribute { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + .order .product-config .product-attribute .product-property { + width: 30%; + margin-top: 10px; + margin-left: 5px; + } + .order .product-config .product-attribute .product-property span { + font-size: 14px; + color: #5E5E5E; + letter-spacing: -0.11px; + } + .order .product-config .product-attribute .property-name { + margin-top: 10px; + width: 50%; + } + .order .product-config .product-attribute .property-name span { + font-size: 16px; + color: #5E5E5E; + letter-spacing: -0.11px; + } + .order .order-information { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .order .order-information .order-address-method { + width: 250px; + } + .order .order-information .order-address-method:nth-child(3) { + margin-top: 10px; + } + .order .order-information .order-address-method:nth-child(2) { + margin-top: 10px; + } + .order .order-information .order-address-method:nth-child(4) { + margin-top: 10px; + } +} + .checkout-process { display: -webkit-box; display: -ms-flexbox; @@ -2260,32 +3044,10 @@ section.cart .cart-content .right-side .coupon-section .after-coupon-amount .amo display: -ms-inline-flexbox; display: inline-flex; border: 1px solid #E8E8E8; - background-repeat: no-repeat; - background-position: center; } -.checkout-process .col-main ul.checkout-steps li .decorator.address-info { - background-image: url("../images/address.svg"); -} - -.checkout-process .col-main ul.checkout-steps li .decorator.shipping { - background-image: url("../images/shipping.svg"); -} - -.checkout-process .col-main ul.checkout-steps li .decorator.payment { - background-image: url("../images/payment.svg"); -} - -.checkout-process .col-main ul.checkout-steps li .decorator.review { - background-image: url("../images/finish.svg"); -} - -.checkout-process .col-main ul.checkout-steps li.completed { - cursor: pointer; -} - -.checkout-process .col-main ul.checkout-steps li.completed .decorator { - background-image: url("../images/complete.svg"); +.checkout-process .col-main ul.checkout-steps li .decorator img { + margin: auto; } .checkout-process .col-main ul.checkout-steps li span { @@ -2369,6 +3131,14 @@ section.cart .cart-content .right-side .coupon-section .after-coupon-amount .amo color: #242424; } +.checkout-process .col-right .order-summary .horizontal-rule { + margin-top: 6%; + width: 100%; + height: 1px; + vertical-align: middle; + background: #e8e8e8; +} + .checkout-process .col-right .order-summary .payble-amount { margin-top: 12px; } @@ -2390,6 +3160,292 @@ section.cart .cart-content .right-side .coupon-section .after-coupon-amount .amo color: #242424; } +@media all and (max-width: 480px) { + .checkout-process { + width: 100%; + margin-top: 3%; + } + .checkout-process .left-side { + width: 100%; + margin-right: 0%; + height: 60px; + } + .checkout-process .left-side .checkout-menu { + width: 100%; + } + .checkout-process .left-side .checkout-menu ul.checkout-detail { + height: 60px; + width: 100%; + padding: 5px; + } + .checkout-process .left-side .checkout-menu ul.checkout-detail li { + height: 48px; + } + .checkout-process .left-side .checkout-menu ul.checkout-detail li .wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .checkout-process .left-side .checkout-menu ul.checkout-detail li .wrapper span { + display: none; + } + .checkout-process .left-side .checkout-menu ul.checkout-detail .line { + margin-top: 23px; + width: 100%; + margin-left: 5px; + margin-right: 5px; + border: 1px solid #E7E7E7; + height: 1px; + } + .checkout-process .left-side .checkout-menu .horizontal-rule { + display: none; + } + .checkout-process .right-side { + display: none; + } + .order-info { + width: 100%; + margin-right: 0%; + margin-top: 10px; + height: 50px; + } + .order-info .control-group .control { + width: 100%; + } + .order-info .different-billing-addr { + margin-top: 5%; + } + .order-info .horizontal-rule { + margin-top: 10%; + } + .order-info .countinue-button { + margin-top: 8%; + } +} + +@media all and (min-width: 481px) and (max-width: 920px) { + .checkout-process { + width: 100%; + margin-top: 3%; + } + .checkout-process .left-side { + width: 100%; + margin-right: 0%; + height: 60px; + } + .checkout-process .left-side .checkout-menu { + width: 100%; + } + .checkout-process .left-side .checkout-menu ul.checkout-detail { + height: 60px; + width: 100%; + padding: 5px; + } + .checkout-process .left-side .checkout-menu ul.checkout-detail li { + height: 48px; + } + .checkout-process .left-side .checkout-menu ul.checkout-detail li .wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .checkout-process .left-side .checkout-menu ul.checkout-detail li .wrapper span { + display: none; + } + .checkout-process .left-side .checkout-menu ul.checkout-detail .line { + margin-top: 23px; + width: 100%; + margin-left: 10px; + margin-right: 10px; + border: 1px solid #E7E7E7; + height: 1px; + } + .checkout-process .left-side .checkout-menu .horizontal-rule { + display: none; + } + .checkout-process .right-side { + display: none; + } + .order-info { + width: 100%; + margin-right: 0%; + margin-top: 10px; + height: 50px; + } + .order-info .control-group .control { + width: 100%; + } + .order-info .different-billing-addr { + margin-top: 3%; + } + .order-info .horizontal-rule { + margin-top: 10%; + } + .order-info .countinue-button { + margin-top: 5%; + } +} + +.ship-method { + width: 67%; + margin-right: 6%; + height: 600px; + margin-top: -190px; +} + +.ship-method .ship-info .ship-text { + font-size: 24px; + color: #242424; + letter-spacing: -0.58px; + font-weight: bold; +} + +.ship-method .ship-price { + margin-top: 31px; +} + +.ship-method .ship-price .price-checkbox { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.ship-method .ship-price .price-checkbox span { + margin-left: 8px; + font-size: 16px; + color: #242424; + line-height: 22px; + font-weight: bold; +} + +.ship-method .ship-price .price-checkbox-text { + margin-left: 25px; + width: 580px; + height: 44px; + margin-top: 4px; +} + +.ship-method .ship-price .price-checkbox-text b { + font-size: 16px; +} + +.ship-method .ship-price .price-checkbox-text span { + font-size: 16px; + color: #242424; + line-height: 22px; +} + +.ship-method .horizontal-rule { + margin-top: 7%; + width: 100%; + height: 1px; + vertical-align: middle; + background: #e8e8e8; +} + +.ship-method .countinue-button { + margin-top: 3%; +} + +.ship-method .countinue-button button { + background: #0031F0; + font-size: 14px; + color: #FFFFFF; + letter-spacing: -0.26px; + text-align: center; + height: 38px; + width: 137px; + border: none; +} + +.payment-method { + width: 67%; + margin-right: 6%; + height: 600px; + margin-top: -190px; +} + +.payment-method .payment-info .payment-text { + font-size: 24px; + color: #242424; + letter-spacing: -0.58px; + font-weight: bold; +} + +.payment-method .payment-price { + margin-top: 31px; +} + +.payment-method .payment-price .payment-checkbox { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.payment-method .payment-price .payment-checkbox span { + margin-left: 8px; + font-size: 16px; + color: #242424; + line-height: 22px; + font-weight: bold; +} + +.payment-method .payment-price .payment-checkbox-text { + margin-left: 25px; + width: 580px; + height: 44px; + margin-top: 4px; +} + +.payment-method .payment-price .payment-checkbox-text b { + font-size: 16px; +} + +.payment-method .payment-price .payment-checkbox-text span { + font-size: 16px; + color: #242424; + line-height: 22px; +} + +.payment-method .horizontal-rule { + margin-top: 7%; + width: 100%; + height: 1px; + vertical-align: middle; + background: #e8e8e8; +} + +.payment-method .countinue-button { + margin-top: 3%; +} + +.payment-method .countinue-button button { + background: #0031F0; + font-size: 14px; + color: #FFFFFF; + letter-spacing: -0.26px; + text-align: center; + height: 38px; + width: 137px; + border: none; +} + +.payment-method .countinue-button button .horizontal-rule { + margin-top: 7%; + width: 100%; + height: 1px; + vertical-align: middle; + background: #e8e8e8; +} + +.payment-method .countinue-button button .horizontal-rule { + margin-top: 7%; + width: 100%; + height: 1px; + vertical-align: middle; + background: #e8e8e8; +} + .complete-page { width: 880px; height: 1050px; @@ -2925,3 +3981,57 @@ section.review .review-layouter .review-info .review-detail .rating-calculate .p width: 20px; border: 1px solid blue; } + +.cusomer-section { + margin-left: 50px; + width: 100%; +} + +.cusomer-section .customer-section-info { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + border-top: 1px solid #E8E8E8; +} + +.cusomer-section .customer-section-info .pro-img { + margin-top: 10px; + margin-bottom: 5px; +} + +.cusomer-section .customer-section-info .pro-img img { + height: 125px; + width: 100px; +} + +.cusomer-section .customer-section-info .pro-discription { + margin-left: 20px; + width: 100%; +} + +.cusomer-section .customer-section-info .pro-discription .title { + font-size: 16px; + color: #0031F0; + margin-top: 15px; +} + +.cusomer-section .customer-section-info .pro-discription .rating { + margin-top: 10px; +} + +.cusomer-section .customer-section-info .pro-discription .rating .icon { + height: 16px; + width: 16px; +} + +.cusomer-section .customer-section-info .pro-discription .discription { + margin-top: 15px; +} + +.cusomer-section .customer-section-info:last-child { + border-bottom: 1px solid #e8e8e8; +} diff --git a/public/themes/default/assets/images/10.jpeg b/public/themes/default/assets/images/10.jpeg new file mode 100644 index 000000000..07783af9e Binary files /dev/null and b/public/themes/default/assets/images/10.jpeg differ diff --git a/public/themes/default/assets/images/icon-filter.svg b/public/themes/default/assets/images/icon-filter.svg new file mode 100644 index 000000000..292a6b68a --- /dev/null +++ b/public/themes/default/assets/images/icon-filter.svg @@ -0,0 +1,10 @@ + + + + icon-filter + Created with Sketch. + + + + + \ No newline at end of file diff --git a/public/themes/default/assets/images/icon-sort.svg b/public/themes/default/assets/images/icon-sort.svg new file mode 100644 index 000000000..f52b8f0da --- /dev/null +++ b/public/themes/default/assets/images/icon-sort.svg @@ -0,0 +1,13 @@ + + + + icon-sort + Created with Sketch. + + + + + + + + \ No newline at end of file diff --git a/public/themes/default/assets/images/m.jpg b/public/themes/default/assets/images/m.jpg new file mode 100644 index 000000000..e69c95c63 Binary files /dev/null and b/public/themes/default/assets/images/m.jpg differ diff --git a/public/themes/default/assets/images/mobile.jpg b/public/themes/default/assets/images/mobile.jpg new file mode 100644 index 000000000..0c2dcd836 Binary files /dev/null and b/public/themes/default/assets/images/mobile.jpg differ diff --git a/public/themes/default/assets/js/shop.js b/public/themes/default/assets/js/shop.js index dbc0ab9c7..0d8637235 100644 --- a/public/themes/default/assets/js/shop.js +++ b/public/themes/default/assets/js/shop.js @@ -11846,7 +11846,7 @@ return jQuery; "use strict"; /* WEBPACK VAR INJECTION */(function(global, setImmediate) {/*! - * Vue.js v2.5.16 + * Vue.js v2.5.17 * (c) 2014-2018 Evan You * Released under the MIT License. */ @@ -16935,7 +16935,7 @@ Object.defineProperty(Vue, 'FunctionalRenderContext', { value: FunctionalRenderContext }); -Vue.version = '2.5.16'; +Vue.version = '2.5.17'; /* */ @@ -31497,7 +31497,7 @@ if (false) { /* 50 */ /***/ (function(module, exports, __webpack_require__) { -!function(t,e){ true?module.exports=e():"function"==typeof define&&define.amd?define("vue-slider-component",[],e):"object"==typeof exports?exports["vue-slider-component"]=e():t["vue-slider-component"]=e()}(this,function(){return function(t){function e(s){if(i[s])return i[s].exports;var r=i[s]={i:s,l:!1,exports:{}};return t[s].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var i={};return e.m=t,e.c=i,e.i=function(t){return t},e.d=function(t,i,s){e.o(t,i)||Object.defineProperty(t,i,{configurable:!1,enumerable:!0,get:s})},e.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,"a",i),i},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=2)}([function(t,e,i){i(7);var s=i(5)(i(1),i(6),null,null);t.exports=s.exports},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=function(){var t="undefined"!=typeof window?window.devicePixelRatio||1:1;return function(e){return Math.round(e*t)/t}}();e.default={name:"VueSliderComponent",props:{width:{type:[Number,String],default:"auto"},height:{type:[Number,String],default:6},data:{type:Array,default:null},dotSize:{type:Number,default:16},dotWidth:{type:Number,required:!1},dotHeight:{type:Number,required:!1},min:{type:Number,default:0},max:{type:Number,default:100},interval:{type:Number,default:1},show:{type:Boolean,default:!0},disabled:{type:[Boolean,Array],default:!1},piecewise:{type:Boolean,default:!1},tooltip:{type:[String,Boolean],default:"always"},eventType:{type:String,default:"auto"},direction:{type:String,default:"horizontal"},reverse:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},clickable:{type:Boolean,default:!0},speed:{type:Number,default:.5},realTime:{type:Boolean,default:!1},stopPropagation:{type:Boolean,default:!1},value:{type:[String,Number,Array,Object],default:0},piecewiseLabel:{type:Boolean,default:!1},debug:{type:Boolean,default:!0},fixed:{type:Boolean,default:!1},processDragable:{type:Boolean,default:!1},useKeyboard:{type:Boolean,default:!1},actionsKeyboard:{type:Array,default:function(){return[function(t){return t-1},function(t){return t+1}]}},tooltipMerge:{type:Boolean,default:!0},startAnimation:{type:Boolean,default:!1},sliderStyle:[Array,Object,Function],focusStyle:[Array,Object,Function],tooltipDir:[Array,String],formatter:[String,Function],mergeFormatter:[String,Function],piecewiseStyle:Object,disabledStyle:Object,piecewiseActiveStyle:Object,processStyle:Object,bgStyle:Object,tooltipStyle:[Array,Object,Function],disabledDotStyle:[Array,Object,Function],labelStyle:Object,labelActiveStyle:Object},data:function(){return{flag:!1,keydownFlag:null,focusFlag:!1,processFlag:!1,processSign:null,size:0,fixedValue:0,focusSlider:0,currentValue:0,currentSlider:0,isComponentExists:!0,isMounted:!1}},computed:{dotWidthVal:function(){return"number"==typeof this.dotWidth?this.dotWidth:this.dotSize},dotHeightVal:function(){return"number"==typeof this.dotHeight?this.dotHeight:this.dotSize},flowDirection:function(){return"vue-slider-"+this.direction+(this.reverse?"-reverse":"")},tooltipMergedPosition:function(){if(!this.isMounted)return{};var t=this.tooltipDirection[0];if(this.$refs.dot0){if("vertical"===this.direction){var e={};return e[t]="-"+(this.dotHeightVal/2-this.width/2+9)+"px",e}var i={};return i[t]="-"+(this.dotWidthVal/2-this.height/2+9)+"px",i.left="50%",i}},tooltipDirection:function(){var t=this.tooltipDir||("vertical"===this.direction?"left":"top");return Array.isArray(t)?this.isRange?t:t[1]:this.isRange?[t,t]:t},tooltipStatus:function(){return"hover"===this.tooltip&&this.flag?"vue-slider-always":this.tooltip?"vue-slider-"+this.tooltip:""},tooltipClass:function(){return["vue-slider-tooltip-"+this.tooltipDirection,"vue-slider-tooltip"]},disabledArray:function(){return Array.isArray(this.disabled)?this.disabled:[this.disabled,this.disabled]},boolDisabled:function(){return this.disabledArray.every(function(t){return!0===t})},isDisabled:function(){return"none"===this.eventType||this.boolDisabled},disabledClass:function(){return this.boolDisabled?"vue-slider-disabled":""},stateClass:function(){return{"vue-slider-state-process-drag":this.processFlag,"vue-slider-state-drag":this.flag&&!this.processFlag&&!this.keydownFlag,"vue-slider-state-focus":this.focusFlag}},isRange:function(){return Array.isArray(this.value)},slider:function(){return this.isRange?[this.$refs.dot0,this.$refs.dot1]:this.$refs.dot},minimum:function(){return this.data?0:this.min},val:{get:function(){return this.data?this.isRange?[this.data[this.currentValue[0]],this.data[this.currentValue[1]]]:this.data[this.currentValue]:this.currentValue},set:function(t){if(this.data)if(this.isRange){var e=this.data.indexOf(t[0]),i=this.data.indexOf(t[1]);e>-1&&i>-1&&(this.currentValue=[e,i])}else{var s=this.data.indexOf(t);s>-1&&(this.currentValue=s)}else this.currentValue=t}},currentIndex:function(){return this.isRange?this.data?this.currentValue:[this.getIndexByValue(this.currentValue[0]),this.getIndexByValue(this.currentValue[1])]:this.getIndexByValue(this.currentValue)},indexRange:function(){return this.isRange?this.currentIndex:[0,this.currentIndex]},maximum:function(){return this.data?this.data.length-1:this.max},multiple:function(){var t=(""+this.interval).split(".")[1];return t?Math.pow(10,t.length):1},spacing:function(){return this.data?1:this.interval},total:function(){return this.data?this.data.length-1:(Math.floor((this.maximum-this.minimum)*this.multiple)%(this.interval*this.multiple)!=0&&this.printError("Prop[interval] is illegal, Please make sure that the interval can be divisible"),(this.maximum-this.minimum)/this.interval)},gap:function(){return this.size/this.total},position:function(){return this.isRange?[(this.currentValue[0]-this.minimum)/this.spacing*this.gap,(this.currentValue[1]-this.minimum)/this.spacing*this.gap]:(this.currentValue-this.minimum)/this.spacing*this.gap},limit:function(){return this.isRange?this.fixed?[[0,(this.total-this.fixedValue)*this.gap],[this.fixedValue*this.gap,this.size]]:[[0,this.position[1]],[this.position[0],this.size]]:[0,this.size]},valueLimit:function(){return this.isRange?this.fixed?[[this.minimum,this.maximum-this.fixedValue*(this.spacing*this.multiple)/this.multiple],[this.minimum+this.fixedValue*(this.spacing*this.multiple)/this.multiple,this.maximum]]:[[this.minimum,this.currentValue[1]],[this.currentValue[0],this.maximum]]:[this.minimum,this.maximum]},idleSlider:function(){return 0===this.currentSlider?1:0},wrapStyles:function(){return"vertical"===this.direction?{height:"number"==typeof this.height?this.height+"px":this.height,padding:this.dotHeightVal/2+"px "+this.dotWidthVal/2+"px"}:{width:"number"==typeof this.width?this.width+"px":this.width,padding:this.dotHeightVal/2+"px "+this.dotWidthVal/2+"px"}},sliderStyles:function(){return Array.isArray(this.sliderStyle)?this.isRange?this.sliderStyle:this.sliderStyle[1]:"function"==typeof this.sliderStyle?this.sliderStyle(this.val,this.currentIndex):this.isRange?[this.sliderStyle,this.sliderStyle]:this.sliderStyle},focusStyles:function(){return Array.isArray(this.focusStyle)?this.isRange?this.focusStyle:this.focusStyle[1]:"function"==typeof this.focusStyle?this.focusStyle(this.val,this.currentIndex):this.isRange?[this.focusStyle,this.focusStyle]:this.focusStyle},disabledDotStyles:function(){var t=this.disabledDotStyle;if(Array.isArray(t))return t;if("function"==typeof t){var e=t(this.val,this.currentIndex);return Array.isArray(e)?e:[e,e]}return t?[t,t]:[{backgroundColor:"#ccc"},{backgroundColor:"#ccc"}]},tooltipStyles:function(){return Array.isArray(this.tooltipStyle)?this.isRange?this.tooltipStyle:this.tooltipStyle[1]:"function"==typeof this.tooltipStyle?this.tooltipStyle(this.val,this.currentIndex):this.isRange?[this.tooltipStyle,this.tooltipStyle]:this.tooltipStyle},elemStyles:function(){return"vertical"===this.direction?{width:this.width+"px",height:"100%"}:{height:this.height+"px"}},dotStyles:function(){return"vertical"===this.direction?{width:this.dotWidthVal+"px",height:this.dotHeightVal+"px",left:-(this.dotWidthVal-this.width)/2+"px"}:{width:this.dotWidthVal+"px",height:this.dotHeightVal+"px",top:-(this.dotHeightVal-this.height)/2+"px"}},piecewiseDotStyle:function(){return"vertical"===this.direction?{width:this.width+"px",height:this.width+"px"}:{width:this.height+"px",height:this.height+"px"}},piecewiseDotWrap:function(){if(!this.piecewise&&!this.piecewiseLabel)return!1;for(var t=[],e=0;e<=this.total;e++){var i="vertical"===this.direction?{bottom:this.gap*e-this.width/2+"px",left:0}:{left:this.gap*e-this.height/2+"px",top:0},s=this.reverse?this.total-e:e,r=this.data?this.data[s]:this.spacing*s+this.min;t.push({style:i,label:this.formatter?this.formatting(r):r,inRange:s>=this.indexRange[0]&&s<=this.indexRange[1]})}return t}},watch:{value:function(t){this.flag||this.setValue(t,!0)},max:function(t){if(tthis.max)return this.printError("The minimum value can not be greater than the maximum value.");var e=this.limitValue(this.val);this.setValue(e),this.refresh()},show:function(t){var e=this;t&&!this.size&&this.$nextTick(function(){e.refresh()})},fixed:function(){this.computedFixedValue()}},methods:{bindEvents:function(){document.addEventListener("touchmove",this.moving,{passive:!1}),document.addEventListener("touchend",this.moveEnd,{passive:!1}),document.addEventListener("mousedown",this.blurSlider),document.addEventListener("mousemove",this.moving),document.addEventListener("mouseup",this.moveEnd),document.addEventListener("mouseleave",this.moveEnd),document.addEventListener("keydown",this.handleKeydown),document.addEventListener("keyup",this.handleKeyup),window.addEventListener("resize",this.refresh),this.isRange&&this.tooltipMerge&&(this.$refs.dot0.addEventListener("transitionend",this.handleOverlapTooltip),this.$refs.dot1.addEventListener("transitionend",this.handleOverlapTooltip))},unbindEvents:function(){document.removeEventListener("touchmove",this.moving),document.removeEventListener("touchend",this.moveEnd),document.removeEventListener("mousedown",this.blurSlider),document.removeEventListener("mousemove",this.moving),document.removeEventListener("mouseup",this.moveEnd),document.removeEventListener("mouseleave",this.moveEnd),document.removeEventListener("keydown",this.handleKeydown),document.removeEventListener("keyup",this.handleKeyup),window.removeEventListener("resize",this.refresh),this.isRange&&this.tooltipMerge&&(this.$refs.dot0.removeEventListener("transitionend",this.handleOverlapTooltip),this.$refs.dot1.removeEventListener("transitionend",this.handleOverlapTooltip))},handleKeydown:function(t){if(!this.useKeyboard||!this.focusFlag)return!1;switch(t.keyCode){case 37:case 40:t.preventDefault(),this.keydownFlag=!0,this.flag=!0,this.changeFocusSlider(this.actionsKeyboard[0]);break;case 38:case 39:t.preventDefault(),this.keydownFlag=!0,this.flag=!0,this.changeFocusSlider(this.actionsKeyboard[1])}},handleKeyup:function(){this.keydownFlag&&(this.keydownFlag=!1,this.flag=!1)},changeFocusSlider:function(t){var e=this;if(this.isRange){var i=this.currentIndex.map(function(i,s){if(s===e.focusSlider||e.fixed){var r=t(i),o=e.fixed?e.valueLimit[s]:[0,e.total];if(r<=o[1]&&r>=o[0])return r}return i});i[0]>i[1]&&(this.focusSlider=0===this.focusSlider?1:0,i=i.reverse()),this.setIndex(i)}else this.setIndex(t(this.currentIndex))},blurSlider:function(t){var e=this.isRange?this.$refs["dot"+this.focusSlider]:this.$refs.dot;if(!e||e===t.target)return!1;this.focusFlag=!1},formatting:function(t){return"string"==typeof this.formatter?this.formatter.replace(/\{value\}/,t):this.formatter(t)},mergeFormatting:function(t,e){return"string"==typeof this.mergeFormatter?this.mergeFormatter.replace(/\{(value1|value2)\}/g,function(i,s){return"value1"===s?t:e}):this.mergeFormatter(t,e)},getPos:function(t){return this.realTime&&this.getStaticData(),"vertical"===this.direction?this.reverse?t.pageY-this.offset:this.size-(t.pageY-this.offset):this.reverse?this.size-(t.clientX-this.offset):t.clientX-this.offset},processClick:function(t){this.fixed&&t.stopPropagation()},wrapClick:function(t){var e=this;if(this.isDisabled||!this.clickable||this.processFlag)return!1;var i=this.getPos(t);if(this.isRange)if(this.disabledArray.every(function(t){return!1===t}))this.currentSlider=i>(this.position[1]-this.position[0])/2+this.position[0]?1:0;else if(this.disabledArray[0]){if(ithis.position[1])return!1;this.currentSlider=0}if(this.disabledArray[this.currentSlider])return!1;if(this.setValueOnPos(i),this.isRange&&this.tooltipMerge){var s=setInterval(function(){return e.handleOverlapTooltip()},16.7);setTimeout(function(){return window.clearInterval(s)},1e3*this.speed)}},moveStart:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments[2];if(this.disabledArray[e])return!1;if(this.stopPropagation&&t.stopPropagation(),this.isRange&&(this.currentSlider=e,i)){if(!this.processDragable)return!1;this.processFlag=!0,this.processSign={pos:this.position,start:this.getPos(t.targetTouches&&t.targetTouches[0]?t.targetTouches[0]:t)}}!i&&this.useKeyboard&&(this.focusFlag=!0,this.focusSlider=e),this.flag=!0,this.$emit("drag-start",this)},moving:function(t){if(this.stopPropagation&&t.stopPropagation(),!this.flag)return!1;t.preventDefault(),t.targetTouches&&t.targetTouches[0]&&(t=t.targetTouches[0]),this.processFlag?(this.currentSlider=0,this.setValueOnPos(this.processSign.pos[0]+this.getPos(t)-this.processSign.start,!0),this.currentSlider=1,this.setValueOnPos(this.processSign.pos[1]+this.getPos(t)-this.processSign.start,!0)):this.setValueOnPos(this.getPos(t),!0),this.isRange&&this.tooltipMerge&&this.handleOverlapTooltip()},moveEnd:function(t){var e=this;if(this.stopPropagation&&t.stopPropagation(),!this.flag)return!1;this.$emit("drag-end",this),this.lazy&&this.isDiff(this.val,this.value)&&this.syncValue(),this.flag=!1,window.setTimeout(function(){e.processFlag=!1},0),this.setPosition()},setValueOnPos:function(t,e){var i=this.isRange?this.limit[this.currentSlider]:this.limit,s=this.isRange?this.valueLimit[this.currentSlider]:this.valueLimit;if(t>=i[0]&&t<=i[1]){this.setTransform(t);var r=this.getValueByIndex(Math.round(t/this.gap));this.setCurrentValue(r,e),this.isRange&&this.fixed&&(this.setTransform(t+this.fixedValue*this.gap*(0===this.currentSlider?1:-1),!0),this.setCurrentValue((r*this.multiple+this.fixedValue*this.spacing*this.multiple*(0===this.currentSlider?1:-1))/this.multiple,e,!0))}else tthis.maximum)return!1;this.isRange?this.isDiff(this.currentValue[s],t)&&(this.currentValue.splice(s,1,t),this.lazy&&this.flag||this.syncValue()):this.isDiff(this.currentValue,t)&&(this.currentValue=t,this.lazy&&this.flag||this.syncValue()),e||this.setPosition()},getValueByIndex:function(t){return(this.spacing*this.multiple*t+this.minimum*this.multiple)/this.multiple},getIndexByValue:function(t){return Math.round((t-this.minimum)*this.multiple)/(this.spacing*this.multiple)},setIndex:function(t){if(Array.isArray(t)&&this.isRange){var e=void 0;e=this.data?[this.data[t[0]],this.data[t[1]]]:[this.getValueByIndex(t[0]),this.getValueByIndex(t[1])],this.setValue(e)}else t=this.getValueByIndex(t),this.isRange&&(this.currentSlider=t>(this.currentValue[1]-this.currentValue[0])/2+this.currentValue[0]?1:0),this.setCurrentValue(t)},setValue:function(t,e,i){var s=this;if(this.isDiff(this.val,t)){var r=this.limitValue(t);this.val=this.isRange?r.concat():r,this.computedFixedValue(),this.syncValue(e)}this.$nextTick(function(){return s.setPosition(i)})},computedFixedValue:function(){if(!this.fixed)return this.fixedValue=0,!1;this.fixedValue=this.currentIndex[1]-this.currentIndex[0]},setPosition:function(t){this.flag||this.setTransitionTime(void 0===t?this.speed:t),this.isRange?(this.setTransform(this.position[0],1===this.currentSlider),this.setTransform(this.position[1],0===this.currentSlider)):this.setTransform(this.position),this.flag||this.setTransitionTime(0)},setTransform:function(t,e){var i=e?this.idleSlider:this.currentSlider,r=s(("vertical"===this.direction?this.dotHeightVal/2-t:t-this.dotWidthVal/2)*(this.reverse?-1:1)),o="vertical"===this.direction?"translateY("+r+"px)":"translateX("+r+"px)",n=this.fixed?this.fixedValue*this.gap+"px":(0===i?this.position[1]-t:t-this.position[0])+"px",l=this.fixed?(0===i?t:t-this.fixedValue*this.gap)+"px":(0===i?t:this.position[0])+"px";this.isRange?(this.slider[i].style.transform=o,this.slider[i].style.WebkitTransform=o,this.slider[i].style.msTransform=o,"vertical"===this.direction?(this.$refs.process.style.height=n,this.$refs.process.style[this.reverse?"top":"bottom"]=l):(this.$refs.process.style.width=n,this.$refs.process.style[this.reverse?"right":"left"]=l)):(this.slider.style.transform=o,this.slider.style.WebkitTransform=o,this.slider.style.msTransform=o,"vertical"===this.direction?(this.$refs.process.style.height=t+"px",this.$refs.process.style[this.reverse?"top":"bottom"]=0):(this.$refs.process.style.width=t+"px",this.$refs.process.style[this.reverse?"right":"left"]=0))},setTransitionTime:function(t){if(t||this.$refs.process.offsetWidth,this.isRange){for(var e=0;ee.max?(e.printError("The value of the slider is "+t+", the maximum value is "+e.max+", the value of this slider can not be greater than the maximum value"),e.max):i};return this.isRange?t.map(function(t){return i(t)}):i(t)},syncValue:function(t){var e=this.isRange?this.val.concat():this.val;this.$emit("input",e),t||this.$emit("callback",e)},getValue:function(){return this.val},getIndex:function(){return this.currentIndex},getStaticData:function(){this.$refs.elem&&(this.size="vertical"===this.direction?this.$refs.elem.offsetHeight:this.$refs.elem.offsetWidth,this.offset="vertical"===this.direction?this.$refs.elem.getBoundingClientRect().top+window.pageYOffset||document.documentElement.scrollTop:this.$refs.elem.getBoundingClientRect().left)},refresh:function(){this.$refs.elem&&(this.getStaticData(),this.computedFixedValue(),this.setPosition())},printError:function(t){this.debug&&console.error("[VueSlider error]: "+t)},handleOverlapTooltip:function(){var t=this.tooltipDirection[0]===this.tooltipDirection[1];if(this.isRange&&t){var e=this.reverse?this.$refs.tooltip1:this.$refs.tooltip0,i=this.reverse?this.$refs.tooltip0:this.$refs.tooltip1,s=e.getBoundingClientRect().right,r=i.getBoundingClientRect().left,o=e.getBoundingClientRect().y,n=i.getBoundingClientRect().y+i.getBoundingClientRect().height,l="horizontal"===this.direction&&s>r,a="vertical"===this.direction&&n>o;l||a?this.handleDisplayMergedTooltip(!0):this.handleDisplayMergedTooltip(!1)}},handleDisplayMergedTooltip:function(t){var e=this.$refs.tooltip0,i=this.$refs.tooltip1,s=this.$refs.process.getElementsByClassName("vue-merged-tooltip")[0];t?(e.style.visibility="hidden",i.style.visibility="hidden",s.style.visibility="visible"):(e.style.visibility="visible",i.style.visibility="visible",s.style.visibility="hidden")}},mounted:function(){var t=this;if(this.isComponentExists=!0,"undefined"==typeof window||"undefined"==typeof document)return this.printError("window or document is undefined, can not be initialization.");this.$nextTick(function(){t.isComponentExists&&(t.getStaticData(),t.setValue(t.limitValue(t.value),!0,t.startAnimation?t.speed:0),t.bindEvents())}),this.isMounted=!0},beforeDestroy:function(){this.isComponentExists=!1,this.unbindEvents()}}},function(t,e,i){"use strict";var s=i(0);t.exports=s},function(t,e,i){e=t.exports=i(4)(),e.push([t.i,'.vue-slider-component{position:relative;box-sizing:border-box;-ms-user-select:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none}.vue-slider-component.vue-slider-disabled{opacity:.5;cursor:not-allowed}.vue-slider-component.vue-slider-has-label{margin-bottom:15px}.vue-slider-component.vue-slider-disabled .vue-slider-dot{cursor:not-allowed}.vue-slider-component .vue-slider{position:relative;display:block;border-radius:15px;background-color:#ccc}.vue-slider-component .vue-slider:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}.vue-slider-component .vue-slider-process{position:absolute;border-radius:15px;background-color:#3498db;transition:all 0s;z-index:1}.vue-slider-component .vue-slider-process.vue-slider-process-dragable{cursor:pointer;z-index:3}.vue-slider-component.vue-slider-horizontal .vue-slider-process{width:0;height:100%;top:0;left:0;will-change:width}.vue-slider-component.vue-slider-vertical .vue-slider-process{width:100%;height:0;bottom:0;left:0;will-change:height}.vue-slider-component.vue-slider-horizontal-reverse .vue-slider-process{width:0;height:100%;top:0;right:0}.vue-slider-component.vue-slider-vertical-reverse .vue-slider-process{width:100%;height:0;top:0;left:0}.vue-slider-component .vue-slider-dot{position:absolute;border-radius:50%;background-color:#fff;box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32);transition:all 0s;will-change:transform;cursor:pointer;z-index:5}.vue-slider-component .vue-slider-dot.vue-slider-dot-focus{box-shadow:0 0 2px 1px #3498db}.vue-slider-component .vue-slider-dot.vue-slider-dot-dragging{z-index:5}.vue-slider-component .vue-slider-dot.vue-slider-dot-disabled{z-index:4}.vue-slider-component.vue-slider-horizontal .vue-slider-dot{left:0}.vue-slider-component.vue-slider-vertical .vue-slider-dot{bottom:0}.vue-slider-component.vue-slider-horizontal-reverse .vue-slider-dot{right:0}.vue-slider-component.vue-slider-vertical-reverse .vue-slider-dot{top:0}.vue-slider-component .vue-slider-tooltip-wrap{display:none;position:absolute;z-index:9}.vue-slider-component .vue-slider-tooltip{display:block;font-size:14px;white-space:nowrap;padding:2px 5px;min-width:20px;text-align:center;color:#fff;border-radius:5px;border:1px solid #3498db;background-color:#3498db}.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-top{top:-9px;left:50%;transform:translate(-50%,-100%)}.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-bottom{bottom:-9px;left:50%;transform:translate(-50%,100%)}.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-left{top:50%;left:-9px;transform:translate(-100%,-50%)}.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-right{top:50%;right:-9px;transform:translate(100%,-50%)}.vue-slider-component .vue-slider-tooltip-top .vue-merged-tooltip .vue-slider-tooltip:before,.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-top .vue-slider-tooltip:before{content:"";position:absolute;bottom:-10px;left:50%;width:0;height:0;border:5px solid transparent;border:6px solid transparent\\0;border-top-color:inherit;transform:translate(-50%)}.vue-slider-component .vue-slider-tooltip-wrap.vue-merged-tooltip{display:block;visibility:hidden}.vue-slider-component .vue-slider-tooltip-bottom .vue-merged-tooltip .vue-slider-tooltip:before,.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-bottom .vue-slider-tooltip:before{content:"";position:absolute;top:-10px;left:50%;width:0;height:0;border:5px solid transparent;border:6px solid transparent\\0;border-bottom-color:inherit;transform:translate(-50%)}.vue-slider-component .vue-slider-tooltip-left .vue-merged-tooltip .vue-slider-tooltip:before,.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-left .vue-slider-tooltip:before{content:"";position:absolute;top:50%;right:-10px;width:0;height:0;border:5px solid transparent;border:6px solid transparent\\0;border-left-color:inherit;transform:translateY(-50%)}.vue-slider-component .vue-slider-tooltip-right .vue-merged-tooltip .vue-slider-tooltip:before,.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-right .vue-slider-tooltip:before{content:"";position:absolute;top:50%;left:-10px;width:0;height:0;border:5px solid transparent;border:6px solid transparent\\0;border-right-color:inherit;transform:translateY(-50%)}.vue-slider-component .vue-slider-dot.vue-slider-hover:hover .vue-slider-tooltip-wrap{display:block}.vue-slider-component .vue-slider-dot.vue-slider-always .vue-slider-tooltip-wrap{display:block!important}.vue-slider-component .vue-slider-piecewise{position:absolute;width:100%;padding:0;margin:0;left:0;top:0;height:100%;list-style:none}.vue-slider-component .vue-slider-piecewise-item{position:absolute;width:8px;height:8px}.vue-slider-component .vue-slider-piecewise-dot{position:absolute;left:50%;top:50%;width:100%;height:100%;display:inline-block;background-color:rgba(0,0,0,.16);border-radius:50%;transform:translate(-50%,-50%);z-index:2;transition:all .3s}.vue-slider-component .vue-slider-piecewise-item:first-child .vue-slider-piecewise-dot,.vue-slider-component .vue-slider-piecewise-item:last-child .vue-slider-piecewise-dot{visibility:hidden}.vue-slider-component.vue-slider-horizontal-reverse .vue-slider-piecewise-label,.vue-slider-component.vue-slider-horizontal .vue-slider-piecewise-label{position:absolute;display:inline-block;top:100%;left:50%;white-space:nowrap;font-size:12px;color:#333;transform:translate(-50%,8px);visibility:visible}.vue-slider-component.vue-slider-vertical-reverse .vue-slider-piecewise-label,.vue-slider-component.vue-slider-vertical .vue-slider-piecewise-label{position:absolute;display:inline-block;top:50%;left:100%;white-space:nowrap;font-size:12px;color:#333;transform:translate(8px,-50%);visibility:visible}.vue-slider-component .vue-slider-sr-only{clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;position:absolute!important}',""])},function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;ei.parts.length&&(s.parts.length=i.parts.length)}else{for(var n=[],r=0;r-1&&i>-1&&(this.currentValue=[e,i])}else{var s=this.data.indexOf(t);s>-1&&(this.currentValue=s)}else this.currentValue=t}},currentIndex:function(){return this.isRange?this.data?this.currentValue:[this.getIndexByValue(this.currentValue[0]),this.getIndexByValue(this.currentValue[1])]:this.getIndexByValue(this.currentValue)},indexRange:function(){return this.isRange?this.currentIndex:[0,this.currentIndex]},maximum:function(){return this.data?this.data.length-1:this.max},multiple:function(){var t=(""+this.interval).split(".")[1];return t?Math.pow(10,t.length):1},spacing:function(){return this.data?1:this.interval},total:function(){return this.data?this.data.length-1:(Math.floor((this.maximum-this.minimum)*this.multiple)%(this.interval*this.multiple)!=0&&this.printError("Prop[interval] is illegal, Please make sure that the interval can be divisible"),(this.maximum-this.minimum)/this.interval)},gap:function(){return this.size/this.total},position:function(){return this.isRange?[(this.currentValue[0]-this.minimum)/this.spacing*this.gap,(this.currentValue[1]-this.minimum)/this.spacing*this.gap]:(this.currentValue-this.minimum)/this.spacing*this.gap},limit:function(){return this.isRange?this.fixed?[[0,(this.total-this.fixedValue)*this.gap],[this.fixedValue*this.gap,this.size]]:[[0,this.position[1]],[this.position[0],this.size]]:[0,this.size]},valueLimit:function(){return this.isRange?this.fixed?[[this.minimum,this.maximum-this.fixedValue*(this.spacing*this.multiple)/this.multiple],[this.minimum+this.fixedValue*(this.spacing*this.multiple)/this.multiple,this.maximum]]:[[this.minimum,this.currentValue[1]],[this.currentValue[0],this.maximum]]:[this.minimum,this.maximum]},idleSlider:function(){return 0===this.currentSlider?1:0},wrapStyles:function(){return"vertical"===this.direction?{height:"number"==typeof this.height?this.height+"px":this.height,padding:this.dotHeightVal/2+"px "+this.dotWidthVal/2+"px"}:{width:"number"==typeof this.width?this.width+"px":this.width,padding:this.dotHeightVal/2+"px "+this.dotWidthVal/2+"px"}},sliderStyles:function(){return Array.isArray(this.sliderStyle)?this.isRange?this.sliderStyle:this.sliderStyle[1]:"function"==typeof this.sliderStyle?this.sliderStyle(this.val,this.currentIndex):this.isRange?[this.sliderStyle,this.sliderStyle]:this.sliderStyle},focusStyles:function(){return Array.isArray(this.focusStyle)?this.isRange?this.focusStyle:this.focusStyle[1]:"function"==typeof this.focusStyle?this.focusStyle(this.val,this.currentIndex):this.isRange?[this.focusStyle,this.focusStyle]:this.focusStyle},disabledDotStyles:function(){var t=this.disabledDotStyle;if(Array.isArray(t))return t;if("function"==typeof t){var e=t(this.val,this.currentIndex);return Array.isArray(e)?e:[e,e]}return t?[t,t]:[{backgroundColor:"#ccc"},{backgroundColor:"#ccc"}]},tooltipStyles:function(){return Array.isArray(this.tooltipStyle)?this.isRange?this.tooltipStyle:this.tooltipStyle[1]:"function"==typeof this.tooltipStyle?this.tooltipStyle(this.val,this.currentIndex):this.isRange?[this.tooltipStyle,this.tooltipStyle]:this.tooltipStyle},elemStyles:function(){return"vertical"===this.direction?{width:this.width+"px",height:"100%"}:{height:this.height+"px"}},dotStyles:function(){return"vertical"===this.direction?{width:this.dotWidthVal+"px",height:this.dotHeightVal+"px",left:-(this.dotWidthVal-this.width)/2+"px"}:{width:this.dotWidthVal+"px",height:this.dotHeightVal+"px",top:-(this.dotHeightVal-this.height)/2+"px"}},piecewiseDotStyle:function(){return"vertical"===this.direction?{width:this.width+"px",height:this.width+"px"}:{width:this.height+"px",height:this.height+"px"}},piecewiseDotWrap:function(){if(!this.piecewise&&!this.piecewiseLabel)return!1;for(var t=[],e=0;e<=this.total;e++){var i="vertical"===this.direction?{bottom:this.gap*e-this.width/2+"px",left:0}:{left:this.gap*e-this.height/2+"px",top:0},s=this.reverse?this.total-e:e,r=this.data?this.data[s]:this.spacing*s+this.min;t.push({style:i,label:this.formatter?this.formatting(r):r,inRange:s>=this.indexRange[0]&&s<=this.indexRange[1]})}return t}},watch:{value:function(t){this.flag||this.setValue(t,!0)},max:function(t){if(tthis.max)return this.printError("The minimum value can not be greater than the maximum value.");var e=this.limitValue(this.val);this.setValue(e),this.refresh()},show:function(t){var e=this;t&&!this.size&&this.$nextTick(function(){e.refresh()})},fixed:function(){this.computedFixedValue()}},methods:{bindEvents:function(){document.addEventListener("touchmove",this.moving,{passive:!1}),document.addEventListener("touchend",this.moveEnd,{passive:!1}),document.addEventListener("mousedown",this.blurSlider),document.addEventListener("mousemove",this.moving),document.addEventListener("mouseup",this.moveEnd),document.addEventListener("mouseleave",this.moveEnd),document.addEventListener("keydown",this.handleKeydown),document.addEventListener("keyup",this.handleKeyup),window.addEventListener("resize",this.refresh),this.isRange&&this.tooltipMerge&&(this.$refs.dot0.addEventListener("transitionend",this.handleOverlapTooltip),this.$refs.dot1.addEventListener("transitionend",this.handleOverlapTooltip))},unbindEvents:function(){document.removeEventListener("touchmove",this.moving),document.removeEventListener("touchend",this.moveEnd),document.removeEventListener("mousedown",this.blurSlider),document.removeEventListener("mousemove",this.moving),document.removeEventListener("mouseup",this.moveEnd),document.removeEventListener("mouseleave",this.moveEnd),document.removeEventListener("keydown",this.handleKeydown),document.removeEventListener("keyup",this.handleKeyup),window.removeEventListener("resize",this.refresh),this.isRange&&this.tooltipMerge&&(this.$refs.dot0.removeEventListener("transitionend",this.handleOverlapTooltip),this.$refs.dot1.removeEventListener("transitionend",this.handleOverlapTooltip))},handleKeydown:function(t){if(!this.useKeyboard||!this.focusFlag)return!1;switch(t.keyCode){case 37:case 40:t.preventDefault(),this.keydownFlag=!0,this.flag=!0,this.changeFocusSlider(this.actionsKeyboard[0]);break;case 38:case 39:t.preventDefault(),this.keydownFlag=!0,this.flag=!0,this.changeFocusSlider(this.actionsKeyboard[1])}},handleKeyup:function(){this.keydownFlag&&(this.keydownFlag=!1,this.flag=!1)},changeFocusSlider:function(t){var e=this;if(this.isRange){var i=this.currentIndex.map(function(i,s){if(s===e.focusSlider||e.fixed){var r=t(i),o=e.fixed?e.valueLimit[s]:[0,e.total];if(r<=o[1]&&r>=o[0])return r}return i});i[0]>i[1]&&(this.focusSlider=0===this.focusSlider?1:0,i=i.reverse()),this.setIndex(i)}else this.setIndex(t(this.currentIndex))},blurSlider:function(t){var e=this.isRange?this.$refs["dot"+this.focusSlider]:this.$refs.dot;if(!e||e===t.target)return!1;this.focusFlag=!1},formatting:function(t){return"string"==typeof this.formatter?this.formatter.replace(/\{value\}/,t):this.formatter(t)},mergeFormatting:function(t,e){return"string"==typeof this.mergeFormatter?this.mergeFormatter.replace(/\{(value1|value2)\}/g,function(i,s){return"value1"===s?t:e}):this.mergeFormatter(t,e)},getPos:function(t){return this.realTime&&this.getStaticData(),"vertical"===this.direction?this.reverse?t.pageY-this.offset:this.size-(t.pageY-this.offset):this.reverse?this.size-(t.clientX-this.offset):t.clientX-this.offset},processClick:function(t){this.fixed&&t.stopPropagation()},wrapClick:function(t){var e=this;if(this.isDisabled||!this.clickable||this.processFlag)return!1;var i=this.getPos(t);if(this.isRange)if(this.disabledArray.every(function(t){return!1===t}))this.currentSlider=i>(this.position[1]-this.position[0])/2+this.position[0]?1:0;else if(this.disabledArray[0]){if(ithis.position[1])return!1;this.currentSlider=0}if(this.disabledArray[this.currentSlider])return!1;if(this.setValueOnPos(i),this.isRange&&this.tooltipMerge){var s=setInterval(function(){return e.handleOverlapTooltip()},16.7);setTimeout(function(){return window.clearInterval(s)},1e3*this.speed)}},moveStart:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments[2];if(this.disabledArray[e])return!1;if(this.stopPropagation&&t.stopPropagation(),this.isRange&&(this.currentSlider=e,i)){if(!this.processDragable)return!1;this.processFlag=!0,this.processSign={pos:this.position,start:this.getPos(t.targetTouches&&t.targetTouches[0]?t.targetTouches[0]:t)}}!i&&this.useKeyboard&&(this.focusFlag=!0,this.focusSlider=e),this.flag=!0,this.$emit("drag-start",this)},moving:function(t){if(this.stopPropagation&&t.stopPropagation(),!this.flag)return!1;t.preventDefault(),t.targetTouches&&t.targetTouches[0]&&(t=t.targetTouches[0]),this.processFlag?(this.currentSlider=0,this.setValueOnPos(this.processSign.pos[0]+this.getPos(t)-this.processSign.start,!0),this.currentSlider=1,this.setValueOnPos(this.processSign.pos[1]+this.getPos(t)-this.processSign.start,!0)):this.setValueOnPos(this.getPos(t),!0),this.isRange&&this.tooltipMerge&&this.handleOverlapTooltip()},moveEnd:function(t){var e=this;if(this.stopPropagation&&t.stopPropagation(),!this.flag)return!1;this.$emit("drag-end",this),this.lazy&&this.isDiff(this.val,this.value)&&this.syncValue(),this.flag=!1,window.setTimeout(function(){e.processFlag=!1},0),this.setPosition()},setValueOnPos:function(t,e){var i=this.isRange?this.limit[this.currentSlider]:this.limit,s=this.isRange?this.valueLimit[this.currentSlider]:this.valueLimit;if(t>=i[0]&&t<=i[1]){this.setTransform(t);var r=this.getValueByIndex(Math.round(t/this.gap));this.setCurrentValue(r,e),this.isRange&&this.fixed&&(this.setTransform(t+this.fixedValue*this.gap*(0===this.currentSlider?1:-1),!0),this.setCurrentValue((r*this.multiple+this.fixedValue*this.spacing*this.multiple*(0===this.currentSlider?1:-1))/this.multiple,e,!0))}else tthis.maximum)return!1;this.isRange?this.isDiff(this.currentValue[s],t)&&(this.currentValue.splice(s,1,t),this.lazy&&this.flag||this.syncValue()):this.isDiff(this.currentValue,t)&&(this.currentValue=t,this.lazy&&this.flag||this.syncValue()),e||this.setPosition()},getValueByIndex:function(t){return(this.spacing*this.multiple*t+this.minimum*this.multiple)/this.multiple},getIndexByValue:function(t){return Math.round((t-this.minimum)*this.multiple)/(this.spacing*this.multiple)},setIndex:function(t){if(Array.isArray(t)&&this.isRange){var e=void 0;e=this.data?[this.data[t[0]],this.data[t[1]]]:[this.getValueByIndex(t[0]),this.getValueByIndex(t[1])],this.setValue(e)}else t=this.getValueByIndex(t),this.isRange&&(this.currentSlider=t>(this.currentValue[1]-this.currentValue[0])/2+this.currentValue[0]?1:0),this.setCurrentValue(t)},setValue:function(t,e,i){var s=this;if(this.isDiff(this.val,t)){var r=this.limitValue(t);this.val=this.isRange?r.concat():r,this.computedFixedValue(),this.syncValue(e)}this.$nextTick(function(){return s.setPosition(i)})},computedFixedValue:function(){if(!this.fixed)return this.fixedValue=0,!1;this.fixedValue=this.currentIndex[1]-this.currentIndex[0]},setPosition:function(t){this.flag||this.setTransitionTime(void 0===t?this.speed:t),this.isRange?(this.setTransform(this.position[0],1===this.currentSlider),this.setTransform(this.position[1],0===this.currentSlider)):this.setTransform(this.position),this.flag||this.setTransitionTime(0)},setTransform:function(t,e){var i=e?this.idleSlider:this.currentSlider,r=s(("vertical"===this.direction?this.dotHeightVal/2-t:t-this.dotWidthVal/2)*(this.reverse?-1:1)),o="vertical"===this.direction?"translateY("+r+"px)":"translateX("+r+"px)",n=this.fixed?this.fixedValue*this.gap+"px":(0===i?this.position[1]-t:t-this.position[0])+"px",l=this.fixed?(0===i?t:t-this.fixedValue*this.gap)+"px":(0===i?t:this.position[0])+"px";this.isRange?(this.slider[i].style.transform=o,this.slider[i].style.WebkitTransform=o,this.slider[i].style.msTransform=o,"vertical"===this.direction?(this.$refs.process.style.height=n,this.$refs.process.style[this.reverse?"top":"bottom"]=l):(this.$refs.process.style.width=n,this.$refs.process.style[this.reverse?"right":"left"]=l)):(this.slider.style.transform=o,this.slider.style.WebkitTransform=o,this.slider.style.msTransform=o,"vertical"===this.direction?(this.$refs.process.style.height=t+"px",this.$refs.process.style[this.reverse?"top":"bottom"]=0):(this.$refs.process.style.width=t+"px",this.$refs.process.style[this.reverse?"right":"left"]=0))},setTransitionTime:function(t){if(t||this.$refs.process.offsetWidth,this.isRange){for(var e=0;ee.max?(e.printError("The value of the slider is "+t+", the maximum value is "+e.max+", the value of this slider can not be greater than the maximum value"),e.max):i};return this.isRange?t.map(function(t){return i(t)}):i(t)},syncValue:function(t){var e=this.isRange?this.val.concat():this.val;this.$emit("input",e),this.keydownFlag&&this.$emit("on-keypress",e),t||this.$emit("callback",e)},getValue:function(){return this.val},getIndex:function(){return this.currentIndex},getStaticData:function(){this.$refs.elem&&(this.size="vertical"===this.direction?this.$refs.elem.offsetHeight:this.$refs.elem.offsetWidth,this.offset="vertical"===this.direction?this.$refs.elem.getBoundingClientRect().top+window.pageYOffset||document.documentElement.scrollTop:this.$refs.elem.getBoundingClientRect().left)},refresh:function(){this.$refs.elem&&(this.getStaticData(),this.computedFixedValue(),this.setPosition())},printError:function(t){this.debug&&console.error("[VueSlider error]: "+t)},handleOverlapTooltip:function(){var t=this.tooltipDirection[0]===this.tooltipDirection[1];if(this.isRange&&t){var e=this.reverse?this.$refs.tooltip1:this.$refs.tooltip0,i=this.reverse?this.$refs.tooltip0:this.$refs.tooltip1,s=e.getBoundingClientRect().right,r=i.getBoundingClientRect().left,o=e.getBoundingClientRect().y,n=i.getBoundingClientRect().y+i.getBoundingClientRect().height,l="horizontal"===this.direction&&s>r,a="vertical"===this.direction&&n>o;l||a?this.handleDisplayMergedTooltip(!0):this.handleDisplayMergedTooltip(!1)}},handleDisplayMergedTooltip:function(t){var e=this.$refs.tooltip0,i=this.$refs.tooltip1,s=this.$refs.process.getElementsByClassName("vue-merged-tooltip")[0];t?(e.style.visibility="hidden",i.style.visibility="hidden",s.style.visibility="visible"):(e.style.visibility="visible",i.style.visibility="visible",s.style.visibility="hidden")}},mounted:function(){var t=this;if(this.isComponentExists=!0,"undefined"==typeof window||"undefined"==typeof document)return this.printError("window or document is undefined, can not be initialization.");this.$nextTick(function(){t.isComponentExists&&(t.getStaticData(),t.setValue(t.limitValue(t.value),!0,t.startAnimation?t.speed:0),t.bindEvents())}),this.isMounted=!0},beforeDestroy:function(){this.isComponentExists=!1,this.unbindEvents()}}},function(t,e,i){"use strict";var s=i(0);t.exports=s},function(t,e,i){e=t.exports=i(4)(),e.push([t.i,'.vue-slider-component{position:relative;box-sizing:border-box;-ms-user-select:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none}.vue-slider-component.vue-slider-disabled{opacity:.5;cursor:not-allowed}.vue-slider-component.vue-slider-has-label{margin-bottom:15px}.vue-slider-component.vue-slider-disabled .vue-slider-dot{cursor:not-allowed}.vue-slider-component .vue-slider{position:relative;display:block;border-radius:15px;background-color:#ccc}.vue-slider-component .vue-slider:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}.vue-slider-component .vue-slider-process{position:absolute;border-radius:15px;background-color:#3498db;transition:all 0s;z-index:1}.vue-slider-component .vue-slider-process.vue-slider-process-dragable{cursor:pointer;z-index:3}.vue-slider-component.vue-slider-horizontal .vue-slider-process{width:0;height:100%;top:0;left:0;will-change:width}.vue-slider-component.vue-slider-vertical .vue-slider-process{width:100%;height:0;bottom:0;left:0;will-change:height}.vue-slider-component.vue-slider-horizontal-reverse .vue-slider-process{width:0;height:100%;top:0;right:0}.vue-slider-component.vue-slider-vertical-reverse .vue-slider-process{width:100%;height:0;top:0;left:0}.vue-slider-component .vue-slider-dot{position:absolute;border-radius:50%;background-color:#fff;box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32);transition:all 0s;will-change:transform;cursor:pointer;z-index:5}.vue-slider-component .vue-slider-dot.vue-slider-dot-focus{box-shadow:0 0 2px 1px #3498db}.vue-slider-component .vue-slider-dot.vue-slider-dot-dragging{z-index:5}.vue-slider-component .vue-slider-dot.vue-slider-dot-disabled{z-index:4}.vue-slider-component.vue-slider-horizontal .vue-slider-dot{left:0}.vue-slider-component.vue-slider-vertical .vue-slider-dot{bottom:0}.vue-slider-component.vue-slider-horizontal-reverse .vue-slider-dot{right:0}.vue-slider-component.vue-slider-vertical-reverse .vue-slider-dot{top:0}.vue-slider-component .vue-slider-tooltip-wrap{display:none;position:absolute;z-index:9}.vue-slider-component .vue-slider-tooltip{display:block;font-size:14px;white-space:nowrap;padding:2px 5px;min-width:20px;text-align:center;color:#fff;border-radius:5px;border:1px solid #3498db;background-color:#3498db}.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-top{top:-9px;left:50%;transform:translate(-50%,-100%)}.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-bottom{bottom:-9px;left:50%;transform:translate(-50%,100%)}.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-left{top:50%;left:-9px;transform:translate(-100%,-50%)}.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-right{top:50%;right:-9px;transform:translate(100%,-50%)}.vue-slider-component .vue-slider-tooltip-top .vue-merged-tooltip .vue-slider-tooltip:before,.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-top .vue-slider-tooltip:before{content:"";position:absolute;bottom:-10px;left:50%;width:0;height:0;border:5px solid transparent;border:6px solid transparent\\0;border-top-color:inherit;transform:translate(-50%)}.vue-slider-component .vue-slider-tooltip-wrap.vue-merged-tooltip{display:block;visibility:hidden}.vue-slider-component .vue-slider-tooltip-bottom .vue-merged-tooltip .vue-slider-tooltip:before,.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-bottom .vue-slider-tooltip:before{content:"";position:absolute;top:-10px;left:50%;width:0;height:0;border:5px solid transparent;border:6px solid transparent\\0;border-bottom-color:inherit;transform:translate(-50%)}.vue-slider-component .vue-slider-tooltip-left .vue-merged-tooltip .vue-slider-tooltip:before,.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-left .vue-slider-tooltip:before{content:"";position:absolute;top:50%;right:-10px;width:0;height:0;border:5px solid transparent;border:6px solid transparent\\0;border-left-color:inherit;transform:translateY(-50%)}.vue-slider-component .vue-slider-tooltip-right .vue-merged-tooltip .vue-slider-tooltip:before,.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-right .vue-slider-tooltip:before{content:"";position:absolute;top:50%;left:-10px;width:0;height:0;border:5px solid transparent;border:6px solid transparent\\0;border-right-color:inherit;transform:translateY(-50%)}.vue-slider-component .vue-slider-dot.vue-slider-hover:hover .vue-slider-tooltip-wrap{display:block}.vue-slider-component .vue-slider-dot.vue-slider-always .vue-slider-tooltip-wrap{display:block!important}.vue-slider-component .vue-slider-piecewise{position:absolute;width:100%;padding:0;margin:0;left:0;top:0;height:100%;list-style:none}.vue-slider-component .vue-slider-piecewise-item{position:absolute;width:8px;height:8px}.vue-slider-component .vue-slider-piecewise-dot{position:absolute;left:50%;top:50%;width:100%;height:100%;display:inline-block;background-color:rgba(0,0,0,.16);border-radius:50%;transform:translate(-50%,-50%);z-index:2;transition:all .3s}.vue-slider-component .vue-slider-piecewise-item:first-child .vue-slider-piecewise-dot,.vue-slider-component .vue-slider-piecewise-item:last-child .vue-slider-piecewise-dot{visibility:hidden}.vue-slider-component.vue-slider-horizontal-reverse .vue-slider-piecewise-label,.vue-slider-component.vue-slider-horizontal .vue-slider-piecewise-label{position:absolute;display:inline-block;top:100%;left:50%;white-space:nowrap;font-size:12px;color:#333;transform:translate(-50%,8px);visibility:visible}.vue-slider-component.vue-slider-vertical-reverse .vue-slider-piecewise-label,.vue-slider-component.vue-slider-vertical .vue-slider-piecewise-label{position:absolute;display:inline-block;top:50%;left:100%;white-space:nowrap;font-size:12px;color:#333;transform:translate(8px,-50%);visibility:visible}.vue-slider-component .vue-slider-sr-only{clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;position:absolute!important}',""])},function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;ei.parts.length&&(s.parts.length=i.parts.length)}else{for(var n=[],r=0;r