Manage your profile

<md-dialog class="col-lg-5 container container-sm padding-v-15-xs padding-h-15-xs no-margin-xs"> <md-dialog-content class="padding-v-15-xs padding-h-15-xs"> <div data-ng-if="!otpLogin.OTPSuccess"> <div class="close-md-dialog menu-close-icon" data-ng-click="otpLogin.closeDialog()"></div> <h2 class="font-medium front-brand-main-1 margin-v-5-xs no-margin-top-xs"> Sign in </h2> <div data-ng-if="!otpLogin.OTPSent"> <div class="front-brand-sub-s5 font-size-5"> There are multiple phone numbers linked to your ID/Passport number, which phone number would you like us to send the OTP to? </div> <div class="padding-v-15-xs row"> <div class="col-xs-12 col-md-6 padding-v-15-xs no-padding-bottom" data-ng-repeat="number in otpLogin.ContactNumbers"> <button class="brand-button m13 stretched" data-ng-click="SendOTP(number)" data-ng-bind="number.ContactNumberDisplay"></button> </div> </div> <div class="font-size-5 font-heavy padding-v-15-xs no-padding-bottom"> If you don&#39;t see your number above, your details may be outdated. Please contact our call centre on {{DisplayScn}} to update your details. </div> </div> <div data-ng-if="otpLogin.OTPSent"> <form novalidate id="verifyOTPForm" name="verifyOTPForm" data-ng-submit="VerifyOTP()"> <div class="front-brand-sub-5 font-size-5"> We&#39;ve sent an OTP to <span data-ng-bind="otpLogin.SelectedNumber.ContactNumberDisplay"></span> </div> <div class="padding-v-15-xs no-padding-bottom row"> <div class="col-xs-12 col-md-6"> <md-input-container class="md-accent stretched no-margin-bottom important"> <label for="otp">OTP</label> <input type="text" name="otp" id="otp" data-ng-model="otpLogin.SelectedNumber.OTP" only-digits maxlength="6" required="required" /> <div data-ng-messages="verifyOTPForm.otp.$error" data-ng-if="verifyOTPForm.otp.$dirty"> <div data-ng-message="required">This is required.</div> </div> </md-input-container> </div> </div> <div class="error-text-front font-size-5 padding-v-15-xs no-padding-top" data-ng-if="otpLogin.OTPError" data-ng-bind="otpLogin.OTPErrorMessage"></div> <div data-ng-if="otpLogin.ContactNumbers.length == 1"> <div class="font-size-5 font-heavy"> If you don&#39;t recieve your OTP immediately, your details may be outdated. Please contact our call centre on {{DisplayScn}} to update your details. </div> <div class="font-size-5 font-heavy padding-v-15-xs"> You can also try to <a class="underline" href="javascript:void(0)" data-ng-click="ResetOTP()">resend the OTP</a> </div> </div> <div data-ng-if="otpLogin.ContactNumbers.length > 1"> <div class="font-size-5 font-heavy padding-v-15-xs no-padding-top"> If you don&#39;t recieve your OTP immediately, you can try to <a class="underline" href="javascript:void(0)" data-ng-click="ResetOTP()">resend the OTP</a> </div> </div> <div class="col-xs-12 col-md-offset-6 col-md-6" data-ng-mouseover="filthify(verifyOTPForm)"> <button type="submit" class="brand-button stretched m2" data-ng-disabled="otpLogin.VerifyingOTP || verifyOTPForm.$invalid"> Sign in <md-progress-linear class="md-accent" mode="indeterminate" data-ng-if="otpLogin.VerifyingOTP"></md-progress-linear> </button> </div> </form> </div> </div> <div data-ng-if="otpLogin.OTPSuccess"> <h2 class="font-medium front-brand-main-1 no-margin text-center"> You have successfully logged in, we are now redirecting you to your dashboard </h2> <div class="brand-loader login-loader padding-v-30-xs no-padding-bottom-xs"> <div class="loader-svg"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 194.3 202.2" style="enable-background:new 0 0 194.3 202.2;" xml:space="preserve"> <g> <path class="back-fill" d="M102.1,14.8c4.7,3.6,7.2,8.3,7.2,13.3c0,4.6-2.2,11.5-12.7,18.5c-0.4,0.2-1.2,0.8-2.9,2.1 c8.2,9.9,21.2,16.5,35.7,23.8c1.3,0.7,2.7,1.4,4,2h0.1c0.1,0,0.9,0.3,2.3,0.9c5.4-5,17.3-17.5,18.5-31.5c0.6-7.4-2-14.4-7.7-20.8 C137.8,13.4,116.2,9.4,102.1,14.8z" /> <path class="back-fill" d="M39.8,87.7c-11.7,7.4-18.5,14.8-21,17.8c-4.9,5.9-9.6,15.9-6.5,24.8c2.5,7.1,9.8,12.1,21.2,14.6 c9.1,1.9,22.1,1,36.7-2.7c1.4-9.3,5.2-17,11.8-23.9C63,109.3,49.1,98.5,39.8,87.7z" /> </g> <g> <path class="middle-fill" d="M192,155.1l0.1-0.3c2.4-7.9,2.3-16.1-0.2-24.4c-9.2-36.8-57.7-55.7-58.2-55.8h-0.1c-1.4-0.7-2.7-1.4-4-2 C110.9,63.2,94.7,55,88,39.3c-4.9-11.3-4.8-20.2,0-26.5c4.7-6.1,13.6-9.6,26.5-10.4c2.2-0.1,4.3-0.2,6.3-0.2 c-15.5-2.8-45-4.6-72.7,13.5C47.9,15.9,24.6,29.5,25,55.8c0.3,18.4,19,45.3,59.9,63.8c11.5,5.2,20.9,9.8,28.9,14.2l0.8,0.4 c21.5,8.2,34.2,19.2,37.8,32.7c1.1,4.1,3.5,18.1-8.3,34C154.6,196,184.4,180,192,155.1z" /> </g> <g> <path class="front-fill" d="M179.3,106.6c4.4-16.7,5-32.6,0.9-44.7C178.3,67,173.6,78.7,164,92C169.4,96.2,174.7,101,179.3,106.6z" /> <path class="front-fill" d="M116.3,134.9c-10.1,5.7-21.6,10.9-34.9,14.9c-32.6,9.9-56,9.4-69.6-1.4c-5.2-4.2-8.1-9.2-9.7-13.7 c1.4,11.1,6.9,23.5,15.8,34.8c12.5,16.1,29.2,27.1,45.8,30.1c41.9,5.5,71.2-19.3,86.8-37.9C145.5,150.9,134,141.9,116.3,134.9z" /> </g> </svg> </div> <div class="loader-gif"> <img src="/Static/Images/Icons/loader.gif" /> </div> </div> </div> </md-dialog-content> </md-dialog>