holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
calendar/templates/mobile/app.css
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 {
margin-left: 0px;
}
span#calendar-view_header_dateIndicator {
display: block;
text-align: center;
padding: 4px;
font-size: 10pt;
color: #707070;
}
}
/*# sourceMappingURL=app.css.map */

7
calendar/templates/mobile/app.less
View File

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

3
calendar/templates/mobile/view.xet
View File

@ -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"
>