Mastodon/Sengi-Windows-MacOS-Linux
1
0
Fork 0
mirror of https://github.com/NicolasConstant/sengi synced 2025-02-03 03:47:35 +01:00
Code Issues Releases Wiki Activity

added lock icon on account's profile

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/components/stream/user-profile/user-profile.component.html
View File

@ -13,7 +13,7 @@
<h2 class="profile__floating-header__names__display-name" <h2 class="profile__floating-header__names__display-name"
innerHTML="{{displayedAccount | accountEmoji }}" title="{{displayedAccount.display_name}}"></h2> innerHTML="{{displayedAccount | accountEmoji }}" title="{{displayedAccount.display_name}}"></h2>
<a class="profile__floating-header__names__fullhandle" href="{{displayedAccount.url}}" <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>
<div class="profile__floating-header__follow" *ngIf="relationship && !displayedAccount.moved"> <div class="profile__floating-header__follow" *ngIf="relationship && !displayedAccount.moved">
@ -118,7 +118,7 @@
<h2 class="profile-name__link profile-name__display-name" <h2 class="profile-name__link profile-name__display-name"
innerHTML="{{displayedAccount | accountEmoji }}" title="{{displayedAccount.display_name}}"></h2> innerHTML="{{displayedAccount | accountEmoji }}" title="{{displayedAccount.display_name}}"></h2>
<h2 class="profile-name__link profile-name__fullhandle"><a href="{{displayedAccount.url}}" <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>
<div class="profile-follows"> <div class="profile-follows">

6
src/app/components/stream/user-profile/user-profile.component.scss
View File

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

3
src/app/components/stream/user-profile/user-profile.component.ts
View File

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

2
src/app/services/models/mastodon.interfaces.ts
View File

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