+
@{{ user.userName }}
+ @if (userDisplayService.verifiedUrl(user)) {
+
+ check
+
+
+ }
+
diff --git a/src/app/components/widgets/users-card/users-card.component.scss b/src/app/components/widgets/users-card/users-card.component.scss
index 653ce89..a662346 100644
--- a/src/app/components/widgets/users-card/users-card.component.scss
+++ b/src/app/components/widgets/users-card/users-card.component.scss
@@ -13,6 +13,14 @@
align-items: center;
}
+ .verification-badge {
+
+ .verification-icon {
+ width: 14px;
+ height: 14px;
+ }
+ }
+
.user-statuses-tag {
display: none;
}
diff --git a/src/app/models/user.ts b/src/app/models/user.ts
index 60877b5..9b4f78e 100644
--- a/src/app/models/user.ts
+++ b/src/app/models/user.ts
@@ -3,6 +3,7 @@ import { Role } from "./role";
export class User {
public id?: string;
+ public url?: string;
public isLocal?: boolean;
public isBlocked?: boolean;
public isApproved?: boolean;
diff --git a/src/app/services/common/user-display.service.ts b/src/app/services/common/user-display.service.ts
index 0da472d..87f608a 100644
--- a/src/app/services/common/user-display.service.ts
+++ b/src/app/services/common/user-display.service.ts
@@ -21,4 +21,18 @@ export class UserDisplayService {
return '';
}
+
+ verifiedUrl(user: User | undefined): string | undefined {
+ if(!user || !user.fields || user.fields.length === 0) {
+ return undefined;
+ }
+
+ for(const field of user.fields) {
+ if (field.isVerified) {
+ return field.valueHtml;
+ }
+ }
+
+ return undefined;
+ }
}
\ No newline at end of file
diff --git a/src/styles/app-theme.scss b/src/styles/app-theme.scss
index e3b5d8e..edbf01a 100644
--- a/src/styles/app-theme.scss
+++ b/src/styles/app-theme.scss
@@ -33,6 +33,30 @@
}
}
+ .green-link {
+ a {
+ &:link {
+ color: mat.m2-get-color-from-palette($green, 800);
+ text-decoration: none;
+ }
+
+ &:visited {
+ color: mat.m2-get-color-from-palette($green, 800);
+ text-decoration: none;
+ }
+
+ &:hover {
+ color: mat.m2-get-color-from-palette($green, 800);
+ text-decoration: none;
+ }
+
+ &:active {
+ color: mat.m2-get-color-from-palette($green, 800);
+ text-decoration: none;
+ }
+ }
+ }
+
.text-error {
color: mat.m2-get-color-from-palette($error);
}