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

<div class="container overlap_bg" ng-controller="LoginCtrl as ctrl">
  <a class="pull-right" style="font-size: 20px; margin:10px; font-family: arial;" ui-sref="index.advertise">
    <i class="fa fa-times" style="color: red;">
    </i>
  </a>
  <div class="col-xs-12 text-center">
    <img ng-src="{{ ctrl.logoUrl }}" style="max-width: 60%; margin:15% 0 20px 0;"/>
  </div>
  <div class="col-xs-12 margin-top-30 mrgn_mbl_aln">
    <div>
      <form class="m-t" ng-submit="loginMe()" role="form">
        <label class="control-label" for="username">
          <span translate="">
            User Name
          </span>
          <span class="manditory">
            *
          </span>
        </label>
        <div class="form-group">
          <input class="form-control" ng-change="clearErrorMsg()" ng-model="login.name" placeholder="{{ 'Username' | translate }}" required="" type="text">
          </input>
        </div>
        <label class="control-label" for="password">
          <span translate="">
            Password
          </span>
          <span class="manditory">
            *
          </span>
        </label>
        <div class="form-group">
          <input class="form-control" ng-change="clearErrorMsg()" ng-model="login.pass" placeholder="{{ 'Password' | translate }}" required="" type="password">
          </input>
        </div>
        <div class="form-group login_popup" ng-if="currentSchool.parentFlag && loginService.school.homepage != 'genx'">
          {{'Login as' | translate }}
          <label class="radio-inline">
            <input name="optradio" ng-model="login.userType" translate="" type="radio" value="student">
              Student
            </input>
          </label>
          <label class="radio-inline">
            <input name="optradio" ng-model="login.userType" translate="" type="radio" value="parent">
              Parent
            </input>
          </label>
        </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 translate="" ui-sref="index.agreement">
              terms and conditions
            </a>
            .
          </input>
        </div>
        <div ng-if="MOBILE_LOGIN_ERROR" style="color:red;border:1px solid red;padding:2%;margin-bottom:2%;">
          {{ MOBILE_LOGIN_ERROR }}
        </div>

        <button class="btn btn-u pull-right margin-bottom10" ng-disabled="!agreeFlag" type="submit">
          <i class="glyphicon glyphicon-ok">
          </i>
          <span translate="">
            Login
          </span>
        </button>
        <div class="clearfix">
        </div>
        <div class="font-size-12">
          <a class="pull-left" ng-click="$dismiss()" ng-if="!currentSchool.disableRegistration" translate="" ui-sref="index.mobile.register">
            Create an Account?
          </a>
          <a class="pull-right" translate="" ui-sref="index.request-reset-pwd">
            Forgot Password?
          </a>
        </div>
        <hr/>
        <div class="col-xs-12 padding-left-0 text-center mobile_other_login" ng-class="{'disabled_link':!agreeFlag}" ng-if="currentSchool.thirdPartyLogin&&currentSchool.key!='sgpower'" style="margin-top:-25px;">
          <h5 translate="">
            Other Login
          </h5>
          <a href="{{ctrl.googleLoginURL}}" ng-if="currentSchool.thirdPartyAccess.google">
            <i class="fa fa-google" style="background:#D6492F;">
            </i>
          </a>
          <a href="{{ctrl.linkedInLoginURL}}" ng-if="currentSchool.thirdPartyAccess.linkedin">
            <i class="fa fa-linkedin" style="background:#007AB9;">
            </i>
          </a>
          <a href="{{ctrl.facebookLoginURL}}" ng-if="currentSchool.thirdPartyAccess.facebook">
            <i class="fa fa-facebook" style="background:#3A589B;">
            </i>
          </a>
          <a href="{{ctrl.twitterLoginURL}}" ng-if="currentSchool.thirdPartyAccess.twitter">
            <i class="fa fa-twitter" style="background:Cyan;">
            </i>
          </a>
          <a href="{{ctrl.WechatLoginURL}}" ng-if="currentSchool.thirdPartyAccess.wechat">
            <i class="fa fa-wechat" style="background:green;">
            </i>
          </a>
          <a href="{{ctrl.ubuntuLoginURL}}" ng-if="currentSchool.thirdPartyAccess.ubuntu">
            <i class="fa fa-linux">
            </i>
          </a>
        </div>
        <div class="margin-bottom-40"></div>
      </form>
    </div>
  </div>
  <div class="mobile_splash">
    <div class="col-lg-12 text-center">
      <small>
        <span ng-if="!currentSchool.copyright">
          {{ctrl.CURR_YEAR}} © {{ ctrl.companyName }}
        </span>
        <span ng-if="currentSchool.copyright">
          {{ currentSchool.copyright }}
        </span>
        <span ng-if="currentSchool.ICPcertNumber">| {{currentSchool.ICPcertNumber}}</span>
      </small>
    </div>
  </div>
</div>