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.
273 lines
17 KiB
273 lines
17 KiB
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<template id="salon_booking_form" name="Salon Booking">
|
|
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"/>
|
|
<link rel="stylesheet" href="/resources/demos/style.css"/>
|
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
|
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
|
<script>$( function() {$( "#date" ).datepicker();} );</script>
|
|
<script>$( function() {$( "#check_date" ).datepicker();} );</script>
|
|
<t t-call="website.layout" >
|
|
<div>
|
|
<div style="width:215px;margin-top:10px;margin-left:10px;float:left;">
|
|
<p style="text-align:center;font-size:24px;">
|
|
Working Time
|
|
</p>
|
|
<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"/>
|
|
</td>
|
|
<td>
|
|
<span t-field="working_time_obj.to_time"/>
|
|
</td>
|
|
</tr>
|
|
</t>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div style="float:left;width:940px;">
|
|
<section id="chair_details">
|
|
<div class="container">
|
|
<h3 style="text-align:center;">Available Chairs and Details</h3>
|
|
<hr/>
|
|
<div class="form-group form-field o_website_form_required_custom">
|
|
<div class="col-md-12" style="margin-bottom:10px;">
|
|
<label class="col-md-1 col-sm-4 control-label"
|
|
style="padding-top: 8px; padding-right:0px !important" for="search">TIME
|
|
</label>
|
|
<div class="col-md-2 col-sm-4" style="padding-left: 0px;">
|
|
<input style="padding-right:0px;" id="check_date" type="text"
|
|
class="search-query form-control oe_search_box" required=""
|
|
placeholder="Select a date"/>
|
|
</div>
|
|
<div class="col-sm-2 col-md-1" style="padding-left: 0px;">
|
|
<button type="submit" id="check_button"
|
|
class="btn btn-primary btn-md o_website_form_send">Check
|
|
</button>
|
|
<span id="o_website_form_result"></span>
|
|
</div>
|
|
<div class="col-sm-3 col-md-3" style="padding-left: 33px;">
|
|
<h5 style="text-align:left; float:left; margin-top: 4px;font-weight: 600;">DATE :
|
|
</h5>
|
|
<h5 style="float:left; margin-top: 4px;font-weight: 600;">
|
|
<t t-esc="date_search"/>
|
|
</h5>
|
|
</div>
|
|
<div class="col-sm-3 col-md-5" style="padding-left: 0px;">
|
|
<h5 style="text-align:left; float:left; margin-top: 4px;font-weight: 600; padding-right:6px;">
|
|
HOLIDAYS :
|
|
</h5>
|
|
<div t-foreach="holiday" t-as="holiday_obj">
|
|
<h5 t-field="holiday_obj.name" style="float:left;margin-top: 4px;font-weight: 600; "/>
|
|
<h5 style="float:left;font-weight: 600;">&nbsp;</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div t-foreach="chair_details" t-as="chair_obj">
|
|
<div class="col-md-4" 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>
|
|
<style>
|
|
#style-2::-webkit-scrollbar-track
|
|
{
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
border-radius: 10px;
|
|
background-color: #7c7bad;
|
|
width:8px !important;
|
|
}
|
|
|
|
#style-2::-webkit-scrollbar
|
|
{
|
|
width: 12px;
|
|
background-color: #7c7bad;
|
|
width:8px !important;
|
|
height: 115px;
|
|
}
|
|
|
|
#style-2::-webkit-scrollbar-thumb
|
|
{
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
|
|
background-color: #7c7bad;
|
|
width:8px !important;
|
|
}
|
|
</style>
|
|
<div id="style-2"
|
|
style="overflow:overlay;height:115px;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_only"/>
|
|
</td>
|
|
<td>
|
|
<span t-field="order_obj.end_time_only"/>
|
|
</td>
|
|
</tr>
|
|
</t>
|
|
</t>
|
|
</tbody>
|
|
</div>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div style="margin-bottom:100px;float:left;">
|
|
<h1 style="text-align:center;padding-bottom: 26px;padding-top: 20px;">Book Your Chair</h1>
|
|
|
|
<form>
|
|
<div class="form-group form-field o_website_form_required_custom">
|
|
<div class="col-md-12" style="margin-bottom:10px;">
|
|
<label class="col-md-offset-1 col-md-1 col-sm-4 control-label" style="padding-top: 8px;"
|
|
for="search">NAME*
|
|
</label>
|
|
<div class="col-md-5 col-sm-8">
|
|
<input type="text" id="name" class="search-query form-control oe_search_box"
|
|
required="True" placeholder="Enter your Name"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-field o_website_form_required_custom">
|
|
<div class="col-md-12" style="margin-bottom:10px;">
|
|
<label class="col-md-offset-1 col-md-1 col-sm-4 control-label" style="padding-top: 8px;"
|
|
for="search">SERVICE*
|
|
</label>
|
|
<div class="col-md-5 col-sm-8">
|
|
<select multiple="multiple" id="service" required="True" class="form-control"
|
|
style="width: 432px; height: 40px;">
|
|
<t t-foreach="salon_services" t-as="service">
|
|
<option t-att-value="service.id" t-esc="service.name"/>
|
|
</t>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-5" style="padding-left:0px !important;">
|
|
<p style="font-size: 16px;">( You can select multiple services or Remove a selection by
|
|
pressing down on the Ctrl button )
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-field o_website_form_required_custom">
|
|
<div class="col-md-12" style="margin-bottom:10px;">
|
|
<label class="col-md-offset-1 col-md-1 col-sm-4 control-label" style="padding-top: 8px;"
|
|
for="search">TIME*
|
|
</label>
|
|
<div class="col-md-5 col-sm-8">
|
|
<input type="text" id="date" 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"
|
|
style="width: 250px;height: 35px;"/>
|
|
<input type="text" id="time" placeholder="HH:MM"
|
|
onkeyup="var v = this.value;if (v.match(/^\d{2}$/) !== null) {this.value = v + ':';}"
|
|
maxlength="5"
|
|
style="width: 178px;height: 35px;"/>
|
|
</div>
|
|
<div class="col-md-5" style="padding-left:0px !important;">
|
|
<p style="font-size: 16px;padding-top: 9px;">( Select a date and time based on the
|
|
availability of the chair )
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-field o_website_form_required_custom">
|
|
<div class="col-md-12" style="margin-bottom:10px;">
|
|
<label class="col-md-offset-1 col-md-1 col-sm-4 control-label" style="padding-top: 8px;"
|
|
for="search">CHAIR*
|
|
</label>
|
|
<div class="col-md-5 col-sm-8">
|
|
<select id="chair" required="True" class="form-control"
|
|
style="width: 432px; height: 35px;">
|
|
<t t-foreach="chair_details" t-as="chair">
|
|
<option t-att-value="chair.id" t-esc="chair.name"/>
|
|
</t>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-5" style="padding-left:0px !important;">
|
|
<p style="font-size: 16px;padding-top: 9px;">( Select the chair that free in the
|
|
preferred time )
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-field o_website_form_required_custom">
|
|
<div class="col-md-12" style="margin-bottom:10px;">
|
|
<label class="col-md-offset-1 col-md-1 col-sm-4 control-label" style="padding-top: 8px;"
|
|
for="search">PHONE*
|
|
</label>
|
|
<div class="col-md-5 col-sm-8">
|
|
<input type="text" id="phone" class="search-query form-control oe_search_box"
|
|
required="True" placeholder="Enter your Phone number(eg:999**12345)"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-field o_website_form_required_custom">
|
|
<div class="col-md-12" style="margin-bottom:10px;">
|
|
<label class="col-md-offset-1 col-md-1 col-sm-4 control-label" style="padding-top: 8px;"
|
|
for="search">E-MAIL*
|
|
</label>
|
|
<div class="col-md-5 col-sm-8">
|
|
<input type="email" id="email" class="search-query form-control oe_search_box"
|
|
required="True"
|
|
placeholder="Enter your E-Mail Address(eg:avinashnk94@gmail.com)"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-md-12">
|
|
<div class="col-md-offset-1 col-md-1 col-sm-4"></div>
|
|
<div class="col-sm-8 col-md-5">
|
|
<button type="button" id="submit_button"
|
|
class="btn btn-primary btn-md o_website_form_send">Send
|
|
</button>
|
|
<span id="o_website_form_result"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</t>
|
|
</template>
|
|
<template id="salon_booking_thank_you" name="Thank you">
|
|
<t t-call="website.layout">
|
|
<form>
|
|
<div class="form-group" style="text-align: center; padding-top: 11%; padding-bottom: 10%;">
|
|
<h1>Thank you</h1>
|
|
</div>
|
|
</form>
|
|
</t>
|
|
</template>
|
|
</odoo>
|