framadate-responsive/src/app/form-container/form-container.component.html

<div class="description">
  <router-outlet></router-outlet>
  <h2 class="title" i18n>
    titre de question
  </h2>
  <span class="pre-selector" i18n>

  blah blah
  </span>
  <select id="selector" name="selector">
    <option value="yes">
      oui
    </option>
    <option value="no">
      non
    </option>
  </select>
  <span class="post-selector">

  blah blah blah.
  </span>

  <hr>
  <span i18n>
  Choix cornélien:
  </span>
<!--  todo: factoriser les boutons-->
  <button
    (click)="selectOption('poll_type' , 'classic')"
    [class.active]="pollConfig.type_classic"
    [disabled]="!formIsValid"
    class="btn btn-primary next"
  >
    <span i18n>
    sondage classique
    </span>
    <span *ngIf="pollConfig.poll_type == 'classic'">
      [x]
    </span>

  </button>
  <button
    (click)="selectOption('poll_type' ,'dates')"
    [class.active]="pollConfig.type_dates"
    [disabled]="!formIsValid"
    class="btn btn-primary next"
  >
    <span i18n>
    sondage spécial date
    </span>
    <span *ngIf="pollConfig.poll_type == 'dates'">
      [x]
    </span>

  </button>

</div>
<hr>
<framadate-navigation></framadate-navigation>
<hr>
<div class="well debug">
  <strong>

  <span i18n>
    infos de debug
  </span>
  </strong>
  <ul>
    <li>
      étape actuelle {{progressionStep}} / {{progressionStepMax}}
    </li>
    <li>
      formulaire valide : {{formIsValid}}
    </li>
    <li>
      type de formulaire: {{pollConfig.poll_type}}
    </li>
    <li>
      pollConfig:
      <pre>
      {{pollConfig|json}}
      </pre>
    </li>
  </ul>
</div>