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.
190 lines
14 KiB
190 lines
14 KiB
<?xml version="1.0" encoding="Big5" ?>
|
|
<odoo>
|
|
<!-- Seat booking website board template to book the event seat through the website-->
|
|
<template id="event_seat_booking_board_templates"
|
|
name="Event Seat Booking Board">
|
|
<t t-call="website.layout">
|
|
<div id="wrap">
|
|
<div class="oe_structure">
|
|
<div class="row">
|
|
<form id="registration_form"
|
|
t-attf-action="/event/#{event}/registration/new"
|
|
method="post"
|
|
itemscope="itemscope"
|
|
itemprop="offers"
|
|
itemtype="http://schema.org/AggregateOffer">
|
|
<input type="hidden" name="csrf_token"
|
|
t-att-value="request.csrf_token()"/>
|
|
<div class="container d-flex flex-column flex-grow-1 justify-content-around">
|
|
<div class="o_wevent_event_title"
|
|
style="text-align: center;">
|
|
<h1 class="o_wevent_event_name">
|
|
<t t-esc="event_name"/>
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
<div id="seat_layout">
|
|
<div class="row">
|
|
<div class="col-lg-7 col-md-12 col-sm-12 col-12">
|
|
<div id="seat_layout_left"
|
|
style="overflow:auto; padding-left:25%;border-right: 1px solid #000;">
|
|
<div id="seat-map" style="display: ruby-text; width:100%;"
|
|
class="sh-10 seatCharts-container">
|
|
<div class="front-indicator"
|
|
style="text-align: center;
|
|
background:#bdbdbd;
|
|
width:98%;
|
|
float:left;
|
|
padding: 5px 0px;">
|
|
SCREEN
|
|
</div>
|
|
<div class="main event_seat_arrangemet">
|
|
<t t-set="sl_no"
|
|
t-value="0"/>
|
|
<t t-foreach="event_tickets"
|
|
t-as="ticket">
|
|
<div class="separate-event">
|
|
<select t-att-name="'nb_register-%s' % (ticket.id if ticket.id else '0')"
|
|
id="selected_seats_input"
|
|
style="display: none;">
|
|
<option>0
|
|
</option>
|
|
</select>
|
|
<input type="hidden"
|
|
name="selected_seats_html"
|
|
id="selected_seats_html"/>
|
|
<br/>
|
|
<t t-if="ticket.total_row and ticket.total_row > 0">
|
|
<div class="seats-row mt-4"
|
|
style="text-align: center;">
|
|
<t t-foreach="event_seat_templates[ticket.seat_arrangement_id.id]"
|
|
t-as="event">
|
|
<div class="seat-colum-main">
|
|
<div class="seats-column">
|
|
<div class="row-button btn btn-primary">
|
|
<t t-esc="sl_no+1"/>
|
|
<t t-set="sl_no"
|
|
t-value="sl_no + 1"/>
|
|
</div>
|
|
<t t-foreach="event_value"
|
|
t-as="col">
|
|
<t t-if="col['reservation_status'] == 'available'">
|
|
<div class="seat-button btn btn-primary confirmed-seat "
|
|
t-att-data-event-name="ticket.name"
|
|
t-att-data-event-id="ticket.id"
|
|
t-att-data-event-price="ticket.price"
|
|
t-att-data-seat-id="col['unique_column']"
|
|
t-att-data-seat-row="col['row_no']"
|
|
t-att-data-seat-coloumn="col['column_no']"
|
|
t-attf-class="seat-button btn btn-primary #{'VIP' if ticket.name == 'VIP' else ('Standard' if ticket.name == 'Standard' else ('Free' if ticket.name == 'Free' else 'other-event'))}">
|
|
<t t-esc="col['seat_column_id']"/>
|
|
</div>
|
|
</t>
|
|
<t t-else="">
|
|
<div class="seat-button btn btn-danger reserved-seat">
|
|
<t t-esc="col['seat_column_id']"/>
|
|
</div>
|
|
</t>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
</t>
|
|
<input type="hidden"
|
|
name="unique_id"
|
|
id="unique_column_id"/>
|
|
<input type="hidden"
|
|
name="row_number"
|
|
id="row_number_id"/>
|
|
<input type="hidden"
|
|
name="column_number"
|
|
id="col_number_id"/>
|
|
<br/>
|
|
<br/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-lg-5 col-md-12 col-sm-12 col-12">
|
|
<div class="front-indicator"
|
|
style="text-align: center;
|
|
background:#bdbdbd;
|
|
width:100%;
|
|
float:left;
|
|
padding: 5px 0px;margin-bottom:30px;">
|
|
Seat Booking Information
|
|
</div>
|
|
<div class="booking-details">
|
|
<input type="hidden"
|
|
name="all_selected_seats"
|
|
id="all_selected_seats"
|
|
value="hii"/>
|
|
<h6>Selected Seats
|
|
:
|
|
<div class="seat-count"
|
|
style="display: inline;">
|
|
0
|
|
</div>
|
|
</h6>
|
|
<div class="selected-seats"
|
|
id="selected_seats_info">
|
|
<span id="seat_name"/>
|
|
</div>
|
|
<h6>Total :
|
|
<div class="total"
|
|
style="display: inline;"></div>
|
|
</h6>
|
|
<button type="submit"
|
|
class="btn btn-primary o_wait_lazy_js a-submit submit"
|
|
disabled=""
|
|
t-attf-id="#{event}">
|
|
Register
|
|
</button>
|
|
<br/>
|
|
<div class="gene-event" style="line-height: 42px; margin-top:24px;">
|
|
<t t-foreach="event_tickets"
|
|
t-as="line">
|
|
<t t-if="line.name == 'VIP'">
|
|
<span class="event-button btn btn-primary"
|
|
style="background-color: darksalmon;"/>
|
|
<span>
|
|
<t t-esc="line.name"/>
|
|
</span>
|
|
</t>
|
|
<t t-elif="line.name == 'Standard'">
|
|
<div class="event-button btn btn-primary"
|
|
style="background-color: #b9dea0;"/>
|
|
<t t-esc="line.name"/>
|
|
</t>
|
|
<t t-elif="line.name == 'Free'">
|
|
<div class="event-button btn btn-primary"
|
|
style="background-color: #3a78c3;"/>
|
|
<t t-esc="line.name"/>
|
|
</t>
|
|
<t t-else="line.name == ' '">
|
|
<div class="event-button btn btn-primary"
|
|
style="background-color: green;"/>
|
|
<t t-esc="line.name"/>
|
|
</t>
|
|
</t>
|
|
<span class="event-button btn btn-primary"
|
|
style="background-color: brown;"/>
|
|
<span>Already
|
|
Booked
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</template>
|
|
</odoo>
|
|
|