green-spider/webapp/src/index.js

import _ from 'lodash';
import $ from 'jquery';
import 'bootstrap';
import 'popper.js';
import punycode from 'punycode';
import 'datatables.net';


$(function(){

  $.getJSON('data/spider_result.json', function(data){
    var tbody = $('tbody');
    $.each(data, function(index, item) {
      var row = $(document.createElement('tr'));
      row.append('<td><a href="' + item.input_url + '">' + punycode.toUnicode(item.input_url) + '</a></td>');

      // hostnames
      var twoHostnames = false;
      if (_.filter(item.hostnames, {'resolvable': true}).length === 2) {
        twoHostnames = true;
      };
      row.append('<td class="'+ (twoHostnames ? 'good' : 'bad') +' text-center">' + (twoHostnames ? '✅' : '❌') + '</td>');

      // one canonical URL
      var canonical = false;
      if (item.canonical_urls.length === 1 ) canonical = true;
      row.append('<td class="'+ (canonical ? 'good' : 'bad') +' text-center">' + (canonical ? '✅' : '❌') + '</td>');

      // https
      var hasHTTPS = false;
      hasHTTPS = _.find(item.canonical_urls, function(o){
        return o.indexOf('https://') !== -1;
      });
      row.append('<td class="'+ (hasHTTPS ? 'good' : 'bad') +' text-center">' + (hasHTTPS ? '✅' : '❌') + '</td>');

      tbody.append(row);
    });

    // enable data table funcionts (sorting)
    $('table.table').DataTable({
      order: [[0, "asc"]],
      paging: false,
      pageLength: 10000,
      language: {
        "search": "Suche"
      }
    });
  });

});