Added guide and uploaded pictures list display.
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
2022-11-21 11:09:15 +10:00
parent cc37c2b622
commit 592509f337
7 changed files with 54 additions and 14 deletions

View File

@@ -1,10 +1,19 @@
<div class="wrappe">
<img src="http://static.vdk2ch.ru:15555/test-public/16657431265390.png" alt="свiня" width="150">
<app-send-post></app-send-post>,
<h2> {{boardName}} </h2>
<h3> {{displayed_thread_number}}</h3>
<button (click)="refreshPosts(boardName , displayed_thread_number)">Обновить</button>
<h2>Вы находитесь на доске {{boardName}} </h2>
<h3> в треде номер {{displayed_thread_number}}</h3>
<a (click)="showGuide = !showGuide" style=" font-size: small; color: chocolate; width: 500px;"> Что это и как это работает?</a>
<br>
<div *ngIf="showGuide">
Добро пожаловать на эту небольшую борду. Сейчас тут только три треда и одна доска, но скоро будет больше.
Чтобы выбрать тред воспользуйтесь полем ниже, после выбора нажмите кнопку "Обновить" дабы перейти в этот тред.
Вы можете отправлять сообщения в открытый тред и прикреплять к сообщению картинки.
Ведите себя хорошо.
</div>
<input type="number" [(ngModel)]=displayed_thread_number>
<br>
<button (click)="refreshPosts(boardName , displayed_thread_number)">Обновить</button>
<post-single
*ngFor="let post of postsToShow" [post]="post"
></post-single>