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

<style>
  .err_msg {
    color: red;
    margin-left: 2%;
    margin-top: 2%;
  }
</style>
<div class="overlap_bg" ng-controller="OauthLoginCtrl 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-if="!hideHeader" ui-sref="index.home" href="#/home">
        <title >
          STEC
        </title>
        <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="{{ctrl.photoUrl}}">
        </div>
        <div class="col-xs-12 col-sm-4 sg_form">
          <h2>
            ThirdParty App Login
          </h2>
          <br>
          
          <strong>{{ctrl.client.owner}}</strong>-
          <em>{{ctrl.client.name}}</em>
          <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>
            <button class="btn btn-u pull-right margin-bottom10" ng-disabled="!agreeFlag" type="submit" translate>login</button>
            <div class="clearfix">
            </div>
          </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>