Made booking pproduct compatible with velocity theme

This commit is contained in:
Jitendra Singh 2020-03-03 15:28:10 +05:30
parent d3137711a1
commit d1332bb2de
10 changed files with 237 additions and 12 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,3 +1,4 @@
{ {
"/css/booking-product.css": "/css/booking-product.css?id=63893f0e09df93dbbd2b" "/css/default-booking.css": "/css/default-booking.css?id=3607d6ec4cb93857b42c",
"/css/velocity-booking.css": "/css/velocity-booking.css?id=64d628792a52ad6151b7"
} }

View File

@ -89,7 +89,7 @@
} }
.book-slots { .book-slots {
// padding-top: 25px; padding-top: 25px;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
@ -210,7 +210,7 @@
font-weight: 600; font-weight: 600;
color: #242424; color: #242424;
padding-top: 16px; padding-top: 16px;
// border-top: solid 1px #e8e8e8; border-top: solid 1px #e8e8e8;
> div { > div {
margin-bottom: 12px; margin-bottom: 12px;

View File

@ -0,0 +1,226 @@
@import "icons";
.booking-information {
margin-bottom: 15px;
.booking-info-row {
padding-left: 32px;
margin-bottom: 20px;
position: relative;
.icon {
position: absolute;
left: 0;
top: -4px;
}
.title {
color: #5E5E5E;
display: block;
margin-bottom: 5px;
}
.value {
display: block;
margin-bottom: 5px;
.text-danger {
color: #ff5656;
}
}
.toggle {
color: #0041FF;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
.icon {
position: relative;
width: 10px;
height: 10px;
margin-left: 5px;
top: 0;
&.arrow-down-icon {
background-image: url(../images/arrow-down.svg) !important;
}
&.arrow-up-icon {
background-image: url(../images/arrow-up.svg) !important;
}
}
}
.days-availability {
table {
margin-top: 10px;
border-collapse: collapse;
tr {
td {
padding: 5px;
vertical-align: top;
&:first-child {
padding-left: 0;
}
&:last-child {
font-size: 14px;
padding-left: 15px;
padding-right: 0;
color: #5E5E5E;
}
.text-danger {
color: #ff5656;
}
}
}
}
}
}
.book-slots {
display: inline-block;
width: 100%;
h3 {
font-weight: 600;
font-size: 16px;
color: #242424;
margin-top: 0;
}
label {
color: #3a3a3a;
}
.control-group, .form-group {
label {
font-size: 16px;
}
.radio {
display: inline-block;
}
}
.control-group-container {
width: 100%;
float: left;
.control-group:not(.quantity), .form-group:not(.quantity) {
width: 50%;
float: left;
.control, .form-style {
width: 100%;
}
&.date {
padding-right: 5px;
&::after {
position: absolute;
top: 14px;
right: 10px;
}
}
&.slots {
&:first-child {
padding-right: 5px;
}
&:last-child {
padding-left: 5px;
}
}
}
}
.ticket-list {
.ticket-item {
width: 100%;
display: inline-block;
padding: 16px 0;
border-bottom: solid 1px #e8e8e8;
&:last-child {
border-bottom: 0;
}
.ticket-info {
width: 50%;
float: left;
.ticket-name {
color: #242424;
margin-bottom: 12px;
}
.ticket-price {
color: #5E5E5E;
}
}
.ticket-quantity {
width: 50%;
display: inline-block;
text-align: right;
.control-group, .form-group {
margin: 0;
&.quantity {
max-width: initial;
width: auto;
text-align: center;
margin-bottom: 0;
border-top: 0;
padding-top: 0;
label {
display: none;
}
}
}
}
p {
color: #242424;
margin-bottom: 0;
font-weight: 400;
}
}
}
.ticket-total {
font-size: 16px;
font-weight: 600;
color: #242424;
padding-top: 16px;
> div {
margin-bottom: 12px;
&:last-child {
margin-bottom: 0;
}
p {
color: #242424;
font-weight: 400;
margin-top: 4px;
}
}
}
}
}

View File

@ -3,7 +3,7 @@
@if ($bookingProduct = app('\Webkul\BookingProduct\Repositories\BookingProductRepository')->findOneByField('product_id', $product->product_id)) @if ($bookingProduct = app('\Webkul\BookingProduct\Repositories\BookingProductRepository')->findOneByField('product_id', $product->product_id))
@push('css') @push('css')
<link rel="stylesheet" href="{{ bagisto_asset('css/booking-product.css') }}"> <link rel="stylesheet" href="{{ bagisto_asset('css/default-booking.css') }}">
@endpush @endpush
<booking-information></booking-information> <booking-information></booking-information>

View File

@ -3,7 +3,7 @@
@if ($bookingProduct = app('\Webkul\BookingProduct\Repositories\BookingProductRepository')->findOneByField('product_id', $product->product_id)) @if ($bookingProduct = app('\Webkul\BookingProduct\Repositories\BookingProductRepository')->findOneByField('product_id', $product->product_id))
@push('css') @push('css')
<link rel="stylesheet" href="{{ bagisto_asset('css/booking-product.css') }}"> <link rel="stylesheet" href="{{ bagisto_asset('css/velocity-booking.css') }}">
@endpush @endpush
<booking-information></booking-information> <booking-information></booking-information>

View File

@ -16,13 +16,14 @@ mix.setPublicPath(publicPath).mergeManifest();
mix.disableNotifications(); mix.disableNotifications();
mix.copyDirectory(__dirname + "/src/Resources/assets/images", publicPath + "/images") mix.copyDirectory(__dirname + "/src/Resources/assets/images", publicPath + "/images")
.sass(__dirname + "/src/Resources/assets/sass/app.scss", "css/booking-product.css") .sass(__dirname + "/src/Resources/assets/sass/default.scss", "css/default-booking.css")
.sass(__dirname + "/src/Resources/assets/sass/velocity.scss", "css/velocity-booking.css")
.options({ .options({
processCssUrls: false processCssUrls: false
}); });
if (!mix.inProduction()) { if (! mix.inProduction()) {
mix.sourceMaps(); mix.sourceMaps();
} }

View File

@ -1,4 +0,0 @@
{
"/js/app.js": "/js/app.js",
"/css/app.css": "/css/app.css"
}