diff options
| author | transtrike <transtrike@gmail.com> | 2021-02-25 20:51:24 +0200 |
|---|---|---|
| committer | transtrike <transtrike@gmail.com> | 2021-02-25 20:51:24 +0200 |
| commit | ca7e618ca3350a5cf200ae39c851b016c9088d41 (patch) | |
| tree | 04a4ee7104e55d3e070e6306901d9e2400717e4e /src/app/components/post-page/post-page.component.html | |
| parent | 118b463fc81d05467cffdf3c6de69a1e9f4e9303 (diff) | |
| download | DevHive-Angular-ca7e618ca3350a5cf200ae39c851b016c9088d41.tar DevHive-Angular-ca7e618ca3350a5cf200ae39c851b016c9088d41.tar.gz DevHive-Angular-ca7e618ca3350a5cf200ae39c851b016c9088d41.zip | |
Footer added; Pages fucked upfooter
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, 51 insertions, 12 deletions
diff --git a/src/app/components/post-page/post-page.component.html b/src/app/components/post-page/post-page.component.html index b8e7e22..9781c18 100644 --- a/src/app/components/post-page/post-page.component.html +++ b/src/app/components/post-page/post-page.component.html @@ -2,36 +2,75 @@ <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> |
