VRFS-2697 initial url validation

web/app/assets/javascripts/website_validator.js.coffee

@@ -3,14 +3,22 @@ context = window
 context.JK ||= {};
 
 context.JK.WebsiteValidator = class WebsiteValidator
-  constructor: (@app, input_id) ->
+  constructor: (@app, input_obj) ->
     @EVENTS = context.JK.EVENTS
     @rest = context.JK.Rest()
-    @url_input = $(input_id)
+    @url_input = input_obj
 
   init: () =>
-    # @root = $($('#template-download-jamtrack').html())
+    validator = this;
+    @url_input.bind 'blur', ->
+      yn = validator.validate_url()
+      alert 'invalid' unless yn
+
+  validate_url: () =>
+    url = @url_input.val()
+    if 0 < url.length
+      regexp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/
+      regexp.test(url)
+    else
+      true
 
-  validate: () =>
-    regexp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/
-    regexp.test(@url_input.value)

web/app/assets/stylesheets/client/website_validator.css.scss

@@ -1,2 +1,6 @@
 @import "client/common";
 
+.website_validator {
+  width: 100%;
+  padding: 10px;
+}

web/app/views/clients/_website_validator.html.slim

@@ -1,2 +1,2 @@
-input type='text' id="website_#{siteid}"
+input type='text' id="website_#{siteid}" class="website_validator"
 

web/app/views/spikes/site_validate.html.slim

@@ -1,12 +1,13 @@
 = javascript_include_tag "website_validator"
-= render "clients/website_validator", siteid: 'foobar'
+div style="width:50%"
+  = render "clients/website_validator", siteid: 'foobar'
 = stylesheet_link_tag "client/website_validator"
 
 javascript:
   var initialized = false;
   $(document).on('JAMKAZAM_READY', function(e, data) {
       setTimeout(function() {
-        window.website_validator = new JK.WebsiteValidator(data.app, "website_foobar")
+        window.website_validator = new JK.WebsiteValidator(data.app, $("#website_foobar"))
         website_validator.init()
         $('#website_foobar').val('http://www.jamkazam.com')
       }, 1)