Sengi-Windows-MacOS-Linux/src/app/components/left-side-bar/left-side-bar.component.html

<div class="left-bar">
    <a class="left-bar-button left-bar-button--status left-bar-link" href title="write new message" (click)="createNewStatus()" (contextmenu)="createNewStatus()" *ngIf="hasAccounts">
        <fa-icon [icon]="faCommentAlt"></fa-icon>
        <!-- <ion-icon name="md-send"></ion-icon> -->
    </a>
    <a class="left-bar-button left-bar-button--search left-bar-link" href title="search" (click)="openSearch()" (contextmenu)="openSearch()" *ngIf="hasAccounts">
        <ion-icon name="md-search"></ion-icon>
    </a>

    <div *ngFor="let account of accounts">
        <app-account-icon [account]="account" (toogleAccountNotify)="onToogleAccountNotify($event)" (openMenuNotify)="onOpenMenuNotify($event)">
        </app-account-icon>
    </div>

    <a class="left-bar-button left-bar-button--add left-bar-link" [ngClass]="{'no-accounts': hasAccounts === false }" href title="add new account" (click)="addNewAccount()" (contextmenu)="addNewAccount()">
        <ion-icon name="md-add"></ion-icon>
    </a>

    <a class="left-bar-button left-bar-button--cog left-bar-link" href title="settings" (click)="openSettings()" (contextmenu)="openSettings()" *ngIf="hasAccounts">
        <ion-icon name="md-cog"></ion-icon>
    </a>
</div>