added account icons
This commit is contained in:
parent
5376ce0703
commit
4c31e58e47
|
@ -5,6 +5,10 @@
|
||||||
<!-- <div class="account__display-avatar"> -->
|
<!-- <div class="account__display-avatar"> -->
|
||||||
<img class="account__avatar" src="{{account.avatar}}" title="{{ account.info.id }} " />
|
<img class="account__avatar" src="{{account.avatar}}" title="{{ account.info.id }} " />
|
||||||
<!-- </div> -->
|
<!-- </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>
|
||||||
|
|
||||||
<div class="account__body flexcroll">
|
<div class="account__body flexcroll">
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
@import "panel";
|
@import "panel";
|
||||||
@import "commons";
|
@import "commons";
|
||||||
|
|
||||||
$account-header-height: 55px;
|
$account-header-height: 60px;
|
||||||
|
|
||||||
.panel {
|
.panel {
|
||||||
padding-left: 0px;
|
padding-left: 0px;
|
||||||
|
@ -17,6 +17,23 @@ $account-header-height: 55px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
height: $account-header-height; //border-top: 1px solid #222736;
|
height: $account-header-height; //border-top: 1px solid #222736;
|
||||||
border-bottom: 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 {
|
} // &__display-avatar {
|
||||||
// text-align: center;
|
// text-align: center;
|
||||||
// margin-bottom: 30px;
|
// margin-bottom: 30px;
|
||||||
|
|
|
@ -1,7 +1,10 @@
|
||||||
import { Component, OnInit, Input } from '@angular/core';
|
import { Component, OnInit, Input } from '@angular/core';
|
||||||
import { StreamElement, StreamTypeEnum, AddStream, RemoveAllStreams } from '../../../states/streams.state';
|
|
||||||
import { Store } from '@ngxs/store';
|
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 { AccountWrapper } from '../../../models/account.models';
|
||||||
import { NavigationService } from '../../../services/navigation.service';
|
import { NavigationService } from '../../../services/navigation.service';
|
||||||
import { NotificationService } from '../../../services/notification.service';
|
import { NotificationService } from '../../../services/notification.service';
|
||||||
|
@ -12,6 +15,11 @@ import { NotificationService } from '../../../services/notification.service';
|
||||||
styleUrls: ['./manage-account.component.scss']
|
styleUrls: ['./manage-account.component.scss']
|
||||||
})
|
})
|
||||||
export class ManageAccountComponent implements OnInit {
|
export class ManageAccountComponent implements OnInit {
|
||||||
|
faAt = faAt;
|
||||||
|
faBell = faBell;
|
||||||
|
faEnvelope = faEnvelope;
|
||||||
|
faUser = faUser;
|
||||||
|
|
||||||
@Input() account: AccountWrapper;
|
@Input() account: AccountWrapper;
|
||||||
|
|
||||||
availableStreams: StreamElement[] = [];
|
availableStreams: StreamElement[] = [];
|
||||||
|
|
Loading…
Reference in New Issue