From ff12311ebb763d27698f2947cbc62a17eb4a4f92 Mon Sep 17 00:00:00 2001
From: Pablo <pabloqb@gmail.com>
Date: Fri, 21 Dec 2018 18:08:25 +0100
Subject: [PATCH] [WIP] Add staff template

---
 hotel_calendar/models/bus_hotel_calendar.py   |   1 -
 .../models/inherited_hotel_reservation.py     |   1 -
 hotel_calendar/static/src/css/view.css        |  23 +++-
 .../src/xml/hotel_calendar_templates.xml      | 120 ++++++++++++------
 4 files changed, 101 insertions(+), 44 deletions(-)

diff --git a/hotel_calendar/models/bus_hotel_calendar.py b/hotel_calendar/models/bus_hotel_calendar.py
index b80d92fbd..55d9f9f6b 100644
--- a/hotel_calendar/models/bus_hotel_calendar.py
+++ b/hotel_calendar/models/bus_hotel_calendar.py
@@ -30,7 +30,6 @@ class BusHotelCalendar(models.TransientModel):
             ('id', '=', master_reserv),
             ('splitted', '=', True),
         ])
-        import wdb; wdb.set_trace()
         return {
             'type': 'reservation',
             'action': vals['action'],
diff --git a/hotel_calendar/models/inherited_hotel_reservation.py b/hotel_calendar/models/inherited_hotel_reservation.py
index 1c09f9f1b..5d72cb3a9 100644
--- a/hotel_calendar/models/inherited_hotel_reservation.py
+++ b/hotel_calendar/models/inherited_hotel_reservation.py
@@ -351,7 +351,6 @@ class HotelReservation(models.Model):
     @api.multi
     def generate_bus_values(self, naction, ntype, ntitle=''):
         self.ensure_one()
-        import wdb; wdb.set_trace()
         return {
             'action': naction,
             'type': ntype,
diff --git a/hotel_calendar/static/src/css/view.css b/hotel_calendar/static/src/css/view.css
index 57a3dc2ee..98102eb60 100644
--- a/hotel_calendar/static/src/css/view.css
+++ b/hotel_calendar/static/src/css/view.css
@@ -188,8 +188,8 @@ input#bookings_search {
     margin-bottom: 0px;
 }
 .tooltip .container p {
-    margin-top: 2px;
-    margin-bottom: 2px;
+    margin-top: 3px;
+    margin-bottom: 0px;
 }
 .tooltip header {
     font-size: 1.3em;
@@ -199,11 +199,27 @@ input#bookings_search {
     padding-top: 3px;
     padding-bottom: 3px;
 }
+.tooltip .fa-border {
+    padding: .25em;
+    border: solid 0.1em #777777;
+    border-radius: .2em;
+}
+.tooltip .fa-border > text-primary {
+    padding: .25em;
+    border: solid 0.1em #777777;
+    border-radius: .2em;
+}
 
 /* Spacing in Bootstrap v4.0 */
 .mt-3 {
     margin-top: 3px;
 }
+.mt-10 {
+    margin-top: 10px !important;
+}
+.mt-25 {
+    margin-top: 25px;
+}
 .mr-5 {
     margin-right: 5px;
 }
@@ -215,6 +231,9 @@ input#bookings_search {
     padding-top: 5px;
     padding-bottom: 5px;
 }
+.pb-10 {
+    padding-bottom: 10px;
+}
 
 /* WARNING: The .row-eq-height class uses CSS3's flexbox layout mode,
             which is not supported in Internet Explorer 9 and below. */
diff --git a/hotel_calendar/static/src/xml/hotel_calendar_templates.xml b/hotel_calendar/static/src/xml/hotel_calendar_templates.xml
index 9f3bce0ac..149e8d92a 100644
--- a/hotel_calendar/static/src/xml/hotel_calendar_templates.xml
+++ b/hotel_calendar/static/src/xml/hotel_calendar_templates.xml
@@ -73,19 +73,66 @@
 	<p>WuBook: 1544109684</p>
 	<p>Booking: 4253096846</p>
 </t>
+
 <t t-name="HotelCalendar.TooltipReservation.Channel.direct">
-	<h3><small class="text-white">Sales Channel</small> Direct</h3>
+	<h3 class="mt-10"><small class="text-white">Sales Channel</small> Direct</h3>
 </t>
+
+<t t-name="HotelCalendar.TooltipReservation.Footer">
+	<div class="row row-eq-height mt-25">
+		<div class="col-sm-4">
+			<i class="fa fa-file-text-o fa-2x fa-pull-left fa-border" role="button"
+				title="View Reservation Folio" />
+			<p class="mt-10"><t t-esc="folio_name"/></p>
+		</div>
+		<div class="col-sm-2">
+			<span class="fa fa-external-link fa-2x fa-border" role="button"
+				title="View Reservation Details" />
+		</div>
+		<div class="col-sm-2">
+			<span class="fa fa-user-plus fa-2x fa-border" role="button"
+				title="Checkin" />
+		</div>
+		<div class="col-sm-2">
+			<span class="fa fa-envelope fa-2x fa-border" role="button"
+				title="Send Reservation Email" />
+		</div>
+		<div class="col-sm-2">
+			<span class="fa fa-money fa-2x fa-border text-primary" role="button"
+				title="Payments" />
+		</div>
+		<div class="col-sm-2">
+			<span class="fa fa-window-close fa-2x fa-border text-danger" role="button"
+				title="Close" />
+		</div>
+	</div>
+</t>
+
+<t t-name="HotelCalendar.TooltipReservation.Dates">
+	<div class="row row-eq-height mt-3">
+		<div class="col-sm-6 bg-gray-light py-5">
+			<i class="fa fa-arrow-circle-o-right fa-2x fa-pull-left"/>
+			<h3><t t-esc="checkin"/></h3>
+			<p><t t-esc="checkin_day_of_week"/> <t t-esc="arrival_hour"/></p>
+		</div>
+		<div class="col-sm-6 bg-gray-lighter d-sm-2 py-5">
+			<i class="fa fa-arrow-circle-o-right fa-2x fa-pull-left"/>
+			<h3><t t-esc="checkout"/></h3>
+			<p><t t-esc="checkout_day_of_week"/> <t t-esc="departure_hour"/></p>
+		</div>
+	</div>
+</t>
+
 <t t-name="HotelCalendar.TooltipReservation.normal">
 	<div class="container">
 		<div class="row row-eq-height">
-			<div class="col-sm-6 bg-gray-dark">
-				<i class="fa fa-user-circle-o fa-2x fa-pull-left"/>
+			<div class="col-sm-6 bg-gray-light">
+				<i class="fa fa-user-circle fa-2x fa-pull-left"/>
 				<header><t t-esc="name"/></header>
 				<p><t t-esc="phone"/></p>
 				<p><t t-esc="email"/></p>
 			</div>
-			<div class="col-sm-6 bg-gray-light">
+			<div class="col-sm-6 bg-gray-lighter">
 				<i class="fa fa-hotel fa-2x fa-pull-left"/>
 				<h3 class="pull-right mt-3"><t t-esc="amount_total" t-widget="monetary"/>€</h3>
 				<header><t t-esc="room_type"/></header>
@@ -95,17 +142,17 @@
 			</div>
 		</div>
 		<div class="row row-eq-height mt-3">
-			<div class="col-sm-3 bg-warning">
+			<div class="col-sm-3 bg-primary pb-10">
 				<!-- FIXME: HARD CURRENCY -->
 				<p>Folio Pending</p>
 				<h3><t t-esc="amount_total" t-widget="monetary"/> €</h3>
 			</div>
-			<div class="col-sm-3 bg-info">
+			<div class="col-sm-3 bg-gray-lighter pb-10">
 				<!-- FIXME: HARD CURRENCY -->
 				<h3><t t-esc="amount_paid" t-widget="monetary"/> €</h3>
 				<p>Total Paid</p>
 			</div>
-			<div class="col-sm-6 bg-gray-dark">
+			<div class="col-sm-6 bg-gray-light">
 				<t t-if="channel_type == 'web' or channel_type=='call'">
 					<t t-call="HotelCalendar.TooltipReservation.Channel.ota"/>
 				</t>
@@ -114,47 +161,40 @@
 				</t>
 			</div>
 		</div>
-		<div class="row row-eq-height mt-3">
-			<div class="col-sm-6 bg-gray-dark py-5">
-				<i class="fa fa-arrow-circle-o-right fa-2x fa-pull-left"/>
-				<h3><t t-esc="checkin"/></h3>
-				<p><t t-esc="checkin_day_of_week"/> <t t-esc="arrival_hour"/></p>
-			</div>
-			<div class="col-sm-6 bg-gray-light d-sm-2 py-5">
-				<i class="fa fa-arrow-circle-o-right fa-2x fa-pull-right"/>
-				<h3><t t-esc="checkout"/></h3>
-				<p><t t-esc="checkout_day_of_week"/> <t t-esc="departure_hour"/></p>
-			</div>
-		</div>
-		<div class="row row-eq-height mt-3">
-			<div class="col-sm-2">
-				<i class="fa fa-file-text-o fa-2x fa-pull-left" role="button"/>
-				<p><t t-esc="folio_name"/></p>
-			</div>
-			<div class="col-sm-2">
-				<span class="fa fa-external-link fa-2x" role="button"/>
-			</div>
-			<div class="col-sm-2">
-				<span class="fa fa-user-plus fa-2x" role="button"/>
-			</div>
-			<div class="col-sm-2">
-				<span class="fa fa-envelope fa-2x" role="button"/>
-			</div>
-			<div class="col-sm-2">
-				<span class="fa fa-money fa-2x" role="button"/>
-			</div>
-			<div class="col-sm-2">
-				<span class="fa fa-window-close fa-2x" role="button"/>
-			</div>
-		</div>
+		<t t-call="HotelCalendar.TooltipReservation.Dates"/>
+		<t t-call="HotelCalendar.TooltipReservation.Footer"/>
 	</div>
 </t>
+
+<t t-name="HotelCalendar.TooltipReservation.staff">
+	<div class="container">
+		<div class="row row-eq-height">
+			<div class="col-sm-6 bg-danger">
+				<i class="fa fa-black-tie fa-2x fa-pull-left"/>
+				<header><t t-esc="name"/></header>
+				<p><t t-esc="phone"/></p>
+				<p><t t-esc="email"/></p>
+			</div>
+			<div class="col-sm-6 bg-gray-lighter">
+				<i class="fa fa-hotel fa-2x fa-pull-left"/>
+				<header><t t-esc="room_type"/></header>
+
+				<p>Adults: <t t-esc="adults"/> - Children: <t t-esc="children"/></p>
+			</div>
+		</div>
+		<t t-call="HotelCalendar.TooltipReservation.Dates"/>
+		<t t-call="HotelCalendar.TooltipReservation.Footer"/>
+	</div>
+</t>
+
 <t t-name="HotelCalendar.TooltipReservation.out">
 	<div class="container">
 		<div class="row">
 			<div class="col-sm-12 bg-gray-dark py-5">
 				<i class="fa fa-ban fa-2x fa-pull-left"/>
 				<h2><t t-esc="name"/> <small class="text-white"><t t-esc="out_service_description"/></small> </h2>
+				<span class="fa fa-external-link fa-2x fa-border fa-pull-right" role="button"
+				title="View Details" />
 			</div>
 		</div>
 	</div>