added account icons

This commit is contained in:
Nicolas Constant 2019-03-19 00:21:00 -04:00
parent 5376ce0703
commit 4c31e58e47
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
3 changed files with 32 additions and 3 deletions

View File

@ -5,6 +5,10 @@
<!-- <div class="account__display-avatar"> -->
<img class="account__avatar" src="{{account.avatar}}" title="{{ account.info.id }} " />
<!-- </div> -->
<a href class="account__header--button"><fa-icon [icon]="faEnvelope"></fa-icon></a>
<a href class="account__header--button"><fa-icon [icon]="faAt"></fa-icon></a>
<a href class="account__header--button"><fa-icon [icon]="faBell"></fa-icon></a>
<a href class="account__header--button"><fa-icon [icon]="faUser"></fa-icon></a>
</div>
<div class="account__body flexcroll">

View File

@ -2,7 +2,7 @@
@import "panel";
@import "commons";
$account-header-height: 55px;
$account-header-height: 60px;
.panel {
padding-left: 0px;
@ -17,6 +17,23 @@ $account-header-height: 55px;
padding-bottom: 5px;
height: $account-header-height; //border-top: 1px solid #222736;
border-bottom: 1px solid #222736;
&--button{
// outline: 1px greenyellow solid;
margin-top: 15px;
width: 35px;
height: 35px;
float: right;
margin-left: 5px;
font-size: 24px;
color: whitesmoke;
padding-left: 6px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
} // &__display-avatar {
// text-align: center;
// margin-bottom: 30px;

View File

@ -1,7 +1,10 @@
import { Component, OnInit, Input } from '@angular/core';
import { StreamElement, StreamTypeEnum, AddStream, RemoveAllStreams } from '../../../states/streams.state';
import { Store } from '@ngxs/store';
import { AccountsStateModel, AccountInfo, RemoveAccount } from '../../../states/accounts.state';
import { faAt } from "@fortawesome/free-solid-svg-icons";
import { faBell, faEnvelope, faUser, } from "@fortawesome/free-regular-svg-icons";
import { StreamElement, StreamTypeEnum, AddStream, RemoveAllStreams } from '../../../states/streams.state';
import { RemoveAccount } from '../../../states/accounts.state';
import { AccountWrapper } from '../../../models/account.models';
import { NavigationService } from '../../../services/navigation.service';
import { NotificationService } from '../../../services/notification.service';
@ -12,6 +15,11 @@ import { NotificationService } from '../../../services/notification.service';
styleUrls: ['./manage-account.component.scss']
})
export class ManageAccountComponent implements OnInit {
faAt = faAt;
faBell = faBell;
faEnvelope = faEnvelope;
faUser = faUser;
@Input() account: AccountWrapper;
availableStreams: StreamElement[] = [];