<!--
******************************************************************************
* Copyright © 2017-2018 PTA GmbH.
* All rights reserved. This program and the accompanying materials
* are made available under the terms of the Eclipse Public License v1.0
* which accompanies this distribution, and is available at
* 
*     http://www.eclipse.org/legal/epl-v10.html
* 
******************************************************************************
-->


<div>
  <div id="topcontainer"></div>
  <div id="centercontainer">
    <md-grid-list *ngIf="moduleRights" cols="4" rowHeight="300px" gutterSize="30px" style="padding-top:50px;">
      <md-grid-tile (click)="goToElogbookIfValid(userModule)" style="cursor: pointer; border-radius: 10px; padding: 50px;" *ngFor="let userModule of userModules"
        [colspan]="userModule.cols" [rowspan]="userModule.rows" [style.color]="userModule.color" [style.background]="000000"
        [style.background-image]="'url(' + userModule.pictureLink + ')'" class="md-whiteframe-4dp hvr-grow">
        <md-grid-tile-footer>
          <h3 class="element underline-opening">{{userModule.name}}</h3>
        </md-grid-tile-footer>
      </md-grid-tile>
    </md-grid-list>
    <div *ngIf="!moduleRights" style="text-align: center;">
      <h2>Der Benutzer hat keine Rechte</h2>
      <h4>Bitte kontaktieren Sie Ihren Administrator</h4>
    </div>
  </div>
  <div id="bottomcontainer"></div>
</div>