Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 0e8e77b3

Přidáno uživatelem Václav Jirák před téměř 6 roky(ů)

Re #7500 Day picker component modified - displaying vacations + emits change of month

Zobrazit rozdíly:

webapp/src/app/day-picker/day-picker.component.html
2 2 
  <div class="row text-center day-picker-month-selection">
3 3 
    <div class="col-4"></div>
4 4 
    <div class="col-1">
5 
      <div class="btn btn-primary"
6 
           mwlCalendarPreviousView
7 
           [view]="view"
8 
           [(viewDate)]="viewDate"
5 
      <button
6 
        mat-icon-button
7 
        mwlCalendarPreviousView
8 
        [view]="view"
9 
        [(viewDate)]="viewDate"
10 
        (click)="setMonth(currentMonth - 1)"
9 11 
      >
10 
        <
11 
      </div>
12 
        <i class="material-icons change-month">navigate_before</i>
13 
      </button>
12 14 
    </div>
13 15 
    <div class="col-2">
14 16 
      <span id="day-picker-date">{{ viewDate | calendarDate:(view + 'ViewTitle'):locale }}</span>
15 17 
    </div>
16 18 
    <div class="col-1">
17 
      <div class="btn btn-primary"
18 
           mwlCalendarNextView
19 
           [view]="view"
20 
           [(viewDate)]="viewDate"
19 
      <button
20 
        mat-icon-button
21 
        mwlCalendarNextView
22 
        [view]="view"
23 
        [(viewDate)]="viewDate"
24 
        (click)="setMonth(currentMonth + 1)"
21 25 
      >
22 
        >
23 
      </div>
26 
        <i class="material-icons change-month">navigate_next</i>
27 
      </button>
24 28 
      <div class="col-4"></div>
25 29 
    </div>
26 30 
  </div>
27 31 

  		




  28
  
  
    
  <!-- Refresh attribute for localization purposes (refresh component after change of language -->


  		




  
  32
  
    
  <!-- Refresh attribute for localization purposes (refresh component after change of language) -->


  		




  29
  33
  
    
  <mwl-calendar-month-view


  		




  30
  34
  
    
    [viewDate]="viewDate"


  		




  31
  
  
    
    (dayClicked)="dayClicked($event.day)"


  		




  32
  
  
    
    weekStartsOn="1"


  		




  33
  35
  
    
    [locale]="locale"


  		




  34
  36
  
    
    [refresh]="localizationService.currentLanguage"


  		




  
  37
  
    
    [events]="events"


  		




  
  38
  
    
    [cellTemplate]="customCellTemplate"


  		




  
  39
  
    
    (dayClicked)="dayClicked($event.day)"


  		




  
  40
  
    
    weekStartsOn="1"


  		




  35
  41
  
    
  >


  		




  36
  42
  
    
  </mwl-calendar-month-view>


  		




  
  43
  
    

  		




  
  44
  
    
  <ng-template #customCellTemplate let-day="day" let-locale="locale">


  		




  
  45
  
    
    <div class="cal-cell-top">


  		




  
  46
  
    
      <span class="cal-day-number">


  		




  
  47
  
    
        {{ day.date | calendarDate:'monthViewDayNumber':locale }}


  		




  
  48
  
    
      </span>


  		




  
  49
  
    
    </div>


  		




  
  50
  
    
      <span class="vacation-type" *ngFor="let event of day.events">


  		




  
  51
  
    
        <i class="material-icons sickday" *ngIf="event.title == vacationType.SICKDAY">local_hospital</i>


  		




  
  52
  
    
        <i class="material-icons vacation" *ngIf="event.title == vacationType.VACATION">beach_access</i>


  		




  
  53
  
    

  		




  
  54
  
    
        {{ event.start | date:'HH:mm' }} - {{ event.end | date:'HH:mm' }}


  		




  
  55
  
    
      </span>


  		




  
  56
  
    
  </ng-template>


  		




  37
  57
  
    
</div>


  		












Také k dispozici:  Unified diff