funky-framadate-front/src/app/ui/navigation/navigation.component.html

<nav class="choices">
    <a
        [routerLink]="'home'"
        [ngClass]="{'active': step == 'home'}"
        i18n
    >
        <i class="fa fa-home"></i>
    </a>
    <a
        [routerLink]="'/step/creation'"
        [ngClass]="{'active': step == 'creation'}"
        i18n
    >
        Création
    </a>
    <a
        [routerLink]="'/step/date'"
        [ngClass]="{'active': step == 'date'}"
        i18n
    >
        Les Dates
    </a>
    <a
        [routerLink]="'/step/answers'"
        [ngClass]="{'active': step == 'answers'}"
        i18
    >
        Réponses
    </a>
    <a
        [routerLink]="'/step/visibility'"
        [ngClass]="{'active': step == 'visibility'}"
        i18n
    >
        Visibilité
    </a>
    <a
        [routerLink]="'/step/base'"
        [ngClass]="{'active': step == 'base'}"
        i18n
    >
        Base
    </a>
    <a
        [routerLink]="'/step/pictures'"
        [ngClass]="{'active': step == 'pictures'}"
        i18n
    >
        Images
    </a>
    <a
        [routerLink]="'/step/resume'"
        [ngClass]="{'active': step == 'resume'}"
        i18n
    >
        Résumé
    </a>
    <a
        [routerLink]="'/step/end'"
        [ngClass]="{'active': step == 'end'}"
        i18n
    >
        Confirmation
    </a>
    <a
        [routerLink]="'/step/kind'"
        [ngClass]="{'active': step == 'kind'}"
        i18n
    >
        Page démo
    </a>
    <a [routerLink]="'/vote/poll/id/3'" i18n>
        Sondage dessins animés
    </a>
    <a
        [routerLink]="'/graphic/toto'"
        [ngClass]="{'active': step == 'graphic'}"
        i18n
    >
        Graphique
    </a>
    <a
        [routerLink]="'/step/admin'"
        i18n
    >
        Administration
    </a>
    <a
        [routerLink]="'/home'"
        i18n
    >
        Accueil
    </a>
</nav>