1 files changed, 60 insertions, 0 deletions
diff --git a/src/app/components/profile/profile.component.html b/src/app/components/profile/profile.component.html
new file mode 100644
index 0000000..0e5f633
--- /dev/null
+++ b/src/app/components/profile/profile.component.html
@@ -0,0 +1,60 @@
+<app-loading *ngIf="!dataArrived"></app-loading>
+
+<div id="content" *ngIf="dataArrived">
+	<nav id="navigation">
+		<button class="submit-btn" (click)="goBack()">ᐊ Back</button>
+		<button class="submit-btn" (click)="navigateToSettings()" *ngIf="isTheLoggedInUser">Settings</button>
+		<button class="submit-btn" (click)="navigateToAdminPanel()" *ngIf="isTheLoggedInUser && isAdminUser">Panel</button>
+		<button class="submit-btn" (click)="logout()" *ngIf="isTheLoggedInUser">Logout</button>
+	</nav>
+	<hr>
+	<div class="scroll-standalone" (scroll)="onScroll($event)">
+		<div id="main-info" class="rounded-border">
+			<img class="round-image" [src]="user.profilePictureURL" alt=""/>
+			<div id="other-main-info">
+				<div id="name">
+					{{ user.firstName }} {{ user.lastName }}
+				</div>
+				<div id="username">
+					@{{ user.userName }}
+				</div>
+				<form [formGroup]="updateFrienship" (ngSubmit)="modifyFriend()" *ngIf="!isTheLoggedInUser && isUserLoggedIn">
+					<button id="add-friend" type="submit" class="submit-btn">{{ friendOfUser ? 'Unfriend' : 'Add friend' }}</button>
+					<br>
+					<input id="loggedin-password" type="password" formControlName="password" class="input-field" *ngIf="updatingFriendship" placeholder="Type in password to confirm">
+				</form>
+			</div>
+		</div>
+		<div class="secondary-info rounded-border">
+			Languages:
+			<div *ngFor="let lang of user.languages">
+				<div class="user-language">
+					{{ lang.name }}
+				</div>
+			</div>
+			<div *ngIf="user.languages.length === 0">
+				&nbsp;None
+			</div>
+		</div>
+		<div class="secondary-info rounded-border">
+			Technologies:
+			<div *ngFor="let tech of user.technologies">
+				<div class="user-language">
+					{{ tech.name }}
+				</div>
+			</div>
+			<div *ngIf="user.technologies.length === 0">
+				&nbsp;None
+			</div>
+		</div>
+		<hr>
+		<div id="posts">
+			<div id="no-posts" *ngIf="userPosts.length === 0">
+				{{ user.firstName }} {{ user.lastName }} hasn't posted anything yet!
+			</div>
+			<div *ngFor="let userPost of userPosts">
+				<app-post [paramId]="userPost.postId.toString()"></app-post>
+			</div>
+		</div>
+	</div>
+</div>