sabium-framework/app.component.html

<header>
    <div class="navbar-fixed">
        <nav class="light-blue darken-3">
            <div class="nav-wrapper">
                <a href="#!" class="brand-logo"><img [src]="logotipo" class="logotipo"> {{title}}</a>
                <ul class="right hide-on-med-and-down">
                    <li><a class="waves-effect waves-light" [routerLink]="['/principal']">{{ 'i18n.Principal.titulo' | translatePipe | async }}</a></li>

                    <li [hidden]="!mostrarErro"><a [routerLink]="['/principal']">{{ 'i18n.menu.error' | translatePipe | async }}</a></li>

                    <li><a class="waves-effect waves-light" [routerLink]="['/pessoa']">Crud</a></li>
                    <li><a class="waves-effect waves-light" [routerLink]="['/filter']">Filter</a></li>
                    <li><a class="waves-effect waves-light" [routerLink]="['/report']">Report</a></li>
                    <li><a class="waves-effect waves-light" [routerLink]="['/form']">Form</a></li>
                    <li><a class="waves-effect waves-light" [routerLink]="['/breadcrumb']">BreadCrumb</a></li>
                    <li><a class="waves-effect waves-light" [routerLink]="['/entity']">Entity</a></li>
                    <li><a class="waves-effect waves-light" [routerLink]="['/sass']">Sass</a></li>
                    <li><a class="waves-effect waves-light" [routerLink]="['/draganddrop']">Drag And Drop</a></li>
                    <li><a class="waves-effect waves-light" [routerLink]="['/graphics']">Graphics</a></li>
                    <li><a class="waves-effect waves-light" (click)="alterarMostrarErro()">{{tituloVersao}}: {{versao}}</a></li>
                    <li><a class="waves-effect waves-light">{{tituloVersao}}: {{versao}}</a></li>
                </ul>
            </div>
        </nav>
    </div>
</header>

<main>
    <ul id="slide-out" class="side-nav fixed">
        <li><a href="#an-sbm-input-text">Input Text</a></li>
        <li><a href="#an-sbm-input-mask">Input Mask</a></li>
        <li><a href="#an-sbm-input-password">Input Password</a></li>
        <li><a href="#sbm-input-email">Input E-mail</a></li>
        <li><a href="#sbm-input-telefone">Input Telefone</a></li>
        <li><a href="#sbm-input-cep">Input Cep</a></li>
        <li><a href="#an-sbm-pdf">Pdf</a></li>
        <li><a href="#sbm-calc">Calculadora</a></li>
        <li><a href="#sbm-monitor">Monitor</a></li>
        <li><a href="#sbm-relatorios">Relatórios</a></li>
        <li><a href="#sbm-parameters">Parâmetros</a></li>
        <sbm-bookmark app="APP1"></sbm-bookmark>
    </ul>

    <div class='container-full' style='padding: 0 25px;'>
        <!-- <h1><img [src]="logotipo" class="logotipo"> {{title}}</h1>
        <span class="versao">{{tituloVersao}}: {{versao}}</span> -->

        <sbm-breadcrumb></sbm-breadcrumb>
        <!--<sbm-breadcrumb-crud></sbm-breadcrumb-crud>-->
        <router-outlet></router-outlet>
    </div>
</main>

<ng2-slim-loading-bar height="4px"></ng2-slim-loading-bar>