diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-02-24 18:56:32 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-02-24 18:56:32 +0200 |
| commit | 301e3932b64172b3f9cf055287fdfdb4a89620af (patch) | |
| tree | ff504329477476665be6d44a43c3171ba71d38ee /src/app/components/post-page/post-page.component.html | |
| parent | 2b5b2f2449317b8aebd2d8962a930bf454d100fb (diff) | |
| download | DevHive-Angular-301e3932b64172b3f9cf055287fdfdb4a89620af.tar DevHive-Angular-301e3932b64172b3f9cf055287fdfdb4a89620af.tar.gz DevHive-Angular-301e3932b64172b3f9cf055287fdfdb4a89620af.zip | |
Improved semantics and simplified some HTML of comments and posts
Diffstat (limited to 'src/app/components/post-page/post-page.component.html')
| -rw-r--r-- | src/app/components/post-page/post-page.component.html | 28 |
1 files changed, 14 insertions, 14 deletions
diff --git a/src/app/components/post-page/post-page.component.html b/src/app/components/post-page/post-page.component.html index 8665865..b8e7e22 100644 --- a/src/app/components/post-page/post-page.component.html +++ b/src/app/components/post-page/post-page.component.html @@ -1,11 +1,13 @@ <app-loading *ngIf="!dataArrived"></app-loading> -<div id="content" *ngIf="dataArrived"> - <div class="many-buttons" *ngIf="loggedIn"> - <button class="submit-btn" type="submit" (click)="backToFeed()">ᐊ Back to feed</button> - <button class="submit-btn" type="submit" (click)="backToProfile()">ᐊ Back to profile</button> - </div> - <button class="submit-btn" type="submit" (click)="toLogin()" *ngIf="!loggedIn">Login</button> +<main id="content" *ngIf="dataArrived"> + <nav> + <div class="many-buttons" *ngIf="loggedIn"> + <button class="submit-btn" type="submit" (click)="backToFeed()">ᐊ Back to feed</button> + <button class="submit-btn" type="submit" (click)="backToProfile()">ᐊ Back to profile</button> + </div> + <button class="submit-btn" type="submit" (click)="toLogin()" *ngIf="!loggedIn">Login</button> + </nav> <app-post [paramId]="postId.toString()"></app-post> <div class="many-buttons" *ngIf="editable"> <button class="submit-btn" (click)="editPost()">Edit post</button> @@ -17,21 +19,19 @@ <input id="file-upload" type="file" formControlName="fileUpload" (change)="onFileUpload($event)" multiple> <input type="submit" style="display: none" /> </form> - <div class="form-attachments" *ngIf="editingPost"> + <figure class="form-attachments" *ngIf="editingPost"> <div *ngFor="let file of files" class="form-attachment"> {{ file.name ? file.name : 'Attachment' }} <div class="remove-form-attachment" (click)="removeAttachment(file.name)"> ☒ </div> </div> - </div> + </figure> <form [formGroup]="addCommentFormGroup" (ngSubmit)="addComment()"> <input type="text" placeholder="Add comment" class="input-field" formControlName="newComment"> <input type="submit" style="display: none" /> </form> - <div> - <div class="comment" *ngFor="let comm of post?.comments"> - <app-comment [paramId]="comm.id.toString()"></app-comment> - </div> - </div> -<div> + <section class="comment" *ngFor="let comm of post?.comments"> + <app-comment [paramId]="comm.id.toString()"></app-comment> + </section> +</main> |