* Calendar/Mobile view: Add a date indicator for all views in mobile theme

This commit is contained in:
Hadi Nategh 2022-05-02 14:45:07 +02:00
parent dc784800b7
commit b4dd66b80f
3 changed files with 17 additions and 1 deletions

View File

@ -2981,4 +2981,12 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
#calendar-toolbar .nm-mob-header #calendar-toolbar_toolbar #toolbar-actionlist { #calendar-toolbar .nm-mob-header #calendar-toolbar_toolbar #toolbar-actionlist {
margin-left: 0px; margin-left: 0px;
} }
span#calendar-view_header_dateIndicator {
display: block;
text-align: center;
padding: 4px;
font-size: 10pt;
color: #707070;
}
} }
/*# sourceMappingURL=app.css.map */

View File

@ -119,4 +119,11 @@
} }
} }
} }
span#calendar-view_header_dateIndicator {
display: block;
text-align: center;
padding: 4px;
font-size: 10pt;
color: #707070;
}
} }

View File

@ -13,6 +13,7 @@ Egroupware
<overlay> <overlay>
<template id="calendar.view"> <template id="calendar.view">
<label id="header_dateIndicator"/>
<grid id="view" width="100%"> <grid id="view" width="100%">
<columns> <columns>
<column/> <column/>
@ -20,7 +21,7 @@ Egroupware
<rows> <rows>
<row class="view_row"> <row class="view_row">
<calendar-timegrid id="${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" onevent_change="app.calendar.event_change"
disabled="true" disabled="true"
> >