Sengi-Windows-MacOS-Linux/src/app/app.component.html

50 lines
2.0 KiB
HTML
Raw Normal View History

2020-02-26 05:55:35 +01:00
<div class="drag-and-drop" *ngIf="drag" (dragover)="dragover($event)" (drop)="drop($event)"
2019-03-08 04:33:10 +01:00
[ngClass]="{'drag-and-drop__on-drag': drag2 === true }">
2019-03-10 03:49:07 +01:00
<!-- (dragleave)="dragleave($event)" -->
2019-03-08 04:33:10 +01:00
<div class="drag-and-drop__card">
<div class="drag-and-drop__border">
<div class="drag-and-drop__label">
Drag & drop to upload
</div>
</div>
</div>
</div>
<div *ngIf="showRestartNotification" class="auto-update" [class.auto-update__activated]="restartNotificationAvailable">
2020-02-26 05:55:35 +01:00
<div class="auto-update__display">
<div class="auto-update__display--text">{{restartNotificationLabel}}</div> <a href class="auto-update__display--reload" (click)="loadNewVersion()" title="reload">reload</a> <a href class="auto-update__display--close" (click)="closeRestartNotification()" title="close"><fa-icon [icon]="faTimes"></fa-icon></a>
2020-02-26 05:55:35 +01:00
</div>
</div>
<div *ngIf="enhancedTutorialActive" class="enhanced-tutorial"
[class.enhanced-tutorial__visible]="enhancedTutorialVisible">
<app-tutorial-enhanced class="enhanced-tutorial__content" (closeEvent)="closeTutorial()"></app-tutorial-enhanced>
</div>
2019-03-08 04:33:10 +01:00
<app-media-viewer id="media-viewer" *ngIf="openedMediaEvent" [openedMediaEvent]="openedMediaEvent"
(closeSubject)="closeMedia()" (dragenter)="dragenter($event)"></app-media-viewer>
2019-02-25 06:04:09 +01:00
2019-03-08 04:33:10 +01:00
<div class="app" (dragenter)="dragenter($event)">
<app-left-side-bar>
</app-left-side-bar>
2018-03-16 01:43:53 +01:00
2019-03-08 04:33:10 +01:00
<!--<app-streams-main-display>
</app-streams-main-display>-->
2019-03-08 04:33:10 +01:00
<div id="display-zone">
<app-tutorial id="tutorial" *ngIf="tutorialActive"></app-tutorial>
<app-floating-column id="floating-column" *ngIf="floatingColumnActive"></app-floating-column>
<app-notification-hub></app-notification-hub>
<router-outlet></router-outlet>
</div>
2018-03-16 01:43:53 +01:00
2019-03-08 04:33:10 +01:00
<app-streams-selection-footer>
</app-streams-selection-footer>
</div>
2018-03-16 01:43:53 +01:00
<!--<div style="text-align:center">
2018-03-15 01:48:52 +01:00
<h1>
Welcome to {{ title }}!
2018-03-16 02:41:25 +01:00
</h1>
2018-03-15 01:48:52 +01:00
<button (click)="launchWindow()">Launch Window</button>
2019-02-11 02:48:34 +01:00
</div>-->