diff options
Diffstat (limited to 'src/app/components/post-page/post-page.component.html')
| -rw-r--r-- | src/app/components/post-page/post-page.component.html | 63 |
1 files changed, 12 insertions, 51 deletions
diff --git a/src/app/components/post-page/post-page.component.html b/src/app/components/post-page/post-page.component.html index 9781c18..b8e7e22 100644 --- a/src/app/components/post-page/post-page.component.html +++ b/src/app/components/post-page/post-page.component.html @@ -2,75 +2,36 @@ <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 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> + <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> - <button class="submit-btn delete-btn" (click)="deletePost()"> - Delete post - </button> + <button class="submit-btn delete-btn" (click)="deletePost()">Delete post</button> </div> - <form - id="editPost" - [formGroup]="editPostFormGroup" - *ngIf="editingPost" - (ngSubmit)="editPost()" - > - <input - id="new-message-input" - type="text" - placeholder="New post message" - class="input-field" - formControlName="newPostMessage" - /> - <img id="attachment-img" src="assets/images/paper-clip.png" /> - <input - id="file-upload" - type="file" - formControlName="fileUpload" - (change)="onFileUpload($event)" - multiple - /> + <form id="editPost" [formGroup]="editPostFormGroup" *ngIf="editingPost" (ngSubmit)="editPost()"> + <input id="new-message-input" type="text" placeholder="New post message" class="input-field" formControlName="newPostMessage"> + <img id="attachment-img" src="assets/images/paper-clip.png"> + <input id="file-upload" type="file" formControlName="fileUpload" (change)="onFileUpload($event)" multiple> <input type="submit" style="display: none" /> </form> <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)" - > + {{ file.name ? file.name : 'Attachment' }} + <div class="remove-form-attachment" (click)="removeAttachment(file.name)"> ☒ </div> </div> </figure> <form [formGroup]="addCommentFormGroup" (ngSubmit)="addComment()"> - <input - type="text" - placeholder="Add comment" - class="input-field" - formControlName="newComment" - /> + <input type="text" placeholder="Add comment" class="input-field" formControlName="newComment"> <input type="submit" style="display: none" /> </form> <section class="comment" *ngFor="let comm of post?.comments"> <app-comment [paramId]="comm.id.toString()"></app-comment> </section> - <app-footer></app-footer> </main> |