240 post grade (#241)

- hide muted message
- fix owner is not an admin
- add refresh button on leaderboard

src/angularjs/src/app/components/chat-view/chat-view.component.html

@@ -1,27 +1,30 @@
 <ol>
-	<li *ngFor="let _ of room.message; let i=index;" [ngClass]="{'me': getCurrentMessage(i).userId === userService.user.id}">
-		<span class="date" *ngIf="!isFollowingDay(i)">{{getCurrentMessage(i).updateAt | date: 'dd/MM/YYYY'}}</span>
-		<div class="msg-line">
-			<div class="msg">
-				<span class="login" *ngIf="!isSameUser(i)">{{getCurrentMessageUser(i).nickname}}</span>
-				<div *ngFor="let content of getCurrentMessage(i).content">
-					<div *ngIf="content.type == 0">
-						<!-- STRING:<br> -->
-						<span class="content-string">
-							{{content.content.replace(' ', '&nbsp;')}}
-						</span>
-					</div>
-					<div *ngIf="content.type == 1">
-						<!-- GAME-INVITE:<br> -->
-						<button class="content-game-invite" (click)="joinGame(content.content)">
-							<mat-icon fontIcon="videogame_asset"> </mat-icon	>
-						</button>
+	<div *ngFor="let _ of room.message; let i=index;">
+		<li *ngIf="!friendService.isTargetBlocked(getCurrentMessageUser(i).id)"
+		[ngClass]="{'me': getCurrentMessage(i).userId === userService.user.id}">
+			<div class="msg-line">
+				<span class="date" *ngIf="!isFollowingDay(i)">{{getCurrentMessage(i).updateAt | date: 'dd/MM/YYYY'}}</span>
+				<div class="msg">
+					<span class="login" *ngIf="!isSameUser(i)">{{getCurrentMessageUser(i).nickname}}</span>
+					<div *ngFor="let content of getCurrentMessage(i).content">
+						<div *ngIf="content.type == 0">
+							<!-- STRING:<br> -->
+							<span class="content-string">
+								{{content.content.replace(' ', '&nbsp;')}}
+							</span>
+						</div>
+						<div *ngIf="content.type == 1">
+							<!-- GAME-INVITE:<br> -->
+							<button class="content-game-invite" (click)="joinGame(content.content)">
+								<mat-icon fontIcon="videogame_asset"> </mat-icon	>
+							</button>
+						</div>
 					</div>
 				</div>
+				<span class="time">{{getCurrentMessage(i).updateAt | date: 'HH:mm'}}</span>
 			</div>
-			<span class="time">{{getCurrentMessage(i).updateAt | date: 'HH:mm'}}</span>
-		</div>
-	</li>
+		</li>
+	</div>
 </ol>
 
 <span class="char-left" *ngIf="!blocked">{{messageLength}}/120</span>

src/angularjs/src/app/components/chat-view/chat-view.component.ts

@@ -6,6 +6,7 @@ import { MessageContentI, MessageContentType, MessageI } from 'src/app/interface
 import { UserI } from 'src/app/interfaces/user/user.interface';
 import { UserService } from 'src/app/services/user.service';
 import { ChatRoomService } from 'src/app/services/websocket/chat/chatroom.service';
+import { FriendService } from 'src/app/services/websocket/friend/service';
 
 @Component({
 	selector: 'app-chat-view',
@@ -27,6 +28,7 @@ export class ChatViewComponent {
 		private formBuilder: FormBuilder,
 		private chatRoomService: ChatRoomService,
 		public userService: UserService,
+		public friendService: FriendService,
 		public router: Router,
 	) {}
 

src/angularjs/src/app/pages/home-dashboard/home-dashboard.component.html

@@ -5,6 +5,9 @@ <h1 class="mat-h1">Dashboard</h1>
 			<mat-card-header>
 				<mat-card-title>
 					Leaderboard
+					<button mat-icon-button class="refresh-button" aria-label="refresh" (click)="refLeaderboard()">
+						<mat-icon>refresh</mat-icon>
+					</button>
 				</mat-card-title>
 			</mat-card-header>
 			<mat-card-content class="dashboard-card-content">

src/angularjs/src/app/pages/home-dashboard/home-dashboard.component.ts

@@ -98,4 +98,20 @@ export class HomeDashboardComponent {
 		.subscribe((res) => { this.onlineusers = res[0]; });
 	}
 
+	async refLeaderboard() {
+		const leadreq = await this.back.req("GET", "/leaderboard");
+
+		this.breakpointObserver.observe(Breakpoints.Handset).pipe(
+			map(({ matches }) => {
+				if (matches) {
+					return [
+						{ cols: 3, rows: 1, content: leadreq }
+					];
+				}
+				return [
+					{ cols: 2, rows: 2, content: leadreq }
+				];
+			}))
+		.subscribe((res) => { this.leaderboard = res[0]; });
+	}
 }

src/angularjs/src/app/services/websocket/chat/chatroom.service.ts

@@ -114,6 +114,8 @@ export class ChatRoomService {
 	{
 		const	admin = this.getAdmin(room);
 
+		if (this.isOwner(room, user_id))
+			return (true);
 		if (!admin.length || admin.length === 0) return false;
 		for (var i = 0; i < admin.length; i++)
 			if (admin[i].id === user_id)