UNPKG

ode-csslib-panda-manche

Version:

Panda theme by Open Digital Education

99 lines (94 loc) 3.15 kB
<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>