[IMP]pms: Improvements in precheckin portal

This commit is contained in:
braisab
2021-10-19 12:59:41 +02:00
parent 75bd20882f
commit 963cc43bd4
4 changed files with 306 additions and 231 deletions

View File

@@ -626,6 +626,7 @@ class PortalPrecheckin(CustomerPortal):
csrf=False,
)
def portal_precheckin_folio_send_invitation(self, **kw):
print(kw)
if kw.get("folio_id"):
folio = request.env["pms.folio"].browse(int(kw.get("folio_id")))
kw.update({"folio": folio})

View File

@@ -21,57 +21,57 @@
style="padding-top: 16px; background-color: #F1F1F1; font-family:Verdana, Arial,sans-serif; color: #454748; width: 100%; border-collapse:separate;"
><tr><td align="center">
<table
border="0"
cellpadding="0"
cellspacing="0"
width="590"
style="padding: 16px; background-color: white; color: #454748; border-collapse:separate;"
>
border="0"
cellpadding="0"
cellspacing="0"
width="590"
style="padding: 16px; background-color: white; color: #454748; border-collapse:separate;"
>
<head>
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
crossorigin="anonymous"
/>
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
crossorigin="anonymous"
/>
</head>
<tbody>
<!-- PROPERTY DESCRIPTION -->
<tr>
<td align="center" style="min-width: 590px;">
<table
width="590"
border="0"
cellpadding="0"
cellspacing="0"
style="min-width: 590px; background-color: white; padding: 0px 0px 0px 0px; border-collapse:separate;"
>
width="590"
border="0"
cellpadding="0"
cellspacing="0"
style="min-width: 590px; background-color: white; padding: 0px 0px 0px 0px; border-collapse:separate;"
>
<tr><td align="right">
<div class="col-sm-4">
% if object.pms_property_id.partner_id.street
<p
>${object.pms_property_id.partner_id.street}</p>
>${object.pms_property_id.partner_id.street}</p>
% endif
% if object.pms_property_id.partner_id.street2
<p
>${object.pms_property_id.partner_id.street2}</p>
>${object.pms_property_id.partner_id.street2}</p>
% endif
<p
>${object.pms_property_id.partner_id.zip}</p>
>${object.pms_property_id.partner_id.zip}</p>
<p
>${object.pms_property_id.partner_id.city}</p>
>${object.pms_property_id.partner_id.city}</p>
<p
>${object.pms_property_id.partner_id.country_id.name}</p>
>${object.pms_property_id.partner_id.country_id.name}</p>
</div>
</td></tr>
<tr><td valign="top" style="font-size: 14px;">
<hr
width="100%"
style="background-color:rgb(204,204,204);border:medium none;clear:both;display:block;font-size:0px;min-height:1px;line-height:0; margin: 16px 0px 16px 0px;"
/>
width="100%"
style="background-color:rgb(204,204,204);border:medium none;clear:both;display:block;font-size:0px;min-height:1px;line-height:0; margin: 16px 0px 16px 0px;"
/>
<div>
Hello ${object.partner_id.name or ''},<br
/>
/>
We are happy to confirm your reservation in ${object.pms_property_id.name}
</div>
<div>
@@ -89,123 +89,163 @@
<tr>
<td align="center" style="min-width: 590px;">
<hr
width="100%"
style="background-color:rgb(204,204,204);border:medium none;clear:both;display:block;font-size:0px;min-height:1px;line-height:0; margin: 16px 0px 16px 0px;"
/>
width="100%"
style="background-color:rgb(204,204,204);border:medium none;clear:both;display:block;font-size:0px;min-height:1px;line-height:0; margin: 16px 0px 16px 0px;"
/>
<div
align="left"
style="margin: 16px 0px 16px 0px;"
><strong>Reservation Details</strong></div>
align="left"
style="margin: 16px 0px 16px 0px;"
><strong>Reservation Details</strong></div>
<table
width="590"
border="0"
cellpadding="0"
cellspacing="0"
style="min-width: 590px; background-color: white; padding: 0px 8px 0px 8px; border-collapse:separate;"
>
width="590"
border="0"
cellpadding="0"
cellspacing="0"
style="min-width: 590px; background-color: white; padding: 0px 8px 0px 8px; border-collapse:separate;"
>
<tr><td valign="top" style="font-size: 14px;">
<table style="width:50%;">
<tr>
<td>
<div
class="far fa-calendar-alt fa-2x"
style="margin: 0px 16px 0px 0px;"
/>
class="far fa-calendar-alt fa-2x"
style="margin: 0px 16px 0px 0px;"
/>
</td>
<td
style="margin: 16px 0px 16px 0px; font-size: 14px;"
>
style="margin: 16px 0px 16px 0px; font-size: 14px;"
>
<div><strong
>From</strong> ${object.checkin} <strong
>At</strong> ${object.arrival_hour}</div>
>From</strong> ${object.checkin} <strong
>At</strong> ${object.arrival_hour}</div>
<div><strong
>To</strong> ${object.checkout} <strong
>At</strong> ${object.departure_hour}</div>
>To</strong> ${object.checkout} <strong
>At</strong> ${object.departure_hour}</div>
<div
style="font-size:12px;color:#9e9e9e"
><i><strong
>TZ</strong> ${object.pms_property_id.tz}</i></div>
style="font-size:12px;color:#9e9e9e"
><i><strong
>TZ</strong> ${object.pms_property_id.tz}</i></div>
</td>
</tr>
<tr>
<td
style="margin: 16px 0px 16px 0px;"
>
style="margin: 16px 0px 16px 0px;"
>
<br />
<div
class="fas fa-bed fa-2x"
style="margin: 0px 16px 0px 0px;"
/>
class="fas fa-bed fa-2x"
style="margin: 0px 16px 0px 0px;"
/>
</td>
<td style="vertical-align:top;">
<br />
<div><strong
>Room: </strong> ${object.room_type_id.name}</div>
>Room: </strong> ${object.room_type_id.name}</div>
</td>
</tr>
<tr>
<td
style="margin: 16px 0px 16px 0px;"
>
style="margin: 16px 0px 16px 0px;"
>
<br />
<div
class="fas fa-coins fa-2x"
style="margin: 0px 16px 0px 0px;"
/>
class="fas fa-coins fa-2x"
style="margin: 0px 16px 0px 0px;"
/>
</td>
<td
style="margin: 16px 0px 16px 0px; font-size: 14px;"
>
style="margin: 16px 0px 16px 0px; font-size: 14px;"
>
<br />
<div><strong
>Price: </strong> ${object.price_room_services_set} ${object.pms_property_id.country_id.currency_id.symbol}</div>
>Price: </strong> ${object.price_room_services_set} ${object.pms_property_id.country_id.currency_id.symbol}</div>
</td>
</tr>
</table>
</td></tr>
<tr><td valign="top" style="font-size: 14px;">
<div>
% if object.pms_property_id.mail_information
<hr
width="100%"
style="background-color:rgb(204,204,204);border:medium none;clear:both;display:block;font-size:0px;min-height:1px;line-height:0; margin: 16px 0px 16px 0px;"
/>
width="100%"
style="background-color:rgb(204,204,204);border:medium none;clear:both;display:block;font-size:0px;min-height:1px;line-height:0; margin: 16px 0px 16px 0px;"
/>
<div
align="left"
style="margin: 16px 0px 16px 0px;"
><strong
>Additional Information</strong></div>
align="left"
style="margin: 16px 0px 16px 0px;"
><strong
>Additional Information</strong></div>
${object.pms_property_id.mail_information|safe}
% endif
</div>
</td></tr>
<tr>
<td align="center" style="padding: 20px 0 0px 0; ">
<div>
<hr
width="100%"
style="background-color:rgb(204,204,204);border:medium none;clear:both;display:block;font-size:0px;min-height:1px;line-height:0; margin: 16px 0px 16px 0px;"
/>
Do your check-in now and save time.
<br />
Access our<strong
> quick registration system</strong>. In a few steps you will be able to register your data in an agile, simple and secure way,<strong
> avoiding queues at reception</strong>.
If you register your data in our system, <strong
> your passage through reception will be much faster</strong>, being able to enjoy the comfort of your room right away.
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<a
href="/my/folios/${object.folio_id.id}/precheckin?access_token=${object.folio_id.access_token}"
target="_blank"
style="text-decoration: none; color: #FFFFFF; font-size: 2em; padding: 10px 20px 10px 20px;"
>
<div
style="padding: 0.5em; background-color: #45C2B1; border-color: #45C2B1; border-width: 2px;border-style:solid; border-bottom-style: solid;border-left-style: solid;border-right-style: solid;border-top-style: solid;-webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 10px;font-size: 12px;"
>Check-in
</div>
<center><img
src="https://www.aldahotels.es/firma/email/llegada/check-in.png"
alt="Hacer check-in"
width="80px"
height="80px"
href="${object.url}"
/></center></a>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr><td valign="top" style="font-size: 14px;">
<hr
width="100%"
style="background-color:rgb(204,204,204);border:medium none;clear:both;display:block;font-size:0px;min-height:1px;line-height:0; margin: 16px 0px 16px 0px;"
/>
width="100%"
style="background-color:rgb(204,204,204);border:medium none;clear:both;display:block;font-size:0px;min-height:1px;line-height:0; margin: 16px 0px 16px 0px;"
/>
<!-- CONTACT -->
<div>
<span
style="font-weight:300;margin:10px 0px"
>Questions about the reservation?</span>
style="font-weight:300;margin:10px 0px"
>Questions about the reservation?</span>
<div>Please contact with us:</div>
<ul>
<li
>${object.pms_property_id.name}</li>
>${object.pms_property_id.name}</li>
% if object.pms_property_id.partner_id.email
<li>Mail: <a
href="mailto:${object.pms_property_id.partner_id.email}"
style="text-decoration:none;color:#875A7B;"
>${object.pms_property_id.partner_id.email}</a></li>
href="mailto:${object.pms_property_id.partner_id.email}"
style="text-decoration:none;color:#875A7B;"
>${object.pms_property_id.partner_id.email}</a></li>
% endif
% if object.pms_property_id.partner_id.phone
<li
>Phone: ${object.pms_property_id.partner_id.phone}</li>
>Phone: ${object.pms_property_id.partner_id.phone}</li>
% endif
% if object.pms_property_id.partner_id.mobile
<li
>Mobile: ${object.pms_property_id.partner_id.mobile}</li>
>Mobile: ${object.pms_property_id.partner_id.mobile}</li>
% endif
</ul>
</div>
@@ -220,12 +260,12 @@
<tr><td align="center" style="min-width: 590px;">
% if object.pms_property_id.privacy_policy
<table
width="590"
border="0"
cellpadding="0"
cellspacing="0"
style="min-width: 590px; background-color: #F1F1F1; color: #454748; padding: 8px; border-collapse:separate;"
>
width="590"
border="0"
cellpadding="0"
cellspacing="0"
style="min-width: 590px; background-color: #F1F1F1; color: #454748; padding: 8px; border-collapse:separate;"
>
<tr><td style="font-size: 10px;">
${object.pms_property_id.privacy_policy|safe}
</td></tr>
@@ -235,18 +275,18 @@
<tr><td align="center" style="min-width: 590px;">
% if object.company_id
<table
width="590"
border="0"
cellpadding="0"
cellspacing="0"
style="min-width: 590px; background-color: #F1F1F1; color: #454748; padding: 8px; border-collapse:separate;"
>
width="590"
border="0"
cellpadding="0"
cellspacing="0"
style="min-width: 590px; background-color: #F1F1F1; color: #454748; padding: 8px; border-collapse:separate;"
>
<tr><td style="text-align: center; font-size: 10px;">
Sent by <a
target="_blank"
href="${object.company_id.website}"
style="color: #875A7B;"
>${object.company_id.name}</a>
target="_blank"
href="${object.company_id.website}"
style="color: #875A7B;"
>${object.company_id.name}</a>
<br />
</td></tr>
</table>

View File

@@ -13,6 +13,7 @@ odoo.define("pms.SendInvitationData", function (require) {
_onReminderToggleClick: function (ev) {
ev.preventDefault();
var checkinPartnerId = $(ev.currentTarget)
.parent()
.parent()
.parent()
.find("input[name=checkin_partner_id]")

View File

@@ -17,9 +17,9 @@
/>
</div>
<div class="col-lg-12">
<div class="row">
<div t-attf-class="form-group col-xl-4 pb-xl-5 pt-xl-5">
<div class="row justify-content-center">
<div class="col-7 col-md-10 row">
<div t-attf-class="form-group col-12 pt-5">
<label
class="col-form-label"
for="firstname"
@@ -37,7 +37,7 @@
/>
</t>
</div>
<div t-attf-class="form-group col-xl-4 pt-xl-5">
<div t-attf-class="form-group col-6 pb-5">
<label
class="col-form-label"
for="lastname"
@@ -49,7 +49,7 @@
t-att-value="lastname or checkin_partner.lastname"
/>
</div>
<div t-attf-class="form-group col-xl-4 pt-xl-5">
<div t-attf-class="form-group col-6 pb-5">
<label
class="col-form-label"
for="lastname2"
@@ -61,7 +61,7 @@
t-att-value="lastname2 or checkin_partner.lastname2"
/>
</div>
<div t-attf-class="form-group col-xl-4 pb-xl-5">
<div t-attf-class="form-group col-5">
<label
class="col-form-label"
for="document_type"
@@ -87,7 +87,7 @@
/>
</t>
</div>
<div t-attf-class="form-group col-xl-4">
<div t-attf-class="col-7">
<label
class="col-form-label"
for="document_number"
@@ -105,16 +105,15 @@
/>
</t>
</div>
<div t-attf-class="form-group col-xl-4">
<div t-attf-class="col-6">
<label
class="col-form-label"
for="document_expedition_date"
>Doc. Expedition Date/Doc. Validity Date</label>
<span
class="fa fa-question-circle fa-lg"
class="fa fa-question-circle fa-lg ml-4"
data-toggle="tooltip"
title="If you enter the validity date of the document, the expedition date will be automatically calculated and entered depending on the document type."
style="margin-left: 70px;"
/>
<input
type="date"
@@ -129,7 +128,7 @@
/>
</t>
</div>
<div t-attf-class="form-group col-xl-4 pb-xl-5">
<div t-attf-class="form-group col-6">
<label
class="col-form-label"
for="birthdate_date"
@@ -147,47 +146,14 @@
/>
</t>
</div>
<div t-attf-class="form-group col-xl-4">
<label
class="col-form-label"
for="mobile"
>Mobile</label>
<input
type="phone"
name="mobile"
t-attf-class="form-control #{error.get('mobile') and 'is-invalid' or ''}"
t-att-value="mobile or checkin_partner.mobile"
/>
<t t-if="error_message">
<span
class="text-danger"
t-esc="error_message.get('mobile')"
/>
</t>
</div>
<div t-attf-class="form-group col-xl-4">
<label class="col-form-label" for="email">Email</label>
<input
type="email"
name="email"
t-attf-class="form-control #{error.get('email') and 'is-invalid' or ''}"
t-att-value="email or checkin_partner.email"
/>
<t t-if="error_message">
<span
class="text-danger"
t-esc="error_message.get('email')"
/>
</t>
</div>
<div t-attf-class="form-group col-xl-4 pb-xl-5">
<div t-attf-class="col-4">
<label
class="col-form-label"
for="gender"
>Gender</label>
<div class="d-none"><p id="genderId"><t
t-esc="checkin_partner.gender"
/></p></div>
t-esc="checkin_partner.gender"
/></p></div>
<select
class="form-control"
name="gender"
@@ -214,7 +180,7 @@
</option>
</select>
</div>
<div t-attf-class="form-group col-xl-4">
<div t-attf-class="col-4">
<label
class="col-form-label"
for="nationality_id"
@@ -235,7 +201,7 @@
</t>
</select>
</div>
<div class="form-group col-xl-4">
<div class="form-group col-4">
<label
class="col-form-label"
for="state"
@@ -253,15 +219,48 @@
</t>
</select>
</div>
<div t-attf-class="form-group col-6 pt-5">
<label
class="col-form-label"
for="mobile"
>Mobile</label>
<input
type="phone"
name="mobile"
t-attf-class="form-control #{error.get('mobile') and 'is-invalid' or ''}"
t-att-value="mobile or checkin_partner.mobile"
/>
<t t-if="error_message">
<span
class="text-danger"
t-esc="error_message.get('mobile')"
/>
</t>
</div>
<div t-attf-class="form-group col-6 pt-5">
<label class="col-form-label" for="email">Email</label>
<input
type="email"
name="email"
t-attf-class="form-control #{error.get('email') and 'is-invalid' or ''}"
t-att-value="email or checkin_partner.email"
/>
<t t-if="error_message">
<span
class="text-danger"
t-esc="error_message.get('email')"
/>
</t>
</div>
<div class="col-12">
<button type="submit" class="btn btn-primary float-right">
Confirm
<span class="fa fa-long-arrow-right" />
</button>
</div>
</div>
</div>
</div>
<div>
<button type="submit" class="btn btn-primary float-right mb32 ">
Confirm
<span class="fa fa-long-arrow-right" />
</button>
</div>
</form>
</t>
<script>
@@ -312,8 +311,8 @@
<thead>
<tr class="active">
<th>PreCheckin for <span
t-field="reservation.sudo().room_type_id.name"
/> Room</th>
t-field="reservation.sudo().room_type_id.name"
/> Room</th>
</tr>
</thead>
<tbody>
@@ -327,38 +326,38 @@
t-as="checkin_partner"
>
<t t-set="id1" t-value="'counter'+ str(count)" />
<t t-set="id2" t-value="'#'" />
<t t-set="id3" t-value="id2+id1" />
<t t-set="idcheckin" t-value="'checkin' + str(count)" />
<t t-set="count" t-value="count+1" />
<tr>
<td colspan="4">
<t t-if="not checkin_partner.firstname">
<a
<t t-set="id2" t-value="'#'" />
<t t-set="id3" t-value="id2+id1" />
<t t-set="idcheckin" t-value="'checkin' + str(count)" />
<t t-set="count" t-value="count+1" />
<tr>
<td colspan="4">
<t t-if="not checkin_partner.firstname">
<a
name="url_acess_token"
t-att-href="checkin_partner.get_portal_url()"
>
Host <t t-esc="count" />
</a>
<a
Host <t t-esc="count" />
</a>
<a
data-toggle="collapse"
t-att-data-target="id3"
class="text-primary"
>
<span
<span
t-att-id="count"
class="fa fa-chevron-down fa-sm"
/>
</a>
<div class="row col-12">
<div t-attf-class="d-none">
<label
</a>
<div class="row col-12">
<div t-attf-class="d-none">
<label
class="col-form-label"
for="checkin_partner_id"
>
Name
</label>
<input
Name
</label>
<input
type="text"
t-att-name="'checkin_partner_id'"
t-attf-class="form-control"
@@ -634,10 +633,10 @@
for="gender"
>Gender</label>
<div class="d-none"><p
id="genderId"
><t
t-esc="checkin_partner.gender"
/></p></div>
id="genderId"
><t
t-esc="checkin_partner.gender"
/></p></div>
<select
class="form-control"
name="gender"
@@ -803,8 +802,8 @@
<thead>
<tr class="active">
<th>PreCheckin in <span
t-field="folio.pms_property_id.name"
/></th>
t-field="folio.pms_property_id.name"
/></th>
</tr>
</thead>
<tbody>
@@ -866,17 +865,12 @@
>
<span
t-att-id="count"
t-name="span_count"
class="fa fa-chevron-down fa-sm"
/>
</a>
<div class="row col-12">
<div t-attf-class="d-none">
<label
class="col-form-label"
for="checkin_partner_id"
>
Name
</label>
<input
type="text"
t-att-name="'checkin_partner_id'"
@@ -884,47 +878,63 @@
t-att-value="id or (checkin_partner.id)"
/>
</div>
<div t-attf-class="form-group col-lg-4">
<label
id="label_firstname"
class="col-form-label"
for="invitation_firstname"
>
Name
</label>
<input
id="invitation_firstname"
type="text"
t-att-name="'invitation_firstname'"
t-attf-class="form-control"
t-att-value="firstname or (checkin_partner.firstname)"
/>
</div>
<div t-attf-class="form-group col-4">
<label
id="label_email"
class="col-form-label"
for="email"
>
Email
</label>
<input
id="invitation_email"
type="email"
t-att-name="'invitation_email'"
t-attf-class="form-control "
t-att-value="invitation_email or checkin_partner.email"
/>
</div>
<div
t-attf-class="form-group col-2 m-4 p-3 align-self-center"
>
<div t-attf-class="form-group col-6">
<a t-att-id="'btn_show_invitation'+str(checkin_partner.id)" class="btn btn-secondary" style="color:#fff;" t-attf-onclick="show_invitation(this)">
<span t-esc="checkin_partner.id" class="d-none"/>
Send Invitation
</a>
<a
id="btnInvitation"
onclick="launchSnackBar()"
t-att-class="' btn btn-secondary o_send_invitation_js'"
t-att-id="'btnResendInvitation' +str(checkin_partner.id)"
onclick="show_invitation(this)"
t-att-class="' btn btn-secondary d-none'"
style="color:#fff;"
>Send Invitation</a>
>Resend Invitation
<span t-esc="checkin_partner.id" class="d-none"/></a>
</div>
<div class="row col-12 d-none" t-att-id="'invitation_group'+str(checkin_partner.id)">
<div t-attf-class="form-group col-lg-4">
<label
id="label_firstname"
class="col-form-label"
for="invitation_firstname"
>
Name
</label>
<input
id="invitation_firstname"
type="text"
t-att-name="'invitation_firstname'"
t-attf-class="form-control"
t-att-value="firstname or (checkin_partner.firstname)"
/>
</div>
<div t-attf-class="form-group col-4">
<label
id="label_email"
class="col-form-label"
for="email"
>
Email
</label>
<input
id="invitation_email"
type="email"
t-att-name="'invitation_email'"
t-attf-class="form-control "
t-att-value="invitation_email or checkin_partner.email"
/>
</div>
<div
t-attf-class="form-group col-2 m-4 p-3 align-self-center"
>
<a
id="btnInvitation"
onclick="launchSnackBar(this)"
t-att-class="' btn btn-secondary o_send_invitation_js'"
style="color:#fff;"
>Send Invitation
<span t-esc="checkin_partner.id" class="d-none"/></a>
</div>
</div>
</div>
</t>
@@ -1162,10 +1172,10 @@
for="gender"
>Gender</label>
<div class="d-none"><p
id="genderId"
><t
t-esc="checkin_partner.gender"
/></p></div>
id="genderId"
><t
t-esc="checkin_partner.gender"
/></p></div>
<select
class="form-control"
t-att-name="'gender-'+str(count)"
@@ -1336,10 +1346,34 @@
}
</style>
<script>
function launchSnackBar() {
function launchSnackBar(element) {
var x = document.getElementById("snackbar");
x.className = "show";
setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
var checkin_partner_id = element.firstChild.nextSibling.innerText
var divId = "invitation_group" + checkin_partner_id;
var btnId = "btnResendInvitation" + checkin_partner_id;
console.log(btnId)
var div_invitation = document.getElementById(divId);
var btn_show_invitation = document.getElementById(btnId);
console.log(btn_show_invitation)
div_invitation.classList.add("d-none");
btn_show_invitation.classList.remove("d-none");
}
function show_invitation(element) {
var checkin_partner_id = element.firstChild.nextSibling.innerText
var divId = "invitation_group" + checkin_partner_id;
var btnId = "btn_show_invitation" + checkin_partner_id;
var btn2 = "btnResendInvitation"+checkin_partner_id;
console.log(btn2)
var div_invitation = document.getElementById(divId);
var btn_show_invitation = document.getElementById(btnId);
var btn_resend = document.getElementById(btn2);
console.log(btn_resend)
div_invitation.classList.remove("d-none");
btn_show_invitation.classList.add("d-none");
btn_resend.classList.add("d-none");
}
</script>
<script>
@@ -1385,7 +1419,6 @@
}
});
});
</script>
</template>
</odoo>