ode-csslib-panda-manche
Version:
Panda theme by Open Digital Education
99 lines (94 loc) • 3.15 kB
HTML
<div class="auth">
<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 login"
ng-class="{ 'lonely-panel': welcome.hideContent }"
>
<h1>
<img src="/auth/public/img/auth.png" /><span
translate
content="auth.forgot.header"
></span>
</h1>
<p class="warning" ng-if="error" translate content="[[error]]"></p>
<form 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>
<div class="flex-magnet-container" style="padding-top: 12px">
<div>
<a
href="/auth/forgot#/id"
ng-if="shouldAskForPwd()"
translate
content="missing.id"
></a>
<a
href="/auth/forgot#/password"
ng-if="shouldAskForEmail()"
translate
content="missing.password"
></a>
<a
href="/auth/login"
class="right cell"
translate
content="auth.cancel"
></a>
</div>
<input
type="submit"
translate
attr="value"
value="auth.forgot.send"
ng-disabled="forgotForm.$invalid"
class="flex-magnet-bottom-right"
/>
</div>
<div class="clear"></div>
</form>
</div>
</section>
</div>
</div>