From b4dd66b80faa477e3c160771d9c4a28b218402d2 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Mon, 2 May 2022 14:45:07 +0200
Subject: [PATCH] * Calendar/Mobile view: Add a date indicator for all views in
 mobile theme

---
 calendar/templates/mobile/app.css  | 8 ++++++++
 calendar/templates/mobile/app.less | 7 +++++++
 calendar/templates/mobile/view.xet | 3 ++-
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/calendar/templates/mobile/app.css b/calendar/templates/mobile/app.css
index c854ed6450..8049aa303c 100644
--- a/calendar/templates/mobile/app.css
+++ b/calendar/templates/mobile/app.css
@@ -2981,4 +2981,12 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
   #calendar-toolbar .nm-mob-header #calendar-toolbar_toolbar #toolbar-actionlist {
     margin-left: 0px;
   }
+  span#calendar-view_header_dateIndicator {
+    display: block;
+    text-align: center;
+    padding: 4px;
+    font-size: 10pt;
+    color: #707070;
+  }
 }
+/*# sourceMappingURL=app.css.map */
\ No newline at end of file
diff --git a/calendar/templates/mobile/app.less b/calendar/templates/mobile/app.less
index e3a5b75fcb..536afcd168 100644
--- a/calendar/templates/mobile/app.less
+++ b/calendar/templates/mobile/app.less
@@ -119,4 +119,11 @@
 			}
 		}
 	}
+	span#calendar-view_header_dateIndicator {
+		display: block;
+		text-align: center;
+		padding: 4px;
+		font-size: 10pt;
+		color: #707070;
+	}
 }
diff --git a/calendar/templates/mobile/view.xet b/calendar/templates/mobile/view.xet
index eb8bedfdf8..717224521b 100644
--- a/calendar/templates/mobile/view.xet
+++ b/calendar/templates/mobile/view.xet
@@ -13,6 +13,7 @@ Egroupware
 
 <overlay>
     <template id="calendar.view">
+		<label id="header_dateIndicator"/>
 		<grid id="view" width="100%">
 			<columns>
 				<column/>
@@ -20,7 +21,7 @@ Egroupware
 			<rows>
 				<row class="view_row">
 					<calendar-timegrid id="${row}"
-						onchange="var state = {}; if(widget.options.start_date == widget.options.end_date) state.view = 'day'; app.calendar.update_state(state);"
+						onchange="var state = {}; if(widget.options.start_date == widget.options.end_date) state.view = 'day'; app.calendar.update_state(state);let s = widget.getInstanceManager().app_obj.calendar.state;let d = new Date(s.date);import(egw.link('/api/js/etemplate/lib/date.js')).then((m)=>{widget.getInstanceManager().widgetContainer.getWidgetById('header_dateIndicator').set_value((s.view == 'day'?date('d', d)+'-':'')+egw.lang(date('M',d))+'-'+date('Y',d));});"
 						onevent_change="app.calendar.event_change"
 						disabled="true"
 					>