zenon/web-application-engineering
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added wireframes for all planned application features

Browse Source
This commit is contained in:
Martin
2021-04-29 00:13:58 +02:00
parent e2bd5db15b
commit df192617a2
19 changed files with 296 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/component/einstellungen/einstellungen.component.html
+56 -2
View File
@@ -1,2 +1,56 @@
<app-navigation></app-navigation>
<p>einstellungen works!</p>
<app-navigation [activeLink]="'settings'"></app-navigation>
<div class="content">
<div class="text-center">
<p class="font-weight-bold">RSS-Feed erstellen</p>
<div class="input-row">
<mat-form-field appearance="standard" class="input">
<mat-label>Vollständige URL des RSS-Feeds:</mat-label>
<input matInput placeholder="https://rss.orf.at/news.xml">
</mat-form-field>
</div>
<div class="input-row text-left">
<mat-form-field appearance="standard" class="input">
<mat-label>Folgende Stichwörter im Feed suchen:</mat-label>
<input matInput placeholder="Spiel, Spaß, Schokolade">
</mat-form-field>
<mat-checkbox>Alle Stichworte müssen enthalten sein</mat-checkbox>
</div>
<div class="input-row text-left">
<span>Optionales Icon:</span>
<br>
HIER ICON-PICKER EINFÜGEN!
</div>
<div class="input-row text-left">
<mat-slide-toggle color="primary">Slide me!</mat-slide-toggle>
</div>
<div class="input-row margin-auto einstellungen_buttons_wrapper">
<button mat-raised-button>Abbrechen</button>
<button mat-raised-button><mat-icon>save</mat-icon> Speichern</button>
</div>
</div>
<div class="text-center">
<div class="container" *ngFor="let number of [1, 2, 3]">
<div class="row feed-list-row">
<div class="col-2 text-center padding-0 margin-auto">
<img class="feed-icon" src="assets/logo.svg" alt="Feed-Icon">
</div>
<div class="col-8 padding-0 text-left margin-auto">
<span class="overflow-break">https://rss.orf.at/news.xml</span>
</div>
<div class="col-1 padding-0 margin-auto">
<button mat-icon-button>
<mat-icon>edit</mat-icon>
</button>
</div>
<div class="col-1 padding-0 margin-auto">
<button mat-icon-button>
<mat-icon>delete</mat-icon>
</button>
</div>
</div>
</div>
<div class="input-row margin-auto einstellungen_buttons_wrapper">
<button mat-raised-button><mat-icon>add</mat-icon> RSS-Feed hinzufügen</button>
</div>
</div>
</div>