blinkr 0.1.0 → 0.2.0

data/lib/blinkr/extensions/meta.html.slim

@@ -0,0 +1,66 @@
+.h2
+  | Duplicate Descriptions 
+  .label.label-primary.pull-right = descriptions.length
+- descriptions.each_with_index do |(description, pages), index|
+
+  .panel.panel-danger
+    .panel-heading
+      a> data-toggle="collapse" href="#meta-d-#{index}" id="control-meta-d-#{index}"
+        i.fa.fa-caret-square-o-right>
+      ' #{description}
+    .panel-body.collapse id="meta-d-#{index}"
+      ul.list-group
+      - pages.each do |url, page|
+        li.list-group-item
+          ' #{url}
+          a> href="#{url}" target='_blank'
+            i.fa.fa-external-link
+          a href="view-source:#{url}" target='_blank'
+            i.fa.fa-file-code-o
+    javascript:
+      $('#meta-d-#{index}').on('show.bs.collapse', function () {
+        $('a#control-meta-d-#{index}').html('<i class="fa fa-caret-square-o-down"></i>');
+      });
+      $('#meta-d-#{index}').on('hide.bs.collapse', function () {
+        $('a#control-meta-d-#{index}').html('<i class="fa fa-caret-square-o-right"></i>');
+      });
+
+- if descriptions.length == 0
+  .panel.panel-success
+    .panel-heading
+      a id='resources'
+      | No duplicate descriptions detected
+
+.h2 
+  | Duplicate Titles
+  .label.label-primary.pull-right = titles.length
+- titles.each_with_index do |(title, pages), index|
+
+  .panel.panel-danger
+    .panel-heading
+      a> data-toggle="collapse" href="#meta-t-#{index}" id="control-meta-t-#{index}"
+        i.fa.fa-caret-square-o-right>
+      ' #{title}
+    .panel-body.collapse id="meta-t-#{index}"
+      ul.list-group
+      - pages.each do |url, page|
+        li.list-group-item
+          ' #{url}
+          a> href="#{url}" target='_blank'
+            i.fa.fa-external-link
+          a href="view-source:#{url}" target='_blank'
+            i.fa.fa-file-code-o
+    javascript:
+      $('#meta-t-#{index}').on('show.bs.collapse', function () {
+        $('a#control-meta-t-#{index}').html('<i class="fa fa-caret-square-o-down"></i>');
+      });
+      $('#meta-t-#{index}').on('hide.bs.collapse', function () {
+        $('a#control-meta-t-#{index}').html('<i class="fa fa-caret-square-o-right"></i>');
+      });
+
+- if titles.length == 0
+  .panel.panel-success
+    .panel-heading
+      a id='resources'
+      | No duplicate titles detected
+

data/lib/blinkr/extensions/meta.rb

@@ -0,0 +1,84 @@
+require 'ostruct'
+require 'slim'
+
+module Blinkr
+  module Extensions
+    class Meta
+
+      TMPL = File.expand_path('meta.html.slim', File.dirname(__FILE__))
+
+      def initialize config
+        @config = config
+        @descriptions = {}
+        @titles = {}
+      end
+
+      def collect page
+        description page
+        title page
+      end
+
+      def analyze context, typhoeus
+        context.duplicate_descriptions = @descriptions.reject{ |description, pages| pages.length <= 1 }
+        context.duplicate_titles = @titles.reject{ |title, pages| pages.length <= 1 }
+      end
+
+      def append context
+        Slim::Template.new(TMPL).render(OpenStruct.new({ :descriptions => context.duplicate_descriptions, :titles => context.duplicate_titles }))
+      end
+
+      private
+
+      def title page
+        elms = page.body.css('title')
+        if elms.length > 1
+          snippets = []
+          lines = []
+          elms.each do |elm|
+            lines << elm.line
+            snippets << elm.to_s
+          end
+          page.errors << OpenStruct.new({ :severity => 'info', :category => 'HTML Compatibility/Correctness', :type => '<title> tag declared more than once',  :title => %Q{<title> declared more than once (lines #{lines.join(', ')})}, :message => %Q{<title> declared more than onc}, :snippet => snippets.join('\n'), :icon => 'fa-header' })
+        elsif elms.empty?
+          page.errors << OpenStruct.new({ :severity => 'warning', :category => 'SEO', :type => '<title> tag missing',  :title => %Q{<title> tag missing}, :message => %Q{<title> tag missing}, :icon => 'fa-header' })
+        else
+          title = elms.first.text
+          @titles[title] ||= {}
+          @titles[title][page.response.effective_url] = page
+          if title.length < 20
+            page.errors << OpenStruct.new({ :severity => 'info', :category => 'SEO', :type => 'page title too short',  :title => %Q{<title> too short (line #{elms.first.line})}, :message => %Q{<title> too short (< 20 characters)}, :snippet => elms.first.to_s, :icon => 'fa-header' })
+          end
+          if title.length > 55
+            page.errors << OpenStruct.new({ :severity => 'info', :category => 'SEO', :type => 'page title too long',  :title => %Q{<title> too long (line #{elms.first.line})}, :message => %Q{<title> too long (> 55 characters)}, :snippet => elms.first.to_s, :icon => 'fa-header' })
+          end
+        end
+      end
+
+      def description page
+        elms = page.body.css('meta[name=description]')
+        if elms.length > 1
+          snippets = []
+          lines = []
+          elms.each do |elm|
+            lines << elm.line
+            snippets << elm.to_s
+          end
+          page.errors << OpenStruct.new({ :severity => 'info', :category => 'HTML Compatibility/Correctness', :type => '<meta name="description"> tag declared more than once',  :title => %Q{<meta name="description"> tag declared more than once (lines #{lines.join(', ')})}, :message => %Q{<meta name="description"> tag declared more than once}, :snippet => snippets.join('\n'), :icon => 'fa-header' })
+        elsif elms.empty?
+          page.errors << OpenStruct.new({ :severity => 'info', :category => 'SEO', :type => '<meta name="description"> tag missing',  :title => %Q{<meta name="description"> tag missing}, :message => %Q{<meta name="description"> tag missing}, :icon => 'fa-header' })
+        else
+          desc = elms.first['content']
+          @descriptions[desc] ||= {}
+          @descriptions[desc][page.response.effective_url] = page
+          if desc.length < 60
+            page.errors << OpenStruct.new({ :severity => 'info', :category => 'SEO', :type => '<meta name="description"> too short',  :title => %Q{<meta name="description"> too short (lines #{elms.first.line})}, :message => %Q{<meta name="description"> too short (< 60 characters)}, :snippet => elms.first.to_s, :icon => 'fa-header' })
+          end
+          if desc.length > 115
+            page.errors << OpenStruct.new({ :severity => 'info', :category => 'SEO', :type => '<meta name="description"> too long',  :title => %Q{<meta name="description"> too long (lines #{elms.first.line})}, :message => %Q{<meta name="description"> too long (> 115 characters)}, :snippet => elms.first.to_s, :icon => 'fa-header' })
+          end
+        end
+      end
+
+    end
+  end
+end

data/lib/blinkr/extensions/pipeline.rb

@@ -0,0 +1,39 @@
+Dir[ File.join( File.dirname(__FILE__), '*.rb' ) ].each do |f|
+  begin
+    require f
+  rescue LoadError => e
+    $LOG.warn "Missing required dependency to activate optional built-in extension #{File.basename(f)}\n  #{e}" if $LOG.debug?
+  rescue StandardError => e
+    $LOG.warn "Missing runtime configuration to activate optional built-in extension #{File.basename(f)}\n  #{e}" if $LOG.debug?
+  end
+end
+
+module Blinkr
+  module Extensions
+    class Pipeline
+
+      attr_reader :extensions
+
+      def initialize(&block)
+        @extensions = []
+        @block = block
+      end
+
+      def load config
+        begin
+          instance_exec config, &@block if @block && @block.arity == 1
+          instance_exec &@block if @block && @block.arity == 0
+          self
+        rescue Exception => e
+          abort("Failed to initialize pipeline: #{e}")
+        end
+      end
+
+      def extension(ext)
+        @extensions << ext
+      end
+
+    end
+  end
+end
+

data/lib/blinkr/extensions/resources.rb

@@ -0,0 +1,20 @@
+module Blinkr
+  module Extensions
+    class Resources
+
+      def initialize config
+        @config = config
+      end
+
+      def collect page
+        page.resource_errors.each do |error|
+          start = error['errorString'].rindex('server replied: ')
+          message = error['errorString'].slice(start.nil? ? 0 : start + 16, error['errorString'].length) unless error['errorString'].nil?
+          code = error['errorCode'].nil? ? nil : error['errorCode'].to_i
+          page.errors << OpenStruct.new({ :severity => 'danger', :category => 'Resources missing', :type => 'Resource loading error', :title => error['url'], :code => code, :message => message, :icon => 'fa-file-image-o' })
+        end
+      end
+
+    end
+  end
+end

data/lib/blinkr/http_utils.rb

@@ -0,0 +1,49 @@
+require 'uri'
+
+module Blinkr
+  module HttpUtils
+    
+    def sanitize dest, src
+      # src is the page that tried to load the URL
+      # URI fails to handle #! style fragments, so we chomp them
+      src = src[0, src.rindex('#!')] unless src.rindex('#!').nil?
+      src_uri = URI(src)
+      
+      # Remove the query and fragment from the SRC URI, as we are going to use it to resolve the relative dest URIs
+      src_uri.query = nil
+      src_uri.fragment = nil
+
+      # base is the web root of the site
+      base_uri = URI(@config.base_url)
+
+      begin
+
+        # dest is the URL we are trying to load
+        dest_uri = URI(dest)
+        dest_uri.fragment = nil if @config.ignore_fragments
+
+        # If we have a relative URI, or just a fragment, join what we have to our base URL
+        dest_uri = URI.join(src_uri, dest) if ( empty?(dest_uri.path) && !empty?(dest_uri.fragment ) ) || dest_uri.relative?
+
+        # If we have an absolute path URI, join it to the base URL
+        dest_uri = URI.join(base_uri.scheme, base_uri.hostname, base_uri.port, dest_uri) if empty?(dest_uri.scheme) && empty?(dest_uri.hostname)
+      
+        dest = dest_uri.to_s
+      rescue URI::InvalidURIError, URI::InvalidComponentError, URI::BadURIError
+      end
+      dest.chomp('#').chomp('index.html')
+    end
+
+    def retry? resp
+      resp.timed_out? || (resp.code == 0 && [ "Server returned nothing (no headers, no data)", "SSL connect error", "Failure when receiving data from the peer" ].include?(resp.return_message) )
+    end
+
+    private
+    
+    def empty? str
+      str.nil? || str.empty?
+    end
+ 
+  end
+end
+

data/lib/blinkr/phantomjs_wrapper.rb

@@ -0,0 +1,65 @@
+require 'typhoeus'
+require 'ostruct'
+require 'tempfile'
+require 'blinkr/http_utils'
+require 'parallel'
+
+
+module Blinkr
+  class PhantomJSWrapper 
+    include HttpUtils
+
+    SNAP_JS = File.expand_path('snap.js', File.dirname(__FILE__))
+
+    attr_reader :count
+
+    def initialize config, context
+      @config = config.validate
+      @context = context
+      @count = 0
+    end
+
+    def process_all urls, limit, &block
+      Parallel.each(urls, :in_threads => @config.phantomjs_threads) do |url|
+        process url, limit, &block
+      end
+    end
+
+    def process url, limit, &block
+      _process url, limit, limit, &block
+    end
+
+    def name
+      'phantomjs'
+    end
+
+    private
+
+    def _process url, limit, max, &block
+      unless @config.skipped? url
+        Tempfile.open('blinkr') do|f|
+          if system "phantomjs #{SNAP_JS} #{url} #{@config.viewport} #{f.path}"
+            json = JSON.load(File.read(f.path))
+            response = Typhoeus::Response.new(code: 200, body: json['content'], effective_url: json['url'], mock: true)
+            response.request = Typhoeus::Request.new(url)
+            Typhoeus.stub(url).and_return(response)
+            block.call response, json['resourceErrors'], json['javascriptErrors']
+          else
+            if limit > 1
+              puts "Loading #{url} via phantomjs (attempt #{max - limit + 2} of #{max})" if verbose
+              _process url, limit - 1, max, &block
+            else
+              puts "Loading #{url} via phantomjs failed" if @config.verbose
+              response = Typhoeus::Response.new(code: 0, status_message: "Server timed out after #{max} retries", mock: true)
+              response.request = Typhoeus::Request.new(url)
+              Typhoeus.stub(url).and_return(response)
+              block.call response, nil, nil
+            end
+          end
+        end
+        @count += 1
+      end
+    end
+
+  end
+end

data/lib/blinkr/report.html.slim

@@ -9,141 +9,230 @@ head
 body
 
   .container
-    h1 Blinkr
-    ol
-      li 
-        a href='#links'
-          p class="#{errors.links.empty? ? 'text-success' : 'text-danger'}"
-            |Broken links
-      - unless errors.javascript.nil?
-        li
-          a href='#javascript'
-            p class="#{errors.javascript.empty? ? 'text-success' : 'text-danger'}"
-              | Page load JavaScript errors
-      - unless errors.resources.nil?
-        li
-          a href='#resources'
-            p class="#{errors.resources.empty? ? 'text-success' : 'text-danger'}"
-              | Resource loading errors
+    .row
+      h1 Blinkr
+      p.lead Blackbox testing for websites
 
-    a id='links'
-    h2 
-      |Broken links (
-      code
-        |a[href]
-      |)
-    - errors.links.each do |url, err|
-      .panel.panel-danger
+      h2 
+        | Pages
+        .label.label-primary.pull-right = blinkr.error_count
+      .panel.panel-default
         .panel-heading
-          a data-toggle="collapse" href="#a-#{err.uid}" id="control-a-#{err.uid}"
-            i.fa.fa-caret-square-o-right
-          '
-          a href="#{url}" target='_blank'
-            | #{url} 
-            i.fa.fa-external-link
-          .pull-right.badge
-            - if err.code > 0 || !err.status_message.nil?
-              span data-toggle="tooltip" title="Status message"
-                ' #{err.code if err.code > 0} #{err.status_message}
-            - elsif !err.return_message.nil? && err.return_message != 'No error'
-              span data-toggle="tooltip" title="Return message"
-                ' #{err.return_message}
-        .panel-body.collapse id="a-#{err.uid}"
-          - unless err.return_message.nil? || err.return_message == 'No error' || (err.code == 0 && err.status_message.nil?)
-            |Message: #{err.return_message}
-          ul.list-group
-          - err.refs.each do |ref|
-            li.list-group-item
-              '#{ref.src}
-              a href="#{ref.src}" target='_blank'
+          h4
+            a> data-toggle="collapse" href="#filters" id="control-filters"
+              i.fa.fa-caret-square-o-down
+            | Filters
+        .panel-collapse.collapse.in#filters
+          .panel-body
+            form.row
+              .col-md-4#severities
+                .panel.panel-default
+                  .panel-heading
+                    .checkbox
+                      label
+                        input.severities type="checkbox" value="severities" onchange="severities()" checked="true"
+                        | Severity
+                      .label.label-primary< = blinkr.error_count
+                  .panel-body
+                    - blinkr.severities.each do |severity, metadata|
+                      .checkbox
+                        label
+                          input.severity type="checkbox" value="severity-#{metadata.id}" onchange="updateSeverities(); filter()" checked="true"
+                          | #{severity.capitalize}
+                        div< class="label label-#{severity}" = metadata.count
+              .col-md-8#types style="padding-left:20px; border-left: 1px solid #ccc;"
+                .row
+                  - blinkr.categories.each do |category, metadata|
+                    .col-md-6
+                      .panel.panel-default
+                        .panel-heading
+                          .checkbox
+                            label
+                              input.category type="checkbox" value="category-#{metadata.id}" onchange="category()" checked="true"
+                              | #{category}
+                            - metadata.severities.each do |severity, count|
+                              div< class="label label-#{severity}" = count
+                        .panel-body
+                          - metadata.types.each do |type, type_metadata|
+                            .checkbox
+                              label
+                                input.type type="checkbox" value="type-#{metadata.id}-#{type_metadata.id}" onchange="updateCategory(); filter();" checked="true" data-category="category-#{metadata.id}"
+                                | #{type}
+                              - type_metadata.severities.each do |severity, count|
+                                div< class="label label-#{severity}" = count
+      javascript:
+        $('#filters').on('show.bs.collapse', function () {
+          $('a#control-filters').html('<i class="fa fa-caret-square-o-down"></i>');
+        });
+        $('#filters').on('hide.bs.collapse', function () {
+          $('a#control-filters').html('<i class="fa fa-caret-square-o-right"></i>');
+        });
+      .spinner.center-block style="padding-top: 2em"
+        img src="http://static.jboss.org/www/images/_images_icons_ajax-loader-8.gif"
+      javascript:
+        $( '.spinner' ).hide();
+      #pages
+        - blinkr.pages.each_with_index do |(url, page), index|
+
+          div class="page panel panel-#{page.max_severity}"
+            .panel-heading
+              a> data-toggle="collapse" href="#p-#{index}" id="control-p-#{index}"
+                i.fa.fa-caret-square-o-right>
+              ' #{url}
+              a> href="#{url}" target='_blank'
                 i.fa.fa-external-link
-              '
-              a href="view-source:#{ref.src}" target='_blank'
+              a href="view-source:#{url}" target='_blank'
                 i.fa.fa-file-code-o
-              .pull-right
-                |(#{ref.src_location})
-              pre #{ref.snippet}
-        javascript:
-          $('#a-#{err.uid}').on('show.bs.collapse', function () {
-            $('a#control-a-#{err.uid}').html('<i class="fa fa-caret-square-o-down"></i>');
-          });
-          $('#a-#{err.uid}').on('hide.bs.collapse', function () {
-            $('a#control-a-#{err.uid}').html('<i class="fa fa-caret-square-o-right"></i>');
-          });
-    - if errors.links.empty?
-      .panel.panel-success
-        .panel-heading
-          a id='resources'
-          | No broken links detected
-    - unless errors.javascript.nil?
-      a id='javascript'
-      h2 Page load JavaScript errors
-      - errors.javascript.each do |url, err|
-        .panel.panel-danger
-          .panel-heading
-            a data-toggle="collapse" href="#j-#{err.uid}" id="control-j-#{err.uid}"
-              i.fa.fa-caret-square-o-right
-            '
-            a href="#{url}" target='_blank'
-              | #{url}
-              i.fa.fa-external-link
-          .panel-body.collapse id="j-#{err.uid}"
-            ul.list-group
-            - err.messages.each do |message|
-              li.list-group-item
-                pre= message.msg
-                pre= message.trace
-          javascript:
-            $('#j-#{err.uid}').on('show.bs.collapse', function () {
-              $('a#control-j-#{err.uid}').html('<i class="fa fa-caret-square-o-down"></i>');
-            });
-            $('#j-#{err.uid}').on('hide.bs.collapse', function () {
-              $('a#control-j-#{err.uid}').html('<i class="fa fa-caret-square-o-right"></i>');
-            });
-      - if errors.javascript.empty?
-        .panel.panel-success
-          .panel-heading
-            a id='javascript'
-            | No JavaScript errors detected
-
-    - unless errors.resources.nil?
-      a id='resources'
-      h2 Resource loading errors
-      - errors.resources.each do |url, err|
-        .panel.panel-danger
-          .panel-heading
-            a data-toggle="collapse" href="#r-#{err.uid}" id="control-r-#{err.uid}"
-              i.fa.fa-caret-square-o-right
-            '
-            a href="#{url}" target='_blank'
-              | #{url}
-              i.fa.fa-external-link
-          .panel-body.collapse id="r-#{err.uid}"
-            ul.list-group
-            - err.messages.each do |message|
-              li.list-group-item
-                '#{message.url}
-                a href="#{message.url}" target='_blank'
-                  i.fa.fa-external-link
-                .pull-right.badge.alert-danger
-                  - if message.errorCode > 0
-                    ' #{message.errorCode}
-                  - unless message.errorString.nil?
-                    | #{message.errorString}
+            .panel-body.collapse id="p-#{index}"
+              ul.list-group
+              - page.errors.each do |error|
+                == engine.transform page, error do
+                  li.list-group-item.error data-ids="type-#{blinkr.categories[error.category].id}-#{blinkr.categories[error.category].types[error.type].id} severity-#{error.severity} category-#{blinkr.categories[error.category].id}"
+                    - unless error.icon.nil?
+                      i class="fa fa-2x #{error.icon} pull-left"
+                    - unless error.code.nil? && error.message.nil?
+                      div class="pull-right label label-#{error.severity}"
+                        - unless error.code.nil?
+                          ' #{error.code}
+                        - unless error.message.nil?
+                          | #{error.message}
+                    div
+                      ' #{error.title}
+                      - if error.url
+                        a href="#{error.url}" target='_blank'
+                          i.fa.fa-external-link
+                      - if error.detail
+                        p= error.detail
+                    - if error.snippet
+                      pre #{error.snippet}
+            javascript:
+              $('#p-#{index}').on('show.bs.collapse', function () {
+                $('a#control-p-#{index}').html('<i class="fa fa-caret-square-o-down"></i>');
+              });
+              $('#p-#{index}').on('hide.bs.collapse', function () {
+                $('a#control-p-#{index}').html('<i class="fa fa-caret-square-o-right"></i>');
+              });
 
-          javascript:
-            $('#r-#{err.uid}').on('show.bs.collapse', function () {
-              $('a#control-r-#{err.uid}').html('<i class="fa fa-caret-square-o-down"></i>');
-            });
-            $('#r-#{err.uid}').on('hide.bs.collapse', function () {
-              $('a#control-r-#{err.uid}').html('<i class="fa fa-caret-square-o-right"></i>');
-            });
-      - if errors.resources.empty?
+      - if blinkr.pages.length == 0
         .panel.panel-success
           .panel-heading
             a id='resources'
-            | No resource loading errors detected
-  
+            | No errors detected
+
+      - engine.append(blinkr).each do |result|
+        == result
+
   javascript:
     $('[data-toggle="tooltip"]').tooltip({'placement': 'top'});
 
+    function category() {
+      $( "#filters #types input.category[type=checkbox]" ).each( function() {
+        var category = $( this ).val();
+        var checked = $( this ).prop("checked");
+        $( "#filters #types input.type[type=checkbox][data-category=" + category + "]" ).each( function() {
+          $( this ).prop( "checked", checked );
+        });
+      });
+      filter();
+    }
+
+    function severities() {
+      $( "#filters #severities input.severities[type=checkbox]" ).each( function() {
+        var checked = $( this ).prop("checked");
+        $( "#filters #severities input.severity[type=checkbox]" ).each( function() {
+          $( this ).prop( "checked", checked );
+        });
+      });
+      filter();
+    }
+
+    function updateCategory() {
+      $( "#filters #types input.category[type=checkbox]" ).each( function() {
+        var category = $( this ).val();
+        var checked = 0;
+        var unchecked = 0;
+        $( "#filters #types input.type[type=checkbox][data-category=" + category + "]" ).each( function() {
+          if ( $( this ).prop( "checked" ) ) {
+            checked++;
+          } else {
+            unchecked++;
+          }
+        });
+        if (unchecked == 0) {
+          $( this ).prop( "checked", true );
+        } else {
+          $( this ).prop( "checked", false );
+        }
+      });
+    }
+
+    function updateSeverities() {
+      $( "#filters #severities input.severities[type=checkbox]" ).each( function() {
+        var checked = 0;
+        var unchecked = 0;
+        $( "#filters #severities input.severity[type=checkbox]" ).each( function() {
+          if ( $( this ).prop( "checked" ) ) {
+            checked++;
+          } else {
+            unchecked++;
+          }
+        });
+        if (unchecked == 0) {
+          $( this ).prop( "checked", true );
+        } else {
+          $( this ).prop( "checked", false );
+        }
+      });
+    }
+
+    function filter() {
+      $( ".pages" ).hide();
+      $( ".spinner" ).show();
+      var selectedTypes = [];
+      var selectedSeverities = [];
+      $( "#filters #severities input[type=checkbox]" ).each( function() {
+        if ( $( this ).prop( "checked" ) ) {
+          selectedSeverities.push( $( this ).val() );
+        }
+      });
+      $( "#filters #types input.type[type=checkbox]" ).each( function() {
+        if ( $( this ).prop( "checked" ) ) {
+          selectedTypes.push( $( this ).val() );
+        }
+      });
+      $( "#pages .page" ).each( function() {
+        var count = 0;
+        $( "li.error[data-ids]", this ).each( function() {
+          var showType = false;
+          var showSeverity = false;
+          var ids = $( this ).attr("data-ids");
+          for (i = 0; i < selectedTypes.length; i++) {
+            if (ids.indexOf(selectedTypes[i]) >= 0) {
+              showType = true;
+              continue;
+            }
+          }
+          for (i = 0; i < selectedSeverities.length; i++) {
+            if (ids.indexOf(selectedSeverities[i]) >= 0) {
+              showSeverity = true;
+              continue;
+            }
+          }
+          if (showSeverity && showType) {
+            $( this ).show();
+            count++;
+          } else {
+            $( this ).hide();
+          }
+        });
+        if (count == 0) {
+          $( this ).hide();
+        } else {
+          $( this ).show();
+        }
+      });
+      $( ".pages" ).show();
+      $( ".spinner" ).hide();
+    }
+
+