Skip to content

Commit 43299ba

Browse files
iamsaquib8iamsaquib8
committed
frontend added
1 parent ab400ee commit 43299ba

6 files changed

Lines changed: 68 additions & 46 deletions

File tree

‎codecamp-front/src/app/components/navbar/navbar.component.html‎

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
<i class="fa fa-th-list" aria-hidden="true"></i>
1616
</li>
1717
</ul>
18-
<ul class="navbar-nav my-lg-0">
18+
<ul class="navbar-nav my-lg-0 ml-auto">
1919

2020
<div class="dropdown show mr-4" *ngIf="authService.loggedIn()">
2121
<a class="btn btn-light dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
@@ -51,22 +51,22 @@
5151
</div>
5252
<div class="col-md-11">
5353
<nav class="navbar navbar-expand-lg navbar-light bg-transparent">
54-
<i class="fa fa-bars"></i>
54+
<i class="fa fa-bars"></i>
5555
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
5656
<span class="navbar-toggler-icon"></span>
5757
</button>
5858
<div class="collapse navbar-collapse" id="navbarText">
5959
<ul class="navbar-nav mr-auto">
60-
<li class="nav-item" >
61-
<a
62-
class="nav-link"
63-
routerLink="/"
60+
<li class="nav-item" >
61+
<a
62+
class="nav-link"
63+
routerLink="/"
6464
[routerLinkActiveOptions]="{exact: true}"
6565
routerLinkActive="active"
6666
>Home</a>
6767
</li>
6868
<li class="nav-item" >
69-
<a
69+
<a
7070
class="nav-link"
7171
routerLink="/about"
7272
routerLinkActive="active"
@@ -75,56 +75,56 @@
7575
</li>
7676
<li class="nav-item">
7777
<a class="nav-link"
78-
routerLink="/practice"
78+
routerLink="/practice"
7979
routerLinkActive="active"
8080
>Practice</a>
8181
</li>
8282
<li class="nav-item">
8383
<a class="nav-link"
84-
routerLink="/discuss"
84+
routerLink="/discuss"
8585
routerLinkActive="active"
8686
>Discuss</a>
8787
</li>
8888
<li class="nav-item" >
8989
<a class="nav-link"
90-
routerLink="/contest"
90+
routerLink="/contest"
9191
routerLinkActive="active"
9292
>Contest</a>
9393
</li>
9494
<li class="nav-item" >
9595
<a class="nav-link"
96-
routerLink="/ide"
96+
routerLink="/ide"
9797
routerLinkActive="active"
9898
>Online IDE</a>
9999
</li>
100100
</ul>
101101
<ul class="navbar-nav ml-auto">
102102
<li class="nav-item">
103-
<a class="nav-link"
104-
routerLink="/login"
103+
<a class="nav-link"
104+
routerLink="/login"
105105
routerLinkActive="active"
106106
*ngIf="!authService.loggedIn()"
107107
>Login</a>
108108
</li>
109-
109+
110110
<li class="nav-item">
111111
<a class="nav-link"
112-
routerLink="/profile"
112+
routerLink="/profile"
113113
routerLinkActive="active"
114114
*ngIf="authService.loggedIn()"
115115
>My Profile</a>
116116
</li>
117-
117+
118118
<li class="nav-item">
119119
<a class="nav-link"
120-
routerLink="/register"
120+
routerLink="/register"
121121
routerLinkActive="active"
122122
*ngIf="!authService.loggedIn()"
123123
>Register</a>
124124
</li>
125125
<li class="nav-item" >
126126
<a class="nav-link"
127-
(click)="onLogoutClick()"
127+
(click)="onLogoutClick()"
128128
*ngIf="authService.loggedIn()"
129129
>Logout</a>
130130
</li>
@@ -137,4 +137,4 @@
137137
138138
-->
139139

140-
<!--*ngIf="authService.loggedIn()" -->
140+
<!--*ngIf="authService.loggedIn()" -->

‎codecamp-front/src/app/components/navbar/navbar.component.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { Component, OnInit, trigger, transition, animate, style,state } from '@angular/core';
22
import { AuthService } from '../../services/auth.service';
3-
import { Router } from '@angular/router';
3+
import { Router } from '@angular/router';
44
import { ContestService } from '../../services/contest.service';
55

66

@@ -38,7 +38,7 @@ export class NavbarComponent implements OnInit{
3838
this.user = profile.msg;
3939
});
4040
}
41-
41+
4242
onLogoutClick() {
4343
this.authService.logout(); // Logout user
4444
this.router.navigate(['/']); // Navigate back to home page

‎codecamp-front/src/app/components/profile/profile.component.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
.circle{
2+
margin-top: 40px;
3+
width: 80%;
4+
border-radius: 120px;
5+
margin-left: 25%;
6+
}
7+
.bold{
8+
text-align: center;
9+
font-size:35px !important;
10+
}
11+
.college{
12+
text-align: center;
13+
font-size: 15px;
14+
}

‎codecamp-front/src/app/components/profile/profile.component.html‎

Lines changed: 19 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,22 @@
1-
<div *ngIf="user">
2-
<h2 class="page-header">{{user.name}}</h2>
1+
2+
<div class="row" *ngIf="user" >
3+
<div class="col col-md-4">
4+
<div class="profile-img">
5+
<img src="../assets/undefined.jpg" class="circle img-fluid" alt="user">
6+
</div>
7+
</div>
8+
<div class="col col-md-8">
9+
<div class="bold"><b>{{user.name}}</b> ( {{user.username}})</div>
10+
<div class="college">
11+
{{user.college}}
12+
</div>
13+
<br>
314
<ul class="list-group">
4-
<li class="list-group-item">Username: {{user.username}}</li>
5-
<li class="list-group-item">Email: {{user.email_id}}</li>
6-
<li class="list-group-item">Name: {{ user.name }}</li>
7-
<li class="list-group-item">College: {{ user.college }}</li>
8-
<li class="list-group-item">Date Of Birth: {{ user.dob }}</li>
9-
<li class="list-group-item">City: {{ user.city }}</li>
10-
<li class="list-group-item">Gender: {{ user.gender }}</li>
11-
<li class="list-group-item">JoinedOn: {{ user.joinedOn }}</li>
15+
<li class="list-group-item">Email: {{user.email_id}}</li>
16+
<li class="list-group-item">Date Of Birth: {{ user.dob }}</li>
17+
<li class="list-group-item">City: {{ user.city }}</li>
18+
<li class="list-group-item">Gender: {{ user.gender }}</li>
19+
<li class="list-group-item">JoinedOn: {{ user.joinedOn }}</li>
1220
</ul>
1321
</div>
22+
</div>

‎codecamp-front/src/app/components/sidebar/sidebar.component.css‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,6 @@
2828
z-index: 4;
2929
position: relative;
3030
overflow: auto;
31-
overflow-scrolling: touch;
3231
}
3332

3433
.background:after{
@@ -54,7 +53,7 @@
5453
font-size: .7142em;
5554
padding: 10px 20px;
5655
line-height: 1.625rem;
57-
}
56+
}
5857

5958
.fa{
6059
margin-right: 2px;
@@ -86,13 +85,13 @@
8685
}
8786

8887
.m{
89-
margin-left: 5rem;
88+
margin-left: 5rem;
9089
}
9190

9291
.circle{
9392
width: 100px;
9493
border-radius: 120px;
95-
margin-left: 4%;
94+
margin-left: 25%;
9695
}
9796

9897

@@ -103,4 +102,4 @@
103102
.imageHomeIcon
104103
{
105104
padding-left : 10px;
106-
}
105+
}

‎codecamp-front/src/app/components/sidebar/sidebar.component.html‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
11
<aside class="left-sidebar" style="overflow: visible;" *ngIf="panelVisible" [@panelInOut]>
22
<!-- Sidebar scroll-->
33
<!-- User profile -->
4-
4+
55
<!-- End User profile text-->
66
<!-- Sidebar navigation-->
77
<div class="nav">
88
<nav class="sidebar-nav">
99
<div class="navbar-brand">
10-
<img src="../assets/home-icon.png" alt="" class="imageHomeIcon">
10+
<img src="../assets/home-icon.png" alt="" class="imageHomeIcon">
1111
Codecamp
1212
</div>
13-
<div class="user-profile"
13+
<div class="user-profile"
1414
*ngIf="authService.loggedIn()">
15-
<!-- User profile image -->
16-
<div class="profile-img">
15+
<!-- User profile image -->
16+
<div class="profile-img">
1717
<img src="../assets/undefined.jpg" class="circle img-fluid" alt="user">
1818
<!-- this is blinking heartbit -->
1919
<div class="notify setpos"> <span class="heartbit"></span> <span class="point"></span> </div>
@@ -42,8 +42,8 @@ <h5>{{profile?.username}}</h5>
4242
</div>
4343
<ul id="sidebarnav" class="in">
4444
<li class="nav-item">
45-
<a class="nav-link"
46-
routerLink="/"
45+
<a class="nav-link"
46+
routerLink="/"
4747
routerLinkActive="active"
4848
[routerLinkActiveOptions]="{ exact: true }"
4949
>
@@ -64,7 +64,7 @@ <h5>{{profile?.username}}</h5>
6464
<i class="fa fa-home" aria-hidden="true"></i>
6565
<span class="navtabs">Practice</span>
6666
<i class="fa fa-caret-down m" aria-hidden="true"></i>
67-
67+
6868
</a>
6969
<div class="collapse" id="collapseExample">
7070
<a href="#">
@@ -83,7 +83,7 @@ <h5>{{profile?.username}}</h5>
8383
</li>
8484
<li class="nav-link">
8585
<a class="nav-link"
86-
routerLink="/contest"
86+
routerLink="/contest"
8787
routerLinkActive="active">
8888
<i class="fa fa-home" aria-hidden="true"></i>
8989
<span class="navtabs ml-2">Contest</span>
@@ -102,4 +102,4 @@ <h5>{{profile?.username}}</h5>
102102
<!-- End Sidebar scroll-->
103103
<div class="background" style="
104104
background: url(../assets/sidebar.jpg);"></div>
105-
</aside>
105+
</aside>

0 commit comments

Comments
 (0)