@openveo/portal/assets/views/loginForm.html

OpenVeo Portal gives access to medias exposed by OpenVeo server associated to an OpenVeo Publish plugin

<div class="login-form">
  <div layout="column" layout-align="center center" ng-if="loginCtrl.hasExternal">
    <p class="md-caption" ng-bind="'LOGIN.CONNECT_WITH' | translate"></p>

    <md-button class="text-button lowercase-button cas-button"
               aria-label="{{'LOGIN.CAS' | translate}}"
               ng-bind="'LOGIN.CAS' | translate"
               ng-if="loginCtrl.hasCas"
               target="_self"
               href="/ws/authenticate/cas"
               analytics-on="click"
               analytics-event="Login">
    </md-button>
  </div>

  <form name="loginForm" ng-if="loginCtrl.hasInternal">
    <div layout="column" layout-align="center stretch">
      <p class="md-caption" ng-bind="'LOGIN.CONNECT_OR' | translate" ng-if="loginCtrl.hasExternal"></p>

      <!-- Login field -->
      <md-input-container md-no-float class="login-field">
        <input ng-model="loginCtrl.login" type="text" placeholder="{{'LOGIN.LOGIN_FIELD' | translate}}" ng-required="true" name="login">
        <div ng-messages="loginForm.login.$error">
          <div ng-message="required"><!-- Hack to avoid mdInput warning about animation --></div>
        </div>
      </md-input-container>

      <!-- Password field -->
      <md-input-container md-no-float class="password-field">
        <input ng-model="loginCtrl.password" type="password" placeholder="{{'LOGIN.PASSWORD_FIELD' | translate}}" ng-required="true" name="password">
        <div ng-messages="loginForm.password.$error">
          <div ng-message="required"><!-- Hack to avoid mdInput warning about animation --></div>
        </div>
      </md-input-container>

      <div class="submit-button">
        <md-button class="text-button lowercase-button md-raised md-primary"
                   aria-label="{{'LOGIN.SUBMIT' | translate}}"
                   ng-bind="'LOGIN.SUBMIT' | translate"
                   ng-click="loginCtrl.signIn();"
                   ng-disabled="loginCtrl.isLogging">
        </md-button>
      </div>

      <p ng-show="loginCtrl.hasError"
         class="md-caption error"
         role="alert"
         ng-bind="'LOGIN.ERROR' | translate">
      </p>

    </div>
  </form>
</div>