1
0
mirror of https://github.com/NicolasConstant/sengi synced 2025-02-02 19:46:59 +01:00

added lock icon on account's profile

This commit is contained in:
Nicolas Constant 2020-10-03 15:52:55 -04:00
parent a303f16afe
commit 7841f72890
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
4 changed files with 11 additions and 4 deletions

View File

@ -13,7 +13,7 @@
<h2 class="profile__floating-header__names__display-name"
innerHTML="{{displayedAccount | accountEmoji }}" title="{{displayedAccount.display_name}}"></h2>
<a class="profile__floating-header__names__fullhandle" href="{{displayedAccount.url}}"
target="_blank" title="{{displayedAccount.acct}}">@{{displayedAccount.acct}}</a>
target="_blank" title="{{displayedAccount.acct}}">@{{displayedAccount.acct}}</a> <fa-icon class="fa-lock" *ngIf="displayedAccount.locked" [icon]="faLock" title="account locked"></fa-icon>
</div>
<div class="profile__floating-header__follow" *ngIf="relationship && !displayedAccount.moved">
@ -118,7 +118,7 @@
<h2 class="profile-name__link profile-name__display-name"
innerHTML="{{displayedAccount | accountEmoji }}" title="{{displayedAccount.display_name}}"></h2>
<h2 class="profile-name__link profile-name__fullhandle"><a href="{{displayedAccount.url}}"
target="_blank" title="{{displayedAccount.acct}}">@{{displayedAccount.acct}}</a></h2>
target="_blank" title="{{displayedAccount.acct}}">@{{displayedAccount.acct}}</a> <fa-icon class="fa-lock" *ngIf="displayedAccount.locked" [icon]="faLock" title="account locked"></fa-icon></h2>
</div>
<div class="profile-follows">

View File

@ -402,6 +402,12 @@ $floating-header-height: 60px;
}
}
.fa-lock {
margin-left: 5px;
color: gray;
font-size: 14px;
}
//Mastodon styling
:host ::ng-deep .profile-fields__field--value {
// font-size: 14px;

View File

@ -1,6 +1,6 @@
import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ElementRef } from '@angular/core';
import { HttpErrorResponse } from '@angular/common/http';
import { faUser, faHourglassHalf, faUserCheck, faExclamationTriangle, faLink } from "@fortawesome/free-solid-svg-icons";
import { faUser, faHourglassHalf, faUserCheck, faExclamationTriangle, faLink, faLock } from "@fortawesome/free-solid-svg-icons";
import { faUser as faUserRegular } from "@fortawesome/free-regular-svg-icons";
import { Observable, Subscription } from 'rxjs';
import { Store } from '@ngxs/store';
@ -29,6 +29,7 @@ export class UserProfileComponent extends BrowseBase {
faUserCheck = faUserCheck;
faExclamationTriangle = faExclamationTriangle;
faLink = faLink;
faLock = faLock;
displayedAccount: Account;
hasNote: boolean;

View File

@ -26,7 +26,7 @@ export interface Account {
username: string;
acct: string;
display_name: string;
locked: string;
locked: boolean;
created_at: string;
followers_count: number;
following_count: number;