sinatra-hexacta 0.0.2 → 0.1.0

data/lib/sinatra/public/js/app.js

@@ -23,12 +23,30 @@ $(document).ready(function(){
     // Fix modal inside other components
     $('.modal').appendTo("body");
 
-    if (window.top.location.hash.indexOf("#") != -1) {
-      $("a[href=" + window.top.location.hash +"]").trigger('click');
-    }
+    $( ".paginator" ).clone().appendTo( "#content" );
 
-    $("a[data-toggle='tab']").click(function() {
-      window.top.location.hash = $(this).attr("href");
+    $('form').on('submit', function(e) {
+      $(this).find(':input[required]').each(function() {
+        if ($(this).val() == "" || $(this).val() == null) {
+          $(this).parent().removeClass("success");
+          $(this).parent().addClass("error");
+        } else {
+          $(this).parent().removeClass("error");
+          $(this).parent().addClass("success");
+        }
+      });
+      if ($(this).find('.error').length == 0 ) {
+        $(this).find('#submit').attr('disabled','disabled');
+      }
+    });
+    $('.chosen[required]').on('change', function(change, deselected) { //selected OR deselected
+      if ($(this).val() == "" || $(this).val() == null) {
+        $(this).parent().removeClass("success");
+        $(this).parent().addClass("error");
+      } else {
+        $(this).parent().removeClass("error");
+        $(this).parent().addClass("success");
+      }
     });
     /* --------------------------------------------------------
         Layout
@@ -704,33 +722,6 @@ function enableButtons() {
    }; 
 })( jQuery );
 
-/*
- * Bootstrap Growl - Notifications popups
- */
-function notify(message, type){
-    $('[data-growl="container"]').find('[data-growl="dismiss"]').trigger('click');
-    $.growl({
-        message: message
-    },{
-        type: type,
-        allow_dismiss: false,
-        label: 'Cancel',
-        className: 'btn-xs btn-inverse growl-animated',
-        placement: {
-            from: 'bottom',
-            align: 'left'
-        },
-        delay: 5000,
-        animate: {
-                enter: 'animated fadeInUp',
-                exit: 'animated fadeOutDown'
-        },
-        offset: {
-            x: 0,
-            y: 0
-        }
-    });
-};
 
 function encodeQueryData(data)
 {
@@ -761,27 +752,43 @@ function encodeQueryData(data)
 
 function buildFilterMap(offset) {
   filter_map = {};
-  $("#form select, #form input").each(function() {
+  $("#form :input").each(function() {
     if ($(this).val() != null && $(this).val() != "") {
-      if ($(this).is(':checkbox')) {
-        if ($(this).is(':checked')) { 
-          filter_map[$(this)[0].name] = "on";
-        } else {
-          filter_map[$(this)[0].name] = "off";
-        }
-      } else {
+      if ($(this)[0].name != "") {
+        filter_map[$(this)[0].name] = $(this).val();
+      }
+    }
+  });
+  $("#form input[type=radio]").each(function() {
+    if ($(this).val() != null && $(this).val() != "") {
+      if ($(this).is(':checked')) {
         filter_map[$(this)[0].name] = $(this).val();
       }
     }
   });
   if (offset != null) {
     filter_map["offset"] = offset;
-  } else {
-    filter_map["offset"] = filter_map["offset"] - 1;
   }
   return filter_map;
 }
 
+function advance_search(url,offset,format) {
+  filter_map = buildFilterMap(offset);
+  filter_map["format"] = format;
+  if (format != 'xls') {
+    window.location.href = url + "?" + encodeQueryData(filter_map);
+  } else {
+    window.open(
+      url + "?" + encodeQueryData(filter_map),
+      '_blank' // <- This is what makes it open in a new window.
+    );
+  }
+};
+
+$(document).ready(function(){
+  $( ".paginator" ).clone().appendTo( "#content" );
+});
+
 function read_notify(id,url) {
   $.ajax({
     url: '/notifications/' + id,

data/lib/sinatra/public/vendors/chartist/chartist-plugin-legend.js

@@ -0,0 +1,237 @@
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['chartist'], function (chartist) {
+            return (root.returnExportsGlobal = factory(chartist));
+        });
+    } else if (typeof exports === 'object') {
+        // Node. Does not work with strict CommonJS, but
+        // only CommonJS-like enviroments that support module.exports,
+        // like Node.
+        module.exports = factory(require('chartist'));
+    } else {
+        root['Chartist.plugins.legend'] = factory(root.Chartist);
+    }
+}(this, function (Chartist) {
+    /**
+     * This Chartist plugin creates a legend to show next to the chart.
+     *
+     */
+    'use strict';
+
+    var defaultOptions = {
+        className: '',
+        classNames: false,
+        removeAll: false,
+        legendNames: false,
+        clickable: true,
+        onClick: null,
+        position: 'top'
+    };
+
+    Chartist.plugins = Chartist.plugins || {};
+
+    Chartist.plugins.legend = function (options) {
+
+        // Catch invalid options
+        if (options && options.position) {
+            if (!(options.position === 'top' || options.position === 'bottom' || options.position instanceof HTMLElement)) {
+                throw Error('The position you entered is not a valid position');
+            }
+            if (options.position instanceof HTMLElement) {
+                // Detatch DOM element from options object, because Chartist.extend
+                // currently chokes on circular references present in HTMLElements
+                var cachedDOMPosition = options.position;
+                delete options.position;
+            }
+        }
+
+        options = Chartist.extend({}, defaultOptions, options);
+
+        if (cachedDOMPosition) {
+            // Reattatch the DOM Element position if it was removed before
+            options.position = cachedDOMPosition
+        }
+
+        return function legend(chart) {
+
+            function removeLegendElement() {
+                var legendElement = chart.container.querySelector('.ct-legend');
+                if (legendElement) {
+                    legendElement.parentNode.removeChild(legendElement);
+                }
+            }
+
+            // Set a unique className for each series so that when a series is removed,
+            // the other series still have the same color.
+            function setSeriesClassNames() {
+                chart.data.series = chart.data.series.map(function (series, seriesIndex) {
+                    if (typeof series !== 'object') {
+                        series = {
+                            value: series
+                        };
+                    }
+                    series.className = series.className || chart.options.classNames.series + '-' + Chartist.alphaNumerate(seriesIndex);
+                    return series;
+                });
+            }
+
+            function createLegendElement() {
+                var legendElement = document.createElement('ul');
+                legendElement.className = 'ct-legend';
+                if (chart instanceof Chartist.Pie) {
+                    legendElement.classList.add('ct-legend-inside');
+                }
+                if (typeof options.className === 'string' && options.className.length > 0) {
+                    legendElement.classList.add(options.className);
+                }
+                if (chart.options.width) {
+                    legendElement.style.cssText = 'width: ' + chart.options.width + 'px;margin: 0 auto;';
+                }
+                return legendElement;
+            }
+
+            // Get the right array to use for generating the legend.
+            function getLegendNames(useLabels) {
+                return options.legendNames || (useLabels ? chart.data.labels : chart.data.series);
+            }
+
+            // Initialize the array that associates series with legends.
+            // -1 indicates that there is no legend associated with it.
+            function initSeriesMetadata(useLabels) {
+                var seriesMetadata = new Array(chart.data.series.length);
+                for (var i = 0; i < chart.data.series.length; i++) {
+                    seriesMetadata[i] = {
+                        data: chart.data.series[i],
+                        label: useLabels ? chart.data.labels[i] : null,
+                        legend: -1
+                    };
+                }
+                return seriesMetadata;
+            }
+
+            function createNameElement(i, legendText, classNamesViable) {
+                var li = document.createElement('li');
+                li.classList.add('ct-series-' + i);
+                // Append specific class to a legend element, if viable classes are given
+                if (classNamesViable) {
+                    li.classList.add(options.classNames[i]);
+                }
+                li.setAttribute('data-legend', i);
+                li.textContent = legendText;
+                return li;
+            }
+
+            // Append the legend element to the DOM
+            function appendLegendToDOM(legendElement) {
+                if (!(options.position instanceof HTMLElement)) {
+                    switch (options.position) {
+                        case 'top':
+                            chart.container.insertBefore(legendElement, chart.container.childNodes[0]);
+                            break;
+
+                        case 'bottom':
+                            chart.container.insertBefore(legendElement, null);
+                            break;
+                    }
+                } else {
+                    // Appends the legend element as the last child of a given HTMLElement
+                    options.position.insertBefore(legendElement, null);
+                }
+            }
+
+            function addClickHandler(legendElement, legends, seriesMetadata, useLabels) {
+                legendElement.addEventListener('click', function(e) {
+                    var li = e.target;
+                    if (li.parentNode !== legendElement || !li.hasAttribute('data-legend'))
+                        return;
+                    e.preventDefault();
+
+                    var legendIndex = parseInt(li.getAttribute('data-legend'));
+                    var legend = legends[legendIndex];
+
+                    if (!legend.active) {
+                        legend.active = true;
+                        li.classList.remove('inactive');
+                    } else {
+                        legend.active = false;
+                        li.classList.add('inactive');
+
+                        var activeCount = legends.filter(function(legend) { return legend.active; }).length;
+                        if (!options.removeAll && activeCount == 0) {
+                            // If we can't disable all series at the same time, let's
+                            // reenable all of them:
+                            for (var i = 0; i < legends.length; i++) {
+                                legends[i].active = true;
+                                legendElement.childNodes[i].classList.remove('inactive');
+                            }
+                        }
+                    }
+
+                    var newSeries = [];
+                    var newLabels = [];
+
+                    for (var i = 0; i < seriesMetadata.length; i++) {
+                        if (seriesMetadata[i].legend != -1 && legends[seriesMetadata[i].legend].active) {
+                            newSeries.push(seriesMetadata[i].data);
+                            newLabels.push(seriesMetadata[i].label);
+                        }
+                    }
+
+                    chart.data.series = newSeries;
+                    if (useLabels) {
+                        chart.data.labels = newLabels;
+                    }
+
+                    chart.update();
+
+                    if (options.onClick) {
+                        options.onClick(chart, e);
+                    }
+                });
+            }
+
+            removeLegendElement();
+
+            var legendElement = createLegendElement();
+            var useLabels = chart instanceof Chartist.Pie && chart.data.labels && chart.data.labels.length;
+            var legendNames = getLegendNames(useLabels);
+            var seriesMetadata = initSeriesMetadata(useLabels);
+            var legends = [];
+
+            // Check if given class names are viable to append to legends
+            var classNamesViable = Array.isArray(options.classNames) && options.classNames.length === legendNames.length;
+
+            // Loop through all legends to set each name in a list item.
+            legendNames.forEach(function (legend, i) {
+                var legendText = legend.name || legend;
+                var legendSeries = legend.series || [i];
+
+                var li = createNameElement(i, legendText, classNamesViable);
+                legendElement.appendChild(li);
+
+                legendSeries.forEach(function(seriesIndex) {
+                    seriesMetadata[seriesIndex].legend = i;
+                });
+
+                legends.push({
+                    text: legendText,
+                    series: legendSeries,
+                    active: true
+                });
+            });
+
+            chart.on('created', function (data) {
+                appendLegendToDOM(legendElement);
+            });
+
+            if (options.clickable) {
+                setSeriesClassNames();
+                addClickHandler(legendElement, legends, seriesMetadata, useLabels);
+            }
+        };
+    };
+
+    return Chartist.plugins.legend;
+
+}));

data/lib/sinatra/views/alerts/empty.slim

@@ -0,0 +1,7 @@
+.lv-item.p-20.bgm-lightgray.m-b-5
+  .media
+    .pull-left
+      i.zmdi.zmdi-hc-3x.zmdi-alert-circle-o.c-gray
+    .media-body
+      .lv-title.c-gray #{title}
+      small.lv-small.c-gray #{message}

data/lib/sinatra/views/alerts/error.slim

@@ -0,0 +1,7 @@
+.lv-item.p-20.bgm-red.m-b-5
+  .media
+    .pull-left
+      i.zmdi.zmdi-hc-3x.zmdi-alert-octagon.c-white
+    .media-body
+      .lv-title.c-white #{title}
+      small.lv-small.c-white #{message}

data/lib/sinatra/views/alerts/info.slim

@@ -0,0 +1,7 @@
+.lv-item.p-20.bgm-blue.m-b-5
+  .media
+    .pull-left
+      i.zmdi.zmdi-hc-3x.zmdi-info.c-white
+    .media-body
+      .lv-title.c-white #{title}
+      small.lv-small.c-white #{message}

data/lib/sinatra/views/alerts/warning.slim

@@ -0,0 +1,7 @@
+.lv-item.p-20.bgm-orange.m-b-5
+  .media
+    .pull-left
+      i.zmdi.zmdi-hc-3x.zmdi-alert-triangle.c-white
+    .media-body
+      .lv-title.c-white #{title}
+      small.lv-small.c-white #{message}

data/lib/sinatra/views/charts/bar.slim

@@ -0,0 +1,56 @@
+.ct-chart.bar-chart id="#{id}"
+
+.table-responsive.chart-table
+  table.table.table-striped
+    tbody
+      tr
+        -for label in labels
+          th #{label}
+      -for serie in series
+        tr
+          -for element in serie
+            td #{element}
+
+
+javascript:
+  var labels = #{{labels}};
+  var series = #{{series}};
+
+  var options = {
+    seriesBarDistance: 30,
+    fullWidth: true,
+    chartPadding: {
+      right: 40
+    },
+    height: '300px',
+    showLabel: true,
+    plugins: [
+      Chartist.plugins.legend({
+          legendNames: #{{names}},
+      })
+    ]
+  };
+
+  var responsiveOptions = [
+    ['screen and (max-width: 640px)', {
+      seriesBarDistance: 5,
+      axisX: {
+        labelInterpolationFnc: function (value) {
+          return value[0];
+        }
+      }
+    }]
+  ];
+
+  new Chartist.Bar("##{id}", {
+      labels: labels,
+      series: series
+    },
+    options,
+    responsiveOptions
+  );
+
+css:
+  ##{{id}} .ct-bar {
+    stroke-width:  #{{100/(labels.count*series.count)}}%
+  }