unserver-unify/src/app/login/login_page.html

<style>
  .err_msg {
    color: red;
    margin-left: 2%;
    margin-top: 2%;
  }
</style>
<div class="overlap_bg" ng-controller="LoginPageCtrl as ctrl">
  <div class="overlay_bg"></div>
  <div class="header">
    <div id="header" ng-class="{'header_arrow_aln':fullwidth,'container-fluid':fullwidth,'container':!fullwidth}" class="container">
      <!-- Logo -->
      <!-- ngIf: !hideHeader -->
      <a class="logo" id="bambooMainLogo" ng-class="{'wisdom_logo':loginService.subDomain=='wisdom'}" ng-if="!hideHeader" ui-sref="index.home" href="#/home">
        <title >
          STEC
        </title>
        <!--<img alt="Logo" src="//edusharesg.oss-ap-southeast-1.aliyuncs.com/public/resg/school/5472ff23fc4e2ad45341ca39/34290cl.jpg">-->
        <img alt="Logo" ng-src="{{ ctrl.logoUrl }}" />
      </a>
    </div>
    <!--/end container-->
  </div>
  <div class="margin-bottom-60"></div>
  <div class="container">
    <div class="col-md-12">
      <div class="row" style="background: #e0f1f5; padding-top:15px; box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);">
        <div class="col-xs-12 col-sm-8">
          <img style="width:100%;" class="margin-bottom-20" ng-src="{{ currentSchool.photo ? ctrl.imageUrlPrefix + currentSchool.photo : 'assets/images/b-chinese.jpg'}}">
        </div>
        <div class="col-xs-12 col-sm-4 sg_form">
          <h2>
            STEC Login
          </h2>
          <br>

          <form class="m-t" ng-submit="loginSubmit()" ng-class='{"shake":shaking}' name="form" novalidate="">
            <div class="form-group" ng-class='{"has-error":form.loginname.$invalid && submitted}'>
              <input class="form-control" name="loginname" ng-model="login.name" ng-change="clearErrorMsg()" placeholder="{{ 'Username' | translate }}" required="" type="text" />
              <div ng-show="form.loginname.$invalid && submitted" class="err_msg">Username is required</div>
            </div>
            <div class="form-group" ng-class='{"has-error":form.password.$invalid && submitted}'>
              <input class="form-control" name="password" ng-model="login.pass" ng-change="clearErrorMsg()" placeholder="{{ 'Password' | translate }}" required="" type="password" />
              <div ng-show="form.password.$invalid && submitted" class="err_msg">Password is required</div>
            </div>
            <div class="form-group font-size-12" style="line-height:26px; margin-bottom:20px;">
              <input ng-model="agreeFlag" type="checkbox" /> {{"I have read and agree to these"|translate}}
              <a ui-sref="index.agreement" translate="">
              terms and conditions
            </a> .
            </div>
            <div class="form-group alert alert-danger" ng-if="LOGINERROR" translate="">
              Incorrect user ID or password. Type the correct user ID and password, and try again.
            </div>
            <!--a class="btn" href="{{ctrl.wsfedUrl}}" translate>
            Login
          </a -->
            <button class="btn btn-u pull-right margin-bottom10" ng-disabled="!agreeFlag" type="submit" translate>login</button>
            <div class="clearfix">
            </div>
            <div class="font-size-12">
              <a class="pull-right" translate="" ui-sref="index.request-reset-pwd">
              Forgot Password?
            </a>
            </div>
            <!--button ng-if="agreeFlag" type="submit" class="btn btn-primary block pull-right m-b" style="margin-bottom:22px;" translate>Login</button>
          <a ui-sref='index.request-reset-pwd' class="btn btn-default pull-left" translate>Forgot Password?
        </a-->
          </form>
          </br>
        </div>
      </div>
    </div>
  </div>
  <div class="mobile_splash">
    <div class="col-lg-12 text-right">
      <small>
        {{ctrl.COM_RIGHT}}
      </small>
    </div>
  </div>
</div>