From 5f7c84d2a67f4e59944eba005460f18d60f5c05a Mon Sep 17 00:00:00 2001 From: Quildra Date: Thu, 21 Dec 2023 13:11:14 +0000 Subject: [PATCH] Added a link to a users page if they have one assoicated --- package-lock.json | 15 ++++++++++++ packages/bridge-ui/package.json | 1 + packages/bridge-ui/src/app/app.component.scss | 1 + .../season-standings.component.html | 14 ++++++++++- .../season-standings.component.scss | 24 +++++++++++++++++++ .../season-standings.component.ts | 14 +++++++++++ packages/bridge-ui/src/styles.scss | 4 +++- 7 files changed, 71 insertions(+), 2 deletions(-) diff --git a/package-lock.json b/package-lock.json index 1ceb16b..1cff74d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16155,6 +16155,20 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/mat-icon-button-sizes": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/mat-icon-button-sizes/-/mat-icon-button-sizes-1.0.6.tgz", + "integrity": "sha512-gkmRKHuFWo2/eRGOUicDpQM90o8aFMuclYn0bT3WCwEzkQdlZ6qVfAXQiVjX4QnJYv23VoYaSN8RzrvDzZaQvg==", + "dependencies": { + "tslib": "^2.3.0" + }, + "peerDependencies": { + "@angular/animations": "15 - 100", + "@angular/common": "15 - 100", + "@angular/core": "15 - 100", + "@angular/material": "15 - 100" + } + }, "node_modules/media-typer": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", @@ -24006,6 +24020,7 @@ "bridge-shared": "^1.0.0", "eventemitter3": "^5.0.1", "jwt-decode": "^4.0.0", + "mat-icon-button-sizes": "^1.0.6", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.14.2" diff --git a/packages/bridge-ui/package.json b/packages/bridge-ui/package.json index 76260f8..508ed60 100644 --- a/packages/bridge-ui/package.json +++ b/packages/bridge-ui/package.json @@ -24,6 +24,7 @@ "bridge-shared": "^1.0.0", "eventemitter3": "^5.0.1", "jwt-decode": "^4.0.0", + "mat-icon-button-sizes": "^1.0.6", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.14.2" diff --git a/packages/bridge-ui/src/app/app.component.scss b/packages/bridge-ui/src/app/app.component.scss index e69de29..9d0cc27 100644 --- a/packages/bridge-ui/src/app/app.component.scss +++ b/packages/bridge-ui/src/app/app.component.scss @@ -0,0 +1 @@ +@import "mat-icon-button-sizes/style.css"; \ No newline at end of file diff --git a/packages/bridge-ui/src/app/components/season-standings/season-standings.component.html b/packages/bridge-ui/src/app/components/season-standings/season-standings.component.html index 7205cda..c1bfeb2 100644 --- a/packages/bridge-ui/src/app/components/season-standings/season-standings.component.html +++ b/packages/bridge-ui/src/app/components/season-standings/season-standings.component.html @@ -8,7 +8,19 @@ Name - {{getRacerName(element.racer)}} + + @if(element.racer.user) { + + } + @else { + + } + {{getRacerName(element.racer)}} + diff --git a/packages/bridge-ui/src/app/components/season-standings/season-standings.component.scss b/packages/bridge-ui/src/app/components/season-standings/season-standings.component.scss index e69de29..31abf65 100644 --- a/packages/bridge-ui/src/app/components/season-standings/season-standings.component.scss +++ b/packages/bridge-ui/src/app/components/season-standings/season-standings.component.scss @@ -0,0 +1,24 @@ +.small-icon-button { + width: 24px !important; + height: 24px !important; + padding: 0px !important; + display: inline-flex !important; + align-items: center; + justify-content: center; + + & > *[role=img] { + width: 16px; + height: 16px; + font-size: 16px; + + svg { + width: 16px; + height: 16px; + } + } + + .mat-mdc-button-touch-target { + width: 24px !important; + height: 24px !important; + } + } \ No newline at end of file diff --git a/packages/bridge-ui/src/app/components/season-standings/season-standings.component.ts b/packages/bridge-ui/src/app/components/season-standings/season-standings.component.ts index 0c7dc06..06b18d6 100644 --- a/packages/bridge-ui/src/app/components/season-standings/season-standings.component.ts +++ b/packages/bridge-ui/src/app/components/season-standings/season-standings.component.ts @@ -1,7 +1,10 @@ import { Component, Input, OnInit } from '@angular/core'; import { CommonModule } from '@angular/common'; +import { RouterModule } from '@angular/router'; import { MatTableModule } from '@angular/material/table'; +import { MatIconModule } from '@angular/material/icon'; +import { MatButtonModule } from '@angular/material/button'; import { RacersService } from '../../services/racers.service'; import { RaceResultService } from '../../services/race-result.service'; @@ -19,6 +22,9 @@ import { ServerSideEventsService } from '../../services/server-side-events.servi imports: [ CommonModule, MatTableModule, + MatIconModule, + MatButtonModule, + RouterModule ], templateUrl: './season-standings.component.html', styleUrl: './season-standings.component.scss' @@ -101,4 +107,12 @@ export class SeasonStandingsComponent { return "" } + + getUserId(racer: any): string { + if( racer != undefined && racer.user != undefined) { + return racer.user.auth0id.replace("auth0|", ""); + } + + return "" + } } diff --git a/packages/bridge-ui/src/styles.scss b/packages/bridge-ui/src/styles.scss index 3ed6fe7..35ebf28 100644 --- a/packages/bridge-ui/src/styles.scss +++ b/packages/bridge-ui/src/styles.scss @@ -61,4 +61,6 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } --mdc-snackbar-container-color: #f44336; --mdc-snackbar-supporting-text-color: #fff; --mat-snack-bar-button-color: #fff; -} \ No newline at end of file +} + +@import "mat-icon-button-sizes/style.css"; \ No newline at end of file