define(["backbone","jquery","handlebar"], function(){

  var UrlInputView = Backbone.View.extend({
//add filter for linkedin
    template: "<span> <form method='post' action='/submiturl.html'> \
      <input class='urlinput' type='text' name='urlinput' placeholder='http://www.linkedin.com/' autofocus> \
      <input type='submit' class = 'submitBtn' value='Go'> \
      </form></span> \
      <span class='spinner'>",

    templateSpinner: "<img src='img/spinner.gif' class='spinner'/>",
    
    events: {
      "submit": "checkUrl"
    },
    checkUrl: function(e){
      e.preventDefault();
      e.target.children[1].setAttribute("disabled","disabled");
      this.$('.spinner').html(this.templateSpinner);
      var self = this; //to be used in $.post;
      var text = $('.urlinput').val();
      if (text.indexOf("http://") === -1 || text.indexOf("linkedin.com/") === -1 ) {
        alert('please enter a valid linkedin public url');
      }
      $.post('/submiturl',{urlinput: text}, function(data){
        // window.location.hash = 'submiturl';//to redirect to submiturl
        self.collection.reset(data);
        self.$el.html(''); //remove the inputBox View;
        console.log(data);
      })
      .done(function(){

      })
      .fail(function(){
        e.target.children[1].removeAttribute("disabled");
      })
    },
    render: function() {
      this.$el.html(this.template);
    }
  });

  return UrlInputView;
});
define(["backbone","jquery","handlebar"], function(){

  var UrlInputView = Backbone.View.extend({
//add filter for linkedin
    template: "<span> <form method='post' action='/submiturl.html'> \
      <input class='urlinput' type='text' name='urlinput' placeholder='http://www.linkedin.com/' autofocus> \
      <input type='submit' class = 'submitBtn' value='Go'> \
      </form></span> \
      <span class='spinner'>",

    templateSpinner: "<img src='img/spinner.gif' class='spinner'/>",
    
    events: {
      "submit": "checkUrl"
    },
    checkUrl: function(e){
      e.preventDefault();
      e.target.children[1].setAttribute("disabled","disabled");
      var self = this; //to be used in $.post;
      var text = $('.urlinput').val();
      if (text.indexOf("http://") === -1 || text.indexOf("linkedin.com/") === -1 ) {
        alert('please enter a valid linkedin public url');
        return;
      }
      this.$('.spinner').html(this.templateSpinner);
      $.post('/submiturl',{urlinput: text}, function(data){
        // window.location.hash = 'submiturl';//to redirect to submiturl
        self.collection.reset(data);
        self.$el.html(''); //remove the inputBox View;
        console.log(data);
      })
      .done(function(){

      })
      .fail(function(){
        e.target.children[1].removeAttribute("disabled");
      })
    },
    render: function() {
      this.$el.html(this.template);
    }
  });

  return UrlInputView;
});
fix bug so the query is not started with wrong format of url input