79 lines
4.3 KiB
HTML
79 lines
4.3 KiB
HTML
<div class="create-change-wizard__calendar">
|
|
<header>
|
|
<div class="section section1 clearfix">
|
|
|
|
<div class="col-xs-8">
|
|
<i ng-class="{'icon-collapse': model.expanded, 'icon-expand': !model.expanded}" aria-label="{{!model.expanded ? 'icon-collapse' : 'icon-expand' }}" title="{{!model.expanded ? 'icon-collapse' : 'icon-expand' }}" ng-click="toggle()" ng-enter="toggle()" tabindex="0"></i>
|
|
<div class="btn-group button-list view-selector-list"
|
|
aria-label="{{'create.change.wizard.dates.calendarViewList' | i18n}}"
|
|
role="group">
|
|
<button ng-repeat="view in model.calendarViews"
|
|
class="btn btn_secondary"
|
|
ng-class="{'active': model.selectedCalendarView === view}"
|
|
ng-click="model.selectedCalendarView = view"
|
|
ng-enter="model.selectedCalendarView = view"
|
|
tabindex="0" role="button"
|
|
aria-label="{{'create.change.wizard.dates.calendarView.' + view | i18n}}">
|
|
{{'create.change.wizard.dates.calendarView.' + view | i18n}}
|
|
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-4 weekend-zoom-column">
|
|
<div class="weekend-checkbox"
|
|
ng-class="{'dropdown-item_selected': model.showWeekends, 'dropdown-item': !model.showWeekends}"
|
|
ng-click="model.showWeekends = !model.showWeekends"
|
|
ng-enter="model.showWeekends = !model.showWeekends"
|
|
aria-checked="{{model.showWeekends}}"
|
|
tabindex="0"
|
|
role="menuitemcheckbox">
|
|
{{'create.change.wizard.dates.showWeekends' | i18n}}
|
|
</div>
|
|
<div class="btn-group button-list"
|
|
aria-label="{{'create.change.fromScratch.classList' | i18n}}"
|
|
ng-show="model.selectedCalendarView === 'book'"
|
|
role="group" >
|
|
|
|
<button ng-repeat="type in [-1, 1]"
|
|
class="btn btn_secondary"
|
|
ng-class="'icon-' + (type == -1 ? 'plus' : 'minus') + '_circle'"
|
|
title="{{type == -1 ? 'plus button' : 'minus button'}}"
|
|
aria-label="{{type == -1 ? 'plus button' : 'minus button'}}"
|
|
ng-click="zoom(type)"
|
|
ng-enter="zoom(type)"
|
|
ng-disabled="type == -1 ? model.zoomInDisabled : model.zoomOutDisabled"
|
|
tabindex="0" role="button">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section clearfix">
|
|
<div class="col-xs-3">
|
|
<div class="ticket-types">
|
|
<div class="label__text">
|
|
{{'create.change.wizard.dates.calendarType.label' | i18n:model.calendarTypes.length}}
|
|
</div>
|
|
<div ng-repeat="type in model.calendarTypes">
|
|
<div class="ticket-type selected-checkbox"
|
|
ng-class="{'dropdown-item_selected': type.selected, 'dropdown-item': !type.selected}"
|
|
ng-click="type.selected = !type.selected"
|
|
ng-enter="type.selected = !type.selected"
|
|
aria-checked="{{type.selected}}"
|
|
aria-label="{{type.selected}} {{'create.change.wizard.dates.calendarType.' + type.id | i18n}}"
|
|
tabindex="0"
|
|
role="menuitemcheckbox">
|
|
{{'create.change.wizard.dates.calendarType.' + type.id | i18n}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-9">
|
|
<search-filter config="filters.config" selected-filters="filters.selected" label="common.button.filter" display-limit="5"></search-filter>
|
|
</div>
|
|
</div>
|
|
<div class="row create-ticket__section-separator"></div>
|
|
</header>
|
|
<main class="section">
|
|
<div ui-view></div>
|
|
</main>
|
|
</div> |