UNPKG

unserver-unify

Version:

159 lines (158 loc) 7.6 kB
<form class="m-t" name="loginForm" ng-submit="ctrl.submitForm(loginForm, login)" role="form"> <div class="modal-body login_popup" style="margin-bottom: 0;"> <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="col-md-6"> <div class="image_wrapper" style="margin-top: 10%"> <img ng-if="currentSchool.loginPhoto" style="width: 100%;" ng-src="{{ctrl.imageUrlPrefix+currentSchool.loginPhoto}}"/> <img ng-if="!currentSchool.loginPhoto" style="width: 100%;" src="assets/images/make_logo.png"/> </div> </div> <div class="col-md-6"> <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 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:;" style="margin: 0 0 10px;" ng-click="ctrl.forgotPassword(login)" ng-if="!currentSchool.apiOptions.hdbftp">{{"Forgot Password?"|translate}}</a> <a class="pull-right" style="margin: 10px 0;" href="https://eadssp.hdb.gov.sg" target="_blank" ng-if="currentSchool.apiOptions.hdbftp"> {{"Forgot Password?"|translate}}&nbsp;&nbsp;&nbsp; </a> <div> <button class="btn btn-u full-width" ng-disabled="!agreeFlag" type="submit"> <i class="glyphicon glyphicon-ok"> </i> <span translate=""> Login </span> </button> <div class="margin-bottom-30"></div> <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> <div class="margin-bottom-10" ng-if="currentSchool.key=='xijing'"></div> <a class="btn btn-info pull-left" style="margin-right: 2%; width:42%" 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="width:56%" ng-if="!currentSchool.apiOptions.hdbftp" ng-click="ctrl.showenviroment()" target="_blank"> <i class="fa fa-desktop"> </i> <span translate=""> Enviroment Check </span> </a> </div> </div> <div class="margin-bottom-10"></div> <div class="col-md-6 text-right padding-right-0" ng-if="currentSchool.thirdPartyLogin&&currentSchool.key!='sgpower'" style="line-height: 36px; position: relative; right: -10px;"> {{'Other login options' | translate }}: </div> <div class="col-md-6"> <div class="thirdPartyLogin alter" ng-class="{'disabled_link':!agreeFlag}" ng-if="currentSchool.thirdPartyLogin&&currentSchool.key!='sgpower'" style="margin-top:5px; text-align: left;"> <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> </form>