<header>
    <div class="left">
        <a routerLink="/tabs/settings">
            <span class="header-icon"><i class="fa fa-chevron-left" aria-hidden="true"></i></span>
            <span>{{'back' | i18n}}</span>
        </a>
    </div>
    <div class="center">
        <span class="title">{{'folders' | i18n}}</span>
    </div>
    <div class="right">
        <button appBlurClick (click)="addFolder()" appA11yTitle="{{'addFolder' | i18n}}">
            <i class="fa fa-plus fa-lg fa-fw" aria-hidden="true"></i>
        </button>
    </div>
</header>
<content>
    <div class="box list full-list" *ngIf="folders && folders.length">
        <div class="box-content">
            <a href="#" appStopClick (click)="folderSelected(f)" class="box-content-row padded"
                *ngFor="let f of folders">{{f.name}}</a>
        </div>
    </div>
    <div class="no-items" *ngIf="!folders || !folders.length">
        <p>{{'noFolders' | i18n}}</p>
    </div>
</content>
