Guest User

header wrapper html

a guest
Jan 17th, 2020
86
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="container">
  2.  
  3.     <div class="group mb-1" [class.expanded]="filtersShown">
  4.         <div class="group-header" (click)="filtersShown=!filtersShown">
  5.             <div>{{'FILTERS' | translate}}</div>
  6.             <ion-icon name="ios-arrow-down" *ngIf="!filtersShown">
  7.             </ion-icon>
  8.             <ion-icon name="ios-arrow-up" *ngIf="filtersShown">
  9.             </ion-icon>
  10.         </div>
  11.         <div class="filters-body mt-3" [style.display]="filtersShown?'block':'none'">
  12.             <attendant-reports-time-filter #timeFilter [reportType]="reportType"></attendant-reports-time-filter>
  13.         </div>
  14.     </div>
  15.     <div class="group mb-1" [class.expanded]="printingShown" *ngIf="reportType==10 || reportType==4">
  16.         <div class="group-header" (click)="printingShown=!printingShown">
  17.             <div>{{'PRINTING' | translate}}</div>
  18.             <ion-icon name="ios-arrow-down" *ngIf="!printingShown">
  19.             </ion-icon>
  20.             <ion-icon name="ios-arrow-up" *ngIf="printingShown">
  21.             </ion-icon>
  22.         </div>
  23.         <div class="printing-body mt-3" [style.display]="printingShown?'block':'none'">
  24.             <div class="print-seller">
  25.                 <ng-container *ngIf="reportType==10">
  26.                     <button class="btn-primary" (click)="onPrint()"
  27.                        ion-button>{{'PRINT_SELLER_REPORT' | translate}}</button>
  28.                     <div class="mt-2 mb-1" text-center>{{'REPORT_PRINT_MESSAGE' | translate}}</div>
  29.                 </ng-container>
  30.             </div>
  31.             <ng-container *ngIf="reportType==4">
  32.                 <div class="buttons">
  33.                     <button ion-button outline (click)="onFullReport()">{{'FULL_REPORT' | translate}}</button>
  34.                     <button ion-button outline (click)="onOverviewReport()">{{'OVERVIEW_REP' | translate}}</button>
  35.                     <button ion-button outline (click)="onFullReportWeb()">{{'FULL_REP_WEB' | translate}}</button>
  36.                 </div>
  37.             </ng-container>
  38.         </div>
  39.     </div>
  40.     <div class="group mb-1" [class.expanded]="userShown" *ngIf="reportType==4">
  41.         <div class="group-header" (click)="userShown=!userShown">
  42.             <div>{{'FULL_WEB_USER_REPORT' | translate}}</div>
  43.             <ion-icon name="ios-arrow-down" *ngIf="!userShown">
  44.             </ion-icon>
  45.             <ion-icon name="ios-arrow-up" *ngIf="userShown">
  46.             </ion-icon>
  47.         </div>
  48.         <div class="user-body mt-3" [style.display]="userShown?'block':'none'">
  49.             <div class="flex-container">
  50.                 <div class="top-container">
  51.                     <div animated-label [class.active]="username>1">
  52.                         <label>{{'USERNAME' | translate}}</label>
  53.                         <div class="item-icon">
  54.                             <ion-item no-padding>
  55.                                 <ion-input clearOnEdit="false" [type]="text" [(ngModel)]="username"
  56.                                    placeholder="{{'USERNAME' | translate}}">
  57.                                 </ion-input>
  58.                             </ion-item>
  59.                         </div>
  60.                     </div>
  61.                 </div>
  62.             </div>
  63.             <button class="mt-3 btn-primary" (click)="onFullReportWebUser()" [disabled]="username.length<1"
  64.                ion-button>{{'SUBMIT' | translate}}</button>
  65.         </div>
  66.     </div>
  67.     <div class="group" *ngIf="reportType==3">
  68.         <div class="group-header" (click)="actionsShown=!actionsShown">
  69.             <span>{{'ACTIONS' | translate}}</span>
  70.             <ion-icon name="ios-arrow-down" *ngIf="!actionsShown">
  71.             </ion-icon>
  72.             <ion-icon name="ios-arrow-up" *ngIf="actionsShown">
  73.             </ion-icon>
  74.         </div>
  75.         <div class="shift-cash-actions-body mt-2" [style.display]="actionsShown?'block':'none'">
  76.             <div class="groupIcon capture-click mb-2" (click)="onshowKeyboard()">
  77.                 <span>{{'PAYMENT_DEPOSIT_AMOUNT' | translate}}</span>
  78.                 <div class="input-icon">
  79.                     <input type="text" [(ngModel)]="shiftCash">
  80.                     <icon name="euro-icon"></icon>
  81.                 </div>
  82.             </div>
  83.             <button class="btn-primary" (click)="setShiftCash()" ion-button>{{'SET_SHIFT_CASH' | translate}}</button>
  84.         </div>
  85.     </div>
  86.     <attendant-reports-navigation-buttons #navigationButtons [interval]="interval">
  87.     </attendant-reports-navigation-buttons>
  88.     <div class="no-report" [style.display]="!loading && report?.Tables[0]?.Rows?.length<1?'block':'none'">
  89.         <div class="no-report-header">
  90.             {{'NO_REPORT' | translate}}
  91.         </div>
  92.         <div class="no-report-body">
  93.             {{'NO_REPORT_MESSAGE' | translate}}
  94.         </div>
  95.     </div>
  96. </div>
RAW Paste Data