diff options
Diffstat (limited to 'src/app/components/feed/feed.component.html')
| -rw-r--r-- | src/app/components/feed/feed.component.html | 71 |
1 files changed, 15 insertions, 56 deletions
diff --git a/src/app/components/feed/feed.component.html b/src/app/components/feed/feed.component.html index 7f3cb68..230c27b 100644 --- a/src/app/components/feed/feed.component.html +++ b/src/app/components/feed/feed.component.html @@ -3,81 +3,41 @@ <main id="feed-page" *ngIf="dataArrived"> <aside id="profile-bar" class="round-image rounded-border"> <summary id="profile-info" (click)="goToProfile()"> - <img - id="profile-bar-profile-pic" - class="round-image" - [src]="user.profilePictureURL" - alt="" - /> + <img id="profile-bar-profile-pic" class="round-image" [src]="user.profilePictureURL" alt=""/> <div id="profile-bar-name"> {{ user.firstName }} {{ user.lastName }} </div> - <div id="profile-bar-username">@{{ user.userName }}</div> + <div id="profile-bar-username"> + @{{ user.userName }} + </div> </summary> <button class="submit-btn" (click)="goToSettings()">Settings</button> <button class="submit-btn" (click)="logout()">Logout</button> </aside> <section id="feed-content"> <nav id="top-bar"> - <img - id="top-bar-profile-pic" - class="round-image" - [src]="user.profilePictureURL" - alt="" - (click)="goToProfile()" - /> - <form - id="create-post-form" - class="rounded-border" - [formGroup]="createPostFormGroup" - (ngSubmit)="createPost()" - > + <img id="top-bar-profile-pic" class="round-image" [src]="user.profilePictureURL" alt="" (click)="goToProfile()"> + <form id="create-post-form" class="rounded-border" [formGroup]="createPostFormGroup" (ngSubmit)="createPost()"> <section id="form-inputs"> - <input - id="top-bar-create-post" - type="text" - formControlName="newPostMessage" - placeholder="What's on your mind?" - /> - <input type="submit" style="display: none" /> - <!-- You need this element, so when you press enter the request is sent --> - <img - id="attachment-img" - src="assets/images/paper-clip.png" - /> - <input - id="file-upload" - type="file" - formControlName="fileUpload" - (change)="onFileUpload($event)" - multiple - /> + <input id="top-bar-create-post" type="text" formControlName="newPostMessage" placeholder="What's on your mind?"/> + <input type="submit" style="display: none" /> <!-- You need this element, so when you press enter the request is sent --> + <img id="attachment-img" src="assets/images/paper-clip.png"> + <input id="file-upload" type="file" formControlName="fileUpload" (change)="onFileUpload($event)" multiple> </section> <section class="form-attachments"> <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> </section> </form> - <img - id="top-bar-open-chat" - src="assets/images/feed/chat-pic.png" - alt="" - /> + <img id="top-bar-open-chat" src="assets/images/feed/chat-pic.png" alt=""/> </nav> - <section - id="posts" - class="scroll-standalone" - (scroll)="onScroll($event)" - > + <section id="posts" class="scroll-standalone" (scroll)="onScroll($event)"> <div id="no-posts-msg" *ngIf="posts.length === 0"> - None of your friends have posted anything yet!<br /> + None of your friends have posted anything yet!<br> Try refreshing your page! </div> <div *ngFor="let friendPost of posts" class="post"> @@ -85,5 +45,4 @@ </div> </section> </section> - <app-footer></app-footer> </main> |