Added wireframes for all planned application features

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
@@ -0,0 +1,4 @@
.feed-icon {
width: 100%;
max-width: 5em;
}
@@ -1,2 +1,32 @@
<app-navigation></app-navigation>
<p>tweets works!</p>
<app-navigation [activeLink]="'tweets'"></app-navigation>
<div class="content">
<div class="text-center">
<span>Kein RSS_Feed vorhanden</span>
<br>
<span><a routerLink="/einstellungen">RSS-Feed erstellen</a></span>
</div>
<div class="text-center">
<span>Kein Tweets vorhanden</span>
<br>
<span>Schau später noch einmal vorbei!</span>
</div>
<div>
<div>
<div class="container" *ngFor="let number of [1, 2, 3]">
<div class="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-10">
<p class="overflow-break">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnop qrstuvwxyz0123456789ABCDE FGHIJKLMNOP
<span class="white-space-no-wrap"> - 24.03.2021 15:30</span></p>
<a>Zusatz externe URL zum Content der Nachricht</a>
</div>
</div>
</div>
</div>
<div class="text-center">
<button (click)="loadMore()" mat-button color="primary">Mehr laden</button>
</div>
</div>
</div>
@@ -12,4 +12,8 @@ export class TweetsComponent implements OnInit {
ngOnInit(): void {
}
loadMore() {
console.log('TODO: Implement');
}
}