<div *ngIf="serverInfoService?.serverInfoVisible">
  <div class="slide-top">
    <div *ngIf="serverInfoService?.serverStatus===-1" class="divFooter">
      <span>{{'core.footer.status'| translate}}:</span><span class="data" id="status_data" style="color: red!important">{{'core.footer.noconnection' | translate}}</span>
    </div>
    <!-- <div *ngIf="serverInfoService?.serverStatus===0" class="divFooter">
      <span>Server-Version:</span><span class="data" id="srvv_data">{{serverInfoService.serverInfo.version}}</span>
      <a *ngIf="serverInfoService.serverInfo.userName">
        <span>Benutzer-Name:</span><span class="data" id="usr_data">{{serverInfoService.serverInfo.userName}}</span>
      </a>
      <a *ngIf="serverInfoService.serverInfo.lastDataLoaded">
        <span>Datenabruf:</span><span class="data" id="q_data">{{serverInfoService.serverInfo.lastDataLoaded | date:[dateFormat]}}</span>
      </a>
    </div> -->
    <div *ngIf="serverInfoService?.serverStatus>=0" class="divFooter">
      <span>Server:</span><span class="data" id="srv_data">{{serverInfoService.serverInfo.server}}</span>
      <span>Server-Version:</span><span class="data" id="srvv_data">{{serverInfoService.serverInfo.version}}</span>
      <span>Status:</span><span class="data" id="st_data">{{serverInfoService.serverInfo.status}}</span>
      <span>Client-Version:</span><span class="data" id="srvv_data">{{serverInfoService.serverInfo.clientVersion}}</span>
      <span>Core-Version:</span><span class="data"
        id="corev_data"
        [title]="!devextremeVersion ? '' : 'Dev-Extreme Version: '+devextremeVersion">
        {{this.coreVersion}}
      </span>
      <span>DB-Server:</span><span class=" data" id="dbsrv_data">{{serverInfoService.serverInfo.databaseServer}}
        ({{serverInfoService.serverInfo.databaseStatus}})</span>
      <span>DB-Name:</span><span class="data" id="db_data">{{serverInfoService.serverInfo.databaseName}}</span>
      <a *ngIf="serverInfoService.serverInfo.fileServer">
        <span>File-Server:</span><span class="data" id="fs_data">{{serverInfoService.serverInfo.fileServer}}</span>
      </a>
      <a *ngIf="serverInfoService.serverInfo.userName">
        <span>{{'core.caption.user'| translate}}-Name:</span><span class="data" id="usr_data">{{serverInfoService.serverInfo.userName}}</span>
      </a>
      <a *ngIf="serverInfoService.serverInfo.lastDataLoaded">
        <span>{{'core.footer.lastloading'| translate}}:</span><span class="data" id="q_data">{{serverInfoService.serverInfo.lastDataLoaded | date:'shortDate'}}</span>
      </a>
      <a *ngIf="authService.user">
        <span>{{'core.caption.user'| translate}}:</span><span class="data" id="q_usrdata">{{authService.user.name}}</span>
        <span>{{'core.caption.role'| translate}}:</span><span class="data" id="q_usrrolle">{{authService.user.roleList}}</span>
        <span *ngIf="authService.user.webAppRoleList?.length>0">WebApp {{'core.caption.role'| translate}}:</span>
        <span *ngIf="authService.user.webAppRoleList?.length>0" class="data" id="q_usraddrolle">{{authService.user.webAppRoleList}}</span>
      </a>

      <!-- <a *ngIf="!!serverInfoService.serverInfo.officeFileServerURL"><span>OF-Server:</span><span class="data" id="srv_data">{{serverInfoService.serverInfo.officeFileServerURL}}</span></a> -->
      <a *ngIf="!!serverInfoService.serverInfo.officeFileServerVersion"
        [title]="(!!serverInfoService.serverInfo.officeFileServerURL ? 'OF-Url: '+serverInfoService.serverInfo.officeFileServerURL+'&#10;':'')
        +(!!serverInfoService.serverInfo.officeFileServer ? 'OF-Server: '+serverInfoService.serverInfo.officeFileServer+'&#10;':'')
        +(!!serverInfoService.serverInfo.officeFileServerDBServer ? 'OF-DB_Server: '+serverInfoService.serverInfo.officeFileServerDBServer+'&#10;':'')
        +(!!serverInfoService.serverInfo.officeFileServerDBName ? 'OF-DB_Name: '+serverInfoService.serverInfo.officeFileServerDBName+'&#10;':'')">
        <span>OF-Server-Version:</span>
        <span class="data" id="srvv_data">{{serverInfoService.serverInfo.officeFileServerVersion}}</span>
      </a>

      <a *ngIf="this.authService.useJWT && this.authService.HR_JWT && (days>0 || hours>0 || mins>0 || secs>0)" style="float: right">
        <span>{{'core.footer.loginexpires'| translate}}:</span>
        <a *ngIf="days>0">
          <span class="data1" id="q_daysdata">{{days}}</span>
          <span>{{'core.footer.days'| translate}}</span>
        </a>
        <a *ngIf="hours>0">
          <span class="data1" id="q_hrsdata">{{hours}}</span>
          <span>{{'core.footer.hours'| translate}}</span>
        </a>
        <a *ngIf="mins>0">
          <span class="data1" id="q_minsdata">{{mins}}</span>
          <span>{{'core.footer.mins'| translate}}</span>
        </a>
        <a *ngIf="secs>0">
          <span class="data1" id="q_secsdata">{{secs}}</span>
          <span>{{'core.footer.secs'| translate}}</span>
        </a>
      </a>
    </div>
  </div>
</div>
