render.js

var elements = {};
var fs = require('fs');
function renderDataPoint(service, dataPoint, forPopup) {
  var text = fs.readFileSync('points/'+dataPoint+'.json').toString();
  var obj, badge, icon, sign, score;
  try {
    obj = JSON.parse(text);
  } catch(e) {
    console.log(e);
    console.log('Could not load data for data point '+dataPoint+', sorry! Refreshing the page might sometimes help.');
    die();
    return;
  }
  if(obj.tosdr.point == 'good') {
    badge = 'badge-success';
    icon = 'thumbs-up';
    sign = '+';
  } else if(obj.tosdr.point == 'mediocre') {
    badge = 'badge-warning';
    icon = 'thumbs-down';
    sign = '-';
  } else if(obj.tosdr.point == 'alert') {
    badge = 'badge-important';
    icon = 'remove';
    sign = '×';
  } else if(obj.tosdr.point == 'not bad') {
    badge = 'badge-neutral';
    icon = 'arrow-right';
    sign = '→';
  } else {
    badge = '';
    icon = 'question-sign';
    sign = '?';
  }
  if(forPopup) {
    return {
        id: dataPoint,
        score: obj.tosdr.score,
        text: '<div class="'+obj.tosdr.point+'"><h5><span class="badge '+badge
          +'" title="'+obj.tosdr.point+'"><i class="icon-'+icon+' icon-white">'+sign+'</i></span> '+obj.name+' <a href="'+obj.discussion+'" target="_blank" class="label context">Discussion</a> '+(obj.source?'<!--a href="'+obj.source.terms+'" class="label context" target="_blank">Terms</a-->':'')+'</h5><p>'
          +obj.tosdr.tldr+'</p></div>'
      }; 
  } else {
    return {
        id: dataPoint,
        score: obj.tosdr.score,
        text: '<span class="badge '+badge+'" title="'+obj.tosdr.score+'">'
          +'<i class="icon-'+icon+' icon-white">'+sign+'</i></span>&nbsp;'+obj.name
      };
  }
}
function getServiceObject(name) {
  var text = fs.readFileSync('services/'+name+'.json').toString();
  var obj;
  try {
    obj = JSON.parse(text);
  } catch(e) {
    console.log(e);
    console.log('Could not load data for '+name+', sorry! Refreshing the page might sometimes help.');
    die();
  }
  if(obj) {
    return obj;
  } else {
    die('no obj in services/'+name+'.json');
  }
}
function getRatingText(className) {
    var ratingText = {
      0: "We haven't sufficiently reviewed the terms yet. Please contribute to our group: <a href=\"get-involved.html\">Get involved</a>.",
      "false": "We haven't sufficiently reviewed the terms yet. Please contribute to our group: <a href=\"get-involved.html\">Get involved</a>.",
      "A": "The terms of service treat you fairly, respect your rights and follows the best practices.",
      "B": "The terms of services are fair towards the user but they could be improved.",
      "C": "The terms of service are okay but some issues need your consideration.",
      "D": "The terms of service are very uneven or there are some important issues that need your attention.",
      "E": "The terms of service raise very serious concerns."
    };
  return ratingText[className];
}
function renderDetails(name, points, toslinks, obj) {
  console.log('renderDetails '+name);
  console.log(points);
  console.log(toslinks);
  console.log(obj);
  var header = '<h3><img src="logo/'+name+'.png" class="favlogo" alt=""><a data-toggle="modal" href="#'+name+'">'+obj.name+'</a>';
  var rating;
  if(!obj.tosdr) {
    obj.tosdr = {rated: false};
  }
  if(obj.tosdr.rated) {
    rating = '<div id="'+name+'-rating" class="service-rating"><a data-toggle="modal" href="#'+name+'"><span class="label '+obj.tosdr.rated+'">Class '+obj.tosdr.rated+'</span></a></div></h3>';
  } else {
    rating = '<div id="'+name+'-rating" class="service-rating"><a data-toggle="modal" href="#'+name+'"><span class="label '+obj.tosdr.rated+'">No Class Yet</span></a></div></h3>';
  }
  var renderables=[];
  for(var i in points) {
    renderables.push(renderDataPoint(name, points[i], false));
  }
  renderables.sort(function(a, b) {
    return (Math.abs(b.score) - Math.abs(a.score));
  });
  var issues = '<section class="specificissues"><ul class="tosdr-points">';
  for(var i=0; i<renderables.length; i++) {
    issues += '<li id="point-'+name+'-'+renderables[i].id+'">'
      +renderables[i].text
      +'</li>';
  }
  issues += '</ul>'
    +'<a data-toggle="modal" id="button-'+name+'" href="#'+name+'" class="btn"><i class="icon  icon-th-list"></i> Expand</a>'
    +(toslinks.terms ? '&nbsp;<a href="'+toslinks.terms.url+'" class="btn btn-mini" target="_blank"><i class="icon  icon-list-alt"></i> Read the full terms</a>':'')
    +'</section>';
  var search = [name];
  if(obj.keywords) {
    for(var j=0; j<obj.keywords.length; j++) {
      search.push(obj.keywords[j]);
    }
  }
  if(obj.related) {
    for(var j=0; j<obj.related.length; j++) {
      search.push(obj.related[j]);
    }
  }
  if(obj.name) {
    search.push(obj.name);
  }
  if(obj.url) {
    search.push(obj.url);
  }
  if(obj.parent) {
    search.push(obj.parent);
  }
  return '<div data-search="'+search.join(',')+'" id="'+name+'-tosdr" class="span6 service-nutshell">'
          +header+rating+issues
          +'</div>';
}
function isEmpty(map) {
  for(var key in map) {
    if (map.hasOwnProperty(key)) {
      return false;
    }
  }
  return true;
}
function renderPopup(name, obj, points, links) {
  console.log('rendering popup for '+name);
  console.log(obj);
  console.log(points);
  console.log(links);
  var longName = obj.name,
    domain = obj.url,
    verdict = obj.tosdr.rated,
    ratingText = getRatingText(obj.tosdr.rated);
  var headerHtml = '<div class="modal-header"><button data-dismiss="modal" class="close" type="button">×</button>'
    +'<img src="logo/'+name+'.png" alt="" class="pull-left favlogo" height="36" >'
    +'<h3>'+longName+' <small class="service-url"><i class="icon icon-globe"></i> <a href="http://'+domain+'" target="_blank">'+domain+'</a></small></h3></div>\n';
  var classHtml = '<div class="tosdr-rating"><label class="label '+verdict+'">'
    +(verdict?'Class '+verdict:'No Class Yet')+'</label><p>'+ratingText+'</p></div>\n';
  var renderables=[];
  for(var i in points) {
    renderables.push(renderDataPoint(name, points[i], true));
  }
  renderables.sort(function(a, b) {
    return (Math.abs(b.score) - Math.abs(a.score));
  });
  var pointsHtml = '';
  for(var i=0; i<renderables.length; i++) {
    pointsHtml += '<li id="popup-point-'+name+'-'+renderables[i].id+'" class="point">'
      //+renderables[i].score+' '
      +renderables[i].text
      +'</li>\n';
  }
  var footerHtml = '<div class="modal-footer"><a class="btn" data-dismiss="modal" href="#">Close</a><a href="#'+name+'" rel="bookmark"><i class="icon icon-share"></i> Link to ToS;DR for '+longName+'</a></div>\n';
  var bodyHtml = '<div class="modal-body">'+classHtml+'<section class="specificissues"> <ul class="tosdr-points">'+pointsHtml+'</ul></section>\n';
  if(isEmpty(links)) {
    bodyHtml += '<section><a href="/get-involved.html" class="btn">Help us find the Terms »</a></section>\n';
  } else {
    bodyHtml += '<section><h4>Read the Terms</h4><ul class="tosback2">\n';
    for(var i in links) {
      bodyHtml += '<li><a href="'+links[i].url+'">'+(links[i].name ? links[i].name : i)+'</a></li>\n';
    }
    bodyHtml+='</ul></section>\n';
  }
  bodyHtml+='</div>';
  return headerHtml+bodyHtml+footerHtml;
}
function go() {
  var text = fs.readFileSync('index/services.json').toString();
  var servicesList = '', popups = '';
  try {
    var services = JSON.parse(text);
  } catch(e) {
    console.log('services.json file not readable');
  }
  console.log(services);
  var last, lastObj;
  var serviceNames = [];
  for(var i in services) {
    serviceNames.push(i);
  }
  console.log(serviceNames);
  serviceNames.sort(function(a, b) {
    if(typeof(services[a].alexa) == 'undefined') {
      services[a].alexa = 1000000;
    }
    if(typeof(services[b].alexa) == 'undefined') {
      services[b].alexa = 1000000;
    }
    return services[a].alexa - services[b].alexa;
  });
  for(var i =0; i<serviceNames.length; i++) {
    var serviceName = serviceNames[i];
    var obj = getServiceObject(serviceName);
    //if(obj.alexa >= 1000000) {
    //  continue;
    //}
    if(last) {
      servicesList += renderDetails(last, services[last].points, services[last].links, lastObj)
            +renderDetails(serviceName, services[serviceName].points, services[serviceName].links, obj);
      last=undefined;
    } else {
      last = serviceName;
      lastObj = obj;
    }
    popups +=
      '<div id="'+serviceName+'" class="modal hide tosdr-infos" role="dialog">'
      +renderPopup(serviceName, obj, services[serviceName].points, services[serviceName].links)
      +'</div>';
    //renderPopup(name, obj.name, obj.url, obj.tosdr.rated, ratingText[obj.tosdr.rated], points, toslinks);
    //for(var i=0; i<points.length; i++) {
    //  renderDataPoint(name, points[i]);
    //}
  }
  if(last) {
    servicesList += '<div class="row-fluid">'
          +renderDetails(last, services[serviceName].points, services[serviceName].links, lastObj)
      +'</div>';
  }
  fs.writeFileSync('index.html',
    fs.readFileSync('index-prefix.html').toString()
	  +'<div id="services-list" class="row">'
    +servicesList
	  +'</div> <div id="popups">'
    +popups
    +'</div>'
    +fs.readFileSync('index-suffix.html').toString()
  );
}
go();