ode-csslib-openent/dist/template/auth/forgot-form.html

Open ENT theme by Open Digital Education

<section class="main">
  <div class="panel">
    <img class="logo absolute" src="/assets/themes/[[currentTheme.child]]/img/illustrations/logo.png" alt="Logo de l'ENT">
    <h1 translate content="auth.forgot.header"></h1>
    <p class="warning" ng-if="error" translate content="[[error]]"></p>

    <div class="content">
      <h4><i18n>auth.forgot.text</i18n></h4>

      <h2
        ng-click="showWhat = showWhat === 'forgotPassword' ? null : 'forgotPassword'"
      >
        <a><i18n>auth.lost.password</i18n></a>
      </h2>
      <div ng-if="showWhat === 'forgotPassword'" ng-init="user.mail = ''">
        <p><i18n>auth.lost.password.text</i18n></p>
        <div class="row">
          <form
            class="nostyle rowstyle"
            method="post"
            name="forgotPasswordForm"
            ng-submit="forgotPassword(user.login, 'mail')"
          >
            <p>
              <label translate content="auth.email"></label>
              <input
                type="text"
                name="login"
                ng-keydown="noSpace($event)"
                ng-change="noUpperCase()"
                ng-model="user.login"
                required
              />
            </p>
            <input
              type="submit"
              translate
              attr="value"
              value="auth.forgot.send"
              ng-disabled="!canSubmitForgotForm(forgotPasswordForm.$valid)"
            />
          </form>
        </div>
      </div>

      <h2 ng-click="showWhat = showWhat === 'forgotId' ? null : 'forgotId'">
        <a><i18n>auth.lost.id</i18n></a>
      </h2>
      <div
        ng-if="showWhat === 'forgotId'"
        ng-init="user.login = ''; user.mode = 'id'"
      >
        <i18n>auth.lost.id.text</i18n>
        <div class="row">
          <form
            class="nostyle rowstyle"
            method="post"
            name="forgotForm"
            ng-submit="forgot('mail')"
          >
            <p ng-if="shouldAskForPwd()">
              <label translate content="auth.email"></label>
              <input
                type="text"
                name="login"
                ng-keydown="noSpace($event)"
                ng-change="noUpperCase()"
                ng-model="user.login"
                required
              />
            </p>

            <p ng-if="shouldAskForEmail()">
              <label translate content="auth.mail"></label>
              <input type="email" name="mail" ng-model="user.mail" required />
            </p>
            <p ng-if="shouldAskForNameAndStructure()" class="row no-margin">
              <label
                translate
                content="auth.info.firstName"
                class="no-margin"
              ></label>
              <input
                type="text"
                name="firstName"
                ng-model="user.firstName"
                required
                class="no-margin"
              />
            </p>
            <p ng-if="shouldAskForNameAndStructure()">
              <label translate content="auth.info.structure"></label>
              <select
                ng-options="structure.structureId as structure.structureName for structure in structures | orderBy: 'name'"
                ng-model="user.structureId"
                required
              ></select>
            </p>
            <input
              type="submit"
              translate
              attr="value"
              value="auth.forgot.send"
              ng-disabled="forgotForm.$invalid"
            />
          </form>
        </div>
      </div>

      <form
        class="row centered-text nostyle button-bar"
        method="get"
        action="/auth/login"
      >
        <button
          class="right-magnet"
          translate
          content="auth.back.to.login"
        ></button>
      </form>
    </div>
  </div>
</section>