login.html 1.88 KB
<div class="modal-header">
  <h3 class="modal-title">{{"auth.title" | translate}}</h3>
</div>
<div class="modal-body">
  <form>
    <div class="form-group">
      <label for="email">{{"auth.form.login" | translate}}</label>
      <input type="text" class="form-control" id="email" placeholder="{{'auth.form.login' | translate}}" ng-model="vm.credentials.username">
    </div>
    <div class="form-group">
      <label for="passwd">{{"auth.form.password" | translate}}</label>
      <input type="password" class="form-control" id="passwd" placeholder="{{'auth.form.password' | translate}}" ng-model="vm.credentials.password">
    </div>
    <div class="form-inline">
      <div class="checkbox">
        <label>
          <input type="checkbox" > {{"auth.form.keepLoggedIn" | translate}}
        </label>
      </div>
      <div class="pull-right">
        <a data-dismiss="modal-dialog">{{"auth.form.forgotPasswd" | translate}}</a>
      </div>
    </div>
    <button type="submit" class="btn btn-default btn-block" ng-click="vm.login()">{{"auth.form.login_button" | translate}}</button>
  </form>
  <div class="strike">
    <span>
      {{"auth.social.alternative" | translate}}
    </span>
  </div>
  <div class="text-center">
    <span>{{"auth.social.connectWith" | translate}}</span>

    <div id="oauth-block">
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle fa-stack-2x"></i>
        <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
      </span>
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle fa-stack-2x"></i>
        <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
      </span>
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle fa-stack-2x"></i>
        <i class="fa fa-google-plus fa-stack-1x fa-inverse"></i>
      </span>
    </div>
    <div id="create-account">
      <a href="">{{"auth.createAccount" | translate}}</a>
    </div>
  </div>
</div>