Datadog ScreenBoard Grid Aligner

datadog-screenboard-aligner.js

$('.widget').each(function() {
   var GRID_SIZE = 12,
       el = $(this),
       title = el.find('.title_text').text(),
       roundToGrid;
 
   roundToGrid = function(value) {
      return Math.ceil(value / GRID_SIZE) * GRID_SIZE;
   };

   console.log('%s - BEFORE left: %s, top: %s, width: %s, height: %s', title, el.css('left'), el.css('top'), el.width(), el.height());

   el.css('left', roundToGrid(parseInt(el.css('left'), 10)) + 'px');
   el.css('top', roundToGrid(parseInt(el.css('top'), 10)) + 'px');
   el.height(roundToGrid(el.height()));
   el.width(roundToGrid(el.width()));

   console.log('%s - AFTER %s, top: %s, width: %s, height: %s', title, el.css('left'), el.css('top'), el.width(), el.height());
});