ode-csslib-panda-nc/dist/template/auth/login-form.html

Panda theme by Open Digital Education

<div>
  <div class="centered container row">
    <img class="logo" src="/assets/themes/[[currentTheme.child]]/img/illustrations/logo.png" alt="Logo de l'ENT">

    <div ng-if="!browser" class="browser">
      <h1><i18n>browser.not.supported.title</i18n></h1>
      <p><i18n>browser.not.supported.download</i18n></p>
      <p class="download">
        <a href="https://www.google.fr/chrome/browser/desktop/" target="_blank">
          <img src="/auth/public/img/chrome_logo.png" />
        </a>
        <a href="https://www.mozilla.org/fr/firefox/new/" target="_blank">
          <img src="/auth/public/img/firefox_logo.png" />
        </a>
        <a
          href="http://windows.microsoft.com/fr-fr/internet-explorer/download-ie"
          target="_blank"
        >
          <img src="/auth/public/img/msie_logo.png" />
        </a>
      </p>
    </div>

    <div ng-if="browser && browser.outdated" class="browser">
      <h1><i18n>browser.outdated.title</i18n></h1>
      <p><i18n>browser.outdated.update</i18n></p>
      <p class="update">
        <a
          href="https://www.google.fr/chrome/browser/desktop/"
          target="_blank"
          ng-if="browser.browser === 'Chrome'"
        >
          <img src="/auth/public/img/chrome_logo.png" />
        </a>
        <a
          href="https://www.mozilla.org/fr/firefox/new/"
          target="_blank"
          ng-if="browser.browser === 'Firefox'"
        >
          <img src="/auth/public/img/firefox_logo.png" />
        </a>
        <a
          href="http://windows.microsoft.com/fr-fr/internet-explorer/download-ie"
          target="_blank"
          ng-if="browser.browser === 'MSIE'"
        >
          <img src="/auth/public/img/msie_logo.png" />
        </a>
        <a
          href="https://www.apple.com/fr/safari/"
          target="_blank"
          ng-if="browser.browser === 'Safari'"
        >
          <img src="/auth/public/img/safari_logo.png" />
        </a>
      </p>
      <p><i18n>browser.outdated.download</i18n></p>
      <p class="download">
        <a
          href="https://www.google.fr/chrome/browser/desktop/"
          target="_blank"
          ng-if="browser.browser !== 'Chrome'"
        >
          <img src="/auth/public/img/chrome_logo.png" />
        </a>
        <a
          href="https://www.mozilla.org/fr/firefox/new/"
          target="_blank"
          ng-if="browser.browser !== 'Firefox'"
        >
          <img src="/auth/public/img/firefox_logo.png" />
        </a>
        <a
          href="http://windows.microsoft.com/fr-fr/internet-explorer/download-ie"
          target="_blank"
          ng-if="browser.browser !== 'MSIE'"
        >
          <img src="/auth/public/img/msie_logo.png" />
        </a>
      </p>
    </div>

    <section class="main">
      <div class="row"></div>
      <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 login"
        ng-class="{ 'lonely-panel': welcome.hideContent }"
      >
        <h1>
          <img src="/auth/public/img/auth.png" /><span
            translate
            content="auth.header"
          ></span>
        </h1>
        <p class="warning" translate content="[[error]]" ng-if="error"></p>
        <form method="post" action="/auth/login">
          <p>
            <label translate content="auth.email"></label>
            <input
              type="text"
              ng-model="user.email"
              ng-keydown="noSpace($event)"
              ng-change="noUpperCase()"
              name="email"
              id="email"
              autofocus
              tabindex="1"
            />
          </p>
          <p>
            <label translate content="auth.password"></label>
            <input-password
              type="password"
              ng-model="user.password"
              name="password"
              id="password"
              tabindex="2"
            ></input-password>
          </p>
          <p>
            <input
              type="checkbox"
              ng-model="user.rememberMe"
              name="rememberMe"
              id="rememberMe"
              value="true"
            />
            <label
              translate
              content="auth.remember.me"
              style="display: inline"
            ></label>
          </p>
          <div class="flex-magnet-container">
            <div>
              <a
                class="forgot-link"
                href="/auth/forgot#/password"
                translate
                content="missing.password"
              ></a>
              <a
                class="forgot-link"
                href="/auth/forgot#/id"
                translate
                content="missing.id"
              ></a>
            </div>
            <input
              type="submit"
              translate
              attr="value"
              value="auth.login"
              tabindex="3"
              class="vertical-spacing flex-magnet-bottom-right"
            />
          </div>
          <input type="hidden" name="callBack" ng-value="callBack" />
          <input type="hidden" name="details" ng-value="details" />
        </form>
        <div style="clear: both"></div>
      </div>
    </section>
  </div>
</div>