CINXE.COM
World Insurance Services - Login
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head lang="en"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="/login/resource/media/favicon.ico"> <title>World Insurance Services - Login</title> <link rel="stylesheet" type="text/css" href="/login/jscss/semantic/semantic.min.css" /> <link rel="stylesheet/less" type="text/css" href="/login/jscss/system/main.less" /> <script type="text/javascript"> if (typeof Object.assign !== 'function') { Object.assign = function(target) { 'use strict'; if (target == null) { throw new TypeError('Cannot convert undefined or null to object'); } target = Object(target); for (var index = 1; index < arguments.length; index++) { var source = arguments[index]; if (source != null) { for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } } return target; }; } var less = { env: "development", async: false, fileAsync: false, poll: 1000, functions: {}, dumpLineNumbers: "comments", relativeUrls: false, rootpath: "/" }; </script> <script type="text/javascript" src="/login/jscss/less/less.min.js?en-US="></script> <script type="text/javascript" src="/login/jscss/jquery/jquery.min.js?en-US="></script> <script type="text/javascript" src="/login/jscss/classify/classify.min.js?en-US="></script> <script type="text/javascript" src="/login/jscss/semantic/semantic.min.js?en-US="></script> <script type="text/javascript" src="/login/jscss/numeral/numeral.min.js?en-US="></script> <script type="text/javascript" src="/login/jscss/inputmask4/min/jquery.inputmask.bundle.min.js?en-US="></script> <script type="text/javascript" src="/login/jscss/translate/system/main.js?en-US="></script> <script type="text/javascript"> $ns.objects.sessionVars = { dateFormat: "DD-MMM-YYYY", dateTimeFormat: "DD-MMM-YYYY HH:mm:ss", thousandsSeparator: ",", decimalsSeparator: "." }; </script> <script type="text/javascript"> $ns.init('', '/login', {"name":"default","class":"\\nsure\\login\\controllers\\DefaultController","handlerName":"default","handlerMethod":"handle_GetDefault","urlData":[]}); </script> <script src="https://www.google.com/recaptcha/api.js" async defer></script> </head> <body> <style type="text/css"> #login-ct { background-color: rgba(255, 255, 255, 0.97); border-radius: 5px; border: none; box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.15); left: 50%; margin-left: -195px; padding: 20px; position: absolute; top: 21%; width: 390px; } #forgot-password { font-size: 0.92rem; } video#bg-video { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(https://d1on92u24l37xh.cloudfront.net/resource/media/backgrounds/videos/3.jpg) no-repeat; background-size: cover; } </style> <div class="ns"> <video autoplay loop poster="https://d1on92u24l37xh.cloudfront.net/resource/media/backgrounds/videos/3.jpg" id="bg-video"> <source src="https://d1on92u24l37xh.cloudfront.net/resource/media/backgrounds/videos/3.mp4" type="video/mp4"> </video> <div id="login-ct" class="ui active segment"> <div class="ui warning icon message"> <i class="warning icon"></i> <div class="content"> <div class="header"> Internet Explorer Warning </div> <p>Internet Explorer browser is not supported</p> </div> </div> </div> </div> <script type="text/javascript"> $ns.objects.login = $ns.objects.login || { $ct: null, init: function() { var that = this; that.$ct = $('#login-ct'); that.$ct.find('#username').focus(); that.$ct.find('.ns.captcha').CaptchaField(); $('#login-form', that.$ct) .on("submit", function() { return false; }) .form({ keyboardShortcuts: true, fields: that.getFormFields(), onSuccess: function() { that.login(); } }); that.$ct .on("click", "#forgot-password", function(event) { event.preventDefault(); window.location.href = $ns.url("/forgot-password"); }) .on("click", "#sso", function(event) { event.preventDefault(); window.location.href = $ns.url("sso"); }) ; }, getFormFields: function() { var res = { username: { identifier: 'username', rules: [ {type: 'empty', prompt: 'Please enter username'}, {type: 'username', prompt: 'Please enter valid username'} ] }, password: { identifier: 'password', rules: [ {type: 'empty', prompt: 'Please enter password'} ] } }; if(this.hasCaptcha()) { res["isCaptchaValid"] = { identifier: 'is-captcha-valid', rules: [ {type: 'empty', prompt: 'Please solve the captcha challenge'} ] }; } return res; }, login: function() { var that = this; $('#status', that.$ct).addClass('active'); var $form = $('#login-form', that.$ct); return $.post( $ns.url("", "login"), $form.serialize(), function() {}, 'json' ) .done(function(resp) { if(resp && resp.portalUrl) { window.location.href = resp.portalUrl; $('#status', that.$ct).addClass('active'); } else { $('#status', that.$ct).removeClass('active'); } }) .fail(function() { if(!that.hasCaptcha()) { //if there was error logging in, then bring the captcha back $('#status', that.$ct).removeClass('active'); window.location.reload(); } else { $('#login-form', that.$ct).addClass("error") .find(".ui.error.message") .html('<ul class="list"><li>Invalid credentials</li></ul>'); $('#status', that.$ct).removeClass('active'); // $('#is-captcha-valid', that.$ct).val(""); grecaptcha.reset(); // that.$ct.find('.ns.captcha').CaptchaField("reset"); } }) .always(function() { $('#username', that.$ct).focus().select(); $form = null; }); }, hasCaptcha: function() { return $(".ns.captcha", this.$ct).length !== 0; } }; $(function(){ $ns.objects.login.init(); }); </script> <script type="text/javascript" src="/login/jscss/translate/system/fields/captchaField.js?en-US="></script> <script type="application/javascript"> //this is not a good solution. here we assume that there's only one captcha on the page! function captchaCallback(res) { $('#is-captcha-valid').val(res ? "1" : ""); } </script> </body> </html>