diff options
| author | Suraj Shukla <suh@odoo.com> | 2017-04-13 18:28:59 +0530 |
|---|---|---|
| committer | Aaron Bohy <aab@odoo.com> | 2018-02-27 12:18:55 +0100 |
| commit | ebe58d9267bc979c64c399234120fed7b66cc374 (patch) | |
| tree | 82533519882c584b44d7d6655212b76523136594 /addons/web/static/src/xml | |
| parent | d36695cbc7210147ecb316bc1b7000413aad399a (diff) | |
[IMP] web: Calendar: mobile UX improvements
The following tweaks have been applied on mobile devices:
- remove left and right arrow in control panel
- enable swipe navigation (instead of left/right arrows)
- replace 'Today' button by a calendar icon
- remove static text 'Attendees:' in events
- shorten header content in week mode to prevent them from
overlapping
- ensure that the calendar fits in the screen
Also introduce a mobile test suite for the calendar view.
Task #31449
Diffstat (limited to 'addons/web/static/src/xml')
| -rw-r--r-- | addons/web/static/src/xml/web_calendar.xml | 19 |
1 files changed, 13 insertions, 6 deletions
diff --git a/addons/web/static/src/xml/web_calendar.xml b/addons/web/static/src/xml/web_calendar.xml index 6573a51ca4e..ae9250d79e9 100644 --- a/addons/web/static/src/xml/web_calendar.xml +++ b/addons/web/static/src/xml/web_calendar.xml @@ -20,9 +20,9 @@ <t t-foreach="widget.displayFields" t-as="name"> <div t-attf-class="o_field_#{name} o_field_type_#{fields[name].type}"> <t t-if="widget.displayFields[name].avatar_field"> - <t t-esc="fields[name].string"/>: + <t t-if="!isMobile"><t t-esc="fields[name].string"/>:</t> <div class="o_calendar_avatars pull-right"> - <t t-foreach="widget.getAvatars(record, name, widget.displayFields[name].avatar_field).slice(0,3)" t-as="image"><t t-raw="image"/></t> + <t t-foreach="widget.getAvatars(record, name, widget.displayFields[name].avatar_field).slice(0,3)" t-as="image"><t t-raw="image"/></t> <span t-if="record[name].length - 3 > 0">+<t t-esc="record[name].length - 3"/></span> </div> </t> @@ -63,10 +63,17 @@ <t t-name="CalendarView.buttons"> <div class="o_calendar_buttons"> - <button class="o_calendar_button_prev btn btn-sm btn-primary"><span class="fa fa-arrow-left"/></button> - <button class="o_calendar_button_today btn btn-sm btn-primary">Today</button> - <button class="o_calendar_button_next btn btn-sm btn-primary"><span class="fa fa-arrow-right"/></button> - + <t t-if="isMobile"> + <span class="fa-stack o_calendar_button_today"> + <i class="fa fa-calendar-o fa-stack-2x"></i> + <strong class="o_calendar_text fa-stack-1x"><t t-esc="moment().date()"/></strong> + </span> + </t> + <t t-else=""> + <button class="o_calendar_button_prev btn btn-sm btn-primary"><span class="fa fa-arrow-left"/></button> + <button class="o_calendar_button_today btn btn-sm btn-primary">Today</button> + <button class="o_calendar_button_next btn btn-sm btn-primary"><span class="fa fa-arrow-right"/></button> + </t> <div class="btn-group btn-group-sm"> <button type="button" class="o_calendar_button_day btn btn-sm btn-default">Day</button> <button type="button" class="o_calendar_button_week btn btn-sm btn-default">Week</button> |