ode-csslib-panda-manche/dist/template/auth/activation-form.html

Panda theme by Open Digital Education

<div class="absolute">
  <div class="centered container row">
    <img class="logo" src="/assets/themes/[[currentTheme.child]]/img/illustrations/logo.png" alt="Logo de l'ENT">
    <section class="main">
      <div class="welcome-text" ng-if="!welcome.hideContent">
        <div class="row">
          <div class="twelve cell" bind-html="welcome.content"></div>
        </div>
      </div>

      <div class="panel">
        <h1>
          <img src="/auth/public/img/auth.png" /><span
            translate
            content="auth.activation.header"
          ></span>
        </h1>
        <p class="warning" translate content="[[error]]" ng-if="error"></p>

        <form
          method="post"
          ng-submit="activate()"
          name="activationForm"
          novalidate
        >
          <div class="bottom-spacing-three">
            <h2 translate content="auth.email"></h2>
            <h3 class="horizontal-spacing-twice"><em>[[user.login]]</em></h3>
          </div>
          <div>
            <label translate content="auth.activation.password"></label>
            <input-password
              required
              ng-pattern="passwordRegex"
              ng-model="user.password"
              ng-change="refreshInput(activationForm, 'confirmPassword')"
              name="password"
              ng-trim="false"
              tabindex="1"
            ></input-password>
            <p
              class="input-errors"
              ng-if="activationForm.password.$invalid && activationForm.password.$dirty"
            >
              <i18n>password.errors</i18n><br />
              <span ng-repeat="(key, value) in activationForm.password.$error">
                <label ng-if="value">[[lang.translate(key)]]</label>
              </span>
            </p>
            <label translate content="auth.activation.confirm.password"></label>
            <input-password
              required
              ng-model="user.confirmPassword"
              name="confirmPassword"
              ng-trim="false"
              tabindex="2"
            ></input-password>
            <p
              class="input-errors"
              ng-if="user.password !== '' && user.confirmPassword && user.confirmPassword !== '' && user.confirmPassword !== user.password"
            >
              <i18n>password.identical</i18n>
            </p>
          </div>

          <div class="clearfix">
            <label translate content="auth.mail"></label>
            <input
              type="email"
              name="mail"
              ng-model="user.email"
              ng-required="mandatory.mail"
              tabindex="3"
            />
            <p
              class="input-errors"
              ng-if="activationForm.mail.$invalid && activationForm.mail.$dirty"
            >
              <span ng-repeat="(key, value) in activationForm.mail.$error">
                <label ng-if="value">[[lang.translate(key)]]</label>
              </span>
            </p>

            <label translate content="auth.phone"></label>
            <input
              type="tel"
              ng-pattern="phonePattern"
              name="phone"
              ng-model="user.phone"
              ng-required="mandatory.phone"
              tabindex="4"
            />
            <p
              class="input-errors"
              ng-if="activationForm.phone.$invalid && activationForm.phone.$dirty"
            >
              <span ng-repeat="(key, value) in activationForm.phone.$error">
                <label ng-if="value">[[lang.translate(key)]]</label>
              </span>
            </p>
          </div>
          <div class="clearfix vertical-spacing-four" ng-if="cgu">
            <input
              type="checkbox"
              ng-model="user.acceptCGU"
              style="margin: 0"
              value="true"
              tabindex="5"
              required
            />&nbsp;&nbsp;
            <a
              href="[[lang.translate('auth.charter')]]"
              target="_blank"
              translate
              content="label.accept.cgu"
              style="display: inline"
            ></a>
          </div>

          <div class="clearfix">
            <input
              type="submit"
              translate
              attr="value"
              value="auth.activate"
              ng-disabled="activationForm.$invalid"
              tabindex="6"
            />
            <a
              href="/auth/login"
              target="_self"
              class="right cell"
              translate
              content="auth.cancel"
            ></a>
          </div>
          <div class="clear"></div>
        </form>
      </div>
    </section>
  </div>
</div>