CINXE.COM
Enter Your Domain
<!DOCTYPE html> <html lang="en"> <head> <head> <meta charset="utf-8"> <meta name="globalsign-domain-verification" content="-r3RJ0a7Q59atalBdQQIvI2DYIhVYtVrtYuRdNXENx"/> <title>Enter Your Domain</title> <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <!-- Le styles --> <link rel="stylesheet" type="text/css" href="/flatfull/css/bootstrap.v3.min.css" /> <link rel="stylesheet" type="text/css" href="/flatfull/css/font.css" /> <link rel="stylesheet" type="text/css" href="/flatfull/css/app.css" /> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <!-- Include ios meta tags --> <link rel="apple-touch-icon" href="ios/touch-icon-iphone.png"> <link rel="apple-touch-icon" sizes="76x76" href="ios/touch-icon-ipad.png"> <link rel="apple-touch-icon" sizes="120x120" href="ios/touch-icon-iphone-retina.png"> <link rel="apple-touch-icon" sizes="152x152" href="ios/touch-icon-ipad-retina.png"> <link rel="apple-touch-startup-image" href="ios/startup.png"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- Google tag manager code --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MSGJPW4');</script> <!-- End Google Tag Manager --> <style> body { background-image:url('../flatfull/images/flatfull/buildings-low.jpg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-attachment: fixed; } .text-white { color:#fff!important; } input { color:#000!Important; } .error { /*color: red !important;*/ position: absolute; top: 0; margin: 0 auto; width: 100%; padding: 12px; text-align: center; z-index: 10; border: none; border-radius: 0px; right:0px; } a:hover { text-decoration:underline; } #error-area a{ text-decoration: none; color: #11a0f8; outline: none; } #error-area a:hover{ text-decoration:underline; } .close { color: #000 !important; } @media all and (max-width: 767px) { body { background-size: cover; } } /* @media (min-width: 900px) { body { padding-top: 30px; } .navbar-search{ padding-left: 10% } } .field{ height:30px!important; margin:8px 0px!important; padding-left:10px!important; } */ </style> <!-- Le fav and touch icons --> <link rel="shortcut icon" href="../assets/ico/favicon.ico"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png"> <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> <!--[if lt IE 9]> <script src="lib/ie/html5.js"></script> <![endif]--> </head> <body> <!-- Google tag manager code --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MSGJPW4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager --> <div class="app app-header-fixed app-aside-fixed" id="app"> <div ui-view="" class="fade-in-right-big smooth"> <div class="container w-xxl w-auto-xs"> <a href="https://www.agilecrm.com/" class="navbar-brand block text-white m-t" style="color: #363f44;"> <i class="fa fa-cloud m-r-xs"></i>Agile CRM </a> <div class="wrapper text-center text-white"> <strong>Enter your domain at Agile CRM</strong> </div> <form name='choose_domain' id="choose_domain" method='post'> <div id="domain-error"></div> <div class="list-group list-group-sm"> <div class="list-group-item"> <div class="input-group"> <input id='subdomain' type="text" placeholder='Domain' name="subdomain" class="input-xlarge required form-control no-border" autocapitalize="off"> <span class="input-group-addon no-border" id="basic-addon2" style="background: #fff;">.agilecrm.com</span> </div> <div class="clearfix"></div> </div> </div> <input class="btn btn-lg btn-primary btn-block" type="submit" value='Submit'> </form> <div class="text-center text-white m-t m-b"> <small>New User? </small> <a href="/register" class="text-white">Click here</a><br/> <small>Forgot </small><a href="/forgot-domain" class="text-white">Domain?</a> </div> </div> </div> </div> <!-- Le javascript ================================================== --> <!-- JQUery Core and UI CDN --> <!-- Placed at the end of the document so the pages load faster --> <script type='text/javascript' src='/flatfull/lib/jquery-new/jquery-2.1.1.min.js'></script> <script type="text/javascript" src="/flatfull/lib/bootstrap.v3.min.js"></script> <script> var localeJSON = {"new-user":"New User","invalid-email":"Please include an '@' in the email address. $1 is missing '@'.","Company":"Company","domain-name-length-error":"Domain should be 2 to 20 characters.","submit":"Submit","invalid-password":"Please lengthen this text to $1 characters or more (you are currently using $2 characters).","common-domain-issue":"Common domain cannot be created.","domain-name-issue":"Name should be between 2-20 characters in length. Both letters and numbers are allowed but it should start with a letter. Cannot contain special characters other than '_' and '-'","name-validation":"Name should be at least 3 characters","enter-your-domain":"Enter Your Domain","email-invalid-after-@":"Please enter a part following '@'. '$1' is incomplete.","invalid-default":"Please fill out this field.","domain":"Domain","enter-your-domain-at":"Enter your domain at ","invalid-pattern":"Please match the requested format.","forgot":"Forgot","click-here":"Click here"}; $(document).ready(function(){ var newImg = new Image; newImg.onload = function() { $("body").css("background-image","url('"+this.src+"')"); } newImg.src = 'flatfull/images/flatfull/buildings.jpg'; }); //Init var error = ""; $(function() { $("#subdomain").focus(); $(".btn").click(function(e) { var subdomain = $("#subdomain").val(); // validates the domain value if(subdomain == null || subdomain == "" || subdomain.length < 2 || subdomain.length > 20 || !isAlphaNumeric(subdomain) || !isNotValid(subdomain)) { //shows error message if(!error)error = 'Domain should be 2 to 20 characters.'; { $("#domain-error").html('<div class="alert error alert-danger login-error m-b-none">' + '<a class="close m-t-n-sm" data-dismiss="alert" href="#">×</a>'+ error +'</div>'); $("#error-area").html(""); } error = ""; return false; } $(".domain-error").hide(); console.log("submited"); //Form is self submitted $('#choose_domain').submit(); e.preventDefault(); }); }); function isNotValid(subdomain) { subdomain = subdomain.toString(); var sub_domain = ["my", "agile", "googleapps", "sales", "support", "login", "register", "google", "yahoo", "twitter", "facebook", "aol", "hotmail"]; for(var key in sub_domain){ if(sub_domain[key] == subdomain.toLowerCase()){ error = 'Common domain cannot be created.'; return false; } } return true; } function isAlphaNumeric(subdomain) { subdomain = subdomain.toString(); var regularExpression = new RegExp(/^[a-zA-Z0-9][a-zA-Z0-9_-]{1,20}$/); if(!regularExpression.test(subdomain)) { error = localeJSON["domain-name-issue"]; return false; } return true; } </script> <!-- Clicky code --> <script src="//static.getclicky.com/js" type="text/javascript"></script> <script type="text/javascript">try{ clicky.init(100729733); }catch(e){}</script> </body> </html>