ui_changed 0.0.1 → 0.0.2

data/app/assets/javascripts/ui_changed/application.js

@@ -13,5 +13,5 @@
 //= require jquery
 //= require jquery_ujs
 //= require bootstrap
-//= require ui_changed/screenshots
+//= require ui_changed/ui_changed
 //= require_tree .

data/app/assets/javascripts/ui_changed/ui_changed.js

@@ -0,0 +1,344 @@
+if (typeof(UiChanged) === 'undefined') {
+  UiChanged = {
+    _initialized: false,
+    _clicked_urls_row: false,
+    _crawlStatusIntervalId: null,
+
+    /* selectors & classes used in the javascript below */
+
+    _crawl_btn_selector:              '.crawl_btns .f_crawl_action',
+    _crawl_btn_btn_selector:          '.crawl_btns button',
+    _crawl_cancel_btn_selector:       '.crawl_btns .f_crawl_action.f_cancel',
+    _crawling_urls_selector:          '.crawling .urls',
+    _crawling_urls_li_selector:       '.crawling .urls li',
+    _crawling_last_img_selector:      '.crawling a.last_img',
+    _crawling_last_img_img_selector:  '.crawling a.last_img img',
+    _crawling_no_diff_found_selector: '.crawling a.last_img .no_diff_found',
+    _crawling_diff_found_selector:    '.crawling a.last_img .diff_found',
+    _crawl_btn_running_class:         'running',
+
+    _diff_or_no_diff_found_selector: '.diff_found, .no_diff_found',
+    _crawling_urls_active_selector:  '.active',
+    _crawling_urls_active_class:     'active',
+    _no_diff_found_class:            'no_diff_found',
+    _diff_found_class:               'diff_found',
+
+    _checkbox_master_selector:         "#f_checkall",
+    _checkbox_child_selector:          ".f_checkall_child",
+    _checkbox_child_checked_selector:  ".f_checkall_child:checked",
+
+    _element_db_id_selector:            '.f_id',
+    _row_selector:                      '.screenshots tbody tr',
+    _diffs_row_selector:                '.screenshots.diffs tbody tr',
+    _row_checkbox_not_checked_selector: 'td:first input[type=checkbox]:not(:checked)',
+
+    _action_btn_selector:                  ".f_actions button",
+    _action_remove_selector:               ".f_actions .f_remove",
+    _action_remove_test_and_diff_selector: ".f_actions .f_remove_test_and_diff",
+    _action_ignore_selector:               ".f_actions .f_ignore",
+    _action_set_test_as_control_selector:  ".f_actions .f_set_test_as_control",
+
+    _action_remove_all_diffs_and_tests_selector: ".f_bulk_actions .f_remove_all_diffs_and_tests",
+    _action_remove_all_selector:                 ".f_bulk_actions .f_remove_all",
+    _action_ignore_all_selector:                 ".f_bulk_actions .f_ignore_all_urls",
+    _action_set_all_tests_as_control_selector:   ".f_bulk_actions .f_set_all_tests_as_control",
+
+    _on_homepage_selector: '.f_on_home_page',
+
+    _sidenav_diffs_count_selector:    '.f_sidenav_diffs span:last',
+    _sidenav_controls_count_selector: '.f_sidenav_controls span:last',
+    _sidenav_tests_count_selector:    '.f_sidenav_tests span:last',
+    _sidenav_compares_count_selector: '.f_sidenav_compares span:last',
+
+    /* url selectors */
+    _action_set_test_as_control_url_selector: '.f_set_test_as_control_url',
+    _remove_url_selector:                     '.f_remove_url',
+    _diffs_url_selector:                      '.f_diff_url',
+
+    /* urls */
+    _url_add_ignore:   "/ui_changed/screenshot_ignore_urls/add?id=",
+    _url_crawl_status: "screenshots/crawl_status.json",
+
+    _init: function() {
+      if(this._initialized) return;
+
+      $(this._crawl_btn_selector).not(this._crawl_cancel_btn_selector).click(this._crawl_btns_clicked);
+      $(this._crawl_cancel_btn_selector).click(this._crawl_btn_cancel_clicked);
+      $(this._crawling_urls_selector).on('click', 'li:not(' + this._crawling_urls_active_selector + ')', this._crawling_urls_clicked);
+
+      $(this._checkbox_master_selector).change(this._checkall_master_change);
+      $(this._checkbox_child_selector).change(this._checkall_child_change);
+      $(this._diffs_row_selector).click(this._diffs_row_clicked);
+
+      $(this._action_remove_selector).click(this._actions_remove);
+      $(this._action_remove_test_and_diff_selector).click(this._actions_remove_test_and_diff);
+      $(this._action_ignore_selector).click(this._actions_ignore);
+      $(this._action_set_test_as_control_selector).click(this._actions_set_test_as_control);
+
+      $(this._action_remove_all_diffs_and_tests_selector).click(this._bulk_actions_remove_all_diffs_and_tests);
+      $(this._action_remove_all_selector).click(this._bulk_actions_remove_all);
+      $(this._action_ignore_all_selector).click(this._bulk_actions_ignore_all_urls);
+      $(this._action_set_all_tests_as_control_selector).click(this._bulk_actions_set_all_tests_as_control);
+
+      if ($(this._crawl_cancel_btn_selector).is(':visible')) $(this._crawl_btn_btn_selector).not(this._crawl_cancel_btn_selector).attr("disabled", "disabled");
+
+      if ($(this._on_homepage_selector).val() === "true") this._update_crawl_status();
+
+      this._disable_action_buttons();
+      this._initialized = true;
+    },
+
+    /* individual actions */
+    _actions_remove: function() {
+      UiChanged._ajax_with_type($(UiChanged._remove_url_selector).val() + UiChanged._get_checked_ids(), "DELETE");
+    },
+    _actions_remove_test_and_diff: function() {
+      UiChanged._ajax_with_type($(this).attr("data-href") + "?id=" + UiChanged._get_checked_ids(), "DELETE");
+    },
+    _actions_ignore: function() {
+      UiChanged._ajax_with_type(UiChanged._url_add_ignore + UiChanged._get_checked_ids(), "POST");
+    },
+    _actions_set_test_as_control: function() {
+      UiChanged._ajax_with_type($(UiChanged._action_set_test_as_control_url_selector).val() + '?id=' + UiChanged._get_checked_ids(), "POST");
+    },
+
+    /* bulk actions */
+    _bulk_actions_remove_all_diffs_and_tests: function() {
+      UiChanged._ajax_with_type($(this).attr("data-href"), "DELETE");
+    },
+    _bulk_actions_remove_all: function() {
+      UiChanged._ajax_with_type($(this).attr("data-href"), "DELETE");
+    },
+    _bulk_actions_ignore_all_urls: function() {
+      UiChanged._ajax_with_type($(this).attr("data-href"), "POST");
+    },
+    _bulk_actions_set_all_tests_as_control: function() {
+      UiChanged._ajax_with_type($(this).attr("data-href"), "POST");
+    },
+
+    _crawl_btns_clicked: function() {
+      $(UiChanged._crawl_btn_btn_selector).not(UiChanged._crawl_cancel_btn_selector).attr("disabled", "disabled");
+      $(UiChanged._crawl_cancel_btn_selector).show();
+
+      $.ajax({
+        url: $(this).attr('data-action'),
+        type: 'POST',
+        success: function(data) {
+          $(UiChanged._crawling_urls_li_selector).remove();
+          UiChanged._update_crawl_status();
+        }
+      });
+    },
+
+    _crawl_btn_cancel_clicked: function() {
+      $(this).attr("disabled", "disabled");
+      $.ajax({
+        url: $(this).attr('data-action'),
+        type: 'POST'
+      });
+    },
+
+    _crawling_urls_clicked: function() {
+      var elem = $(this);
+      if (elem.prev().length === 0) {
+        // reset our boolean
+        UiChanged._clicked_urls_row = false;
+        $(UiChanged._crawling_urls_li_selector).removeClass(UiChanged._crawling_urls_active_class);
+        elem.addClass(UiChanged._crawling_urls_active_class);
+      } else {
+        UiChanged._clicked_urls_row = true;
+      }
+
+      var anchor = elem.find('a');
+      if (typeof anchor.attr('data-alt') === 'undefined') return;
+      $(UiChanged._crawling_urls_li_selector).removeClass(UiChanged._crawling_urls_active_class);
+      elem.addClass(UiChanged._crawling_urls_active_class);
+
+      var is_compare = anchor.find(UiChanged._diff_or_no_diff_found_selector).length === 1;
+      var diff_found = anchor.find(UiChanged._diff_found_class).length === 1;
+
+      UiChanged._add_crawl_image_with_src({
+        'file_name': anchor.attr('data-alt'),
+        'src':anchor.attr('data-src'),
+        'crawl_url': anchor.attr('href'),
+        'is_compare': is_compare,
+        'diff_found': diff_found});
+    },
+
+    _update_crawl_status: function() {
+      $.ajax({
+        dataType: "json",
+        url: UiChanged._url_crawl_status,
+        success: function(data) {
+          var screenshots = data[0].screenshots;
+          var running_status = data[0].worker.running_status;
+          var first_status = data[0].worker.first_status;
+          var running_type = data[0].worker.running_type;
+          $(UiChanged._crawl_btn_selector).removeClass(UiChanged._crawl_btn_running_class);
+          $(UiChanged._crawl_btn_with_type(running_type)).addClass(UiChanged._crawl_btn_running_class);
+          $(UiChanged._crawling_last_img_img_selector).removeAttr("src");
+          $(UiChanged._crawling_last_img_img_selector).removeAttr("alt");
+
+          $(UiChanged._sidenav_diffs_count_selector).text(data[0].counts.diff);
+          $(UiChanged._sidenav_controls_count_selector).text(data[0].counts.control);
+          $(UiChanged._sidenav_tests_count_selector).text(data[0].counts.test);
+          $(UiChanged._sidenav_compares_count_selector).text(data[0].counts.compare);
+
+          for (var i=0; i < screenshots.length; i++) {
+            UiChanged._add_crawl_url(screenshots[i]);
+          }
+          if (screenshots.length > 0 && !UiChanged._clicked_urls_row) {
+            /* if the user isn't looking at other rows, then show the most recent image */
+            UiChanged._show_top_most_image();
+          }
+
+//          $('.cmd_status_msg').text('running: ' + running_status + ' first: ' + first_status);
+          clearInterval(UiChanged._crawlStatusIntervalId);
+          if (running_status === "working" || (first_status === "working" || first_status === "queued")) {
+            UiChanged._crawlStatusIntervalId = setInterval(UiChanged._update_crawl_status, 3000);
+            return;
+          }
+          $(UiChanged._crawl_btn_btn_selector).removeAttr("disabled");
+          $(UiChanged._crawl_cancel_btn_selector).hide();
+        }
+      });
+    },
+
+    _show_top_most_image: function() {
+      $(UiChanged._crawling_urls_li_selector).each(function() {
+        var elem = $(this);
+        var anchor = elem.find('a');
+        if (anchor.hasClass(UiChanged._crawling_urls_active_class)) return;
+        var src = anchor.attr('data-src');
+        if (typeof src !== 'undefined') {
+          UiChanged._add_crawl_image_with_src({
+            'file_name': anchor.attr('data-alt'),
+            'src': src,
+            'crawl_url': anchor.attr('data-href'),
+            'is_compare': anchor.attr('data-type') === 'compare',
+            'diff_found': anchor.find('i').hasClass(UiChanged._diff_found_class)});
+          return false;
+        }
+      });
+    },
+
+    _add_crawl_url: function(screenshot) {
+      if (screenshot.url === null) return;
+
+      if ($(UiChanged._crawling_urls_li_selector).length > 100) {
+        $(UiChanged._crawling_urls_selector).empty();
+      }
+
+      var type = "test";
+      var diff_class = "";
+      if (screenshot.is_control === true) {
+        type = "control";
+      } else if (screenshot.is_compare === true) {
+        diff_class = screenshot.diff_found === true ? UiChanged._diff_found_class : UiChanged._no_diff_found_class;
+        diff_class = " " + diff_class;
+        type = "compare";
+      }
+
+      var file_name = screenshot.image_file_name;
+      var src;
+      var icon_class;
+      if (file_name !== null) {
+        src = screenshot.displayable_image_path_full;
+        icon_class = 'icon-picture' + diff_class;
+      } else {
+        icon_class = 'icon-';
+      }
+
+      var existing_selector = UiChanged._crawling_url_with_href_and_type(screenshot.url, type);
+      var existing = $(existing_selector);
+      if (existing.length === 0) {
+        $(UiChanged._crawling_urls_selector).prepend('<li><a data-type="' + type + '" data-href="' + screenshot.url + '"><i></i><span>' + type + ' : ' + screenshot.url + '</span></a></li>');
+        existing = $(existing_selector);
+      }
+      if (typeof existing.attr('data-alt') === 'undefined' && src !== null) {
+        existing.find('i').attr('class', icon_class);
+        existing.attr('data-alt', file_name);
+        existing.attr('data-src', src);
+      }
+    },
+
+    _add_crawl_image_with_src: function(params) {
+      // don't replace the image with itself
+      var existing_img = $(UiChanged._crawling_last_img_img_selector + '[src="' + params.src + '"]').length;
+      if (existing_img > 0) return;
+
+      if (params.is_compare) {
+        if (params.diff_found === null || params.diff_found === false) {
+          $(UiChanged._crawling_no_diff_found_selector).show();
+          $(UiChanged._crawling_diff_found_selector).hide();
+          $(UiChanged._crawling_last_img_img_selector).hide();
+        } else {
+          $(UiChanged._crawling_no_diff_found_selector).hide();
+          $(UiChanged._crawling_diff_found_selector).show();
+          $(UiChanged._crawling_last_img_img_selector).show();
+        }
+      } else {
+        $(UiChanged._crawling_no_diff_found_selector).hide();
+        $(UiChanged._crawling_diff_found_selector).hide();
+        $(UiChanged._crawling_last_img_img_selector).show();
+      }
+      $(UiChanged._crawling_last_img_selector).attr('href', params.src);
+      $(UiChanged._crawling_last_img_img_selector).attr('alt', params.file_name);
+      $(UiChanged._crawling_last_img_img_selector).attr('src', params.src);
+
+      if (UiChanged._clicked_urls_row) return;
+      $(UiChanged._crawling_urls_li_selector).removeClass(UiChanged._crawling_urls_active_class);
+      $(UiChanged._crawling_url_with_href(params.crawl_url)).parent('li').addClass(UiChanged._crawling_urls_active_class);
+    },
+
+    _checkall_master_change: function() {
+      $(UiChanged._checkbox_child_selector).prop("checked", this.checked);
+      UiChanged._disable_action_buttons();
+    },
+    _checkall_child_change: function() {
+      $(UiChanged._checkbox_master_selector).prop("checked", $(UiChanged._checkbox_child_checked_selector).length == $(UiChanged._checkbox_child_selector).length);
+      UiChanged._disable_action_buttons();
+    },
+    _diffs_row_clicked: function(e) {
+      if (e.target.type === 'checkbox') return;
+      document.location = $(this).find(UiChanged._diffs_url_selector).val();
+    },
+
+    _disable_action_buttons: function() {
+      $(UiChanged._action_btn_selector).attr("disabled", $(UiChanged._checkbox_child_checked_selector).length === 0);
+    },
+    _ajax_with_type: function(url, type) {
+      $.ajax({
+        url: url,
+        type: type,
+        success: function() {
+          location.reload();
+        }
+      });
+    },
+    _get_checked_ids: function() {
+      var ids_array = [];
+      $(UiChanged._row_selector).each(function() {
+        var row = $(this);
+        if (!row.find(UiChanged._row_checkbox_not_checked_selector).length) {
+          var diff_id = row.find(UiChanged._element_db_id_selector).first().val();
+          ids_array.push(diff_id);
+        }
+      });
+      return ids_array.join(",");
+    },
+    _crawl_btn_with_type: function(type) {
+      return UiChanged._crawl_btn_selector + '[data-type="' + type + '"]';
+    },
+    _crawling_url_with_href: function(href) {
+      return UiChanged._crawling_urls_li_selector + ' a[data-href="' + href +'"]';
+    },
+    _crawling_url_with_href_and_type: function(href, data_type) {
+      return UiChanged._crawling_urls_li_selector + ' a[data-href="' + href + '"][data-type="' + data_type + '"]';
+    }
+  };
+}
+
+$(function() {
+  UiChanged._init();
+});

data/app/assets/stylesheets/ui_changed/{screenshots.css → ui_changed.css}

@@ -6,6 +6,7 @@ body {margin-top: 40px;}
 
 .crawl_btns .running {border: 3px solid red;}
 
+.diff_screenshots > div:first-child {margin-left: 0;}
 .diff_screenshots img, table.screenshots tbody tr td img {border: 1px solid #ccc; padding: 2px;}
 .diff_screenshots img:hover, table.screenshots tbody tr td img:hover {border: 1px solid #000;}
 .diffs tbody tr {cursor: pointer;}

data/app/models/ui_changed/config_helper.rb

@@ -1,7 +1,7 @@
 module UiChanged
   class ConfigHelper
     MTC_CONFIG.each do |config|
-      # set the path
+      # set the path to inside our spec/dummy directory for control_path, test_path, and compare_path if running tests
       if Rails.env.test? && config[0].end_with?("_path")
         define_singleton_method config[0], lambda { "#{Rails.root}/#{config[1]}" }
       else

data/app/models/ui_changed/screenshot_ignore_url.rb

@@ -4,7 +4,7 @@ module UiChanged
 
     validates :url, :presence => true, :format => URI::regexp(%w(http https))
 
-    self.per_page = 10
+    self.per_page = 15
 
     class << self
       def search(search)

data/app/views/layouts/ui_changed/application.html.haml

@@ -7,7 +7,6 @@
     = stylesheet_link_tag "ui_changed/application", :media => "all"
     = javascript_include_tag "ui_changed/application"
     = csrf_meta_tags
-    %script{:src => "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"}
   %body
     .container
       .row

data/app/views/ui_changed/screenshots/diffs.haml

@@ -16,7 +16,7 @@
       -@all_screenshots.each do |screenshots|
         %tr
           %input.f_id{:type => "hidden", :value => screenshots.diff_ss.id}
-          %input.diff_url{:type => "hidden", :value => screenshot_diff_path + "?diff_id=#{screenshots.diff_ss.id}"}
+          %input.f_diff_url{:type => "hidden", :value => screenshot_diff_path + "?diff_id=#{screenshots.diff_ss.id}"}
           %td
             %input.f_checkall_child{:type => "checkbox"}
           %td

data/lib/ui_changed/railtie.rb

@@ -1,6 +1,3 @@
-require 'ui_changed'
-require 'rails'
-
 module UiChanged
   class Railtie < Rails::Railtie
     railtie_name :ui_changed

data/lib/ui_changed/version.rb

@@ -1,3 +1,3 @@
 module UiChanged
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

data/spec/models/screenshots_spec.rb

@@ -2,9 +2,6 @@ require 'spec_helper'
 require 'debugger'
 
 describe "screenshot actions" do
-
-#  before(:each) { @screenshot = FactoryGirl.create(:screenshot) }
-
   # url
 
   it "should not allow urls that don't start with http or https" do

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ui_changed
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
   prerelease: 
 platform: ruby
 authors:
@@ -13,7 +13,7 @@ date: 2013-02-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &70198372106700 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -21,10 +21,15 @@ dependencies:
         version: 3.2.11
   type: :runtime
   prerelease: false
-  version_requirements: *70198372106700
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 3.2.11
 - !ruby/object:Gem::Dependency
   name: bootstrap-sass
-  requirement: &70198372106280 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,10 +37,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70198372106280
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: will_paginate
-  requirement: &70198372105820 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -43,10 +53,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70198372105820
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: bootstrap-will_paginate
-  requirement: &70198372105400 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -54,10 +69,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70198372105400
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: haml-rails
-  requirement: &70198372104980 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -65,10 +85,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70198372104980
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: anemone
-  requirement: &70198372104560 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -76,10 +101,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70198372104560
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: selenium-webdriver
-  requirement: &70198372104140 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -87,10 +117,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70198372104140
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: jquery-rails
-  requirement: &70198372103720 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -98,10 +133,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70198372103720
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: font-awesome-sass-rails
-  requirement: &70198372103300 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -109,10 +149,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70198372103300
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: resque
-  requirement: &70198372102880 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -120,10 +165,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70198372102880
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: resque_mailer
-  requirement: &70198372102460 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -131,10 +181,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70198372102460
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: resque-status
-  requirement: &70198371664240 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -142,10 +197,15 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70198371664240
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: sass-rails
-  requirement: &70198371660460 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -153,10 +213,15 @@ dependencies:
         version: 3.2.3
   type: :development
   prerelease: false
-  version_requirements: *70198371660460
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 3.2.3
 - !ruby/object:Gem::Dependency
   name: rspec-rails
-  requirement: &70198371658320 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -164,10 +229,15 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70198371658320
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: capybara
-  requirement: &70198372124240 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -175,10 +245,15 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70198372124240
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: capybara-webkit
-  requirement: &70198372123820 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -186,10 +261,15 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70198372123820
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: database_cleaner
-  requirement: &70198372123400 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -197,10 +277,15 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70198372123400
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: factory_girl_rails
-  requirement: &70198372122980 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -208,10 +293,15 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70198372122980
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: mysql2
-  requirement: &70198372122560 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -219,10 +309,15 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70198372122560
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: debugger
-  requirement: &70198372122140 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -230,7 +325,12 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70198372122140
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 description: Rails plugin for crawling domains for detecting differences in the UI
 email:
 - adelegard@gmail.com
@@ -239,18 +339,15 @@ extensions: []
 extra_rdoc_files: []
 files:
 - app/assets/javascripts/ui_changed/application.js
-- app/assets/javascripts/ui_changed/screenshots.js
+- app/assets/javascripts/ui_changed/ui_changed.js
 - app/assets/stylesheets/scaffold.css
 - app/assets/stylesheets/ui_changed/application.css.scss
-- app/assets/stylesheets/ui_changed/screenshot_ignore_urls.css
-- app/assets/stylesheets/ui_changed/screenshots.css
+- app/assets/stylesheets/ui_changed/ui_changed.css
 - app/controllers/ui_changed/application_controller.rb
 - app/controllers/ui_changed/screenshot_ignore_urls_controller.rb
 - app/controllers/ui_changed/screenshots_controller.rb
 - app/controllers/ui_changed/screenshots_controller_base.rb
 - app/helpers/ui_changed/application_helper.rb
-- app/helpers/ui_changed/screenshot_ignore_urls_helper.rb
-- app/helpers/ui_changed/screenshots_helper.rb
 - app/mailers/ui_changed/notifications_mailer.rb
 - app/models/ui_changed/all_screenshot.rb
 - app/models/ui_changed/config_helper.rb
@@ -451,7 +548,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.10
+rubygems_version: 1.8.25
 signing_key: 
 specification_version: 3
 summary: Rails plugin for crawling domains for detecting differences in the UI

data/app/assets/javascripts/ui_changed/screenshots.js

@@ -1,280 +0,0 @@
-if (typeof(Screenshots) === 'undefined') {
-  Screenshots = {
-    _initialized: false,
-    _clicked_urls_row: false,
-    _crawlStatusIntervalId: null,
-
-    _init: function() {
-      if(this._initialized) return;
-
-      $('.crawl_btns .f_crawl_action').not('.f_cancel').click(this._crawl_btns_clicked);
-      $('.crawl_btns .f_crawl_action.f_cancel').click(this._crawl_btn_cancel_clicked);
-      $('.crawling .urls').on('click', 'li:not(.active)', this._crawling_urls_clicked);
-
-      $("#f_checkall").change(this._checkall_master_change);
-      $(".f_checkall_child").change(this._checkall_child_change);
-      $('table.screenshots.diffs tbody tr').click(this._diffs_row_clicked);
-
-      $(".f_actions .f_remove").click(this._actions_remove);
-      $(".f_actions .f_remove_test_and_diff").click(this._actions_remove_test_and_diff);
-      $(".f_actions .f_ignore").click(this._actions_ignore);
-      $(".f_actions .f_set_test_as_control").click(this._actions_set_test_as_control);
-
-      $(".f_bulk_actions .f_remove_all_diffs_and_tests").click(this._bulk_actions_remove_all_diffs_and_tests);
-      $(".f_bulk_actions .f_remove_all").click(this._bulk_actions_remove_all);
-      $(".f_bulk_actions .f_ignore_all_urls").click(this._bulk_actions_ignore_all_urls);
-      $(".f_bulk_actions .f_set_all_tests_as_control").click(this._bulk_actions_set_all_tests_as_control);
-
-      if ($('.f_cancel').is(':visible')) $('.crawl_btns button').not('.f_cancel').attr("disabled", "disabled");
-
-      if ($('.f_on_home_page').val() === "true") this._update_crawl_status();
-
-      this._disable_action_buttons();
-      this._initialized = true;
-    },
-
-    /* individual actions */
-    _actions_remove: function() {
-      Screenshots._ajax_with_type($('.f_remove_url').val() + Screenshots._get_checked_ids(), "DELETE");
-    },
-    _actions_remove_test_and_diff: function() {
-      Screenshots._ajax_with_type($(this).attr("data-href") + "?id=" + Screenshots._get_checked_ids(), "DELETE");
-    },
-    _actions_ignore: function() {
-      Screenshots._ajax_with_type("/ui_changed/screenshot_ignore_urls/add?id=" + Screenshots._get_checked_ids(), "POST");
-    },
-    _actions_set_test_as_control: function() {
-      Screenshots._ajax_with_type($('.f_set_test_as_control_url').val() + '?id=' + Screenshots._get_checked_ids(), "POST");
-    },
-
-    /* bulk actions */
-    _bulk_actions_remove_all_diffs_and_tests: function() {
-      Screenshots._ajax_with_type($(this).attr("data-href"), "DELETE");
-    },
-    _bulk_actions_remove_all: function() {
-      Screenshots._ajax_with_type($(this).attr("data-href"), "DELETE");
-    },
-    _bulk_actions_ignore_all_urls: function() {
-      Screenshots._ajax_with_type($(this).attr("data-href"), "POST");
-    },
-    _bulk_actions_set_all_tests_as_control: function() {
-      Screenshots._ajax_with_type($(this).attr("data-href"), "POST");
-    },
-
-    _crawl_btns_clicked: function() {
-      $('.crawl_btns button').not('.f_cancel').attr("disabled", "disabled");
-      $('.crawl_btns .f_cancel').show();
-
-      $.ajax({
-        url: $(this).attr('data-action'),
-        type: 'POST',
-        success: function(data) {
-          $('.crawling .urls li').remove();
-          Screenshots._update_crawl_status();
-        }
-      });
-    },
-
-    _crawl_btn_cancel_clicked: function() {
-      $(this).attr("disabled", "disabled");
-      $.ajax({
-        url: $(this).attr('data-action'),
-        type: 'POST'
-      });
-    },
-
-    _crawling_urls_clicked: function() {
-      var elem = $(this);
-      if (elem.prev().length === 0) {
-        // reset our boolean
-        Screenshots._clicked_urls_row = false;
-        $('.crawling .urls li').removeClass('active');
-        elem.addClass('active');
-      } else {
-        Screenshots._clicked_urls_row = true;
-      }
-
-      var anchor = elem.find('a');
-      if (typeof anchor.attr('data-alt') === 'undefined') return;
-      $('.crawling .urls li').removeClass('active');
-      elem.addClass('active');
-
-      var is_compare = anchor.find('i.diff_found, i.no_diff_found').length === 1;
-      var diff_found = anchor.find('i.diff_found').length === 1;
-
-      Screenshots._add_crawl_image_with_src({
-        'file_name': anchor.attr('data-alt'),
-        'src':anchor.attr('data-src'),
-        'crawl_url': anchor.attr('href'),
-        'is_compare': is_compare,
-        'diff_found': diff_found});
-    },
-
-    _update_crawl_status: function() {
-      $.ajax({
-        dataType: "json",
-        url: "screenshots/crawl_status.json",
-        success: function(data) {
-          var screenshots = data[0].screenshots;
-          var running_status = data[0].worker.running_status;
-          var first_status = data[0].worker.first_status;
-          var running_type = data[0].worker.running_type;
-          $('.crawl_btns .f_crawl_action').removeClass('running');
-          $('.crawl_btns .f_crawl_action[data-type="'+running_type+'"]').addClass('running');
-          $('.crawling a.last_img img').removeAttr("src");
-          $('.crawling a.last_img img').removeAttr("alt");
-
-          $('.f_sidenav_diffs span:last').text(data[0].counts.diff);
-          $('.f_sidenav_controls span:last').text(data[0].counts.control);
-          $('.f_sidenav_tests span:last').text(data[0].counts.test);
-          $('.f_sidenav_compares span:last').text(data[0].counts.compare);
-
-          for (var i=0; i < screenshots.length; i++) {
-            Screenshots._add_crawl_url(screenshots[i]);
-          }
-          if (screenshots.length > 0 && !Screenshots._clicked_urls_row) {
-            /* if the user isn't looking at other rows, then show the most recent image */
-            Screenshots._show_top_most_image();
-          }
-
-//          $('.cmd_status_msg').text('running: ' + running_status + ' first: ' + first_status);
-          clearInterval(Screenshots._crawlStatusIntervalId);
-          if (running_status === "working" || (first_status === "working" || first_status === "queued")) {
-            Screenshots._crawlStatusIntervalId = setInterval(Screenshots._update_crawl_status, 3000);
-            return;
-          }
-          $('.crawl_btns button').removeAttr("disabled");
-          $('.crawl_btns .f_cancel').hide();
-        }
-      });
-    },
-
-    _show_top_most_image: function() {
-      $('.crawling .urls li').each(function() {
-        var elem = $(this);
-        var anchor = elem.find('a');
-        if (anchor.hasClass('active')) return;
-        var src = anchor.attr('data-src');
-        if (typeof src !== 'undefined') {
-          Screenshots._add_crawl_image_with_src({
-            'file_name': anchor.attr('data-alt'),
-            'src': src,
-            'crawl_url': anchor.attr('data-href'),
-            'is_compare': anchor.attr('data-type') === 'compare',
-            'diff_found': anchor.find('i').hasClass('diff_found')});
-          return false;
-        }
-      });
-    },
-
-    _add_crawl_url: function(screenshot) {
-      if (screenshot.url === null) return;
-
-      if ($('.crawling .urls li').length > 100) {
-        $('.crawling .urls').empty();
-      }
-
-      var type = "test";
-      var diff_class = "";
-      if (screenshot.is_control === true) {
-        type = "control";
-      } else if (screenshot.is_compare === true) {
-        diff_class = screenshot.diff_found === true ? " diff_found" : " no_diff_found";
-        type = "compare";
-      }
-
-      var file_name = screenshot.image_file_name;
-      var src;
-      var icon_class;
-      if (file_name !== null) {
-        src = screenshot.displayable_image_path_full;
-        icon_class = 'icon-picture' + diff_class;
-      } else {
-        icon_class = 'icon-';
-      }
-
-      var existing_selector = '.crawling .urls li a[data-href="'+screenshot.url+'"][data-type="' + type + '"]';
-      var existing = $(existing_selector);
-      if (existing.length === 0) {
-        $('.crawling .urls').prepend('<li><a data-type="' + type + '" data-href="' + screenshot.url + '"><i></i><span>' + type + ' : ' + screenshot.url + '</span></a></li>');
-        existing = $(existing_selector);
-      }
-      if (typeof existing.attr('data-alt') === 'undefined' && src !== null) {
-        existing.find('i').attr('class', icon_class);
-        existing.attr('data-alt', file_name);
-        existing.attr('data-src', src);
-      }
-    },
-
-    _add_crawl_image_with_src: function(params) {
-      // don't replace the image with itself
-      var existing_img = $('.crawling a.last_img img[src="'+params.src+'"]').length;
-      if (existing_img > 0) return;
-
-      if (params.is_compare) {
-        if (params.diff_found === null || params.diff_found === false) {
-          $('.crawling a.last_img .no_diff_found').show();
-          $('.crawling a.last_img .diff_found').hide();
-          $('.crawling a.last_img img').hide();
-        } else {
-          $('.crawling a.last_img .no_diff_found').hide();
-          $('.crawling a.last_img .diff_found').show();
-          $('.crawling a.last_img img').show();
-        }
-      } else {
-        $('.crawling a.last_img .no_diff_found').hide();
-        $('.crawling a.last_img .diff_found').hide();
-        $('.crawling a.last_img img').show();
-      }
-      $('.crawling a.last_img').attr('href', params.src);
-      $('.crawling a.last_img img').attr('alt', params.file_name);
-      $('.crawling a.last_img img').attr('src', params.src);
-
-      if (Screenshots._clicked_urls_row) return;
-      $('.crawling .urls li').removeClass('active');
-      $('.crawling .urls li a[data-href="'+params.crawl_url+'"]').parent('li').addClass('active');
-    },
-
-    _checkall_master_change: function() {
-      $(".f_checkall_child").prop("checked", this.checked);
-      Screenshots._disable_action_buttons();
-    },
-    _checkall_child_change: function() {
-      $("#f_checkall").prop("checked", $(".f_checkall_child:checked").length == $(".f_checkall_child").length);
-      Screenshots._disable_action_buttons();
-    },
-    _diffs_row_clicked: function(e) {
-      if (e.target.type === 'checkbox') return;
-      document.location = $(this).find('.diff_url').val();
-    },
-
-    _disable_action_buttons: function() {
-      $(".f_actions button").attr("disabled", $(".f_checkall_child:checked").length === 0);
-    },
-    _ajax_with_type: function(url, type) {
-      $.ajax({
-        url: url,
-        type: type,
-        success: function() {
-          location.reload();
-        }
-      });
-    },
-    _get_checked_ids: function() {
-      var ids_array = [];
-      $('.screenshots tbody tr').each(function() {
-        var row = $(this);
-        if (!row.find('td:first input[type=checkbox]:not(:checked)').length) {
-          var diff_id = row.find('input.f_id').first().val();
-          ids_array.push(diff_id);
-        }
-      });
-      return ids_array.join(",");
-    }
-
-  };
-}
-
-$(function() {
-  Screenshots._init();
-});

data/app/assets/stylesheets/ui_changed/screenshot_ignore_urls.css

@@ -1,4 +0,0 @@
-/*
-  Place all the styles related to the matching controller here.
-  They will automatically be included in application.css.
-*/

data/app/helpers/ui_changed/screenshot_ignore_urls_helper.rb

@@ -1,4 +0,0 @@
-module UiChanged
-  module ScreenshotIgnoreUrlsHelper
-  end
-end

data/app/helpers/ui_changed/screenshots_helper.rb

@@ -1,4 +0,0 @@
-module UiChanged
-  module ScreenshotsHelper
-  end
-end