You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
277 lines
17 KiB
277 lines
17 KiB
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<!-- Salon booking form-->
|
|
<template id="salon_booking_form" name="Salon Booking">
|
|
<t t-call="website.layout">
|
|
<div class="container chair_booking">
|
|
<div class="row s_nb_column_fixed ">
|
|
<div class="col-lg-6 s_title pt16 pb16">
|
|
<h3>
|
|
Working Time
|
|
</h3>
|
|
<table border="1">
|
|
<th>Day</th>
|
|
<th>Starting Time</th>
|
|
<th>Closing Time</th>
|
|
<tbody>
|
|
<t t-foreach="working_time"
|
|
t-as="working_time_obj">
|
|
<tr>
|
|
<td>
|
|
<span t-field="working_time_obj.name"/>
|
|
</td>
|
|
<td>
|
|
<span t-field="working_time_obj.from_time"
|
|
t-options='{"widget": "float_time"}'/>
|
|
</td>
|
|
<td>
|
|
<span t-field="working_time_obj.to_time"
|
|
t-options='{"widget": "float_time"}'/>
|
|
</td>
|
|
</tr>
|
|
</t>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="col-lg-6 s_title pt16 pb16">
|
|
<h3>Book Your Chair</h3>
|
|
<form>
|
|
<div class="row s_nb_column_fixed">
|
|
<div class="col-lg-2 s_title pt16 pb16 field_booking_chair">
|
|
NAME
|
|
</div>
|
|
<div class="col-lg-10 s_title pt16 pb16">
|
|
<input type="text" id="name" required="1"
|
|
placeholder="Enter your Name"/>
|
|
</div>
|
|
</div>
|
|
<div class="row s_nb_column_fixed">
|
|
<div class="col-lg-2 s_title pt16 pb16 field_booking_chair">
|
|
SERVICES
|
|
</div>
|
|
<div class="col-lg-10 s_title pt16 pb16">
|
|
<div class="selection_service">
|
|
<div style="padding-left: 15px;padding-top: 15px;">
|
|
<t t-foreach="salon_services"
|
|
t-as="service">
|
|
<div>
|
|
<input type="checkbox"
|
|
t-att-service-id="service.id"
|
|
id="service.name"
|
|
class="check_box_salon"/>
|
|
<label for="service.id"
|
|
t-esc="service.name"/>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row s_nb_column_fixed">
|
|
<div class="col-lg-2 s_title field_booking_chair">
|
|
DATE
|
|
</div>
|
|
<div class="col-lg-10 s_title pt16 pb16 row">
|
|
<div class="col-lg-4 s_title pt16 pb16">
|
|
<input type="date" id="date"
|
|
required="1"
|
|
placeholder="dd/mm/yyyy"
|
|
onkeyup="var v = this.value;if (v.match(/^\d{2}$/) !== null) {this.value = v + '/';} else if (v.match(/^\d{2}\/\d{2}$/) !== null) {this.value = v + '/';}"
|
|
maxlength="10"/>
|
|
</div>
|
|
<div class="col-lg-3 s_title pt16 pb16">
|
|
<input type="text" id="time"
|
|
required="1"
|
|
placeholder="HH:MM"
|
|
onkeyup="var v = this.value;if (v.match(/^\d{2}$/) !== null) {this.value = v + ':';}"
|
|
maxlength="5"/>
|
|
</div>
|
|
<div class="col-lg-5 s_title pt16 pb16"
|
|
style="font-size: 12px;">
|
|
(Select date & time based on
|
|
availability of chair)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row s_nb_column_fixed">
|
|
<div class="col-lg-2 s_title pt16 pb16 field_booking_chair">
|
|
CHAIR
|
|
</div>
|
|
<div class="col-lg-10 s_title pt16 pb16 row">
|
|
<div class="col-lg-5 s_title pt16 pb16">
|
|
<select id="chair" required="True">
|
|
<t t-esc="chair_details"/>
|
|
<t t-foreach="chair_details"
|
|
t-as="chair">
|
|
<option t-att-value="chair.id"
|
|
t-esc="chair.name"/>
|
|
</t>
|
|
</select>
|
|
</div>
|
|
<div class="col-lg-7 s_title pt16 pb16"
|
|
style="font-size: 12px;">
|
|
(Select the chair that free in the
|
|
preferred time)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row s_nb_column_fixed">
|
|
<div class="col-lg-2 s_title pt16 pb16 field_booking_chair">
|
|
PHONE
|
|
</div>
|
|
<div class="col-lg-10 s_title pt16 pb16">
|
|
<input type="text" id="phone"
|
|
required="1"
|
|
placeholder="Enter your Phone number(eg:999**12345)"/>
|
|
</div>
|
|
</div>
|
|
<div class="row s_nb_column_fixed">
|
|
<div class="col-lg-2 s_title pt16 pb16 field_booking_chair">
|
|
E-MAIL
|
|
</div>
|
|
<div class="col-lg-10 s_title pt16 pb16">
|
|
<input type="email" id="email"
|
|
required="1"
|
|
placeholder="Enter your E-Mail Address(eg:example@gmail.com)"/>
|
|
</div>
|
|
</div>
|
|
<div class="row s_nb_column_fixed">
|
|
<div class="col-lg-12 s_title pt16 pb16">
|
|
<button type="button" id="send_button"
|
|
t-on-click="ClickSend"
|
|
class="btn btn-primary btn-md o_website_form_send">
|
|
Send
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<section id="chair_details">
|
|
<div class="container">
|
|
<h3>Already Booked Chairs and Details</h3>
|
|
<hr/>
|
|
<div class="row s_nb_column_fixed">
|
|
<div class="col-lg-12 s_title pt16 pb16">
|
|
<div class="row">
|
|
<div class="col-lg-5 s_title pt16 pb16">
|
|
<div class="row">
|
|
<div class="col-lg-2 s_title pt16 pb16">
|
|
DATE :
|
|
</div>
|
|
<div class="col-lg-6 s_title pt16 pb16">
|
|
<input id="check_date"
|
|
type="date"
|
|
placeholder="Select a date"/>
|
|
</div>
|
|
<div class="col-lg-4 s_title pt16 pb16">
|
|
<button type="submit"
|
|
id="check_button"
|
|
t-on-click="ClickCheckButton"
|
|
class="btn btn-primary btn-md o_website_form_send">
|
|
Check
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 s_title pt16 pb16">
|
|
<div class="col-lg-12 s_title pt16 pb16"
|
|
id="searched_date">
|
|
DATE :
|
|
<t t-esc="date_search"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 s_title pt16 pb16 row">
|
|
<div class="col-lg-4 s_title pt16 pb16">
|
|
HOLIDAYS :
|
|
</div>
|
|
<div t-foreach="holiday"
|
|
t-as="holiday_obj"
|
|
class="col-lg-2 s_title pt16 pb16">
|
|
<span t-field="holiday_obj.name"/>
|
|
<span>&nbsp;</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="booking_chair_div"
|
|
class="col-lg-12 s_title pt16 pb16 row">
|
|
<div t-foreach="chair_details" t-as="chair_obj"
|
|
class="col-lg-4 s_title pt16 pb16">
|
|
<div t-if="chair_obj.active_booking_chairs == 1">
|
|
<div style="height: 200px!important; text-align: center; border: 1px solid #666;padding: 15px 0px;box-shadow: 7px 8px 5px #888888;background-color:#7c7bad;border-radius:58px;color:#fff;margin-bottom: 10px;">
|
|
<span style="font-size: 15px;"
|
|
t-field="chair_obj.name"/>
|
|
<br/>
|
|
<a style="color:#fff;font-size:15px;">
|
|
Order Details
|
|
</a>
|
|
<div id="style-2"
|
|
style="overflow-y:scroll;height:105px;padding-right:25px;padding-left:25px;margin-right:10px;">
|
|
<table class="table">
|
|
<th style="font-size:11px;">
|
|
Order No.
|
|
</th>
|
|
<th style="font-size:11px;">
|
|
Start Time
|
|
</th>
|
|
<th style="font-size:11px;">
|
|
End Time
|
|
</th>
|
|
<div>
|
|
<tbody style="font-size: 10px;">
|
|
<t t-foreach="order_details"
|
|
t-as="order_obj">
|
|
<t t-if="order_obj.chair_id.id == chair_obj.id">
|
|
<tr>
|
|
<td>
|
|
<span t-field="order_obj.id"/>
|
|
.
|
|
</td>
|
|
<td>
|
|
<span t-field="order_obj.start_time"
|
|
t-options='{"format": "HH:mm"}'/>
|
|
</td>
|
|
<td>
|
|
<span t-field="order_obj.end_time"
|
|
t-options='{"format": "HH:mm"}'/>
|
|
</td>
|
|
</tr>
|
|
</t>
|
|
</t>
|
|
</tbody>
|
|
</div>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</template>
|
|
<!-- Template to view thank you message after register via portal-->
|
|
<template id="salon_booking_thank_you" name="Thank you">
|
|
<t t-call="website.layout">
|
|
<form>
|
|
<center>
|
|
<div>
|
|
<span class="d-block fa fa-4x fa-thumbs-up mx-auto rounded-circle bg-primary"/>
|
|
<br/>
|
|
<h1 class="text-center">Thank You!</h1>
|
|
<div class="pb16 pt16 s_hr" data-snippet="s_hr" data-name="Separator">
|
|
<hr class="mx-auto border-top w-50 border-dark text-center"/>
|
|
</div>
|
|
<p class="lead">Your request has been successfully submitted.
|
|
</p>
|
|
</div>
|
|
</center>
|
|
</form>
|
|
</t>
|
|
</template>
|
|
</odoo>
|
|
|