From b969f41f599f3c994f1af7c605ef23263c3c2096 Mon Sep 17 00:00:00 2001 From: GiftedR Date: Tue, 18 Mar 2025 22:01:27 -0700 Subject: [PATCH] Applied Wireframe to Profile Page --- .../profile-page/profile-page.component.css | 4 + .../profile-page/profile-page.component.html | 101 ++++++++++-------- .../profile-page/profile-page.component.ts | 24 ++++- 3 files changed, 85 insertions(+), 44 deletions(-) diff --git a/modelcabinet.client/src/app/profile-page/profile-page.component.css b/modelcabinet.client/src/app/profile-page/profile-page.component.css index e69de29..54c38b5 100644 --- a/modelcabinet.client/src/app/profile-page/profile-page.component.css +++ b/modelcabinet.client/src/app/profile-page/profile-page.component.css @@ -0,0 +1,4 @@ +.mp-0{ + margin: 0px !important; + padding: 0px !important; +} \ No newline at end of file diff --git a/modelcabinet.client/src/app/profile-page/profile-page.component.html b/modelcabinet.client/src/app/profile-page/profile-page.component.html index 414ab40..b2773d6 100644 --- a/modelcabinet.client/src/app/profile-page/profile-page.component.html +++ b/modelcabinet.client/src/app/profile-page/profile-page.component.html @@ -1,51 +1,66 @@ -
+
+ Profile Banner +
+
+ + +
+ {{ ProjectItem.name }} + {{ ProjectItem.shortDescription }} + + Last Modified: + {{ ProjectItem.modifiedDate | date:'short' }} + +
+ + Author: + {{ ProjectItem.author }} + +
+ Tags: +
+ + +
+
+
+ + View Project + +
+
+
- - +
+
+
+ Profile Icon +
+ {{ displayUser.displayName }} +

{{ displayUser.biography }}

+ + {{ displayUser.isProfilePublic ? "Public" : "Private" }} profile
- -
-

Profile: UserID Temp

-
+  {{ displayUser.location }}  + +  {{ displayUser.website }}  + +  {{ displayUser.twitterHandle }}  + +  {{ displayUser.githubUsername }}  + +  {{ displayUser.preferredLanguage }}  + +  {{ displayUser.timeZone }}  -
-
- Profile Picture -

John Doe

-

3D Model Designer | Enthusiast

-
-
-
-

About

-

- Passionate about creating and sharing 3D models. Experienced in using various design tools - to bring ideas to life. -

-
-
-

Recent Activity

-
    -
  • Uploaded: Complex Gear Assembly
    • -
  • Downloaded: Bolt & Nut Collection
    • -
  • Shared: Open Frame Drone STL
    • -
-
-
-

Contact

-
    -
  • Website: johndoe3dportfolio.com
    • -
  • Location: Seattle, WA
    • -
+

Joined: {{ displayUser.dateJoined | date:'short' }}
Last Active: {{ displayUser.lastActive | date:'short' }}

- - +
diff --git a/modelcabinet.client/src/app/profile-page/profile-page.component.ts b/modelcabinet.client/src/app/profile-page/profile-page.component.ts index dc9238d..4e3ad05 100644 --- a/modelcabinet.client/src/app/profile-page/profile-page.component.ts +++ b/modelcabinet.client/src/app/profile-page/profile-page.component.ts @@ -1,4 +1,6 @@ import { Component } from '@angular/core'; +import { emptyUserDto, UserDto } from '../Interfaces/user-dto'; +import { emptyProject, Project } from '../Models/project'; @Component({ selector: 'app-profile-page', @@ -6,5 +8,25 @@ import { Component } from '@angular/core'; styleUrl: './profile-page.component.css' }) export class ProfilePageComponent { - + // displayUser:UserDto = emptyUserDto; // Used to Render the data for future proofing + displayUser:UserDto = { + id: '', + email: 'Testuser@example.com', + displayName: 'Mr. Test User', + biography: 'A Very Cool User', + location: 'At Home!', + website: 'https://localhost:4200/user', + avatarUrl: 'https://placehold.co/512x512', + twitterHandle: 'testUser', + githubUsername: 'testUser', + preferredLanguage: 'english', + timeZone: 'GMT-7', + dateJoined: new Date(), + lastActive: new Date(), + isProfilePublic: false, + emailNotificationsEnabled: false, + projectUpdatesEnabled: false, + newMessageNotificationsEnabled: false + }; // Used to Render the data for Showcase + projects:Project[] = [emptyProject,emptyProject,emptyProject,emptyProject] // Used for projects, more future proofing }