Fancy-index/script.js

void(function () {
  'use strict';

  if (!Array.prototype.forEach) return;

  var toArray = function (arrayLike) {
    return [].slice.call(arrayLike);
  };

  var fixTable = function () {

    var table = document.querySelector('table');

    // Remove <hr>s
    toArray(table.querySelectorAll('hr')).forEach(function (hr) {
      var row = hr.parentNode.parentNode;
      row.parentNode.removeChild(row);
    });

    // Make a table head.
    var thead = document.createElement('thead');
    var firstRow = table.querySelector('tr');
    firstRow.parentNode.removeChild(firstRow);
    thead.appendChild(firstRow);
    table.insertBefore(thead, table.firstElementChild);

    // Remove the first column and put the image in the next.
    var rows = toArray(table.querySelectorAll('tr'));
    rows.forEach(function (row) {
      var iconColumn = row.children[0];
      var fileColumn = row.children[1];

      // Remove icon column.
      row.removeChild(iconColumn);

      var image = iconColumn.firstElementChild;

      if (!image) {
        return;
      }

      // Wrap icon in a div.img-wrap.
      var div = document.createElement('div');
      div.className = 'img-wrap';
      div.appendChild(image);

      // Insert icon before filename.
      fileColumn.insertBefore(div, fileColumn.firstElementChild);
    });

    // Swap special images.
    var special = [
      {
        icon: '/fancy-index/icons/grunt.svg',
        match: 'gruntfile.js',
      }, {
        icon: '/fancy-index/icons/gulp.png',
        match: 'gulpfile.js',
      }, {
        icon: '/fancy-index/icons/bower.svg',
        match: 'bower.json',
      }, {
        icon: '/fancy-index/icons/gulp.png',
        match: 'gulpfile.js',
      }, {
        icon: '/fancy-index/icons/npm.svg',
        match: 'package.json',
      },
    ];

    toArray(table.querySelectorAll('.indexcolname')).forEach(function (cell) {
      for (var i = 0, len = special.length; i < len; i++) {
        if (cell.textContent.match(new RegExp(special[i].match, 'i'))) {
          cell.querySelector('img').src = special[i].icon;
          return;
        }
      }
    });
  };

  // Underscore string's titleize.
  var titleize = function (str) {
    return str.toLowerCase().replace(/(?:^|\s|-)\S/g, function (c) {
      return c.toUpperCase();
    });
  };

  var addTitle = function () {
    var path = window.location.pathname.replace(/\/$/g, '');
    var titleText;

    if (path) {
      var parts = path.split('/');
      path = parts[parts.length - 1];
      titleText = titleize(path).replace(/\-|\_/g, ' ');

    } else {
      titleText = window.location.host;
    }

    titleText = 'Index of ' + titleText;

    var h1 = document.createElement('h1');
    h1.appendChild(document.createTextNode(titleText));
    h1.style.cssText = 'width:93%;margin-left:auto;margin-right:auto;';
    document.body.insertBefore(h1, document.body.firstChild);
    document.title = titleText;
  };

  var getTimeSince = function (seconds) {
    var intervalType;

    var interval = Math.floor(seconds / 31536000);
    if (interval >= 1) {
      intervalType = 'year';
    } else {
      interval = Math.floor(seconds / 2592000);
      if (interval >= 1) {
        intervalType = 'month';
      } else {
        interval = Math.floor(seconds / 86400);
        if (interval >= 1) {
          intervalType = 'day';
        } else {
          interval = Math.floor(seconds / 3600);
          if (interval >= 1) {
            intervalType = 'hour';
          } else {
            interval = Math.floor(seconds / 60);
            if (interval >= 1) {
              intervalType = 'minute';
            } else {
              interval = seconds;
              intervalType = 'second';
            }
          }
        }
      }
    }

    if (interval > 1 || interval === 0) {
      intervalType += 's';
    }

    return interval + ' ' + intervalType;
  };

  var fixTime = function () {
    var dates = toArray(document.querySelectorAll('.indexcollastmod'));
    var now = new Date();
    dates.forEach(function (date, i) {
      var stamp = date.textContent.trim();
      if (!stamp || i === 0) return;

      // 2014-12-09 10:43 -> 2014, 11, 09, 10, 43, 0.
      var parts = stamp.split(' ');
      var day = parts[0].split('-');
      var timeOfDay = parts[1].split(':');
      var year = parseInt(day[0], 10);
      var month = parseInt(day[1], 10) - 1;
      var _day = parseInt(day[2], 10);
      var hour = parseInt(timeOfDay[0], 10);
      var minutes = parseInt(timeOfDay[1], 10);

      var time = new Date(year, month, _day, hour, minutes, 0);
      var difference = Math.round((now.getTime() - time.getTime()) / 1000);
      date.textContent = getTimeSince(difference) + ' ago';
    });
  };

  fixTable();
  addTitle();
  fixTime();

})();