Bestuur Jou Polis

<md-dialog> <md-dialog-content class="container container-sm thin-container-md padding-v-15 no-margin"> <md-card style="box-shadow:none"> <div class="col-xs-12" data-ng-if="!otpLogin.OTPSuccess"> <div class="close-md-dialog menu-close-icon" data-ng-click="otpLogin.closeDialog()"></div> <h4 class="margin-v-5 no-margin-top"> Klok in </h4> <div data-ng-if="!otpLogin.OTPSent"> <div> Daar is verskeie selfoon nommers gekoppel aan jou ID/Paspoort nommer, na watter nommer moet ons jou eenmalige wagwoord stuur? </div> <div class="padding-v-15 row"> <div class="col-xs-12 col-md-6 padding-v-15 no-padding-bottom" data-ng-repeat="number in otpLogin.ContactNumbers"> <button class="stretched md-raised md-primary" data-ng-click="SendOTP(number)" data-ng-bind="number.ContactNumberDisplay"></button> </div> </div> <div class="padding-v-15 no-padding-bottom"> Indien jy nie jou nommer in die lys hierbo sien nie mag jou kontakbesonderhede dalk verkeerd wees. Kontak gerus ons kliëntediens span by 0861 00 75 30 om jou inligting te verander.") </div> </div> <div data-ng-if="otpLogin.OTPSent"> <form novalidate id="verifyOTPForm" name="verifyOTPForm" data-ng-submit="VerifyOTP()"> <div> <p>Ons het ‘n eenmalige wagwoord gestuur na <span data-ng-bind="otpLogin.SelectedNumber.ContactNumberDisplay"></span></p> </div> <div class="col-xs-12 no-padding"> <div class="col-xs-12 col-md-6 no-padding margin-v-10"> <md-input-container class="md-accent stretched no-margin-bottom important"> <label for="otp">OTP</label> <input type="tel" 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">OTP word vereis</div> </div> </md-input-container> </div> </div> <div class="padding-v-15 error no-padding-top" data-ng-if="otpLogin.OTPError" data-ng-bind="otpLogin.OTPErrorMessage"></div> <div data-ng-if="otpLogin.ContactNumbers.length == 1"> <div> Indien jy nie jou eenmalige wagwoord dadelik ontvang het nie mag jou kontakbesonderhede dalk verkeerd wees. Kontak gerus ons kliëntediens span by 0861 00 75 30 om jou inligting te verander. </div> <div class="padding-v-15"> <a class="underline" href="javascript:void(0)" data-ng-click="ResetOTP()">Stuur een malige wagwoord weer</a> </div> </div> <div data-ng-if="otpLogin.ContactNumbers.length > 1"> <div class="padding-v-15 no-padding-top"> Indien jy nie jou eenmalige wagwoord dadelik ontvang het nie, vra ons om") <a class="underline" href="javascript:void(0)" data-ng-click="ResetOTP()">die eenmalige wagwoord weer te stuur</a> </div> </div> <div class="row" data-ng-mouseover="filthify(verifyOTPForm)"> <div class="col-xs-12 col-md-offset-6 col-md-6"> <md-button type="submit" type="submit" class="stretched md-raised md-primary" md-ink-ripple data-ng-disabled="otpLogin.VerifyingOTP || verifyOTPForm.$invalid"> Klok in <md-progress-circular mode="indeterminate" data-md-diameter="20px" data-ng-if="otpLogin.VerifyingOTP"></md-progress-circular> </md-button> </div> <div class="clearfix"></div> </div> </form> </div> </div> <div data-ng-if="otpLogin.OTPSuccess"> <h4 class="no-margin text-center"> Jy het suksesvol ingeklok en sal nou na jou profielblad geneem word </h4> <div class="margin-v-15 no-margin-bottom"> <div class="quote-flower-loader"> <div class="petal-1"></div> <div class="petal-2"></div> <div class="petal-3"></div> <div class="petal-4"></div> <div class="petal-5"></div> </div> </div> </div> </md-card> </md-dialog-content> </md-dialog>