funky-framadate-front/src/app/pages/visibility/visibility.component.html

<h1 i18n>
    {{"visibility.top_txt"|translate}}
</h1>
<section class="answers">

    <h2>
        {{"visibility.title"|translate}}
    </h2>
    <span>
    {{"visibility.visibility_want"|translate}}
    </span>
    <select
        name="visible_people"
        id="visible_people"
        [(ngModel)]="config.visibility"
    >
        <option value="link">
            {{"visibility.visibility_link"|translate}}
        </option>
        <option value="only_me">
            {{"visibility.visibility_nobody"|translate}}
        </option>
    </select>
    <span>
    {{"visibility.visibility_see"|translate}}
    </span>

</section>

<section class="possible_votes">
    <h2>
        {{"visibility.votes"|translate}}
    </h2>
    <span>
    {{"visibility.votes_possible"|translate}}
    </span>
    <select
        name="votes"
        id="votes"
        [(ngModel)]="config.visibility"
    >
        <option value="only_yes">
            {{"visibility.votes_possible_single"|translate}}
        </option>
        <option value="normal">
            {{"visibility.votes_possible_normal"|translate}}
        </option>
        <option value="full">
            {{"visibility.votes_possible_full"|translate}}
        </option>
    </select>
</section>
<section class="expiracy">
    <span>
        {{"visibility.archiving"|translate}}
    </span>

    {{"visibility.archiving_start"|translate}}
    {{"visibility.archiving_can"|translate}}
    {{"visibility.archiving_can_not"|translate}}
    {{"visibility.archiving_end"|translate}}


</section>
<section class="access">
    <h1>
        {{"visibility.access"|translate}}
    </h1>
    {{"visibility.access_want"|translate}}
    {{"visibility.access_want_yes"|translate}}
    {{"visibility.access_want_no"|translate}}
    {{"visibility.access_protect"|translate}}

</section>

<a [routerLink]="'/step/end'" class="btn btn--primary" i18n="@@confirm">C'est parfait!</a>