mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-02-19 08:26:24 +00:00
910effd664
When viewing a calendar, 4 buttons allow to switch between the day, week, month and multicolumnday views. Each of these view show the button to swith to the day view as disabled, regradless of which view is in use. Adjust markup to disable the button of the current view instead of the one used to switch to the day view.
94 lines
4.4 KiB
XML
94 lines
4.4 KiB
XML
<?xml version="1.0" standalone="yes"?>
|
|
<!DOCTYPE container>
|
|
<container
|
|
xmlns="http://www.w3.org/1999/xhtml"
|
|
xmlns:var="http://www.skyrix.com/od/binding"
|
|
xmlns:const="http://www.skyrix.com/od/constant"
|
|
xmlns:rsrc="OGo:url"
|
|
xmlns:label="OGo:label">
|
|
|
|
<md-card>
|
|
<md-card-actions flex-none="flex-none" layout="row" layout-align="start center">
|
|
<md-button ng-click="toggleCenter({save: true})"
|
|
class="md-icon-button md-primary md-hue-1 hide show-gt-xs"
|
|
aria-hidden="true">
|
|
<md-tooltip ng-if="centerIsClose" md-direction="bottom">{{ ::'Reduce' | loc }}</md-tooltip>
|
|
<md-tooltip ng-else="centerIsClose" md-direction="bottom">{{ ::'Expand' | loc }}</md-tooltip>
|
|
<md-icon>{{ centerIsClose ? 'fullscreen_exit' : 'fullscreen' }}</md-icon>
|
|
</md-button>
|
|
<md-button class="md-icon-button"
|
|
label:aria-label="Previous Week"
|
|
var:date="prevWeekQueryParameters.day"
|
|
ng-click="calendar.changeDate($event)"
|
|
md-no-ink="md-no-ink">
|
|
<md-tooltip md-direction="bottom"><var:string label:value="Previous Week"/></md-tooltip>
|
|
<md-icon>chevron_left</md-icon>
|
|
</md-button>
|
|
<md-button class="md-icon-button"
|
|
label:aria-label="Next Week"
|
|
var:date="nextWeekQueryParameters.day"
|
|
ng-click="calendar.changeDate($event)"
|
|
md-no-ink="md-no-ink">
|
|
<md-tooltip md-direction="bottom"><var:string label:value="Next Week"/></md-tooltip>
|
|
<md-icon>chevron_right</md-icon>
|
|
</md-button>
|
|
<md-datepicker md-hide-icons="triangle"
|
|
md-open-on-focus="md-open-on-focus"
|
|
ng-model="calendar.selectedDate"
|
|
ng-change="calendar.changeDate($event, calendar.selectedDate)"
|
|
sg-datepicker-readonly-input="true"><!-- date picker --></md-datepicker>
|
|
<div class="md-flex"><!-- spacer --></div>
|
|
<md-button class="md-icon-button hide-gt-sm" label:aria-label="Today"
|
|
var:date="todayQueryParameters.day"
|
|
ng-click="calendar.changeDate($event)"
|
|
md-no-ink="md-no-ink">
|
|
<md-icon>arrow_downward</md-icon>
|
|
</md-button>
|
|
<md-button class="hide show-gt-sm" label:aria-label="Today"
|
|
var:date="todayQueryParameters.day"
|
|
ng-click="calendar.changeDate($event, null, true)"
|
|
md-no-ink="md-no-ink">
|
|
<md-tooltip md-direction="bottom"><var:string label:value="Go to today"/></md-tooltip>
|
|
<var:string label:value="Today"/>
|
|
</md-button>
|
|
<a class="md-icon-button md-button"
|
|
label:aria-label="Day"
|
|
ng-click="calendar.changeView($event, 'day')">
|
|
<md-tooltip md-direction="bottom"><var:string label:value="Switch to day view"/></md-tooltip>
|
|
<md-icon>view_day</md-icon>
|
|
</a>
|
|
<a class="md-icon-button md-button"
|
|
label:aria-label="Week"
|
|
ng-disabled="true"
|
|
ng-click="calendar.changeView($event, 'week')">
|
|
<md-tooltip md-direction="bottom"><var:string label:value="Switch to week view"/></md-tooltip>
|
|
<md-icon>view_week</md-icon>
|
|
</a>
|
|
<a class="md-icon-button md-button"
|
|
label:aria-label="Month"
|
|
ng-click="calendar.changeView($event, 'month')">
|
|
<md-tooltip md-direction="bottom"><var:string label:value="Switch to month view"/></md-tooltip>
|
|
<md-icon>view_module</md-icon>
|
|
</a>
|
|
<a class="md-icon-button md-button"
|
|
label:aria-label="Multicolumn Day View"
|
|
ng-click="calendar.changeView($event, 'multicolumnday')">
|
|
<md-tooltip md-direction="bottom"><var:string label:value="Switch to multi-columns day view"/></md-tooltip>
|
|
<md-icon>view_array</md-icon>
|
|
</a>
|
|
<md-button class="md-icon-button md-primary md-hue-1 hide show-gt-xs"
|
|
label:aria-label="Print"
|
|
ng-click="calendar.printView(centerIsClose, list.componentType)">
|
|
<md-tooltip md-direction="bottom"><var:string label:value="Print the current calendar view"/></md-tooltip>
|
|
<md-icon>print</md-icon>
|
|
</md-button>
|
|
</md-card-actions>
|
|
<var:component
|
|
className="UIxCalDayTable"
|
|
startDate="startDate"
|
|
const:CSSClass="weekOverview"
|
|
const:numberOfDays="7"
|
|
const:currentView="weekview"/>
|
|
</md-card>
|
|
</container>
|