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

<form class="m-t" name="loginForm" ng-submit="ctrl.submitForm(loginForm, login)" role="form">
  <div class="modal-header">
    <button class="close" ng-click="$dismiss()" type="button">
      <span aria-hidden="true">
        ×
      </span>
      <span class="sr-only">
        <span translate="">
          Close
        </span>
      </span>
    </button>
    <h3 class="modal-title" translate="">
      Login
    </h3>
  </div>
  <div class="modal-body login_popup" style="margin-bottom: 0;">
    <div class="form-group">
      <span ng-if="currentSchool.parentFlag && loginService.school.homepage != 'genx'">
        {{'Login as' | translate }}
        <label class="radio-inline">
          <input name="optradio" ng-model="login.userType" type="radio" value="student" />
            {{'Student' | translate}}
        </label>
        <label class="radio-inline">
          <input name="optradio" ng-model="login.userType" type="radio" value="parent" />
            {{'Parent' | translate}}
        </label>
      </span>
      <span ng-if="currentSchool.icLogin"> 
        <strong>{{{eng:'ID Type', chn:'ID 类型'}|trans}} </strong>
        <label class="radio-inline">
          <input name="optradio" ng-model="login.nameType" type="radio" value="ID" />
            {{{eng:'User ID', chn:'用户ID'}|trans}}
        </label>
        <label class="radio-inline">
          <input name="optradio" ng-model="login.nameType" type="radio" value="IC" />
            {{{eng:'IC ID', chn:'身份证号'}|trans}}
        </label>
      </span>
    </div>
    <div class="form-group">
      <input class="form-control" focus-me="true" ng-model="login.name" placeholder="{{ 'Username' | translate }}" required="" type="text"/>
    </div>
    <div class="form-group">
      <input class="form-control" ng-model="login.pass" placeholder="{{ 'Password' | translate }}" required="" type="password" autocomplete="off" />
    </div>
    <!-- <div class="form-group">
        <label class="radio-inline"><input type="radio" name="optradio">Option 1</label>
        <label class="radio-inline"><input type="radio" name="optradio">Option 2</label>
    </div> -->
    <div class="form-group desktop_hide">
      <a ng-click="ctrl.showenviroment()" translate="">
        Enviroment Check
      </a>
    </div>
    <div class="form-group alert alert-danger" ng-if="error">
      <label class="control-label" translate="">
        {{ error }}
      </label>
    </div>
    <div class="col-xs-12 padding-left-0 text-right" ng-if="currentSchool.key=='sgpower'" style="margin-top:5px;">
      Single Sign On
      <a href="{{ctrl.wsfedUrl}}">
        <i class="fa fa-bolt" style="color:Cyan;">
        </i>
        <span class="mbl_hide">
          SG Group
        </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 class="margin-bottom-10">
    </div>
    <label style="margin-bottom: 0;" ng-if="!currentSchool.apiOptions.hdbftp">
      <input ng-model="agreeFlag" type="checkbox" />
      {{"I agree and read the"|translate}}
      <a ng-click="ctrl.showagreement()" style="cursor:pointer;" translate="">
        terms and conditions
      </a>
      .
    </label>
    <a class="pull-right" href="javascript:;" ng-click="ctrl.forgotPassword(login)" ng-if="!currentSchool.apiOptions.hdbftp">{{"Forgot Password?"|translate}}</a>
    <a class="pull-right" href="https://eadssp.hdb.gov.sg" target="_blank" ng-if="currentSchool.apiOptions.hdbftp">
      {{"Forgot Password?"|translate}}&nbsp;&nbsp;&nbsp;
    </a>
    <div>
      <div class="margin-bottom-10"></div>
      <a class="btn btn-info pull-left" style="margin-right: 5px;" ng-click="$dismiss()" ng-if="!currentSchool || !currentSchool.disableRegistration" ui-sref="index.setting.signup">
        {{ {eng:'Register',chn:'注册'} | trans }}
      </a>
      <a class="btn btn-warning pull-left mbl_hide cursor-pointer" style="margin-right: 5px;" ng-if="!currentSchool.apiOptions.hdbftp" ng-click="ctrl.showenviroment()" target="_blank">
        <i class="fa fa-desktop">
        </i>
        <span translate="">
          Enviroment Check
        </span>
      </a>
      <a class="btn btn-u btn-u-blue" style="margin-right: 5px;" ng-if="currentSchool.key=='xijing'" href="{{ctrl.casLoginURL}}">
        <i class="fa fa-home">
        </i>
        <span translate="">
          Login to School
        </span>
      </a>
      <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>

  <div class="modal-footer 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>
  
</form>