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

<form class="m-t login-theme-2 login_bg_blue" name="loginForm" ng-submit="ctrl.submitForm(loginForm, login)" role="form">
  <button class="close" ng-click="$dismiss()" type="button">
    <span aria-hidden="true">
      ×
    </span>
    <span class="sr-only">
      <span translate="">
        Close
      </span>
    </span>
  </button>
  <div class="modal-header"><h4>Login</h4></div>
  <div class="modal-body login_popup" style="margin:0">
    <div class="login_logo">
      <img ng-src="{{ctrl.logoUrl}}" />
    </div>
    <div class="login_image">
      <img ng-if="currentSchool.loginPhoto" ng-src="{{ctrl.imageUrlPrefix+currentSchool.loginPhoto}}"/>
      <img ng-if="!currentSchool.loginPhoto" src="assets/images/make_logo.png"/>
    </div>
    
    <div class="login_container">
      <span class="col-md-12 margin-bottom-5" ng-if="currentSchool.parentFlag && loginService.school.homepage != 'genx'">
        <span style="color:#555;">{{'Login as' | translate }}</span>
        <label class="radio-inline" style="line-height: 20px;">
          <input type="radio" name="optradio" ng-model="login.userType" value="student">{{'Student' | translate }}
        </label>
        <label class="radio-inline" style="line-height: 20px;">
          <input type="radio" name="optradio" ng-model="login.userType" value="parent">{{'Parent' | translate }}&nbsp;&nbsp;&nbsp;&nbsp;
        </label>
      </span>
      <div class="clearfix"></div>
      <div class="col-lg-6 col-sm-6">
        <div class="form-group">
          <input class="form-control" focus-me="true" ng-model="login.name" placeholder="{{ 'Username' | translate }}" required="" type="text">
          </input>
        </div>
      </div>
      <div class="col-md-6 col-sm-6">
        <div class="form-group">
          <input class="form-control" ng-model="login.pass" placeholder="{{ 'Password' | translate }}" required="" type="password">
          </input>
        </div>
      </div>
      <div class="col-md-12">
        <div class="form-group alert alert-danger" ng-if="error">
          <label class="control-label" translate="">
            {{ error }}
          </label>
        </div>
      </div>
      <div class="col-sm-8 col-md-10">
        <div class="form-group font-12">
          <label class="checkbox-inline" style="line-height: 20px;" ng-if="!currentSchool.apiOptions.hdbftp">
            <input ng-model="agreeFlag" type="checkbox"/>
            {{"I agree and read the"|translate}}
            <a style="cursor:pointer;" ng-click="ctrl.showagreement()" translate>
              terms and conditions
            </a>.
          </label>
          <div class="clearfix margin-bottom-10">
          </div>
          <a href="javascript:;" ng-click="$dismiss()" ng-if="!currentSchool || !currentSchool.disableRegistration" ui-sref="index.setting.signup">
            {{ {eng:'Don't have account?',chn:'注册'} | trans }}&nbsp;&nbsp;&nbsp;
          </a>
          <a href="javascript:;" ng-click="ctrl.forgotPassword(login)" ng-if="!currentSchool.apiOptions.hdbftp">
            {{"Forgot Password?"|translate}}&nbsp;&nbsp;&nbsp;
          </a>
          <a href="https://eadssp.hdb.gov.sg" target="_blank" ng-if="currentSchool.apiOptions.hdbftp">
            {{"Forgot Password?"|translate}}&nbsp;&nbsp;&nbsp;
          </a>
          <a ng-click="ctrl.showenviroment()" class="cursor-pointer" target="_blank" translate ng-if="!currentSchool.apiOptions.hdbftp">
            Enviroment Check
          </a>
        </div>
      </div>
      <div class="col-sm-4 col-md-2">
        <button class="btn btn-u pull-right" ng-disabled="!agreeFlag" type="submit">
          <i class="glyphicon glyphicon-ok">
          </i>
          <span translate>
            Login
          </span>
        </button>
      </div>
      <!-- <div class="col-xs-12" ng-class="{'disabled_link':!agreeFlag}" ng-if="currentSchool.thirdPartyLogin && currentSchool.key!='sgpower' " style="margin-top:5px;">
        <span style="color:#555;">{{"Other login options"|translate}} </span>
        <a href="{{ctrl.googleLoginURL}}">
          <i class="fa fa-google" style="color:#D6492F;">
          </i>
          {{"Google"|translate}}&nbsp;&nbsp;
        </a>
        <a href="{{ctrl.linkedInLoginURL}}">
          <i class="fa fa-linkedin" style="color:#007AB9;">
          </i>
          {{"LinkedIn"|translate}}&nbsp;&nbsp;
        </a>
        <a href="{{ctrl.facebookLoginURL}}">
          <i class="fa fa-facebook" style="color:#3A589B;">
          </i>
          {{"Facebook"|translate}}&nbsp;&nbsp;
        </a>
        <a href="{{ctrl.twitterLoginURL}}">
          <i class="fa fa-twitter" style="color:Cyan;">
          </i>
          {{"Twitter"|translate}}
        </a>
      </div> -->
      <div class="col-xs-12 thirdPartyLogin" ng-class="{'disabled_link':!agreeFlag}" ng-if="currentSchool.thirdPartyLogin&&currentSchool.key!='sgpower'" style="margin-top:5px; text-align: left;">
        {{'Other login options' | translate }}:
        <a href="{{ctrl.googleLoginURL}}" ng-if="currentSchool.thirdPartyAccess.google" uib-tooltip="{{'Google'| translate}}">
          <span style="background:#D6492F;">
            <i class="fa fa-google"></i>
          </span>
        </a>
        <a href="{{ctrl.linkedInLoginURL}}" ng-if="currentSchool.thirdPartyAccess.linkedin" uib-tooltip="{{'LinkedIn'| translate}}">
          <span style="background:#007AB9;">
            <i class="fa fa-linkedin"></i>
          </span>
        </a>
        <a href="{{ctrl.facebookLoginURL}}" ng-if="currentSchool.thirdPartyAccess.facebook" uib-tooltip="{{'Facebook'| translate}}">
          <span style="background:#3A589B;">
            <i class="fa fa-facebook"></i>
          </span>
        </a>
        <a href="{{ctrl.twitterLoginURL}}" ng-if="currentSchool.thirdPartyAccess.twitter" uib-tooltip="{{'Twitter'| translate}}">
          <span style="background:Cyan;">
            <i class="fa fa-twitter"></i>
          </span>
        </a>
        <a href="{{ctrl.WechatLoginURL}}" ng-if="currentSchool.thirdPartyAccess.wechat" uib-tooltip="{{'Wechat'| translate}}">
          <span style="background:green;">
            <i class="fa fa-weixin"></i>
          </span>
        </a>
        <a href="{{ctrl.ubuntuLoginURL}}" ng-if="currentSchool.thirdPartyAccess.ubuntu" uib-tooltip="{{'Ubuntu'| translate}}">
          <span>
            <i class="fa fa-linux" ></i>
          </span>
        </a>
        <!-- a href="{{ctrl.caregiveLoginURL}}"><i class="fa fa-heart" style="color:Cyan;">&nbsp;</i><span class="mbl_hide">caregiveAsia</span></a -->
      </div>
    </div>
    <div class="clearfix margin-bottom-20">
    </div>
  </div>
</form>