huge npm refactor of all visualizations. table views are broken due to broken shimming for jquery/jquery-ui, dashboards are broken due to refactor of explore views.

panoramix/assets/html/base.html

@@ -4,7 +4,7 @@
 {% block head_css %}
   {{super()}}
   <link rel="shortcut icon" href="/static/refactor/images/favicon.png" />
-  <link rel="stylesheet" type="text/css" href="/static/refactor/stylesheets/vendor/jquery-ui.min.css" />
+  <link rel="stylesheet" type="text/css" href="/static/refactor/vendor/jquery-ui/jquery-ui.min.css" />
   <link rel="stylesheet" type="text/css" href="/static/refactor/stylesheets/panoramix.css" />
 
   <!-- Replace with custom bootstrap theme -->
@@ -13,9 +13,8 @@
 {% endblock %}
 
 {% block body %}
-
-  {% include 'appbuilder/general/confirm.html' %}
-  {% include 'appbuilder/general/alert.html' %}
+    {% include 'appbuilder/general/confirm.html' %}
+    {% include 'appbuilder/general/alert.html' %}
 
   {% block navbar %}
     <header class="top" role="header">
@@ -42,6 +41,6 @@
 {% block tail_js %}
   {{ super() }}
   <!-- @TODO get this to shim correctly with a require('jquery-ui') -->
-  <script src="/static/refactor/javascripts/vendor/jquery-ui.min.js"></script>
+  <script src="/static/refactor/vendor/jquery-ui/jquery-ui.min.js"></script>
   <script src="/static/refactor/javascripts/dist/base.entry.js"></script>
 {% endblock %}

panoramix/assets/html/explore.html

@@ -1,11 +1,5 @@
 {% extends "refactor/base.html" %}
 
-{% block head_css %}
-  {{super()}}
-  <link rel="stylesheet" type="text/css" href="/static/lib/pygments.css" />
-  <link href="/static/lib/bootstrap-toggle.min.css" rel="stylesheet">
-{% endblock %}
-
 {% block content_fluid %}
   {% set datasource = viz.datasource %}
   {% set form = viz.form %}

panoramix/assets/html/viz.html

@@ -8,20 +8,4 @@
     {% extends 'refactor/explore.html' %}
   {% endif %}
 
-
-  {% block head_css %}
-      {{super()}}
-      {% for css in viz.css_files %}
-        <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename=css) }}">
-      {% endfor %}
-  {% endblock %}
-
-
-  {% block tail %}
-      {{super()}}
-      {% for js in viz.js_files %}
-        <script src="{{ url_for('static', filename=js) }}"></script>
-      {% endfor %}
-  {% endblock %}
-
 {% endif %}

panoramix/assets/javascripts/explore.js

@@ -1,17 +1,70 @@
+// Javascript for the explorer page
+// Init explorer view -> load vis dependencies -> read data (from dynamic html) -> render slice
+// nb: to add a new vis, you must also add a Python fn in viz.py
+
+// css
+require('../vendor/pygments.css');
+require('../vendor/bootstrap-toggle/bootstrap-toggle.min.css');
+
+// js
+var $  = window.$  || require('jquery');
+var px = window.px || require('./modules/panoramix.js');
 require('select2');
-require('./vendor/bootstrap-toggle.min.js');
-require('./vendor/select2.sortable.js');
+require('../vendor/bootstrap-toggle/bootstrap-toggle.min.js');
+require('../vendor/select2.sortable.js');
+
+// vis sources
+var sourceMap = {
+  area:           'nvd3_vis.js',
+  bar:            'nvd3_vis.js',
+  bubble:         'nvd3_vis.js',
+  big_number:     'big_number.js',
+  compare:        'nvd3_vis.js',
+  dist_bar:       'nvd3_vis.js',
+  directed_force: 'directed_force.js',
+  filter_box:     'filter_box.js',
+  heatmap:        'heatmap.js',
+  iframe:         'iframe.js',
+  line:           'nvd3_vis.js',
+  markup:         'markup.js',
+  para:           'parallel_coordinates.js',
+  pie:            'nvd3_vis.js',
+  // pivot_table:    undefined,
+  sankey:         'sankey.js',
+  sunburst:       'sunburst.js',
+  table:          'table.js',
+  word_cloud:     'word_cloud.js',
+  world_map:      'world_map.js',
+};
 
 $(document).ready(function() {
   px.initExploreView();
 
+  // Dynamically register this visualization
+  var visType = window.viz_type.value;
+  var visSource = sourceMap[visType];
+
+  if (visSource) {
+    var visFactory = require('../visualizations/' + visSource);
+    if (typeof visFactory === 'function') {
+      // @TODO handle px.registerViz here instead of in each file?
+      px.registerViz(visType, visFactory);
+    }
+  }
+  else {
+    console.error("require(", visType, ") failed.");
+  }
+
   var data  = $('.slice').data('slice');
   var slice = px.Slice(data);
 
+  //
   $('.slice').data('slice', slice);
 
+  // call vis render method, which issues ajax
   px.renderSlice();
 
+  // make checkbox inputs display as toggles
   $(':checkbox')
     .addClass('pull-right')
     .attr("data-onstyle", "default")

panoramix/assets/javascripts/modules/panoramix.js

@@ -1,3 +1,6 @@
+var $  = window.$  || require('jquery');
+var d3 = window.d3 || require('d3');
+
 var color = function(){
   // Color related utility functions go in this object
   var bnbColors = [
@@ -7,8 +10,8 @@ var color = function(){
     '#ff3339', '#ff1ab1', '#005c66', '#00b3a5', '#55d12e', '#b37e00', '#988b4e',
   ];
   var spectrums = {
-    'fire': ['white', 'yellow', 'red', 'black'],
     'blue_white_yellow': ['#00d1c1', 'white', '#ffb400'],
+    'fire': ['white', 'yellow', 'red', 'black'],
     'white_black': ['white', 'black'],
     'black_white': ['black', 'white'],
   }
@@ -346,6 +349,7 @@ var px = (function() {
       });
     });
     $("#viz_type").change(function() {$("#query").submit();});
+
     var collapsed_fieldsets = get_collapsed_fieldsets();
     for(var i=0; i < collapsed_fieldsets.length; i++){
       toggle_fieldset($('legend:contains("' + collapsed_fieldsets[i] + '")'), false);
@@ -382,6 +386,7 @@ var px = (function() {
         $(this).parent().parent().remove();
       });
     }
+
     $(window).bind("popstate", function(event) {
       // Browser back button
       var returnLocation = history.location || document.location;
@@ -409,7 +414,7 @@ var px = (function() {
         $("#query").submit();
       }
     });
-    add_filter();
+
     $(".druidify").click(druidify);
 
     function create_choices(term, data) {

panoramix/assets/package.json

@@ -38,13 +38,17 @@
     "babel-preset-es2015": "^6.3.13",
     "babel-preset-react": "^6.3.13",
     "bootstrap": "^3.3.6",
+    "bootstrap-datepicker": "^1.6.0",
     "brace": "^0.7.0",
     "d3": "^3.5.14",
     "d3-cloud": "^1.2.1",
     "d3-sankey": "^0.2.1",
     "d3-tip": "^0.6.7",
+    "d3.layout.cloud": "^1.2.0",
+    "exports-loader": "^0.6.3",
     "gridster": "^0.5.6",
-    "jquery": "^2.2.0",
+    "imports-loader": "^0.6.5",
+    "jquery": "^2.2.1",
     "jquery-ui": "^1.10.5",
     "react": "^0.14.7",
     "react-bootstrap": "^0.28.3",

panoramix/assets/vendor/dataTables/dataTables.bootstrap.js

@@ -125,7 +125,7 @@ DataTable.ext.renderer.pageButton.bootstrap = function ( settings, host, idx, bu
 	};
 
 	// IE9 throws an 'unknown error' if document.activeElement is used
-	// inside an iframe or frame. 
+	// inside an iframe or frame.
 	var activeEl;
 
 	try {

panoramix/assets/vendor/datamaps/datamaps.all.js

@@ -12131,8 +12131,8 @@
         "scale": [0.036003600360036005, 0.016927109510951093],
         "translate": [-180, -85.609038]
     }
-}
-;
+  };
+
   Datamap.prototype.abwTopo = '__ABW__';
   Datamap.prototype.afgTopo = '__AFG__';
   Datamap.prototype.agoTopo = '__AGO__';

panoramix/assets/vendor/parallel_coordinates/d3.parcoords.css

@@ -54,7 +54,18 @@
     clear: left; font-size: 12px; line-height: 18px; height: 18px;
     margin: 0px;
 }
-.parcoords .row:nth-child(odd) { background: rgba(0,0,0,0.05); }
-.parcoords .header { font-weight: bold; }
-.parcoords .cell { float: left; overflow: hidden; white-space: nowrap; width: 100px; height: 18px; }
-.parcoords .col-0 { width: 180px; }
+.parcoords .row:nth-child(odd) {
+  background: rgba(0,0,0,0.05);
+}
+.parcoords .header {
+  font-weight: bold;
+}
+.parcoords .cell {
+  float: left;
+  overflow: hidden;
+  white-space: nowrap;
+  width: 100px; height: 18px;
+}
+.parcoords .col-0 {
+  width: 180px;
+}

panoramix/assets/vendor/parallel_coordinates/divgrid.js

@@ -1,5 +1,5 @@
-// http://bl.ocks.org/3687826
-d3.divgrid = function(config) {
+// from http://bl.ocks.org/3687826
+module.exports = function(config) {
   var columns = [];
 
   var dg = function(selection) {

panoramix/assets/visualizations/big_number.js

@@ -1,4 +1,10 @@
-px.registerViz('big_number', function(slice) {
+// JS
+var d3 = window.d3 || require('d3');
+
+// CSS
+require('./big_number.css');
+
+function bigNumberVis(slice) {
   var data_attribute = slice.data;
   var div = d3.select(slice.selector);
 
@@ -22,12 +28,12 @@ px.registerViz('big_number', function(slice) {
       var svg = div.append('svg');
       svg.attr("width", width);
       svg.attr("height", height);
-      data = json.data;
+      var data = json.data;
       var compare_suffix = ' ' + json.compare_suffix;
       var v_compare = null;
       var v = data[data.length - 1][1];
       if (json.compare_lag > 0){
-        pos = data.length - (json.compare_lag + 1);
+        var pos = data.length - (json.compare_lag + 1);
         if (pos >= 0){
           v_compare = (v / data[pos][1]) - 1;
         }
@@ -141,5 +147,6 @@ px.registerViz('big_number', function(slice) {
     render: render,
     resize: render,
   }
+};
 
-});
+module.exports = bigNumberVis;

panoramix/assets/visualizations/directed_force.js

@@ -0,0 +1,165 @@
+// JS
+var d3 = window.d3 || require('d3');
+
+// CSS
+require('./directed_force.css');
+
+/* Modified from http://bl.ocks.org/d3noob/5141278 */
+function directedForceVis(slice) {
+  var div = d3.select(slice.selector);
+  var link_length = slice.data.form_data['link_length'] || 200;
+  var charge = slice.data.form_data['charge'] || -500;
+
+  var render = function() {
+    var width = slice.width();
+    var height = slice.height() - 25;
+    d3.json(slice.jsonEndpoint(), function(error, json) {
+
+      if (error != null){
+        slice.error(error.responseText);
+        return '';
+      }
+      var links = json.data;
+      var nodes = {};
+      // Compute the distinct nodes from the links.
+      links.forEach(function(link) {
+          link.source = nodes[link.source] || (nodes[link.source] = {name: link.source});
+          link.target = nodes[link.target] || (nodes[link.target] = {name: link.target});
+          link.value = +link.value;
+
+          var target_name = link.target.name;
+          var source_name = link.source.name;
+
+          if (nodes[target_name]['total'] === undefined) {
+            nodes[target_name]['total'] = link.value;
+          }
+          if (nodes[source_name]['total'] === undefined) {
+            nodes[source_name]['total'] = 0;
+          }
+          if (nodes[target_name]['max'] === undefined) {
+            nodes[target_name]['max'] = 0;
+          }
+          if (link.value > nodes[target_name]['max']) {
+            nodes[target_name]['max'] = link.value;
+          }
+          if (nodes[target_name]['min'] === undefined) {
+            nodes[target_name]['min'] = 0;
+          }
+          if (link.value > nodes[target_name]['min']) {
+            nodes[target_name]['min'] = link.value;
+          }
+
+          nodes[target_name]['total'] += link.value;
+      });
+
+      var force = d3.layout.force()
+          .nodes(d3.values(nodes))
+          .links(links)
+          .size([width, height])
+          .linkDistance(link_length)
+          .charge(charge)
+          .on("tick", tick)
+          .start();
+
+      var svg = div.append("svg")
+          .attr("width", width)
+          .attr("height", height);
+
+      // build the arrow.
+      svg.append("svg:defs").selectAll("marker")
+          .data(["end"])      // Different link/path types can be defined here
+        .enter().append("svg:marker")    // This section adds in the arrows
+          .attr("id", String)
+          .attr("viewBox", "0 -5 10 10")
+          .attr("refX", 15)
+          .attr("refY", -1.5)
+          .attr("markerWidth", 6)
+          .attr("markerHeight", 6)
+          .attr("orient", "auto")
+        .append("svg:path")
+          .attr("d", "M0,-5L10,0L0,5");
+
+      var edgeScale = d3.scale.linear()
+          .range([0.1, 0.5]);
+      // add the links and the arrows
+      var path = svg.append("svg:g").selectAll("path")
+          .data(force.links())
+        .enter().append("svg:path")
+          .attr("class", "link")
+          .style("opacity", function(d){
+            return edgeScale(d.value/d.target.max);
+          })
+          .attr("marker-end", "url(#end)");
+
+      // define the nodes
+      var node = svg.selectAll(".node")
+          .data(force.nodes())
+        .enter().append("g")
+          .attr("class", "node")
+          .on("mouseenter", function(d){
+              d3.select(this)
+                .select("circle")
+              .transition()
+                .style('stroke-width', 5);
+
+              d3.select(this)
+                .select("text")
+              .transition()
+                .style('font-size', 25);
+          })
+          .on("mouseleave", function(d){
+              d3.select(this)
+                  .select("circle")
+                .transition()
+                  .style('stroke-width', 1.5);
+              d3.select(this)
+                .select("text")
+              .transition()
+                .style('font-size', 12);
+          })
+          .call(force.drag);
+
+      // add the nodes
+      var ext = d3.extent(d3.values(nodes), function(d) { return Math.sqrt(d.total); });
+      var circleScale = d3.scale.linear()
+          .domain(ext)
+          .range([3, 30]);
+
+      node.append("circle")
+          .attr("r", function(d){return circleScale(Math.sqrt(d.total));});
+
+      // add the text
+      node.append("text")
+          .attr("x", 6)
+          .attr("dy", ".35em")
+          .text(function(d) { return d.name; });
+
+      // add the curvy lines
+      function tick() {
+          path.attr("d", function(d) {
+              var dx = d.target.x - d.source.x,
+                  dy = d.target.y - d.source.y,
+                  dr = Math.sqrt(dx * dx + dy * dy);
+              return "M" +
+                  d.source.x + "," +
+                  d.source.y + "A" +
+                  dr + "," + dr + " 0 0,1 " +
+                  d.target.x + "," +
+                  d.target.y;
+          });
+
+          node.attr("transform", function(d) {
+            return "translate(" + d.x + "," + d.y + ")";
+          });
+      }
+
+      slice.done(json);
+    });
+  };
+  return {
+    render: render,
+    resize: render,
+  };
+}
+
+module.exports = directedForceVis;

panoramix/assets/visualizations/filter_box.js

@@ -1,15 +1,21 @@
-px.registerViz('filter_box', function(slice) {
+// JS
+var d3 = window.d3 || require('d3');
+
+// CSS
+require('./filter_box.css');
+
+function filterBox(slice) {
   var slice = slice;
   var filtersObj = {};
-  d3token = d3.select(slice.selector);
+  var d3token = d3.select(slice.selector);
 
   var fltChanged = function() {
-    filters = []
-    for(flt in filtersObj) {
-      obj = filtersObj[flt];
-      val = obj.val()
-      if(val !== ''){
-        filters.push([flt, val.split(',')]);
+    var filters = []
+    for (var filter in filtersObj) {
+      var obj = filtersObj[filter];
+      var val = obj.val();
+      if (val !== '') {
+        filters.push([filter, val.split(',')]);
       }
     }
     slice.addFilter(filters);
@@ -20,9 +26,10 @@ px.registerViz('filter_box', function(slice) {
       var container = d3token
         .append('div')
         .classed('padded', true);
+
       $.getJSON(slice.jsonEndpoint(), function(payload) {
         var maxes = {};
-        for (filter in payload.data){
+        for (var filter in payload.data) {
           var data = payload.data[filter];
           maxes[filter] = d3.max(data, function(d){return d.metric});
           var id = 'fltbox__' + filter;
@@ -54,14 +61,6 @@ px.registerViz('filter_box', function(slice) {
             },
           })
           .on('change', fltChanged);
-          /*
-           .style('background-image', function(d){
-              if (d.isMetric){
-                var perc = Math.round((d.val / maxes[d.col]) * 100);
-                return "linear-gradient(to right, lightgrey, lightgrey " + perc + "%, rgba(0,0,0,0) " + perc + "%";
-              }
-           })
-          */
         }
         slice.done();
       })
@@ -73,4 +72,6 @@ px.registerViz('filter_box', function(slice) {
     render: refresh,
     resize: refresh,
   };
-});
+}
+
+module.exports = filterBox;

panoramix/assets/visualizations/heatmap.css

@@ -1,6 +1,30 @@
+.heatmap .axis text {
+  font: 10px sans-serif;
+}
+
+.heatmap .axis path,
+.heatmap .axis line {
+  fill: none;
+  stroke: #000;
+  shape-rendering: crispEdges;
+}
+
+.heatmap svg {
+}
+
+.heatmap canvas, .heatmap img {
+  image-rendering: optimizeSpeed;             /* Older versions of FF          */
+  image-rendering: -moz-crisp-edges;          /* FF 6.0+                       */
+  image-rendering: -webkit-optimize-contrast; /* Safari                        */
+  image-rendering: -o-crisp-edges;            /* OS X & Windows Opera (12.02+) */
+  image-rendering: pixelated;                 /* Awesome future-browsers       */
+  -ms-interpolation-mode: nearest-neighbor;   /* IE                            */
+}
+
+/* from d3-tip */
 .d3-tip {
   line-height: 1;
-  font-size: 12px;
+  font-weight: bold;
   padding: 12px;
   background: rgba(0, 0, 0, 0.8);
   color: #fff;

panoramix/assets/visualizations/heatmap.js

@@ -1,7 +1,17 @@
+// JS
+var $  = window.$ || require('jquery');
+var px = window.px || require('../javascripts/modules/panoramix.js');
+var d3 = require('d3');
+
+d3.tip = require('d3-tip'); //using window.d3 doesn't capture events properly bc of multiple instances
+
+// CSS
+require('./heatmap.css');
+
 // Inspired from http://bl.ocks.org/mbostock/3074470
 // https://jsfiddle.net/cyril123/h0reyumq/
-px.registerViz('heatmap', function(slice) {
-  var margins = {t:0, r:0, b:50, l:50};
+function heatmapVis(slice) {
+  var margins = {t:10, r:10, b:50, l:60};
   function refresh() {
     var width = slice.width();
     var height = slice.height();
@@ -17,15 +27,19 @@ px.registerViz('heatmap', function(slice) {
       var fd = payload.form_data;
       var data = payload.data;
       function ordScale(k, rangeBands, reverse) {
-        if (reverse === undefined)
+        if (reverse === undefined) {
           reverse = false;
-        domain = {};
+        }
+        var domain = {};
         $.each(data, function(i, d){
           domain[d[k]] = true;
         });
-        domain = Object.keys(domain).sort();
-        if (reverse)
+        domain = Object.keys(domain).sort(function(a, b) {
+          return b - a;
+        });
+        if (reverse) {
           domain.reverse();
+        }
         if (rangeBands === undefined) {
           return d3.scale.ordinal().domain(domain).range(d3.range(domain.length));
         }
@@ -52,34 +66,34 @@ px.registerViz('heatmap', function(slice) {
       ];
 
       var container = d3.select(slice.selector)
-        .style("left", "0px")
-        .style("position", "relative")
-        .style("top", "0px");
+          .style("left", "0px")
+          .style("position", "relative")
+          .style("top", "0px");
 
       var canvas = container.append("canvas")
-        .attr("width", heatmapDim[X])
-        .attr("height", heatmapDim[Y])
-        .style("width", hmWidth + "px")
-        .style("height", hmHeight + "px")
-        .style("image-rendering", fd.canvas_image_rendering)
-        .style("left", margins.l + "px")
-        .style("top", margins.t + "px")
-        .style("position", "absolute");
+          .attr("width", heatmapDim[X])
+          .attr("height", heatmapDim[Y])
+          .style("width", hmWidth + "px")
+          .style("height", hmHeight + "px")
+          .style("image-rendering", fd.canvas_image_rendering)
+          .style("left", margins.l + "px")
+          .style("top", margins.t + "px")
+          .style("position", "absolute");
 
       var svg = container.append("svg")
-        .attr("width", width)
-        .attr("height", height)
-        .style("left", "0px")
-        .style("top", "0px")
-        .style("position", "absolute");
+          .attr("width", width)
+          .attr("height", height)
+          .style("left", "0px")
+          .style("top", "0px")
+          .style("position", "absolute");
 
       var rect = svg.append('g')
-        .attr("transform", "translate(" + margins.l + "," + margins.t + ")")
+          .attr("transform", "translate(" + margins.l + "," + margins.t + ")")
         .append('rect')
-        .style('fill-opacity', 0)
-        .attr('stroke', 'black')
-        .attr("width", hmWidth)
-        .attr("height", hmHeight);
+          .style('fill-opacity', 0)
+          .attr('stroke', 'black')
+          .attr("width", hmWidth)
+          .attr("height", hmHeight);
 
       var tip = d3.tip()
           .attr('class', 'd3-tip')
@@ -101,23 +115,25 @@ px.registerViz('heatmap', function(slice) {
                 s += "<div><b>%: </b>" + fp(obj.perc) + "<div>"
                 return s;
               }
-          })
+          });
+
       rect.call(tip);
+
       var xscale_skip = 2;
       var yscale_skip = 2;
 
-      xAxis = d3.svg.axis()
+      var xAxis = d3.svg.axis()
           .scale(xRbScale)
           .tickValues(xRbScale.domain().filter(
             function(d, i) { return !(i % (parseInt(fd.xscale_interval))); }))
           .orient("bottom");
-      yAxis = d3.svg.axis()
+      var yAxis = d3.svg.axis()
           .scale(yRbScale)
           .tickValues(yRbScale.domain().filter(
             function(d, i) { return !(i % (parseInt(fd.yscale_interval))); }))
           .orient("left");
 
-        svg.append("g")
+      svg.append("g")
           .attr("class", "x axis")
           .attr("transform", "translate(" + margins.l + "," + (margins.t + hmHeight) + ")")
           .call(xAxis)
@@ -125,7 +141,8 @@ px.registerViz('heatmap', function(slice) {
               .style("text-anchor", "end")
               .attr("transform", "rotate(-45)")
               .style("font-weight", "bold");
-        svg.append("g")
+
+      svg.append("g")
           .attr("class", "y axis")
           .attr("transform", "translate(" + margins.l + ", 0)")
           .call(yAxis);
@@ -142,8 +159,8 @@ px.registerViz('heatmap', function(slice) {
 
       // Compute the pixel colors; scaled by CSS.
       function createImageObj() {
-        imageObj = new Image();
-        image = context.createImageData(heatmapDim[0], heatmapDim[1]);
+        var imageObj = new Image();
+        var image = context.createImageData(heatmapDim[0], heatmapDim[1]);
         var pixs = {};
         $.each(data, function(i, d) {
             var c = d3.rgb(color(d.perc));
@@ -156,9 +173,9 @@ px.registerViz('heatmap', function(slice) {
               matrix[x][y] = d;
         });
 
-        p = -1;
-        for(var i=0; i< heatmapDim[0] * heatmapDim[1]; i++){
-            c = pixs[i];
+        var p = -1;
+        for(var i = 0; i < heatmapDim[0] * heatmapDim[1]; i++){
+            var c = pixs[i];
             var alpha = 255;
             if (c === undefined){
               c = d3.rgb('#F00');
@@ -180,5 +197,6 @@ px.registerViz('heatmap', function(slice) {
     render: refresh,
     resize: refresh,
   };
-});
+}
 
+module.exports = heatmapVis;

panoramix/assets/visualizations/iframe.js

@@ -0,0 +1,25 @@
+var $ = window.$ || require('jquery');
+
+function iframeWidget(slice) {
+
+  function refresh() {
+    $('#code').attr('rows', '15')
+    $.getJSON(slice.jsonEndpoint(), function(payload) {
+        slice.container.html('<iframe style="width:100%;"></iframe>');
+        var iframe = slice.container.find('iframe');
+        iframe.css('height', slice.height());
+        iframe.attr('src', payload.form_data.url);
+        slice.done();
+      })
+      .fail(function(xhr) {
+        slice.error(xhr.responseText);
+      });
+  };
+
+  return {
+    render: refresh,
+    resize: refresh,
+  };
+}
+
+module.exports = iframeWidget

panoramix/assets/visualizations/markup.js

@@ -0,0 +1,23 @@
+var $ = window.$ || require('jquery');
+
+function markupWidget(slice) {
+
+  function refresh() {
+    $('#code').attr('rows', '15');
+
+    $.getJSON(slice.jsonEndpoint(), function(payload) {
+        slice.container.html(payload.data.html);
+        slice.done();
+      })
+      .fail(function(xhr) {
+        slice.error(xhr.responseText);
+      });
+  };
+
+  return {
+    render: refresh,
+    resize: refresh,
+  };
+}
+
+module.exports = markupWidget;

panoramix/assets/visualizations/nvd3_vis.js

@@ -0,0 +1,209 @@
+// JS
+var $  = window.$ || require('jquery');
+var px = window.px || require('../javascripts/modules/panoramix.js');
+require('../vendor/nvd3/nv.d3.min.js');
+
+// CSS
+require('../vendor/nvd3/nv.d3.css');
+
+function nvd3Vis(slice) {
+  var chart = undefined;
+  var data = {};
+
+  var render = function() {
+    $.getJSON(slice.jsonEndpoint(), function(payload) {
+      var fd = payload.form_data;
+      var viz_type = fd.viz_type;
+
+      var f = d3.format('.3s');
+      var colorKey = 'key';
+
+      nv.addGraph(function() {
+        switch (viz_type) {
+
+          case 'line':
+            if (fd.show_brush) {
+              chart = nv.models.lineWithFocusChart();
+              chart.lines2.xScale(d3.time.scale.utc());
+              chart.x2Axis
+                .showMaxMin(fd.x_axis_showminmax)
+                .staggerLabels(true);
+            } else {
+              chart = nv.models.lineChart()
+            }
+            // To alter the tooltip header
+            // chart.interactiveLayer.tooltip.headerFormatter(function(){return '';});
+            chart.xScale(d3.time.scale.utc());
+            chart.interpolate(fd.line_interpolation);
+            chart.xAxis
+              .showMaxMin(fd.x_axis_showminmax)
+              .staggerLabels(true);
+            break;
+
+          case 'bar':
+            chart = nv.models.multiBarChart()
+              .showControls(true)
+              .groupSpacing(0.1);
+
+            chart.xAxis
+              .showMaxMin(false)
+              .staggerLabels(true);
+
+            chart.stacked(fd.bar_stacked);
+            break;
+
+          case 'dist_bar':
+            chart = nv.models.multiBarChart()
+              .showControls(true)   //Allow user to switch between 'Grouped' and 'Stacked' mode.
+              .reduceXTicks(false)
+              .rotateLabels(45)
+              .groupSpacing(0.1);   //Distance between each group of bars.
+
+            chart.xAxis
+              .showMaxMin(false);
+
+            chart.stacked(fd.bar_stacked);
+            break;
+
+          case 'pie':
+            chart = nv.models.pieChart()
+            colorKey = 'x';
+            chart.valueFormat(f);
+            if (fd.donut) {
+              chart.donut(true);
+              chart.labelsOutside(true);
+            }
+            chart.labelsOutside(true);
+            chart.cornerRadius(true);
+            break;
+
+          case 'column':
+            chart = nv.models.multiBarChart()
+              .reduceXTicks(false)
+              .rotateLabels(45);
+            break;
+
+          case 'compare':
+            chart = nv.models.cumulativeLineChart();
+            chart.xScale(d3.time.scale.utc());
+            chart.xAxis
+              .showMaxMin(false)
+              .staggerLabels(true);
+            break;
+
+          case 'bubble':
+            var row = function(col1, col2) {
+              return "<tr><td>" + col1 + "</td><td>" + col2 + "</td></tr>";
+            };
+            chart = nv.models.scatterChart();
+            chart.showDistX(true);
+            chart.showDistY(true);
+            chart.tooltip.contentGenerator(function (obj) {
+              var p = obj.point;
+              var s = "<table>";
+              s += '<tr><td style="color:' + p.color + ';"><strong>' + p[fd.entity] + '</strong> (' + p.group + ')</td></tr>';
+              s += row(fd.x, f(p.x));
+              s += row(fd.y, f(p.y));
+              s += row(fd.size, f(p.size));
+              s += "</table>";
+              return s;
+            });
+            chart.pointRange([5, fd.max_bubble_size * fd.max_bubble_size]);
+            break;
+
+          case 'area':
+            chart = nv.models.stackedAreaChart();
+            chart.style(fd.stacked_style);
+            chart.xScale(d3.time.scale.utc());
+            chart.xAxis
+              .showMaxMin(false)
+              .staggerLabels(true);
+            break;
+
+          default:
+            console.error("unrecognized visualization for nvd3", viz_type);
+        }
+
+        if ("showLegend" in chart && typeof fd.show_legend !== 'undefined') {
+          chart.showLegend(fd.show_legend);
+        }
+
+        var height = slice.height();
+
+        if(chart.hasOwnProperty("x2Axis")) {
+          height += 30;
+        }
+        chart.height(height);
+        slice.container.css('height', height + 'px');
+
+        if ((viz_type === "line" || viz_type === "area") && fd.rich_tooltip) {
+          chart.useInteractiveGuideline(true);
+        }
+        if (fd.y_axis_zero) {
+          chart.forceY([0, 1]);
+        }
+        else if (fd.y_log_scale) {
+          chart.yScale(d3.scale.log());
+        }
+        if (fd.x_log_scale) {
+          chart.xScale(d3.scale.log());
+        }
+        if (viz_type === 'bubble') {
+          chart.xAxis.tickFormat(d3.format('.3s'));
+        }
+        else if (fd.x_axis_format == 'smart_date') {
+          chart.xAxis.tickFormat(px.formatDate);
+        }
+        else if (fd.x_axis_format !== undefined) {
+          chart.xAxis.tickFormat(px.timeFormatFactory(fd.x_axis_format));
+        }
+        if (chart.yAxis !== undefined) {
+          chart.yAxis.tickFormat(d3.format('.3s'));
+        }
+
+        if (fd.contribution || fd.num_period_compare || viz_type == 'compare') {
+          chart.yAxis.tickFormat(d3.format('.3p'));
+          if (chart.y2Axis != undefined) {
+              chart.y2Axis.tickFormat(d3.format('.3p'));
+          }
+        } else if (fd.y_axis_format) {
+          chart.yAxis.tickFormat(d3.format(fd.y_axis_format));
+
+          if (chart.y2Axis != undefined) {
+            chart.y2Axis.tickFormat(d3.format(fd.y_axis_format));
+          }
+        }
+
+        chart.color(function(d, i){
+          return px.color.category21(d[colorKey]);
+        });
+
+        d3.select(slice.selector).append("svg")
+          .datum(payload.data)
+          .transition().duration(500)
+          .attr('height', height)
+          .call(chart);
+
+        return chart;
+      });
+
+      slice.done(payload);
+    })
+    .fail(function(xhr) {
+      slice.error(xhr.responseText);
+    });
+  };
+
+  var update = function() {
+    if (chart && chart.update) {
+      chart.update();
+    }
+  };
+
+  return {
+    render: render,
+    resize: update,
+  };
+};
+
+module.exports = nvd3Vis;

panoramix/assets/visualizations/parallel_coordinates.js

@@ -1,11 +1,19 @@
-px.registerViz('para', function(slice) {
+// JS
+var d3 = window.d3 || require('d3');
+d3.parcoords = require('../vendor/parallel_coordinates/d3.parcoords.js');
+d3.divgrid   = require('../vendor/parallel_coordinates/divgrid.js');
+
+// CSS
+require('../vendor/parallel_coordinates/d3.parcoords.css');
+
+function parallelCoordVis(slice) {
 
   function refresh() {
       $('#code').attr('rows', '15')
       $.getJSON(slice.jsonEndpoint(), function(payload) {
         var data = payload.data;
         var fd = payload.form_data;
-        ext = d3.extent(data, function(d){
+        var ext = d3.extent(data, function(d){
           return d[fd.secondary_metric];
         });
         ext = [ext[0], (ext[1]-ext[0])/2,ext[1]];
@@ -13,17 +21,16 @@ px.registerViz('para', function(slice) {
           .domain(ext)
           .range(['red', 'grey', 'blue'])
           .interpolate(d3.interpolateLab);
+
         var color = function(d){return cScale(d[fd.secondary_metric])};
         var container = d3.select(slice.selector);
-        if (fd.show_datatable)
-          var eff_height = slice.height() / 2;
-        else
-          var eff_height = slice.height();
+        var eff_height = fd.show_datatable ? (slice.height() / 2) : slice.height();
 
         var div = container.append('div')
           .attr('id', 'parcoords_' + slice.container_id)
           .style('height', eff_height + 'px')
           .classed("parcoords", true);
+
         var parcoords = d3.parcoords()('#parcoords_' + slice.container_id)
           .width(slice.width())
           .color(color)
@@ -68,8 +75,11 @@ px.registerViz('para', function(slice) {
           slice.error(xhr.responseText);
         });
       };
+
   return {
     render: refresh,
     resize: refresh,
   };
-});
+};
+
+module.exports = parallelCoordVis;

panoramix/assets/visualizations/pivot_table.css

@@ -0,0 +1,4 @@
+.gridster li.widget.pivot_table,
+div.widget.pivot_table{
+    overflow: auto !important;
+}

panoramix/assets/visualizations/pivot_table.js

@@ -0,0 +1,40 @@
+// // This is a hack because shimming for $ extensions is not working.
+// $('body').append([
+//   '<script type="text/javascript" src="/static/refactor/vendor/dataTables/jquery.dataTables.min.js"></script>',
+//   '<script type="text/javascript" src="/static/refactor/vendor/dataTables/dataTables.bootstrap.js"></script>',
+// ]);
+
+// // require('datatables');
+// // console.log(jQuery.fn.dataTable);
+// // require('../vendor/dataTables/jquery.dataTables.min.js');
+// // require('../vendor/dataTables/dataTables.bootstrap.js');
+
+// // CSS
+// require('./pivot_table.css');
+// require('../vendor/dataTables/dataTables.bootstrap.css');
+
+// module.exports = function(slice) {
+//   var container = slice.container;
+//   var form_data = slice.data.form_data;
+
+//   function refresh() {
+//     $.getJSON(slice.jsonEndpoint(), function(json){
+//       container.html(json.data);
+//       if (form_data.groupby.length == 1){
+//         var table = container.find('table').DataTable({
+//           paging: false,
+//           searching: false,
+//         });
+//         table.column('-1').order( 'desc' ).draw();
+//       }
+//       slice.done(json);
+//     }).fail(function(xhr){
+//         slice.error(xhr.responseText);
+//     });
+//   }
+//   return {
+//     render: refresh,
+//     resize: refresh,
+//   };
+
+// };

panoramix/assets/visualizations/sankey.css

@@ -18,5 +18,3 @@
 .sankey .link:hover {
   stroke-opacity: .5;
 }
-
-

panoramix/assets/visualizations/sankey.js

@@ -0,0 +1,108 @@
+// CSS
+require('./sankey.css');
+// JS
+var px = window.px || require('../javascripts/modules/panoramix.js');
+var d3 = window.d3 || require('d3');
+d3.sankey = require('d3-sankey').sankey;
+
+function sankeyVis(slice) {
+  var div = d3.select(slice.selector);
+
+  var render = function() {
+      var margin = {top: 5, right: 5, bottom: 5, left: 5};
+      var width = slice.width() - margin.left - margin.right;
+      var height = slice.height() - margin.top - margin.bottom;
+
+      var formatNumber = d3.format(",.0f"),
+          format = function(d) { return formatNumber(d) + " TWh"; };
+
+      var svg = div.append("svg")
+          .attr("width", width + margin.left + margin.right)
+          .attr("height", height + margin.top + margin.bottom)
+        .append("g")
+          .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
+
+      var sankey = d3.sankey()
+          .nodeWidth(15)
+          .nodePadding(10)
+          .size([width, height]);
+
+      var path = sankey.link();
+
+      d3.json(slice.jsonEndpoint(), function(error, json) {
+        if (error != null){
+          slice.error(error.responseText);
+          return '';
+        }
+        var links = json.data;
+        var nodes = {};
+        // Compute the distinct nodes from the links.
+        links.forEach(function(link) {
+            link.source = nodes[link.source] ||
+                (nodes[link.source] = {name: link.source});
+            link.target = nodes[link.target] ||
+                (nodes[link.target] = {name: link.target});
+            link.value = +link.value;
+        });
+        nodes = d3.values(nodes);
+
+        sankey
+            .nodes(nodes)
+            .links(links)
+            .layout(32);
+
+        var link = svg.append("g").selectAll(".link")
+            .data(links)
+          .enter().append("path")
+            .attr("class", "link")
+            .attr("d", path)
+            .style("stroke-width", function(d) { return Math.max(1, d.dy); })
+            .sort(function(a, b) { return b.dy - a.dy; });
+
+        link.append("title")
+            .text(function(d) { return d.source.name + " → " + d.target.name + "\n" + format(d.value); });
+
+        var node = svg.append("g").selectAll(".node")
+            .data(nodes)
+          .enter().append("g")
+            .attr("class", "node")
+            .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; })
+          .call(d3.behavior.drag()
+            .origin(function(d) { return d; })
+            .on("dragstart", function() { this.parentNode.appendChild(this); })
+            .on("drag", dragmove));
+
+        node.append("rect")
+            .attr("height", function(d) { return d.dy; })
+            .attr("width", sankey.nodeWidth())
+            .style("fill", function(d) { return d.color = px.color.category21(d.name.replace(/ .*/, "")); })
+            .style("stroke", function(d) { return d3.rgb(d.color).darker(2); })
+          .append("title")
+            .text(function(d) { return d.name + "\n" + format(d.value); });
+
+        node.append("text")
+            .attr("x", -6)
+            .attr("y", function(d) { return d.dy / 2; })
+            .attr("dy", ".35em")
+            .attr("text-anchor", "end")
+            .attr("transform", null)
+            .text(function(d) { return d.name; })
+          .filter(function(d) { return d.x < width / 2; })
+            .attr("x", 6 + sankey.nodeWidth())
+            .attr("text-anchor", "start");
+
+        function dragmove(d) {
+          d3.select(this).attr("transform", "translate(" + d.x + "," + (d.y = Math.max(0, Math.min(height - d.dy, d3.event.y))) + ")");
+          sankey.relayout();
+          link.attr("d", path);
+        }
+        slice.done(json);
+      });
+  }
+  return {
+    render: render,
+    resize: render,
+  };
+}
+
+module.exports = sankeyVis;

panoramix/assets/visualizations/sunburst.js

@@ -1,8 +1,9 @@
-/*
-   Modified from http://bl.ocks.org/kerryrodden/7090426
-   */
+require('./sunburst.css');
 
-function viz_sunburst(slice) {
+/*
+  Modified from http://bl.ocks.org/kerryrodden/7090426
+ */
+function sunburstVis(slice) {
   var container = d3.select(slice.selector);
   var render = function() {
     var width = slice.width();
@@ -13,25 +14,26 @@ function viz_sunburst(slice) {
     var radius = Math.min(width, height) / 2;
 
     container.select("svg").remove();
+
     var vis = container.append("svg:svg")
-    .attr("width", width)
-    .attr("height", height)
-    .append("svg:g")
-    .attr("id", "container")
-    .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");
+      .attr("width", width)
+      .attr("height", height)
+      .append("svg:g")
+      .attr("id", "container")
+      .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");
 
     var arcs = vis.append("svg:g").attr("id", "arcs");
     var gMiddleText = vis.append("svg:g").attr("id", "gMiddleText");
 
     var partition = d3.layout.partition()
-    .size([2 * Math.PI, radius * radius])
-    .value(function(d) { return d.m1; });
+      .size([2 * Math.PI, radius * radius])
+      .value(function(d) { return d.m1; });
 
     var arc = d3.svg.arc()
-    .startAngle(function(d) { return d.x; })
-    .endAngle(function(d) { return d.x + d.dx; })
-    .innerRadius(function(d) { return Math.sqrt(d.y); })
-    .outerRadius(function(d) { return Math.sqrt(d.y + d.dy); });
+      .startAngle(function(d) { return d.x; })
+      .endAngle(function(d) { return d.x + d.dx; })
+      .innerRadius(function(d) { return Math.sqrt(d.y); })
+      .outerRadius(function(d) { return Math.sqrt(d.y + d.dy); });
 
     var ext;
     d3.json(slice.jsonEndpoint(), function(error, json){
@@ -41,6 +43,7 @@ function viz_sunburst(slice) {
         return '';
       }
       var tree = buildHierarchy(json.data);
+
       createVisualization(tree);
       slice.done(json);
     });
@@ -51,31 +54,31 @@ function viz_sunburst(slice) {
       // Bounding circle underneath the sunburst, to make it easier to detect
       // when the mouse leaves the parent g.
       arcs.append("svg:circle")
-      .attr("r", radius)
-      .style("opacity", 0);
+        .attr("r", radius)
+        .style("opacity", 0);
 
       // For efficiency, filter nodes to keep only those large enough to see.
       var nodes = partition.nodes(json)
-      .filter(function(d) {
-        return (d.dx > 0.005); // 0.005 radians = 0.29 degrees
-      });
+        .filter(function(d) {
+          return (d.dx > 0.005); // 0.005 radians = 0.29 degrees
+        });
       ext = d3.extent(nodes, function(d){return d.m2 / d.m1;});
 
       var colorScale = d3.scale.linear()
-      .domain([ext[0], ext[0] +  ((ext[1] - ext[0]) / 2), ext[1]])
-      .range(["#00D1C1", "white","#FFB400"]);
+        .domain([ext[0], ext[0] +  ((ext[1] - ext[0]) / 2), ext[1]])
+        .range(["#00D1C1", "white","#FFB400"]);
 
       var path = arcs.data([json]).selectAll("path")
-      .data(nodes)
-      .enter().append("svg:path")
-      .attr("display", function(d) { return d.depth ? null : "none"; })
-      .attr("d", arc)
-      .attr("fill-rule", "evenodd")
-      .style("stroke", "grey")
-      .style("stroke-width", "1px")
-      .style("fill", function(d) { return colorScale(d.m2/d.m1); })
-      .style("opacity", 1)
-      .on("mouseenter", mouseenter);
+          .data(nodes)
+        .enter().append("svg:path")
+          .attr("display", function(d) { return d.depth ? null : "none"; })
+          .attr("d", arc)
+          .attr("fill-rule", "evenodd")
+          .style("stroke", "grey")
+          .style("stroke-width", "1px")
+          .style("fill", function(d) { return colorScale(d.m2/d.m1); })
+          .style("opacity", 1)
+          .on("mouseenter", mouseenter);
 
 
       // Add the mouseleave handler to the bounding circle.
@@ -84,8 +87,9 @@ function viz_sunburst(slice) {
       // Get total size of the tree = value of root node from partition.
       totalSize = path.node().__data__.value;
     };
-    f = d3.format(".3s");
-    fp = d3.format(".3p");
+    var f = d3.format(".3s");
+    var fp = d3.format(".3p");
+
     // Fade all but the current sequence, and show it in the breadcrumb trail.
     function mouseenter(d) {
 
@@ -94,19 +98,19 @@ function viz_sunburst(slice) {
 
       gMiddleText.selectAll("*").remove();
       gMiddleText.append("text")
-      .classed("middle", true)
-      .style("font-size", "50px")
-      .text(percentageString);
+        .classed("middle", true)
+        .style("font-size", "50px")
+        .text(percentageString);
       gMiddleText.append("text")
-      .classed("middle", true)
-      .style("font-size", "20px")
-      .attr("y", "25")
-      .text("m1: " + f(d.m1) + " | m2: " + f(d.m2));
+        .classed("middle", true)
+        .style("font-size", "20px")
+        .attr("y", "25")
+        .text("m1: " + f(d.m1) + " | m2: " + f(d.m2));
       gMiddleText.append("text")
-      .classed("middle", true)
-      .style("font-size", "15px")
-      .attr("y", "50")
-      .text("m2/m1: " + fp(d.m2/d.m1));
+        .classed("middle", true)
+        .style("font-size", "15px")
+        .attr("y", "50")
+        .text("m2/m1: " + fp(d.m2/d.m1));
 
       var sequenceArray = getAncestors(d);
       function breadcrumbPoints(d, i) {
@@ -124,13 +128,15 @@ function viz_sunburst(slice) {
 
       // Update the breadcrumb trail to show the current sequence and percentage.
       function updateBreadcrumbs(nodeArray, percentageString) {
-        l = [];
+        var l = [];
         for(var i=0; i<nodeArray.length; i++){
           l.push(nodeArray[i].name)
         }
-        s = l.join(' > ')
-        gMiddleText.append("text").text(s).classed("middle", true)
-        .attr("y", -75);
+        var s = l.join(' > ')
+        gMiddleText.append("text")
+          .text(s)
+          .classed("middle", true)
+          .attr("y", -75);
       }
       updateBreadcrumbs(sequenceArray, percentageString);
 
@@ -141,12 +147,12 @@ function viz_sunburst(slice) {
 
       // Then highlight only those that are an ancestor of the current segment.
       arcs.selectAll("path")
-      .filter(function(node) {
-        return (sequenceArray.indexOf(node) >= 0);
-      })
-      .style("opacity", 1)
-      .style("stroke", "#888")
-      .style("stroke-width", "2px");
+        .filter(function(node) {
+          return (sequenceArray.indexOf(node) >= 0);
+        })
+        .style("opacity", 1)
+        .style("stroke", "#888")
+        .style("stroke-width", "2px");
     }
 
     // Restore everything to full opacity when moving off the visualization.
@@ -154,7 +160,8 @@ function viz_sunburst(slice) {
 
       // Hide the breadcrumb trail
       arcs.select("#trail")
-      .style("visibility", "hidden");
+        .style("visibility", "hidden");
+
       gMiddleText.selectAll("*").remove();
 
       // Deactivate all segments during transition.
@@ -163,14 +170,14 @@ function viz_sunburst(slice) {
 
       // Transition each segment to full opacity and then reactivate it.
       arcs.selectAll("path")
-      .transition()
-      .duration(200)
-      .style("opacity", 1)
-      .style("stroke", "grey")
-      .style("stroke-width", "1px")
-      .each("end", function() {
-        d3.select(this).on("mouseenter", mouseenter);
-      });
+        .transition()
+        .duration(200)
+        .style("opacity", 1)
+        .style("stroke", "grey")
+        .style("stroke-width", "1px")
+        .each("end", function() {
+          d3.select(this).on("mouseenter", mouseenter);
+        });
     }
 
     // Given a node in a partition layout, return an array of all of its ancestor
@@ -225,6 +232,7 @@ function viz_sunburst(slice) {
       }
       function recurse(node){
         if (node.children){
+          var sums;
           var m1 = 0;
           var m2 = 0;
           for (var i=0; i<node.children.length; i++){
@@ -245,5 +253,6 @@ function viz_sunburst(slice) {
     render: render,
     resize: render,
   };
-}
-px.registerViz('sunburst', viz_sunburst);
+};
+
+module.exports = sunburstVis;

panoramix/assets/visualizations/table.css

@@ -1,5 +1,6 @@
-.gridster li.widget.table, div.widget.table{
-    overflow: auto; !important
+.gridster li.widget.table,
+div.widget.table {
+    overflow: auto !important;
 }
 
 .widget.table td.filtered {

panoramix/assets/visualizations/table.js

@@ -1,4 +1,19 @@
-px.registerViz('table', function(slice) {
+// This is a hack because shimming for $ extensions is not working.
+$('head').append([
+  '<script type="text/javascript" src="/static/refactor/vendor/dataTables/jquery.dataTables.min.js"></script>',
+  '<script type="text/javascript" src="/static/refactor/vendor/dataTables/dataTables.bootstrap.js"></script>',
+]);
+
+// require('datatables');
+// console.log(jQuery.fn.dataTable);
+// require('../vendor/dataTables/jquery.dataTables.min.js');
+// require('../vendor/dataTables/dataTables.bootstrap.js');
+
+// CSS
+require('./table.css');
+require('../vendor/dataTables/dataTables.bootstrap.css');
+
+function tableVis(slice) {
   var data = slice.data;
   var form_data = data.form_data;
   var f = d3.format('.3s');
@@ -9,23 +24,26 @@ px.registerViz('table', function(slice) {
       var data = json.data;
       var metrics = json.form_data.metrics;
       function col(c){
-        arr = [];
+        var arr = [];
         for (var i=0; i<data.records.length; i++){
           arr.push(json.data.records[i][c]);
         }
         return arr;
       }
-      maxes = {};
+      var maxes = {};
       for (var i=0; i<metrics.length; i++){
         maxes[metrics[i]] = d3.max(col(metrics[i]));
       }
+
       var table = d3.select(slice.selector).append('table')
         .classed('dataframe dataframe table table-striped table-bordered table-condensed table-hover dataTable no-footer', true);
+
       table.append('thead').append('tr')
        .selectAll('th')
        .data(data.columns).enter()
        .append('th')
        .text(function(d){return d});
+
       table.append('tbody')
        .selectAll('tr')
        .data(data.records).enter()
@@ -95,4 +113,6 @@ px.registerViz('table', function(slice) {
     render: refresh,
     resize: function(){},
   };
-});
+};
+
+module.exports = tableVis;

panoramix/assets/visualizations/word_cloud.js

@@ -1,4 +1,8 @@
-px.registerViz('word_cloud', function(slice) {
+var px = window.px || require('../javascripts/modules/panoramix.js');
+var d3 = window.d3 || require('d3');
+var cloudLayout = require('d3-cloud');
+
+function wordCloudChart(slice) {
   var slice = slice;
   var chart = d3.select(slice.selector);
   function refresh() {
@@ -24,10 +28,11 @@ px.registerViz('word_cloud', function(slice) {
       }
       var size = [slice.width(), slice.height()];
 
-      scale = d3.scale.linear()
+      var scale = d3.scale.linear()
         .range(range)
         .domain(d3.extent(data, function(d) { return d.size; }));
-      var layout = d3.layout.cloud()
+
+      var layout = cloudLayout()
         .size(size)
         .words(data)
         .padding(5)
@@ -35,7 +40,9 @@ px.registerViz('word_cloud', function(slice) {
         .font("serif")
         .fontSize(function(d) { return scale(d.size); })
         .on("end", draw);
+
       layout.start();
+
       function draw(words) {
         chart.selectAll("*").remove();
 
@@ -64,4 +71,6 @@ px.registerViz('word_cloud', function(slice) {
     render: refresh,
     resize: refresh,
   };
-});
+}
+
+module.exports = wordCloudChart;

panoramix/assets/visualizations/world_map.css

@@ -0,0 +1,3 @@
+.world_map svg {
+    background-color: #feffff;
+}

panoramix/assets/visualizations/world_map.js

@@ -1,11 +1,15 @@
-/*
-  Using the awesome lib at http://datamaps.github.io/
-*/
+// JS
+var d3 = window.d3 || require('d3');
+var Datamap = require('../vendor/datamaps/datamaps.all.js');
 
-function viz_world_map(slice) {
+// CSS
+require('./world_map.css');
+
+function worldMapChart(slice) {
   var render = function() {
     var container = slice.container;
     var div = d3.select(slice.selector);
+
     container.css('height', slice.height());
 
     d3.json(slice.jsonEndpoint(), function(error, json){
@@ -20,32 +24,38 @@ function viz_world_map(slice) {
       var radiusScale = d3.scale.linear()
         .domain([extRadius[0], extRadius[1]])
         .range([1, fd.max_bubble_size]);
-        json.data.forEach(function(d){
+
+      json.data.forEach(function(d){
           d.radius = radiusScale(d.m2);
         });
+
       var colorScale = d3.scale.linear()
-      .domain([ext[0], ext[1]])
-      .range(["#FFF", "black"]);
+        .domain([ext[0], ext[1]])
+        .range(["#FFF", "black"]);
+
       var d = {};
       for (var i=0; i<json.data.length; i++){
         var country = json.data[i];
         country['fillColor'] = colorScale(country.m1);
         d[country.country] = country;
       }
-      f = d3.format('.3s');
+
+      var f = d3.format('.3s');
+
       container.show();
+
       var map = new Datamap({
         element: slice.container.get(0),
         data: json.data,
         fills: {
-          defaultFill: 'transparent'
+          defaultFill: '#ddd'
         },
         geographyConfig: {
           popupOnHover: true,
           highlightOnHover: true,
           borderWidth: 1,
-          borderColor: 'grey',
-          highlightBorderColor: 'black',
+          borderColor: '#fff',
+          highlightBorderColor: '#fff',
           highlightFillColor: '#005a63',
           highlightBorderWidth: 1,
           popupTemplate: function(geo, data) {
@@ -73,12 +83,16 @@ function viz_world_map(slice) {
           key: JSON.stringify
         },
       });
+
       map.updateChoropleth(d);
-      if(fd.show_bubbles){
+
+      if (fd.show_bubbles) {
         map.bubbles(json.data);
         div.selectAll("circle.datamaps-bubble").style('fill', '#005a63');
       }
+
       slice.done(json);
+
     });
   }
 
@@ -87,4 +101,5 @@ function viz_world_map(slice) {
     resize: render,
   };
 }
-px.registerViz('world_map', viz_world_map);
+
+module.exports = worldMapChart;

panoramix/assets/webpack.config.js

@@ -32,12 +32,16 @@ var config = {
     ]
   },
   plugins: [
-    // @TODO: this will be used in the future to expose these packages through global window vars
+    // // @TODO: this will be used in the future to expose these packages through global window vars
     // new webpack.ProvidePlugin({
-    //     $: "jquery",
-    //     jQuery: "jquery",
-    //     d3: "d3",
-    //     px: './modules/panoramix.js'
+    //     '$': "jquery",
+    //     'window.$': "jquery",
+
+    //     'jQuery': "jquery",
+    //     'window.jQuery': "jquery",
+
+    //     'window.d3': "d3",
+    //     'window.px':  APP_DIR + '/javascripts/modules/panoramix.js'
     // })
   ]
 };

panoramix/static/lib/bootstrap-toggle.min.js

@@ -1,9 +0,0 @@
-/*! ========================================================================
- * Bootstrap Toggle: bootstrap-toggle.js v2.2.0
- * http://www.bootstraptoggle.com
- * ========================================================================
- * Copyright 2014 Min Hur, The New York Times Company
- * Licensed under MIT
- * ======================================================================== */
-+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.toggle"),f="object"==typeof b&&b;e||d.data("bs.toggle",e=new c(this,f)),"string"==typeof b&&e[b]&&e[b]()})}var c=function(b,c){this.$element=a(b),this.options=a.extend({},this.defaults(),c),this.render()};c.VERSION="2.2.0",c.DEFAULTS={on:"On",off:"Off",onstyle:"primary",offstyle:"default",size:"normal",style:"",width:null,height:null},c.prototype.defaults=function(){return{on:this.$element.attr("data-on")||c.DEFAULTS.on,off:this.$element.attr("data-off")||c.DEFAULTS.off,onstyle:this.$element.attr("data-onstyle")||c.DEFAULTS.onstyle,offstyle:this.$element.attr("data-offstyle")||c.DEFAULTS.offstyle,size:this.$element.attr("data-size")||c.DEFAULTS.size,style:this.$element.attr("data-style")||c.DEFAULTS.style,width:this.$element.attr("data-width")||c.DEFAULTS.width,height:this.$element.attr("data-height")||c.DEFAULTS.height}},c.prototype.render=function(){this._onstyle="btn-"+this.options.onstyle,this._offstyle="btn-"+this.options.offstyle;var b="large"===this.options.size?"btn-lg":"small"===this.options.size?"btn-sm":"mini"===this.options.size?"btn-xs":"",c=a('<label class="btn">').html(this.options.on).addClass(this._onstyle+" "+b),d=a('<label class="btn">').html(this.options.off).addClass(this._offstyle+" "+b+" active"),e=a('<span class="toggle-handle btn btn-default">').addClass(b),f=a('<div class="toggle-group">').append(c,d,e),g=a('<div class="toggle btn" data-toggle="toggle">').addClass(this.$element.prop("checked")?this._onstyle:this._offstyle+" off").addClass(b).addClass(this.options.style);this.$element.wrap(g),a.extend(this,{$toggle:this.$element.parent(),$toggleOn:c,$toggleOff:d,$toggleGroup:f}),this.$toggle.append(f);var h=this.options.width||Math.max(c.outerWidth(),d.outerWidth())+e.outerWidth()/2,i=this.options.height||Math.max(c.outerHeight(),d.outerHeight());c.addClass("toggle-on"),d.addClass("toggle-off"),this.$toggle.css({width:h,height:i}),this.options.height&&(c.css("line-height",c.height()+"px"),d.css("line-height",d.height()+"px")),this.update(!0),this.trigger(!0)},c.prototype.toggle=function(){this.$element.prop("checked")?this.off():this.on()},c.prototype.on=function(a){return this.$element.prop("disabled")?!1:(this.$toggle.removeClass(this._offstyle+" off").addClass(this._onstyle),this.$element.prop("checked",!0),void(a||this.trigger()))},c.prototype.off=function(a){return this.$element.prop("disabled")?!1:(this.$toggle.removeClass(this._onstyle).addClass(this._offstyle+" off"),this.$element.prop("checked",!1),void(a||this.trigger()))},c.prototype.enable=function(){this.$toggle.removeAttr("disabled"),this.$element.prop("disabled",!1)},c.prototype.disable=function(){this.$toggle.attr("disabled","disabled"),this.$element.prop("disabled",!0)},c.prototype.update=function(a){this.$element.prop("disabled")?this.disable():this.enable(),this.$element.prop("checked")?this.on(a):this.off(a)},c.prototype.trigger=function(b){this.$element.off("change.bs.toggle"),b||this.$element.change(),this.$element.on("change.bs.toggle",a.proxy(function(){this.update()},this))},c.prototype.destroy=function(){this.$element.off("change.bs.toggle"),this.$toggleGroup.remove(),this.$element.removeData("bs.toggle"),this.$element.unwrap()};var d=a.fn.bootstrapToggle;a.fn.bootstrapToggle=b,a.fn.bootstrapToggle.Constructor=c,a.fn.toggle.noConflict=function(){return a.fn.bootstrapToggle=d,this},a(function(){a("input[type=checkbox][data-toggle^=toggle]").bootstrapToggle()}),a(document).on("click.bs.toggle","div[data-toggle^=toggle]",function(b){var c=a(this).find("input[type=checkbox]");c.bootstrapToggle("toggle"),b.preventDefault()})}(jQuery);
-//# sourceMappingURL=bootstrap-toggle.min.js.map

panoramix/static/lib/d3-sankey.js

@@ -1,294 +0,0 @@
-d3.sankey = function() {
-  var sankey = {},
-      nodeWidth = 24,
-      nodePadding = 8,
-      size = [1, 1],
-      nodes = [],
-      links = [];
-
-  sankey.nodeWidth = function(_) {
-    if (!arguments.length) return nodeWidth;
-    nodeWidth = +_;
-    return sankey;
-  };
-
-  sankey.nodePadding = function(_) {
-    if (!arguments.length) return nodePadding;
-    nodePadding = +_;
-    return sankey;
-  };
-
-  sankey.nodes = function(_) {
-    if (!arguments.length) return nodes;
-    nodes = _;
-    return sankey;
-  };
-
-  sankey.links = function(_) {
-    if (!arguments.length) return links;
-    links = _;
-    return sankey;
-  };
-
-  sankey.size = function(_) {
-    if (!arguments.length) return size;
-    size = _;
-    return sankey;
-  };
-
-  sankey.layout = function(iterations) {
-    computeNodeLinks();
-    computeNodeValues();
-    computeNodeBreadths();
-    computeNodeDepths(iterations);
-    computeLinkDepths();
-    return sankey;
-  };
-
-  sankey.relayout = function() {
-    computeLinkDepths();
-    return sankey;
-  };
-
-  sankey.link = function() {
-    var curvature = .5;
-
-    function link(d) {
-      var x0 = d.source.x + d.source.dx,
-          x1 = d.target.x,
-          xi = d3.interpolateNumber(x0, x1),
-          x2 = xi(curvature),
-          x3 = xi(1 - curvature),
-          y0 = d.source.y + d.sy + d.dy / 2,
-          y1 = d.target.y + d.ty + d.dy / 2;
-      return "M" + x0 + "," + y0
-           + "C" + x2 + "," + y0
-           + " " + x3 + "," + y1
-           + " " + x1 + "," + y1;
-    }
-
-    link.curvature = function(_) {
-      if (!arguments.length) return curvature;
-      curvature = +_;
-      return link;
-    };
-
-    return link;
-  };
-
-  // Populate the sourceLinks and targetLinks for each node.
-  // Also, if the source and target are not objects, assume they are indices.
-  function computeNodeLinks() {
-    nodes.forEach(function(node) {
-      node.sourceLinks = [];
-      node.targetLinks = [];
-    });
-    links.forEach(function(link) {
-      var source = link.source,
-          target = link.target;
-      if (typeof source === "number") source = link.source = nodes[link.source];
-      if (typeof target === "number") target = link.target = nodes[link.target];
-      source.sourceLinks.push(link);
-      target.targetLinks.push(link);
-    });
-  }
-
-  // Compute the value (size) of each node by summing the associated links.
-  function computeNodeValues() {
-    nodes.forEach(function(node) {
-      node.value = Math.max(
-        d3.sum(node.sourceLinks, value),
-        d3.sum(node.targetLinks, value)
-      );
-    });
-  }
-
-  // Iteratively assign the breadth (x-position) for each node.
-  // Nodes are assigned the maximum breadth of incoming neighbors plus one;
-  // nodes with no incoming links are assigned breadth zero, while
-  // nodes with no outgoing links are assigned the maximum breadth.
-  function computeNodeBreadths() {
-    var remainingNodes = nodes,
-        nextNodes,
-        x = 0;
-
-    while (remainingNodes.length) {
-      nextNodes = [];
-      remainingNodes.forEach(function(node) {
-        node.x = x;
-        node.dx = nodeWidth;
-        node.sourceLinks.forEach(function(link) {
-          if (nextNodes.indexOf(link.target) < 0) {
-            nextNodes.push(link.target);
-          }
-        });
-      });
-      remainingNodes = nextNodes;
-      ++x;
-    }
-
-    //
-    moveSinksRight(x);
-    scaleNodeBreadths((size[0] - nodeWidth) / (x - 1));
-  }
-
-  function moveSourcesRight() {
-    nodes.forEach(function(node) {
-      if (!node.targetLinks.length) {
-        node.x = d3.min(node.sourceLinks, function(d) { return d.target.x; }) - 1;
-      }
-    });
-  }
-
-  function moveSinksRight(x) {
-    nodes.forEach(function(node) {
-      if (!node.sourceLinks.length) {
-        node.x = x - 1;
-      }
-    });
-  }
-
-  function scaleNodeBreadths(kx) {
-    nodes.forEach(function(node) {
-      node.x *= kx;
-    });
-  }
-
-  function computeNodeDepths(iterations) {
-    var nodesByBreadth = d3.nest()
-        .key(function(d) { return d.x; })
-        .sortKeys(d3.ascending)
-        .entries(nodes)
-        .map(function(d) { return d.values; });
-
-    //
-    initializeNodeDepth();
-    resolveCollisions();
-    for (var alpha = 1; iterations > 0; --iterations) {
-      relaxRightToLeft(alpha *= .99);
-      resolveCollisions();
-      relaxLeftToRight(alpha);
-      resolveCollisions();
-    }
-
-    function initializeNodeDepth() {
-      var ky = d3.min(nodesByBreadth, function(nodes) {
-        return (size[1] - (nodes.length - 1) * nodePadding) / d3.sum(nodes, value);
-      });
-
-      nodesByBreadth.forEach(function(nodes) {
-        nodes.forEach(function(node, i) {
-          node.y = i;
-          node.dy = node.value * ky;
-        });
-      });
-
-      links.forEach(function(link) {
-        link.dy = link.value * ky;
-      });
-    }
-
-    function relaxLeftToRight(alpha) {
-      nodesByBreadth.forEach(function(nodes, breadth) {
-        nodes.forEach(function(node) {
-          if (node.targetLinks.length) {
-            var y = d3.sum(node.targetLinks, weightedSource) / d3.sum(node.targetLinks, value);
-            node.y += (y - center(node)) * alpha;
-          }
-        });
-      });
-
-      function weightedSource(link) {
-        return center(link.source) * link.value;
-      }
-    }
-
-    function relaxRightToLeft(alpha) {
-      nodesByBreadth.slice().reverse().forEach(function(nodes) {
-        nodes.forEach(function(node) {
-          if (node.sourceLinks.length) {
-            var y = d3.sum(node.sourceLinks, weightedTarget) / d3.sum(node.sourceLinks, value);
-            node.y += (y - center(node)) * alpha;
-          }
-        });
-      });
-
-      function weightedTarget(link) {
-        return center(link.target) * link.value;
-      }
-    }
-
-    function resolveCollisions() {
-      nodesByBreadth.forEach(function(nodes) {
-        var node,
-            dy,
-            y0 = 0,
-            n = nodes.length,
-            i;
-
-        // Push any overlapping nodes down.
-        nodes.sort(ascendingDepth);
-        for (i = 0; i < n; ++i) {
-          node = nodes[i];
-          dy = y0 - node.y;
-          if (dy > 0) node.y += dy;
-          y0 = node.y + node.dy + nodePadding;
-        }
-
-        // If the bottommost node goes outside the bounds, push it back up.
-        dy = y0 - nodePadding - size[1];
-        if (dy > 0) {
-          y0 = node.y -= dy;
-
-          // Push any overlapping nodes back up.
-          for (i = n - 2; i >= 0; --i) {
-            node = nodes[i];
-            dy = node.y + node.dy + nodePadding - y0;
-            if (dy > 0) node.y -= dy;
-            y0 = node.y;
-          }
-        }
-      });
-    }
-
-    function ascendingDepth(a, b) {
-      return a.y - b.y;
-    }
-  }
-
-  function computeLinkDepths() {
-    nodes.forEach(function(node) {
-      node.sourceLinks.sort(ascendingTargetDepth);
-      node.targetLinks.sort(ascendingSourceDepth);
-    });
-    nodes.forEach(function(node) {
-      var sy = 0, ty = 0;
-      node.sourceLinks.forEach(function(link) {
-        link.sy = sy;
-        sy += link.dy;
-      });
-      node.targetLinks.forEach(function(link) {
-        link.ty = ty;
-        ty += link.dy;
-      });
-    });
-
-    function ascendingSourceDepth(a, b) {
-      return a.source.y - b.source.y;
-    }
-
-    function ascendingTargetDepth(a, b) {
-      return a.target.y - b.target.y;
-    }
-  }
-
-  function center(node) {
-    return node.y + node.dy / 2;
-  }
-
-  function value(link) {
-    return link.value;
-  }
-
-  return sankey;
-};

panoramix/static/lib/d3.layout.cloud.js

@@ -1,387 +0,0 @@
-// Word cloud layout by Jason Davies, http://www.jasondavies.com/word-cloud/
-// Algorithm due to Jonathan Feinberg, http://static.mrfeinberg.com/bv_ch03.pdf
-(function() {
-
-if (typeof define === "function" && define.amd) define(["d3"], cloud);
-else cloud(this.d3);
-
-function cloud(d3) {
-  d3.layout.cloud = function cloud() {
-    var size = [256, 256],
-        text = cloudText,
-        font = cloudFont,
-        fontSize = cloudFontSize,
-        fontStyle = cloudFontNormal,
-        fontWeight = cloudFontNormal,
-        rotate = cloudRotate,
-        padding = cloudPadding,
-        spiral = archimedeanSpiral,
-        words = [],
-        timeInterval = Infinity,
-        event = d3.dispatch("word", "end"),
-        timer = null,
-        random = Math.random,
-        cloud = {};
-
-    cloud.start = function() {
-      var board = zeroArray((size[0] >> 5) * size[1]),
-          bounds = null,
-          n = words.length,
-          i = -1,
-          tags = [],
-          data = words.map(function(d, i) {
-            d.text = text.call(this, d, i);
-            d.font = font.call(this, d, i);
-            d.style = fontStyle.call(this, d, i);
-            d.weight = fontWeight.call(this, d, i);
-            d.rotate = rotate.call(this, d, i);
-            d.size = ~~fontSize.call(this, d, i);
-            d.padding = padding.call(this, d, i);
-            return d;
-          }).sort(function(a, b) { return b.size - a.size; });
-
-      if (timer) clearInterval(timer);
-      timer = setInterval(step, 0);
-      step();
-
-      return cloud;
-
-      function step() {
-        var start = Date.now();
-        while (Date.now() - start < timeInterval && ++i < n && timer) {
-          var d = data[i];
-          d.x = (size[0] * (random() + .5)) >> 1;
-          d.y = (size[1] * (random() + .5)) >> 1;
-          cloudSprite(d, data, i);
-          if (d.hasText && place(board, d, bounds)) {
-            tags.push(d);
-            event.word(d);
-            if (bounds) cloudBounds(bounds, d);
-            else bounds = [{x: d.x + d.x0, y: d.y + d.y0}, {x: d.x + d.x1, y: d.y + d.y1}];
-            // Temporary hack
-            d.x -= size[0] >> 1;
-            d.y -= size[1] >> 1;
-          }
-        }
-        if (i >= n) {
-          cloud.stop();
-          event.end(tags, bounds);
-        }
-      }
-    }
-
-    cloud.stop = function() {
-      if (timer) {
-        clearInterval(timer);
-        timer = null;
-      }
-      return cloud;
-    };
-
-    function place(board, tag, bounds) {
-      var perimeter = [{x: 0, y: 0}, {x: size[0], y: size[1]}],
-          startX = tag.x,
-          startY = tag.y,
-          maxDelta = Math.sqrt(size[0] * size[0] + size[1] * size[1]),
-          s = spiral(size),
-          dt = random() < .5 ? 1 : -1,
-          t = -dt,
-          dxdy,
-          dx,
-          dy;
-
-      while (dxdy = s(t += dt)) {
-        dx = ~~dxdy[0];
-        dy = ~~dxdy[1];
-
-        if (Math.min(Math.abs(dx), Math.abs(dy)) >= maxDelta) break;
-
-        tag.x = startX + dx;
-        tag.y = startY + dy;
-
-        if (tag.x + tag.x0 < 0 || tag.y + tag.y0 < 0 ||
-            tag.x + tag.x1 > size[0] || tag.y + tag.y1 > size[1]) continue;
-        // TODO only check for collisions within current bounds.
-        if (!bounds || !cloudCollide(tag, board, size[0])) {
-          if (!bounds || collideRects(tag, bounds)) {
-            var sprite = tag.sprite,
-                w = tag.width >> 5,
-                sw = size[0] >> 5,
-                lx = tag.x - (w << 4),
-                sx = lx & 0x7f,
-                msx = 32 - sx,
-                h = tag.y1 - tag.y0,
-                x = (tag.y + tag.y0) * sw + (lx >> 5),
-                last;
-            for (var j = 0; j < h; j++) {
-              last = 0;
-              for (var i = 0; i <= w; i++) {
-                board[x + i] |= (last << msx) | (i < w ? (last = sprite[j * w + i]) >>> sx : 0);
-              }
-              x += sw;
-            }
-            delete tag.sprite;
-            return true;
-          }
-        }
-      }
-      return false;
-    }
-
-    cloud.timeInterval = function(_) {
-      return arguments.length ? (timeInterval = _ == null ? Infinity : _, cloud) : timeInterval;
-    };
-
-    cloud.words = function(_) {
-      return arguments.length ? (words = _, cloud) : words;
-    };
-
-    cloud.size = function(_) {
-      return arguments.length ? (size = [+_[0], +_[1]], cloud) : size;
-    };
-
-    cloud.font = function(_) {
-      return arguments.length ? (font = d3.functor(_), cloud) : font;
-    };
-
-    cloud.fontStyle = function(_) {
-      return arguments.length ? (fontStyle = d3.functor(_), cloud) : fontStyle;
-    };
-
-    cloud.fontWeight = function(_) {
-      return arguments.length ? (fontWeight = d3.functor(_), cloud) : fontWeight;
-    };
-
-    cloud.rotate = function(_) {
-      return arguments.length ? (rotate = d3.functor(_), cloud) : rotate;
-    };
-
-    cloud.text = function(_) {
-      return arguments.length ? (text = d3.functor(_), cloud) : text;
-    };
-
-    cloud.spiral = function(_) {
-      return arguments.length ? (spiral = spirals[_] || _, cloud) : spiral;
-    };
-
-    cloud.fontSize = function(_) {
-      return arguments.length ? (fontSize = d3.functor(_), cloud) : fontSize;
-    };
-
-    cloud.padding = function(_) {
-      return arguments.length ? (padding = d3.functor(_), cloud) : padding;
-    };
-
-    cloud.random = function(_) {
-      return arguments.length ? (random = _, cloud) : random;
-    };
-
-    return d3.rebind(cloud, event, "on");
-  };
-
-  function cloudText(d) {
-    return d.text;
-  }
-
-  function cloudFont() {
-    return "serif";
-  }
-
-  function cloudFontNormal() {
-    return "normal";
-  }
-
-  function cloudFontSize(d) {
-    return Math.sqrt(d.value);
-  }
-
-  function cloudRotate() {
-    return (~~(Math.random() * 6) - 3) * 30;
-  }
-
-  function cloudPadding() {
-    return 1;
-  }
-
-  // Fetches a monochrome sprite bitmap for the specified text.
-  // Load in batches for speed.
-  function cloudSprite(d, data, di) {
-    if (d.sprite) return;
-    c.clearRect(0, 0, (cw << 5) / ratio, ch / ratio);
-    var x = 0,
-        y = 0,
-        maxh = 0,
-        n = data.length;
-    --di;
-    while (++di < n) {
-      d = data[di];
-      c.save();
-      c.font = d.style + " " + d.weight + " " + ~~((d.size + 1) / ratio) + "px " + d.font;
-      var w = c.measureText(d.text + "m").width * ratio,
-          h = d.size << 1;
-      if (d.rotate) {
-        var sr = Math.sin(d.rotate * cloudRadians),
-            cr = Math.cos(d.rotate * cloudRadians),
-            wcr = w * cr,
-            wsr = w * sr,
-            hcr = h * cr,
-            hsr = h * sr;
-        w = (Math.max(Math.abs(wcr + hsr), Math.abs(wcr - hsr)) + 0x1f) >> 5 << 5;
-        h = ~~Math.max(Math.abs(wsr + hcr), Math.abs(wsr - hcr));
-      } else {
-        w = (w + 0x1f) >> 5 << 5;
-      }
-      if (h > maxh) maxh = h;
-      if (x + w >= (cw << 5)) {
-        x = 0;
-        y += maxh;
-        maxh = 0;
-      }
-      if (y + h >= ch) break;
-      c.translate((x + (w >> 1)) / ratio, (y + (h >> 1)) / ratio);
-      if (d.rotate) c.rotate(d.rotate * cloudRadians);
-      c.fillText(d.text, 0, 0);
-      if (d.padding) c.lineWidth = 2 * d.padding, c.strokeText(d.text, 0, 0);
-      c.restore();
-      d.width = w;
-      d.height = h;
-      d.xoff = x;
-      d.yoff = y;
-      d.x1 = w >> 1;
-      d.y1 = h >> 1;
-      d.x0 = -d.x1;
-      d.y0 = -d.y1;
-      d.hasText = true;
-      x += w;
-    }
-    var pixels = c.getImageData(0, 0, (cw << 5) / ratio, ch / ratio).data,
-        sprite = [];
-    while (--di >= 0) {
-      d = data[di];
-      if (!d.hasText) continue;
-      var w = d.width,
-          w32 = w >> 5,
-          h = d.y1 - d.y0;
-      // Zero the buffer
-      for (var i = 0; i < h * w32; i++) sprite[i] = 0;
-      x = d.xoff;
-      if (x == null) return;
-      y = d.yoff;
-      var seen = 0,
-          seenRow = -1;
-      for (var j = 0; j < h; j++) {
-        for (var i = 0; i < w; i++) {
-          var k = w32 * j + (i >> 5),
-              m = pixels[((y + j) * (cw << 5) + (x + i)) << 2] ? 1 << (31 - (i % 32)) : 0;
-          sprite[k] |= m;
-          seen |= m;
-        }
-        if (seen) seenRow = j;
-        else {
-          d.y0++;
-          h--;
-          j--;
-          y++;
-        }
-      }
-      d.y1 = d.y0 + seenRow;
-      d.sprite = sprite.slice(0, (d.y1 - d.y0) * w32);
-    }
-  }
-
-  // Use mask-based collision detection.
-  function cloudCollide(tag, board, sw) {
-    sw >>= 5;
-    var sprite = tag.sprite,
-        w = tag.width >> 5,
-        lx = tag.x - (w << 4),
-        sx = lx & 0x7f,
-        msx = 32 - sx,
-        h = tag.y1 - tag.y0,
-        x = (tag.y + tag.y0) * sw + (lx >> 5),
-        last;
-    for (var j = 0; j < h; j++) {
-      last = 0;
-      for (var i = 0; i <= w; i++) {
-        if (((last << msx) | (i < w ? (last = sprite[j * w + i]) >>> sx : 0))
-            & board[x + i]) return true;
-      }
-      x += sw;
-    }
-    return false;
-  }
-
-  function cloudBounds(bounds, d) {
-    var b0 = bounds[0],
-        b1 = bounds[1];
-    if (d.x + d.x0 < b0.x) b0.x = d.x + d.x0;
-    if (d.y + d.y0 < b0.y) b0.y = d.y + d.y0;
-    if (d.x + d.x1 > b1.x) b1.x = d.x + d.x1;
-    if (d.y + d.y1 > b1.y) b1.y = d.y + d.y1;
-  }
-
-  function collideRects(a, b) {
-    return a.x + a.x1 > b[0].x && a.x + a.x0 < b[1].x && a.y + a.y1 > b[0].y && a.y + a.y0 < b[1].y;
-  }
-
-  function archimedeanSpiral(size) {
-    var e = size[0] / size[1];
-    return function(t) {
-      return [e * (t *= .1) * Math.cos(t), t * Math.sin(t)];
-    };
-  }
-
-  function rectangularSpiral(size) {
-    var dy = 4,
-        dx = dy * size[0] / size[1],
-        x = 0,
-        y = 0;
-    return function(t) {
-      var sign = t < 0 ? -1 : 1;
-      // See triangular numbers: T_n = n * (n + 1) / 2.
-      switch ((Math.sqrt(1 + 4 * sign * t) - sign) & 3) {
-        case 0:  x += dx; break;
-        case 1:  y += dy; break;
-        case 2:  x -= dx; break;
-        default: y -= dy; break;
-      }
-      return [x, y];
-    };
-  }
-
-  // TODO reuse arrays?
-  function zeroArray(n) {
-    var a = [],
-        i = -1;
-    while (++i < n) a[i] = 0;
-    return a;
-  }
-
-  var cloudRadians = Math.PI / 180,
-      cw = 1 << 11 >> 5,
-      ch = 1 << 11,
-      canvas,
-      ratio = 1;
-
-  if (typeof document !== "undefined") {
-    canvas = document.createElement("canvas");
-    canvas.width = 1;
-    canvas.height = 1;
-    ratio = Math.sqrt(canvas.getContext("2d").getImageData(0, 0, 1, 1).data.length >> 2);
-    canvas.width = (cw << 5) / ratio;
-    canvas.height = ch / ratio;
-  } else {
-    // Attempt to use node-canvas.
-    canvas = new Canvas(cw << 5, ch);
-  }
-
-  var c = canvas.getContext("2d"),
-      spirals = {
-        archimedean: archimedeanSpiral,
-        rectangular: rectangularSpiral
-      };
-  c.fillStyle = c.strokeStyle = "red";
-  c.textAlign = "center";
-}
-
-})();

panoramix/static/lib/d3.tip.js

@@ -1,324 +0,0 @@
-// d3.tip
-// Copyright (c) 2013 Justin Palmer
-//
-// Tooltips for d3.js SVG visualizations
-
-(function (root, factory) {
-  if (typeof define === 'function' && define.amd) {
-    // AMD. Register as an anonymous module with d3 as a dependency.
-    define(['d3'], factory)
-  } else if (typeof module === 'object' && module.exports) {
-    // CommonJS
-    module.exports = function(d3) {
-      d3.tip = factory(d3)
-      return d3.tip
-    }
-  } else {
-    // Browser global.
-    root.d3.tip = factory(root.d3)
-  }
-}(this, function (d3) {
-
-  // Public - contructs a new tooltip
-  //
-  // Returns a tip
-  return function() {
-    var direction = d3_tip_direction,
-        offset    = d3_tip_offset,
-        html      = d3_tip_html,
-        node      = initNode(),
-        svg       = null,
-        point     = null,
-        target    = null
-
-    function tip(vis) {
-      svg = getSVGNode(vis)
-      point = svg.createSVGPoint()
-      document.body.appendChild(node)
-    }
-
-    // Public - show the tooltip on the screen
-    //
-    // Returns a tip
-    tip.show = function() {
-      var args = Array.prototype.slice.call(arguments)
-      if(args[args.length - 1] instanceof SVGElement) target = args.pop()
-
-      var content = html.apply(this, args),
-          poffset = offset.apply(this, args),
-          dir     = direction.apply(this, args),
-          nodel   = getNodeEl(),
-          i       = directions.length,
-          coords,
-          scrollTop  = document.documentElement.scrollTop || document.body.scrollTop,
-          scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft
-
-      nodel.html(content)
-        .style({ opacity: 1, 'pointer-events': 'all' })
-
-      while(i--) nodel.classed(directions[i], false)
-      coords = direction_callbacks.get(dir).apply(this)
-      nodel.classed(dir, true).style({
-        top: (coords.top +  poffset[0]) + scrollTop + 'px',
-        left: (coords.left + poffset[1]) + scrollLeft + 'px'
-      })
-
-      return tip
-    }
-
-    // Public - hide the tooltip
-    //
-    // Returns a tip
-    tip.hide = function() {
-      var nodel = getNodeEl()
-      nodel.style({ opacity: 0, 'pointer-events': 'none' })
-      return tip
-    }
-
-    // Public: Proxy attr calls to the d3 tip container.  Sets or gets attribute value.
-    //
-    // n - name of the attribute
-    // v - value of the attribute
-    //
-    // Returns tip or attribute value
-    tip.attr = function(n, v) {
-      if (arguments.length < 2 && typeof n === 'string') {
-        return getNodeEl().attr(n)
-      } else {
-        var args =  Array.prototype.slice.call(arguments)
-        d3.selection.prototype.attr.apply(getNodeEl(), args)
-      }
-
-      return tip
-    }
-
-    // Public: Proxy style calls to the d3 tip container.  Sets or gets a style value.
-    //
-    // n - name of the property
-    // v - value of the property
-    //
-    // Returns tip or style property value
-    tip.style = function(n, v) {
-      if (arguments.length < 2 && typeof n === 'string') {
-        return getNodeEl().style(n)
-      } else {
-        var args =  Array.prototype.slice.call(arguments)
-        d3.selection.prototype.style.apply(getNodeEl(), args)
-      }
-
-      return tip
-    }
-
-    // Public: Set or get the direction of the tooltip
-    //
-    // v - One of n(north), s(south), e(east), or w(west), nw(northwest),
-    //     sw(southwest), ne(northeast) or se(southeast)
-    //
-    // Returns tip or direction
-    tip.direction = function(v) {
-      if (!arguments.length) return direction
-      direction = v == null ? v : d3.functor(v)
-
-      return tip
-    }
-
-    // Public: Sets or gets the offset of the tip
-    //
-    // v - Array of [x, y] offset
-    //
-    // Returns offset or
-    tip.offset = function(v) {
-      if (!arguments.length) return offset
-      offset = v == null ? v : d3.functor(v)
-
-      return tip
-    }
-
-    // Public: sets or gets the html value of the tooltip
-    //
-    // v - String value of the tip
-    //
-    // Returns html value or tip
-    tip.html = function(v) {
-      if (!arguments.length) return html
-      html = v == null ? v : d3.functor(v)
-
-      return tip
-    }
-
-    // Public: destroys the tooltip and removes it from the DOM
-    //
-    // Returns a tip
-    tip.destroy = function() {
-      if(node) {
-        getNodeEl().remove();
-        node = null;
-      }
-      return tip;
-    }
-
-    function d3_tip_direction() { return 'n' }
-    function d3_tip_offset() { return [0, 0] }
-    function d3_tip_html() { return ' ' }
-
-    var direction_callbacks = d3.map({
-      n:  direction_n,
-      s:  direction_s,
-      e:  direction_e,
-      w:  direction_w,
-      nw: direction_nw,
-      ne: direction_ne,
-      sw: direction_sw,
-      se: direction_se
-    }),
-
-    directions = direction_callbacks.keys()
-
-    function direction_n() {
-      var bbox = getScreenBBox()
-      return {
-        top:  bbox.n.y - node.offsetHeight,
-        left: bbox.n.x - node.offsetWidth / 2
-      }
-    }
-
-    function direction_s() {
-      var bbox = getScreenBBox()
-      return {
-        top:  bbox.s.y,
-        left: bbox.s.x - node.offsetWidth / 2
-      }
-    }
-
-    function direction_e() {
-      var bbox = getScreenBBox()
-      return {
-        top:  bbox.e.y - node.offsetHeight / 2,
-        left: bbox.e.x
-      }
-    }
-
-    function direction_w() {
-      var bbox = getScreenBBox()
-      return {
-        top:  bbox.w.y - node.offsetHeight / 2,
-        left: bbox.w.x - node.offsetWidth
-      }
-    }
-
-    function direction_nw() {
-      var bbox = getScreenBBox()
-      return {
-        top:  bbox.nw.y - node.offsetHeight,
-        left: bbox.nw.x - node.offsetWidth
-      }
-    }
-
-    function direction_ne() {
-      var bbox = getScreenBBox()
-      return {
-        top:  bbox.ne.y - node.offsetHeight,
-        left: bbox.ne.x
-      }
-    }
-
-    function direction_sw() {
-      var bbox = getScreenBBox()
-      return {
-        top:  bbox.sw.y,
-        left: bbox.sw.x - node.offsetWidth
-      }
-    }
-
-    function direction_se() {
-      var bbox = getScreenBBox()
-      return {
-        top:  bbox.se.y,
-        left: bbox.e.x
-      }
-    }
-
-    function initNode() {
-      var node = d3.select(document.createElement('div'))
-      node.style({
-        position: 'absolute',
-        top: 0,
-        opacity: 0,
-        'pointer-events': 'none',
-        'box-sizing': 'border-box'
-      })
-
-      return node.node()
-    }
-
-    function getSVGNode(el) {
-      el = el.node()
-      if(el.tagName.toLowerCase() === 'svg')
-        return el
-
-      return el.ownerSVGElement
-    }
-
-    function getNodeEl() {
-      if(node === null) {
-        node = initNode();
-        // re-add node to DOM
-        document.body.appendChild(node);
-      };
-      return d3.select(node);
-    }
-
-    // Private - gets the screen coordinates of a shape
-    //
-    // Given a shape on the screen, will return an SVGPoint for the directions
-    // n(north), s(south), e(east), w(west), ne(northeast), se(southeast), nw(northwest),
-    // sw(southwest).
-    //
-    //    +-+-+
-    //    |   |
-    //    +   +
-    //    |   |
-    //    +-+-+
-    //
-    // Returns an Object {n, s, e, w, nw, sw, ne, se}
-    function getScreenBBox() {
-      var targetel   = target || d3.event.target;
-
-      while ('undefined' === typeof targetel.getScreenCTM && 'undefined' === targetel.parentNode) {
-          targetel = targetel.parentNode;
-      }
-
-      var bbox       = {},
-          matrix     = targetel.getScreenCTM(),
-          tbbox      = targetel.getBBox(),
-          width      = tbbox.width,
-          height     = tbbox.height,
-          x          = tbbox.x,
-          y          = tbbox.y
-
-      point.x = x
-      point.y = y
-      bbox.nw = point.matrixTransform(matrix)
-      point.x += width
-      bbox.ne = point.matrixTransform(matrix)
-      point.y += height
-      bbox.se = point.matrixTransform(matrix)
-      point.x -= width
-      bbox.sw = point.matrixTransform(matrix)
-      point.y -= height / 2
-      bbox.w  = point.matrixTransform(matrix)
-      point.x += width
-      bbox.e = point.matrixTransform(matrix)
-      point.x -= width / 2
-      point.y -= height / 2
-      bbox.n = point.matrixTransform(matrix)
-      point.y += height
-      bbox.s = point.matrixTransform(matrix)
-
-      return bbox
-    }
-
-    return tip
-  };
-
-}));

panoramix/static/lib/jquery-ui/index.html

@@ -1,513 +0,0 @@
-<!doctype html>
-<html lang="us">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Example Page</title>
-	<link href="jquery-ui.css" rel="stylesheet">
-	<style>
-	body{
-		font: 62.5% "Trebuchet MS", sans-serif;
-		margin: 50px;
-	}
-	.demoHeaders {
-		margin-top: 2em;
-	}
-	#dialog-link {
-		padding: .4em 1em .4em 20px;
-		text-decoration: none;
-		position: relative;
-	}
-	#dialog-link span.ui-icon {
-		margin: 0 5px 0 0;
-		position: absolute;
-		left: .2em;
-		top: 50%;
-		margin-top: -8px;
-	}
-	#icons {
-		margin: 0;
-		padding: 0;
-	}
-	#icons li {
-		margin: 2px;
-		position: relative;
-		padding: 4px 0;
-		cursor: pointer;
-		float: left;
-		list-style: none;
-	}
-	#icons span.ui-icon {
-		float: left;
-		margin: 0 4px;
-	}
-	.fakewindowcontain .ui-widget-overlay {
-		position: absolute;
-	}
-	select {
-		width: 200px;
-	}
-	</style>
-</head>
-<body>
-
-<h1>Welcome to jQuery UI!</h1>
-
-<div class="ui-widget">
-	<p>This page demonstrates the widgets and theme you selected in Download Builder. Please make sure you are using them with a compatible jQuery version.</p>
-</div>
-
-<h1>YOUR COMPONENTS:</h1>
-
-
-<!-- Accordion -->
-<h2 class="demoHeaders">Accordion</h2>
-<div id="accordion">
-	<h3>First</h3>
-	<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
-	<h3>Second</h3>
-	<div>Phasellus mattis tincidunt nibh.</div>
-	<h3>Third</h3>
-	<div>Nam dui erat, auctor a, dignissim quis.</div>
-</div>
-
-
-
-<!-- Autocomplete -->
-<h2 class="demoHeaders">Autocomplete</h2>
-<div>
-	<input id="autocomplete" title="type &quot;a&quot;">
-</div>
-
-
-
-<!-- Button -->
-<h2 class="demoHeaders">Button</h2>
-<button id="button">A button element</button>
-<form style="margin-top: 1em;">
-	<div id="radioset">
-		<input type="radio" id="radio1" name="radio"><label for="radio1">Choice 1</label>
-		<input type="radio" id="radio2" name="radio" checked="checked"><label for="radio2">Choice 2</label>
-		<input type="radio" id="radio3" name="radio"><label for="radio3">Choice 3</label>
-	</div>
-</form>
-
-
-
-<!-- Tabs -->
-<h2 class="demoHeaders">Tabs</h2>
-<div id="tabs">
-	<ul>
-		<li><a href="#tabs-1">First</a></li>
-		<li><a href="#tabs-2">Second</a></li>
-		<li><a href="#tabs-3">Third</a></li>
-	</ul>
-	<div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
-	<div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
-	<div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
-</div>
-
-
-
-<!-- Dialog NOTE: Dialog is not generated by UI in this demo so it can be visually styled in themeroller-->
-<h2 class="demoHeaders">Dialog</h2>
-<p><a href="#" id="dialog-link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>
-
-<h2 class="demoHeaders">Overlay and Shadow Classes <em>(not currently used in UI widgets)</em></h2>
-<div style="position: relative; width: 96%; height: 200px; padding:1% 2%; overflow:hidden;" class="fakewindowcontain">
-	<p>Lorem ipsum dolor sit amet,  Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. </p><p>Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. </p><p>Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. </p><p>Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. </p>
-
-	<!-- ui-dialog -->
-	<div class="ui-overlay"><div class="ui-widget-overlay"></div><div class="ui-widget-shadow ui-corner-all" style="width: 302px; height: 152px; position: absolute; left: 50px; top: 30px;"></div></div>
-	<div style="position: absolute; width: 280px; height: 130px;left: 50px; top: 30px; padding: 10px;" class="ui-widget ui-widget-content ui-corner-all">
-		<div class="ui-dialog-content ui-widget-content" style="background: none; border: 0;">
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-		</div>
-	</div>
-
-</div>
-
-<!-- ui-dialog -->
-<div id="dialog" title="Dialog Title">
-	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-</div>
-
-
-
-<h2 class="demoHeaders">Framework Icons (content color preview)</h2>
-<ul id="icons" class="ui-widget ui-helper-clearfix">
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-n"><span class="ui-icon ui-icon-carat-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-ne"><span class="ui-icon ui-icon-carat-1-ne"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-e"><span class="ui-icon ui-icon-carat-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-se"><span class="ui-icon ui-icon-carat-1-se"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-s"><span class="ui-icon ui-icon-carat-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-sw"><span class="ui-icon ui-icon-carat-1-sw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-w"><span class="ui-icon ui-icon-carat-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-nw"><span class="ui-icon ui-icon-carat-1-nw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-2-n-s"><span class="ui-icon ui-icon-carat-2-n-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-2-e-w"><span class="ui-icon ui-icon-carat-2-e-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-n"><span class="ui-icon ui-icon-triangle-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-ne"><span class="ui-icon ui-icon-triangle-1-ne"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-e"><span class="ui-icon ui-icon-triangle-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-se"><span class="ui-icon ui-icon-triangle-1-se"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-s"><span class="ui-icon ui-icon-triangle-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-sw"><span class="ui-icon ui-icon-triangle-1-sw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-w"><span class="ui-icon ui-icon-triangle-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-nw"><span class="ui-icon ui-icon-triangle-1-nw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-n-s"><span class="ui-icon ui-icon-triangle-2-n-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-e-w"><span class="ui-icon ui-icon-triangle-2-e-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-n"><span class="ui-icon ui-icon-arrow-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-ne"><span class="ui-icon ui-icon-arrow-1-ne"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-e"><span class="ui-icon ui-icon-arrow-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-se"><span class="ui-icon ui-icon-arrow-1-se"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-s"><span class="ui-icon ui-icon-arrow-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-sw"><span class="ui-icon ui-icon-arrow-1-sw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-w"><span class="ui-icon ui-icon-arrow-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-nw"><span class="ui-icon ui-icon-arrow-1-nw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-n-s"><span class="ui-icon ui-icon-arrow-2-n-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-ne-sw"><span class="ui-icon ui-icon-arrow-2-ne-sw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-e-w"><span class="ui-icon ui-icon-arrow-2-e-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-se-nw"><span class="ui-icon ui-icon-arrow-2-se-nw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-n"><span class="ui-icon ui-icon-arrowstop-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-e"><span class="ui-icon ui-icon-arrowstop-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-s"><span class="ui-icon ui-icon-arrowstop-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-w"><span class="ui-icon ui-icon-arrowstop-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-n"><span class="ui-icon ui-icon-arrowthick-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-ne"><span class="ui-icon ui-icon-arrowthick-1-ne"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-e"><span class="ui-icon ui-icon-arrowthick-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-se"><span class="ui-icon ui-icon-arrowthick-1-se"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-s"><span class="ui-icon ui-icon-arrowthick-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-sw"><span class="ui-icon ui-icon-arrowthick-1-sw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-w"><span class="ui-icon ui-icon-arrowthick-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-nw"><span class="ui-icon ui-icon-arrowthick-1-nw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-n-s"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-ne-sw"><span class="ui-icon ui-icon-arrowthick-2-ne-sw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-e-w"><span class="ui-icon ui-icon-arrowthick-2-e-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-se-nw"><span class="ui-icon ui-icon-arrowthick-2-se-nw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-n"><span class="ui-icon ui-icon-arrowthickstop-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-e"><span class="ui-icon ui-icon-arrowthickstop-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-s"><span class="ui-icon ui-icon-arrowthickstop-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-w"><span class="ui-icon ui-icon-arrowthickstop-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-w"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-n"><span class="ui-icon ui-icon-arrowreturnthick-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-e"><span class="ui-icon ui-icon-arrowreturnthick-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-s"><span class="ui-icon ui-icon-arrowreturnthick-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-w"><span class="ui-icon ui-icon-arrowreturn-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-n"><span class="ui-icon ui-icon-arrowreturn-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-e"><span class="ui-icon ui-icon-arrowreturn-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-s"><span class="ui-icon ui-icon-arrowreturn-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-w"><span class="ui-icon ui-icon-arrowrefresh-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-n"><span class="ui-icon ui-icon-arrowrefresh-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-e"><span class="ui-icon ui-icon-arrowrefresh-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-s"><span class="ui-icon ui-icon-arrowrefresh-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4"><span class="ui-icon ui-icon-arrow-4"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4-diag"><span class="ui-icon ui-icon-arrow-4-diag"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-extlink"><span class="ui-icon ui-icon-extlink"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-newwin"><span class="ui-icon ui-icon-newwin"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-refresh"><span class="ui-icon ui-icon-refresh"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-shuffle"><span class="ui-icon ui-icon-shuffle"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-transfer-e-w"><span class="ui-icon ui-icon-transfer-e-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-transferthick-e-w"><span class="ui-icon ui-icon-transferthick-e-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-folder-collapsed"><span class="ui-icon ui-icon-folder-collapsed"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-folder-open"><span class="ui-icon ui-icon-folder-open"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-document"><span class="ui-icon ui-icon-document"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-document-b"><span class="ui-icon ui-icon-document-b"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-note"><span class="ui-icon ui-icon-note"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-mail-open"><span class="ui-icon ui-icon-mail-open"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-suitcase"><span class="ui-icon ui-icon-suitcase"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-comment"><span class="ui-icon ui-icon-comment"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-person"><span class="ui-icon ui-icon-person"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-print"><span class="ui-icon ui-icon-print"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-trash"><span class="ui-icon ui-icon-trash"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-locked"><span class="ui-icon ui-icon-locked"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-unlocked"><span class="ui-icon ui-icon-unlocked"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-bookmark"><span class="ui-icon ui-icon-bookmark"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-tag"><span class="ui-icon ui-icon-tag"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-home"><span class="ui-icon ui-icon-home"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-flag"><span class="ui-icon ui-icon-flag"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-calculator"><span class="ui-icon ui-icon-calculator"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-cart"><span class="ui-icon ui-icon-cart"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-pencil"><span class="ui-icon ui-icon-pencil"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-clock"><span class="ui-icon ui-icon-clock"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-disk"><span class="ui-icon ui-icon-disk"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-calendar"><span class="ui-icon ui-icon-calendar"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-zoomin"><span class="ui-icon ui-icon-zoomin"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-zoomout"><span class="ui-icon ui-icon-zoomout"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-search"><span class="ui-icon ui-icon-search"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-wrench"><span class="ui-icon ui-icon-wrench"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-gear"><span class="ui-icon ui-icon-gear"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-heart"><span class="ui-icon ui-icon-heart"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-star"><span class="ui-icon ui-icon-star"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-link"><span class="ui-icon ui-icon-link"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-cancel"><span class="ui-icon ui-icon-cancel"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-plus"><span class="ui-icon ui-icon-plus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-minus"><span class="ui-icon ui-icon-minus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-minusthick"><span class="ui-icon ui-icon-minusthick"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-close"><span class="ui-icon ui-icon-close"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-closethick"><span class="ui-icon ui-icon-closethick"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-key"><span class="ui-icon ui-icon-key"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-lightbulb"><span class="ui-icon ui-icon-lightbulb"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-scissors"><span class="ui-icon ui-icon-scissors"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-clipboard"><span class="ui-icon ui-icon-clipboard"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-copy"><span class="ui-icon ui-icon-copy"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-contact"><span class="ui-icon ui-icon-contact"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-image"><span class="ui-icon ui-icon-image"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-video"><span class="ui-icon ui-icon-video"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-script"><span class="ui-icon ui-icon-script"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-alert"><span class="ui-icon ui-icon-alert"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-info"><span class="ui-icon ui-icon-info"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-notice"><span class="ui-icon ui-icon-notice"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-help"><span class="ui-icon ui-icon-help"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-bullet"><span class="ui-icon ui-icon-bullet"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-radio-off"><span class="ui-icon ui-icon-radio-off"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-radio-on"><span class="ui-icon ui-icon-radio-on"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-pin-w"><span class="ui-icon ui-icon-pin-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-pin-s"><span class="ui-icon ui-icon-pin-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-play"><span class="ui-icon ui-icon-play"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-pause"><span class="ui-icon ui-icon-pause"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-next"><span class="ui-icon ui-icon-seek-next"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-prev"><span class="ui-icon ui-icon-seek-prev"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-end"><span class="ui-icon ui-icon-seek-end"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-first"><span class="ui-icon ui-icon-seek-first"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-stop"><span class="ui-icon ui-icon-stop"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-eject"><span class="ui-icon ui-icon-eject"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-volume-off"><span class="ui-icon ui-icon-volume-off"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-volume-on"><span class="ui-icon ui-icon-volume-on"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-power"><span class="ui-icon ui-icon-power"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-signal-diag"><span class="ui-icon ui-icon-signal-diag"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-signal"><span class="ui-icon ui-icon-signal"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-0"><span class="ui-icon ui-icon-battery-0"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-1"><span class="ui-icon ui-icon-battery-1"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-2"><span class="ui-icon ui-icon-battery-2"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-3"><span class="ui-icon ui-icon-battery-3"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-plus"><span class="ui-icon ui-icon-circle-plus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-minus"><span class="ui-icon ui-icon-circle-minus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"><span class="ui-icon ui-icon-circle-close"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-e"><span class="ui-icon ui-icon-circle-triangle-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-s"><span class="ui-icon ui-icon-circle-triangle-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-w"><span class="ui-icon ui-icon-circle-triangle-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-n"><span class="ui-icon ui-icon-circle-triangle-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-e"><span class="ui-icon ui-icon-circle-arrow-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-s"><span class="ui-icon ui-icon-circle-arrow-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-w"><span class="ui-icon ui-icon-circle-arrow-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-n"><span class="ui-icon ui-icon-circle-arrow-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomin"><span class="ui-icon ui-icon-circle-zoomin"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomout"><span class="ui-icon ui-icon-circle-zoomout"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-check"><span class="ui-icon ui-icon-circle-check"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-plus"><span class="ui-icon ui-icon-circlesmall-plus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-minus"><span class="ui-icon ui-icon-circlesmall-minus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-close"><span class="ui-icon ui-icon-circlesmall-close"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-plus"><span class="ui-icon ui-icon-squaresmall-plus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-minus"><span class="ui-icon ui-icon-squaresmall-minus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-close"><span class="ui-icon ui-icon-squaresmall-close"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-vertical"><span class="ui-icon ui-icon-grip-dotted-vertical"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-horizontal"><span class="ui-icon ui-icon-grip-dotted-horizontal"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-vertical"><span class="ui-icon ui-icon-grip-solid-vertical"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-horizontal"><span class="ui-icon ui-icon-grip-solid-horizontal"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-gripsmall-diagonal-se"><span class="ui-icon ui-icon-gripsmall-diagonal-se"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-diagonal-se"><span class="ui-icon ui-icon-grip-diagonal-se"></span></li>
-</ul>
-
-
-<!-- Slider -->
-<h2 class="demoHeaders">Slider</h2>
-<div id="slider"></div>
-
-
-
-<!-- Datepicker -->
-<h2 class="demoHeaders">Datepicker</h2>
-<div id="datepicker"></div>
-
-
-
-<!-- Progressbar -->
-<h2 class="demoHeaders">Progressbar</h2>
-<div id="progressbar"></div>
-
-
-
-<!-- Progressbar -->
-<h2 class="demoHeaders">Selectmenu</h2>
-<select id="selectmenu">
-	<option>Slower</option>
-	<option>Slow</option>
-	<option selected="selected">Medium</option>
-	<option>Fast</option>
-	<option>Faster</option>
-</select>
-
-
-
-<!-- Spinner -->
-<h2 class="demoHeaders">Spinner</h2>
-<input id="spinner">
-
-
-
-<!-- Menu -->
-<h2 class="demoHeaders">Menu</h2>
-<ul style="width:100px;" id="menu">
-	<li>Item 1</li>
-	<li>Item 2</li>
-	<li>Item 3
-		<ul>
-			<li>Item 3-1</li>
-			<li>Item 3-2</li>
-			<li>Item 3-3</li>
-			<li>Item 3-4</li>
-			<li>Item 3-5</li>
-		</ul>
-	</li>
-	<li>Item 4</li>
-	<li>Item 5</li>
-</ul>
-
-
-
-<!-- Tooltip -->
-<h2 class="demoHeaders">Tooltip</h2>
-<p id="tooltip">
-	<a href="#" title="That&apos;s what this widget is">Tooltips</a> can be attached to any element. When you hover
-the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.
-</p>
-
-
-<!-- Highlight / Error -->
-<h2 class="demoHeaders">Highlight / Error</h2>
-<div class="ui-widget">
-	<div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;">
-		<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
-		<strong>Hey!</strong> Sample ui-state-highlight style.</p>
-	</div>
-</div>
-<br>
-<div class="ui-widget">
-	<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
-		<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
-		<strong>Alert:</strong> Sample ui-state-error style.</p>
-	</div>
-</div>
-
-<script src="external/jquery/jquery.js"></script>
-<script src="jquery-ui.js"></script>
-<script>
-
-$( "#accordion" ).accordion();
-
-
-
-var availableTags = [
-	"ActionScript",
-	"AppleScript",
-	"Asp",
-	"BASIC",
-	"C",
-	"C++",
-	"Clojure",
-	"COBOL",
-	"ColdFusion",
-	"Erlang",
-	"Fortran",
-	"Groovy",
-	"Haskell",
-	"Java",
-	"JavaScript",
-	"Lisp",
-	"Perl",
-	"PHP",
-	"Python",
-	"Ruby",
-	"Scala",
-	"Scheme"
-];
-$( "#autocomplete" ).autocomplete({
-	source: availableTags
-});
-
-
-
-$( "#button" ).button();
-$( "#radioset" ).buttonset();
-
-
-
-$( "#tabs" ).tabs();
-
-
-
-$( "#dialog" ).dialog({
-	autoOpen: false,
-	width: 400,
-	buttons: [
-		{
-			text: "Ok",
-			click: function() {
-				$( this ).dialog( "close" );
-			}
-		},
-		{
-			text: "Cancel",
-			click: function() {
-				$( this ).dialog( "close" );
-			}
-		}
-	]
-});
-
-// Link to open the dialog
-$( "#dialog-link" ).click(function( event ) {
-	$( "#dialog" ).dialog( "open" );
-	event.preventDefault();
-});
-
-
-
-$( "#datepicker" ).datepicker({
-	inline: true
-});
-
-
-
-$( "#slider" ).slider({
-	range: true,
-	values: [ 17, 67 ]
-});
-
-
-
-$( "#progressbar" ).progressbar({
-	value: 20
-});
-
-
-
-$( "#spinner" ).spinner();
-
-
-
-$( "#menu" ).menu();
-
-
-
-$( "#tooltip" ).tooltip();
-
-
-
-$( "#selectmenu" ).selectmenu();
-
-
-// Hover states on the static widgets
-$( "#dialog-link, #icons li" ).hover(
-	function() {
-		$( this ).addClass( "ui-state-hover" );
-	},
-	function() {
-		$( this ).removeClass( "ui-state-hover" );
-	}
-);
-</script>
-</body>
-</html>

panoramix/static/lib/jquery-ui/jquery-ui.structure.css

@@ -1,833 +0,0 @@
-/*!
- * jQuery UI CSS Framework 1.11.4
- * http://jqueryui.com
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- *
- * http://api.jqueryui.com/category/theming/
- */
-
-/* Layout helpers
-----------------------------------*/
-.ui-helper-hidden {
-	display: none;
-}
-.ui-helper-hidden-accessible {
-	border: 0;
-	clip: rect(0 0 0 0);
-	height: 1px;
-	margin: -1px;
-	overflow: hidden;
-	padding: 0;
-	position: absolute;
-	width: 1px;
-}
-.ui-helper-reset {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	outline: 0;
-	line-height: 1.3;
-	text-decoration: none;
-	font-size: 100%;
-	list-style: none;
-}
-.ui-helper-clearfix:before,
-.ui-helper-clearfix:after {
-	content: "";
-	display: table;
-	border-collapse: collapse;
-}
-.ui-helper-clearfix:after {
-	clear: both;
-}
-.ui-helper-clearfix {
-	min-height: 0; /* support: IE7 */
-}
-.ui-helper-zfix {
-	width: 100%;
-	height: 100%;
-	top: 0;
-	left: 0;
-	position: absolute;
-	opacity: 0;
-	filter:Alpha(Opacity=0); /* support: IE8 */
-}
-
-.ui-front {
-	z-index: 100;
-}
-
-
-/* Interaction Cues
-----------------------------------*/
-.ui-state-disabled {
-	cursor: default !important;
-}
-
-
-/* Icons
-----------------------------------*/
-
-/* states and images */
-.ui-icon {
-	display: block;
-	text-indent: -99999px;
-	overflow: hidden;
-	background-repeat: no-repeat;
-}
-
-
-/* Misc visuals
-----------------------------------*/
-
-/* Overlays */
-.ui-widget-overlay {
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-}
-.ui-accordion .ui-accordion-header {
-	display: block;
-	cursor: pointer;
-	position: relative;
-	margin: 2px 0 0 0;
-	padding: .5em .5em .5em .7em;
-	min-height: 0; /* support: IE7 */
-	font-size: 100%;
-}
-.ui-accordion .ui-accordion-icons {
-	padding-left: 2.2em;
-}
-.ui-accordion .ui-accordion-icons .ui-accordion-icons {
-	padding-left: 2.2em;
-}
-.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
-	position: absolute;
-	left: .5em;
-	top: 50%;
-	margin-top: -8px;
-}
-.ui-accordion .ui-accordion-content {
-	padding: 1em 2.2em;
-	border-top: 0;
-	overflow: auto;
-}
-.ui-autocomplete {
-	position: absolute;
-	top: 0;
-	left: 0;
-	cursor: default;
-}
-.ui-button {
-	display: inline-block;
-	position: relative;
-	padding: 0;
-	line-height: normal;
-	margin-right: .1em;
-	cursor: pointer;
-	vertical-align: middle;
-	text-align: center;
-	overflow: visible; /* removes extra width in IE */
-}
-.ui-button,
-.ui-button:link,
-.ui-button:visited,
-.ui-button:hover,
-.ui-button:active {
-	text-decoration: none;
-}
-/* to make room for the icon, a width needs to be set here */
-.ui-button-icon-only {
-	width: 2.2em;
-}
-/* button elements seem to need a little more width */
-button.ui-button-icon-only {
-	width: 2.4em;
-}
-.ui-button-icons-only {
-	width: 3.4em;
-}
-button.ui-button-icons-only {
-	width: 3.7em;
-}
-
-/* button text element */
-.ui-button .ui-button-text {
-	display: block;
-	line-height: normal;
-}
-.ui-button-text-only .ui-button-text {
-	padding: .4em 1em;
-}
-.ui-button-icon-only .ui-button-text,
-.ui-button-icons-only .ui-button-text {
-	padding: .4em;
-	text-indent: -9999999px;
-}
-.ui-button-text-icon-primary .ui-button-text,
-.ui-button-text-icons .ui-button-text {
-	padding: .4em 1em .4em 2.1em;
-}
-.ui-button-text-icon-secondary .ui-button-text,
-.ui-button-text-icons .ui-button-text {
-	padding: .4em 2.1em .4em 1em;
-}
-.ui-button-text-icons .ui-button-text {
-	padding-left: 2.1em;
-	padding-right: 2.1em;
-}
-/* no icon support for input elements, provide padding by default */
-input.ui-button {
-	padding: .4em 1em;
-}
-
-/* button icon element(s) */
-.ui-button-icon-only .ui-icon,
-.ui-button-text-icon-primary .ui-icon,
-.ui-button-text-icon-secondary .ui-icon,
-.ui-button-text-icons .ui-icon,
-.ui-button-icons-only .ui-icon {
-	position: absolute;
-	top: 50%;
-	margin-top: -8px;
-}
-.ui-button-icon-only .ui-icon {
-	left: 50%;
-	margin-left: -8px;
-}
-.ui-button-text-icon-primary .ui-button-icon-primary,
-.ui-button-text-icons .ui-button-icon-primary,
-.ui-button-icons-only .ui-button-icon-primary {
-	left: .5em;
-}
-.ui-button-text-icon-secondary .ui-button-icon-secondary,
-.ui-button-text-icons .ui-button-icon-secondary,
-.ui-button-icons-only .ui-button-icon-secondary {
-	right: .5em;
-}
-
-/* button sets */
-.ui-buttonset {
-	margin-right: 7px;
-}
-.ui-buttonset .ui-button {
-	margin-left: 0;
-	margin-right: -.3em;
-}
-
-/* workarounds */
-/* reset extra padding in Firefox, see h5bp.com/l */
-input.ui-button::-moz-focus-inner,
-button.ui-button::-moz-focus-inner {
-	border: 0;
-	padding: 0;
-}
-.ui-datepicker {
-	width: 17em;
-	padding: .2em .2em 0;
-	display: none;
-}
-.ui-datepicker .ui-datepicker-header {
-	position: relative;
-	padding: .2em 0;
-}
-.ui-datepicker .ui-datepicker-prev,
-.ui-datepicker .ui-datepicker-next {
-	position: absolute;
-	top: 2px;
-	width: 1.8em;
-	height: 1.8em;
-}
-.ui-datepicker .ui-datepicker-prev-hover,
-.ui-datepicker .ui-datepicker-next-hover {
-	top: 1px;
-}
-.ui-datepicker .ui-datepicker-prev {
-	left: 2px;
-}
-.ui-datepicker .ui-datepicker-next {
-	right: 2px;
-}
-.ui-datepicker .ui-datepicker-prev-hover {
-	left: 1px;
-}
-.ui-datepicker .ui-datepicker-next-hover {
-	right: 1px;
-}
-.ui-datepicker .ui-datepicker-prev span,
-.ui-datepicker .ui-datepicker-next span {
-	display: block;
-	position: absolute;
-	left: 50%;
-	margin-left: -8px;
-	top: 50%;
-	margin-top: -8px;
-}
-.ui-datepicker .ui-datepicker-title {
-	margin: 0 2.3em;
-	line-height: 1.8em;
-	text-align: center;
-}
-.ui-datepicker .ui-datepicker-title select {
-	font-size: 1em;
-	margin: 1px 0;
-}
-.ui-datepicker select.ui-datepicker-month,
-.ui-datepicker select.ui-datepicker-year {
-	width: 45%;
-}
-.ui-datepicker table {
-	width: 100%;
-	font-size: .9em;
-	border-collapse: collapse;
-	margin: 0 0 .4em;
-}
-.ui-datepicker th {
-	padding: .7em .3em;
-	text-align: center;
-	font-weight: bold;
-	border: 0;
-}
-.ui-datepicker td {
-	border: 0;
-	padding: 1px;
-}
-.ui-datepicker td span,
-.ui-datepicker td a {
-	display: block;
-	padding: .2em;
-	text-align: right;
-	text-decoration: none;
-}
-.ui-datepicker .ui-datepicker-buttonpane {
-	background-image: none;
-	margin: .7em 0 0 0;
-	padding: 0 .2em;
-	border-left: 0;
-	border-right: 0;
-	border-bottom: 0;
-}
-.ui-datepicker .ui-datepicker-buttonpane button {
-	float: right;
-	margin: .5em .2em .4em;
-	cursor: pointer;
-	padding: .2em .6em .3em .6em;
-	width: auto;
-	overflow: visible;
-}
-.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
-	float: left;
-}
-
-/* with multiple calendars */
-.ui-datepicker.ui-datepicker-multi {
-	width: auto;
-}
-.ui-datepicker-multi .ui-datepicker-group {
-	float: left;
-}
-.ui-datepicker-multi .ui-datepicker-group table {
-	width: 95%;
-	margin: 0 auto .4em;
-}
-.ui-datepicker-multi-2 .ui-datepicker-group {
-	width: 50%;
-}
-.ui-datepicker-multi-3 .ui-datepicker-group {
-	width: 33.3%;
-}
-.ui-datepicker-multi-4 .ui-datepicker-group {
-	width: 25%;
-}
-.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
-.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
-	border-left-width: 0;
-}
-.ui-datepicker-multi .ui-datepicker-buttonpane {
-	clear: left;
-}
-.ui-datepicker-row-break {
-	clear: both;
-	width: 100%;
-	font-size: 0;
-}
-
-/* RTL support */
-.ui-datepicker-rtl {
-	direction: rtl;
-}
-.ui-datepicker-rtl .ui-datepicker-prev {
-	right: 2px;
-	left: auto;
-}
-.ui-datepicker-rtl .ui-datepicker-next {
-	left: 2px;
-	right: auto;
-}
-.ui-datepicker-rtl .ui-datepicker-prev:hover {
-	right: 1px;
-	left: auto;
-}
-.ui-datepicker-rtl .ui-datepicker-next:hover {
-	left: 1px;
-	right: auto;
-}
-.ui-datepicker-rtl .ui-datepicker-buttonpane {
-	clear: right;
-}
-.ui-datepicker-rtl .ui-datepicker-buttonpane button {
-	float: left;
-}
-.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
-.ui-datepicker-rtl .ui-datepicker-group {
-	float: right;
-}
-.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
-.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
-	border-right-width: 0;
-	border-left-width: 1px;
-}
-.ui-dialog {
-	overflow: hidden;
-	position: absolute;
-	top: 0;
-	left: 0;
-	padding: .2em;
-	outline: 0;
-}
-.ui-dialog .ui-dialog-titlebar {
-	padding: .4em 1em;
-	position: relative;
-}
-.ui-dialog .ui-dialog-title {
-	float: left;
-	margin: .1em 0;
-	white-space: nowrap;
-	width: 90%;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-.ui-dialog .ui-dialog-titlebar-close {
-	position: absolute;
-	right: .3em;
-	top: 50%;
-	width: 20px;
-	margin: -10px 0 0 0;
-	padding: 1px;
-	height: 20px;
-}
-.ui-dialog .ui-dialog-content {
-	position: relative;
-	border: 0;
-	padding: .5em 1em;
-	background: none;
-	overflow: auto;
-}
-.ui-dialog .ui-dialog-buttonpane {
-	text-align: left;
-	border-width: 1px 0 0 0;
-	background-image: none;
-	margin-top: .5em;
-	padding: .3em 1em .5em .4em;
-}
-.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
-	float: right;
-}
-.ui-dialog .ui-dialog-buttonpane button {
-	margin: .5em .4em .5em 0;
-	cursor: pointer;
-}
-.ui-dialog .ui-resizable-se {
-	width: 12px;
-	height: 12px;
-	right: -5px;
-	bottom: -5px;
-	background-position: 16px 16px;
-}
-.ui-draggable .ui-dialog-titlebar {
-	cursor: move;
-}
-.ui-draggable-handle {
-	-ms-touch-action: none;
-	touch-action: none;
-}
-.ui-menu {
-	list-style: none;
-	padding: 0;
-	margin: 0;
-	display: block;
-	outline: none;
-}
-.ui-menu .ui-menu {
-	position: absolute;
-}
-.ui-menu .ui-menu-item {
-	position: relative;
-	margin: 0;
-	padding: 3px 1em 3px .4em;
-	cursor: pointer;
-	min-height: 0; /* support: IE7 */
-	/* support: IE10, see #8844 */
-	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
-}
-.ui-menu .ui-menu-divider {
-	margin: 5px 0;
-	height: 0;
-	font-size: 0;
-	line-height: 0;
-	border-width: 1px 0 0 0;
-}
-.ui-menu .ui-state-focus,
-.ui-menu .ui-state-active {
-	margin: -1px;
-}
-
-/* icon support */
-.ui-menu-icons {
-	position: relative;
-}
-.ui-menu-icons .ui-menu-item {
-	padding-left: 2em;
-}
-
-/* left-aligned */
-.ui-menu .ui-icon {
-	position: absolute;
-	top: 0;
-	bottom: 0;
-	left: .2em;
-	margin: auto 0;
-}
-
-/* right-aligned */
-.ui-menu .ui-menu-icon {
-	left: auto;
-	right: 0;
-}
-.ui-progressbar {
-	height: 2em;
-	text-align: left;
-	overflow: hidden;
-}
-.ui-progressbar .ui-progressbar-value {
-	margin: -1px;
-	height: 100%;
-}
-.ui-progressbar .ui-progressbar-overlay {
-	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
-	height: 100%;
-	filter: alpha(opacity=25); /* support: IE8 */
-	opacity: 0.25;
-}
-.ui-progressbar-indeterminate .ui-progressbar-value {
-	background-image: none;
-}
-.ui-resizable {
-	position: relative;
-}
-.ui-resizable-handle {
-	position: absolute;
-	font-size: 0.1px;
-	display: block;
-	-ms-touch-action: none;
-	touch-action: none;
-}
-.ui-resizable-disabled .ui-resizable-handle,
-.ui-resizable-autohide .ui-resizable-handle {
-	display: none;
-}
-.ui-resizable-n {
-	cursor: n-resize;
-	height: 7px;
-	width: 100%;
-	top: -5px;
-	left: 0;
-}
-.ui-resizable-s {
-	cursor: s-resize;
-	height: 7px;
-	width: 100%;
-	bottom: -5px;
-	left: 0;
-}
-.ui-resizable-e {
-	cursor: e-resize;
-	width: 7px;
-	right: -5px;
-	top: 0;
-	height: 100%;
-}
-.ui-resizable-w {
-	cursor: w-resize;
-	width: 7px;
-	left: -5px;
-	top: 0;
-	height: 100%;
-}
-.ui-resizable-se {
-	cursor: se-resize;
-	width: 12px;
-	height: 12px;
-	right: 1px;
-	bottom: 1px;
-}
-.ui-resizable-sw {
-	cursor: sw-resize;
-	width: 9px;
-	height: 9px;
-	left: -5px;
-	bottom: -5px;
-}
-.ui-resizable-nw {
-	cursor: nw-resize;
-	width: 9px;
-	height: 9px;
-	left: -5px;
-	top: -5px;
-}
-.ui-resizable-ne {
-	cursor: ne-resize;
-	width: 9px;
-	height: 9px;
-	right: -5px;
-	top: -5px;
-}
-.ui-selectable {
-	-ms-touch-action: none;
-	touch-action: none;
-}
-.ui-selectable-helper {
-	position: absolute;
-	z-index: 100;
-	border: 1px dotted black;
-}
-.ui-selectmenu-menu {
-	padding: 0;
-	margin: 0;
-	position: absolute;
-	top: 0;
-	left: 0;
-	display: none;
-}
-.ui-selectmenu-menu .ui-menu {
-	overflow: auto;
-	/* Support: IE7 */
-	overflow-x: hidden;
-	padding-bottom: 1px;
-}
-.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
-	font-size: 1em;
-	font-weight: bold;
-	line-height: 1.5;
-	padding: 2px 0.4em;
-	margin: 0.5em 0 0 0;
-	height: auto;
-	border: 0;
-}
-.ui-selectmenu-open {
-	display: block;
-}
-.ui-selectmenu-button {
-	display: inline-block;
-	overflow: hidden;
-	position: relative;
-	text-decoration: none;
-	cursor: pointer;
-}
-.ui-selectmenu-button span.ui-icon {
-	right: 0.5em;
-	left: auto;
-	margin-top: -8px;
-	position: absolute;
-	top: 50%;
-}
-.ui-selectmenu-button span.ui-selectmenu-text {
-	text-align: left;
-	padding: 0.4em 2.1em 0.4em 1em;
-	display: block;
-	line-height: 1.4;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-.ui-slider {
-	position: relative;
-	text-align: left;
-}
-.ui-slider .ui-slider-handle {
-	position: absolute;
-	z-index: 2;
-	width: 1.2em;
-	height: 1.2em;
-	cursor: default;
-	-ms-touch-action: none;
-	touch-action: none;
-}
-.ui-slider .ui-slider-range {
-	position: absolute;
-	z-index: 1;
-	font-size: .7em;
-	display: block;
-	border: 0;
-	background-position: 0 0;
-}
-
-/* support: IE8 - See #6727 */
-.ui-slider.ui-state-disabled .ui-slider-handle,
-.ui-slider.ui-state-disabled .ui-slider-range {
-	filter: inherit;
-}
-
-.ui-slider-horizontal {
-	height: .8em;
-}
-.ui-slider-horizontal .ui-slider-handle {
-	top: -.3em;
-	margin-left: -.6em;
-}
-.ui-slider-horizontal .ui-slider-range {
-	top: 0;
-	height: 100%;
-}
-.ui-slider-horizontal .ui-slider-range-min {
-	left: 0;
-}
-.ui-slider-horizontal .ui-slider-range-max {
-	right: 0;
-}
-
-.ui-slider-vertical {
-	width: .8em;
-	height: 100px;
-}
-.ui-slider-vertical .ui-slider-handle {
-	left: -.3em;
-	margin-left: 0;
-	margin-bottom: -.6em;
-}
-.ui-slider-vertical .ui-slider-range {
-	left: 0;
-	width: 100%;
-}
-.ui-slider-vertical .ui-slider-range-min {
-	bottom: 0;
-}
-.ui-slider-vertical .ui-slider-range-max {
-	top: 0;
-}
-.ui-sortable-handle {
-	-ms-touch-action: none;
-	touch-action: none;
-}
-.ui-spinner {
-	position: relative;
-	display: inline-block;
-	overflow: hidden;
-	padding: 0;
-	vertical-align: middle;
-}
-.ui-spinner-input {
-	border: none;
-	background: none;
-	color: inherit;
-	padding: 0;
-	margin: .2em 0;
-	vertical-align: middle;
-	margin-left: .4em;
-	margin-right: 22px;
-}
-.ui-spinner-button {
-	width: 16px;
-	height: 50%;
-	font-size: .5em;
-	padding: 0;
-	margin: 0;
-	text-align: center;
-	position: absolute;
-	cursor: default;
-	display: block;
-	overflow: hidden;
-	right: 0;
-}
-/* more specificity required here to override default borders */
-.ui-spinner a.ui-spinner-button {
-	border-top: none;
-	border-bottom: none;
-	border-right: none;
-}
-/* vertically center icon */
-.ui-spinner .ui-icon {
-	position: absolute;
-	margin-top: -8px;
-	top: 50%;
-	left: 0;
-}
-.ui-spinner-up {
-	top: 0;
-}
-.ui-spinner-down {
-	bottom: 0;
-}
-
-/* TR overrides */
-.ui-spinner .ui-icon-triangle-1-s {
-	/* need to fix icons sprite */
-	background-position: -65px -16px;
-}
-.ui-tabs {
-	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
-	padding: .2em;
-}
-.ui-tabs .ui-tabs-nav {
-	margin: 0;
-	padding: .2em .2em 0;
-}
-.ui-tabs .ui-tabs-nav li {
-	list-style: none;
-	float: left;
-	position: relative;
-	top: 0;
-	margin: 1px .2em 0 0;
-	border-bottom-width: 0;
-	padding: 0;
-	white-space: nowrap;
-}
-.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
-	float: left;
-	padding: .5em 1em;
-	text-decoration: none;
-}
-.ui-tabs .ui-tabs-nav li.ui-tabs-active {
-	margin-bottom: -1px;
-	padding-bottom: 1px;
-}
-.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
-.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
-.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
-	cursor: text;
-}
-.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
-	cursor: pointer;
-}
-.ui-tabs .ui-tabs-panel {
-	display: block;
-	border-width: 0;
-	padding: 1em 1.4em;
-	background: none;
-}
-.ui-tooltip {
-	padding: 8px;
-	position: absolute;
-	z-index: 9999;
-	max-width: 300px;
-	-webkit-box-shadow: 0 0 5px #aaa;
-	box-shadow: 0 0 5px #aaa;
-}
-body .ui-tooltip {
-	border-width: 2px;
-}

panoramix/static/lib/jquery-ui/jquery-ui.theme.css

@@ -1,410 +0,0 @@
-/*!
- * jQuery UI CSS Framework 1.11.4
- * http://jqueryui.com
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- *
- * http://api.jqueryui.com/category/theming/
- *
- * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
- */
-
-
-/* Component containers
-----------------------------------*/
-.ui-widget {
-	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
-	font-size: 1.1em;
-}
-.ui-widget .ui-widget {
-	font-size: 1em;
-}
-.ui-widget input,
-.ui-widget select,
-.ui-widget textarea,
-.ui-widget button {
-	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
-	font-size: 1em;
-}
-.ui-widget-content {
-	border: 1px solid #dddddd;
-	background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
-	color: #333333;
-}
-.ui-widget-content a {
-	color: #333333;
-}
-.ui-widget-header {
-	border: 1px solid #e78f08;
-	background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
-	color: #ffffff;
-	font-weight: bold;
-}
-.ui-widget-header a {
-	color: #ffffff;
-}
-
-/* Interaction states
-----------------------------------*/
-.ui-state-default,
-.ui-widget-content .ui-state-default,
-.ui-widget-header .ui-state-default {
-	border: 1px solid #cccccc;
-	background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
-	font-weight: bold;
-	color: #1c94c4;
-}
-.ui-state-default a,
-.ui-state-default a:link,
-.ui-state-default a:visited {
-	color: #1c94c4;
-	text-decoration: none;
-}
-.ui-state-hover,
-.ui-widget-content .ui-state-hover,
-.ui-widget-header .ui-state-hover,
-.ui-state-focus,
-.ui-widget-content .ui-state-focus,
-.ui-widget-header .ui-state-focus {
-	border: 1px solid #fbcb09;
-	background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
-	font-weight: bold;
-	color: #c77405;
-}
-.ui-state-hover a,
-.ui-state-hover a:hover,
-.ui-state-hover a:link,
-.ui-state-hover a:visited,
-.ui-state-focus a,
-.ui-state-focus a:hover,
-.ui-state-focus a:link,
-.ui-state-focus a:visited {
-	color: #c77405;
-	text-decoration: none;
-}
-.ui-state-active,
-.ui-widget-content .ui-state-active,
-.ui-widget-header .ui-state-active {
-	border: 1px solid #fbd850;
-	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
-	font-weight: bold;
-	color: #eb8f00;
-}
-.ui-state-active a,
-.ui-state-active a:link,
-.ui-state-active a:visited {
-	color: #eb8f00;
-	text-decoration: none;
-}
-
-/* Interaction Cues
-----------------------------------*/
-.ui-state-highlight,
-.ui-widget-content .ui-state-highlight,
-.ui-widget-header .ui-state-highlight {
-	border: 1px solid #fed22f;
-	background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
-	color: #363636;
-}
-.ui-state-highlight a,
-.ui-widget-content .ui-state-highlight a,
-.ui-widget-header .ui-state-highlight a {
-	color: #363636;
-}
-.ui-state-error,
-.ui-widget-content .ui-state-error,
-.ui-widget-header .ui-state-error {
-	border: 1px solid #cd0a0a;
-	background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
-	color: #ffffff;
-}
-.ui-state-error a,
-.ui-widget-content .ui-state-error a,
-.ui-widget-header .ui-state-error a {
-	color: #ffffff;
-}
-.ui-state-error-text,
-.ui-widget-content .ui-state-error-text,
-.ui-widget-header .ui-state-error-text {
-	color: #ffffff;
-}
-.ui-priority-primary,
-.ui-widget-content .ui-priority-primary,
-.ui-widget-header .ui-priority-primary {
-	font-weight: bold;
-}
-.ui-priority-secondary,
-.ui-widget-content .ui-priority-secondary,
-.ui-widget-header .ui-priority-secondary {
-	opacity: .7;
-	filter:Alpha(Opacity=70); /* support: IE8 */
-	font-weight: normal;
-}
-.ui-state-disabled,
-.ui-widget-content .ui-state-disabled,
-.ui-widget-header .ui-state-disabled {
-	opacity: .35;
-	filter:Alpha(Opacity=35); /* support: IE8 */
-	background-image: none;
-}
-.ui-state-disabled .ui-icon {
-	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
-}
-
-/* Icons
-----------------------------------*/
-
-/* states and images */
-.ui-icon {
-	width: 16px;
-	height: 16px;
-}
-.ui-icon,
-.ui-widget-content .ui-icon {
-	background-image: url("images/ui-icons_222222_256x240.png");
-}
-.ui-widget-header .ui-icon {
-	background-image: url("images/ui-icons_ffffff_256x240.png");
-}
-.ui-state-default .ui-icon {
-	background-image: url("images/ui-icons_ef8c08_256x240.png");
-}
-.ui-state-hover .ui-icon,
-.ui-state-focus .ui-icon {
-	background-image: url("images/ui-icons_ef8c08_256x240.png");
-}
-.ui-state-active .ui-icon {
-	background-image: url("images/ui-icons_ef8c08_256x240.png");
-}
-.ui-state-highlight .ui-icon {
-	background-image: url("images/ui-icons_228ef1_256x240.png");
-}
-.ui-state-error .ui-icon,
-.ui-state-error-text .ui-icon {
-	background-image: url("images/ui-icons_ffd27a_256x240.png");
-}
-
-/* positioning */
-.ui-icon-blank { background-position: 16px 16px; }
-.ui-icon-carat-1-n { background-position: 0 0; }
-.ui-icon-carat-1-ne { background-position: -16px 0; }
-.ui-icon-carat-1-e { background-position: -32px 0; }
-.ui-icon-carat-1-se { background-position: -48px 0; }
-.ui-icon-carat-1-s { background-position: -64px 0; }
-.ui-icon-carat-1-sw { background-position: -80px 0; }
-.ui-icon-carat-1-w { background-position: -96px 0; }
-.ui-icon-carat-1-nw { background-position: -112px 0; }
-.ui-icon-carat-2-n-s { background-position: -128px 0; }
-.ui-icon-carat-2-e-w { background-position: -144px 0; }
-.ui-icon-triangle-1-n { background-position: 0 -16px; }
-.ui-icon-triangle-1-ne { background-position: -16px -16px; }
-.ui-icon-triangle-1-e { background-position: -32px -16px; }
-.ui-icon-triangle-1-se { background-position: -48px -16px; }
-.ui-icon-triangle-1-s { background-position: -64px -16px; }
-.ui-icon-triangle-1-sw { background-position: -80px -16px; }
-.ui-icon-triangle-1-w { background-position: -96px -16px; }
-.ui-icon-triangle-1-nw { background-position: -112px -16px; }
-.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
-.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
-.ui-icon-arrow-1-n { background-position: 0 -32px; }
-.ui-icon-arrow-1-ne { background-position: -16px -32px; }
-.ui-icon-arrow-1-e { background-position: -32px -32px; }
-.ui-icon-arrow-1-se { background-position: -48px -32px; }
-.ui-icon-arrow-1-s { background-position: -64px -32px; }
-.ui-icon-arrow-1-sw { background-position: -80px -32px; }
-.ui-icon-arrow-1-w { background-position: -96px -32px; }
-.ui-icon-arrow-1-nw { background-position: -112px -32px; }
-.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
-.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
-.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
-.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
-.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
-.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
-.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
-.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
-.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
-.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
-.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
-.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
-.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
-.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
-.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
-.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
-.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
-.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
-.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
-.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
-.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
-.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
-.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
-.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
-.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
-.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
-.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
-.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
-.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
-.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
-.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
-.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
-.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
-.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
-.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
-.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
-.ui-icon-arrow-4 { background-position: 0 -80px; }
-.ui-icon-arrow-4-diag { background-position: -16px -80px; }
-.ui-icon-extlink { background-position: -32px -80px; }
-.ui-icon-newwin { background-position: -48px -80px; }
-.ui-icon-refresh { background-position: -64px -80px; }
-.ui-icon-shuffle { background-position: -80px -80px; }
-.ui-icon-transfer-e-w { background-position: -96px -80px; }
-.ui-icon-transferthick-e-w { background-position: -112px -80px; }
-.ui-icon-folder-collapsed { background-position: 0 -96px; }
-.ui-icon-folder-open { background-position: -16px -96px; }
-.ui-icon-document { background-position: -32px -96px; }
-.ui-icon-document-b { background-position: -48px -96px; }
-.ui-icon-note { background-position: -64px -96px; }
-.ui-icon-mail-closed { background-position: -80px -96px; }
-.ui-icon-mail-open { background-position: -96px -96px; }
-.ui-icon-suitcase { background-position: -112px -96px; }
-.ui-icon-comment { background-position: -128px -96px; }
-.ui-icon-person { background-position: -144px -96px; }
-.ui-icon-print { background-position: -160px -96px; }
-.ui-icon-trash { background-position: -176px -96px; }
-.ui-icon-locked { background-position: -192px -96px; }
-.ui-icon-unlocked { background-position: -208px -96px; }
-.ui-icon-bookmark { background-position: -224px -96px; }
-.ui-icon-tag { background-position: -240px -96px; }
-.ui-icon-home { background-position: 0 -112px; }
-.ui-icon-flag { background-position: -16px -112px; }
-.ui-icon-calendar { background-position: -32px -112px; }
-.ui-icon-cart { background-position: -48px -112px; }
-.ui-icon-pencil { background-position: -64px -112px; }
-.ui-icon-clock { background-position: -80px -112px; }
-.ui-icon-disk { background-position: -96px -112px; }
-.ui-icon-calculator { background-position: -112px -112px; }
-.ui-icon-zoomin { background-position: -128px -112px; }
-.ui-icon-zoomout { background-position: -144px -112px; }
-.ui-icon-search { background-position: -160px -112px; }
-.ui-icon-wrench { background-position: -176px -112px; }
-.ui-icon-gear { background-position: -192px -112px; }
-.ui-icon-heart { background-position: -208px -112px; }
-.ui-icon-star { background-position: -224px -112px; }
-.ui-icon-link { background-position: -240px -112px; }
-.ui-icon-cancel { background-position: 0 -128px; }
-.ui-icon-plus { background-position: -16px -128px; }
-.ui-icon-plusthick { background-position: -32px -128px; }
-.ui-icon-minus { background-position: -48px -128px; }
-.ui-icon-minusthick { background-position: -64px -128px; }
-.ui-icon-close { background-position: -80px -128px; }
-.ui-icon-closethick { background-position: -96px -128px; }
-.ui-icon-key { background-position: -112px -128px; }
-.ui-icon-lightbulb { background-position: -128px -128px; }
-.ui-icon-scissors { background-position: -144px -128px; }
-.ui-icon-clipboard { background-position: -160px -128px; }
-.ui-icon-copy { background-position: -176px -128px; }
-.ui-icon-contact { background-position: -192px -128px; }
-.ui-icon-image { background-position: -208px -128px; }
-.ui-icon-video { background-position: -224px -128px; }
-.ui-icon-script { background-position: -240px -128px; }
-.ui-icon-alert { background-position: 0 -144px; }
-.ui-icon-info { background-position: -16px -144px; }
-.ui-icon-notice { background-position: -32px -144px; }
-.ui-icon-help { background-position: -48px -144px; }
-.ui-icon-check { background-position: -64px -144px; }
-.ui-icon-bullet { background-position: -80px -144px; }
-.ui-icon-radio-on { background-position: -96px -144px; }
-.ui-icon-radio-off { background-position: -112px -144px; }
-.ui-icon-pin-w { background-position: -128px -144px; }
-.ui-icon-pin-s { background-position: -144px -144px; }
-.ui-icon-play { background-position: 0 -160px; }
-.ui-icon-pause { background-position: -16px -160px; }
-.ui-icon-seek-next { background-position: -32px -160px; }
-.ui-icon-seek-prev { background-position: -48px -160px; }
-.ui-icon-seek-end { background-position: -64px -160px; }
-.ui-icon-seek-start { background-position: -80px -160px; }
-/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
-.ui-icon-seek-first { background-position: -80px -160px; }
-.ui-icon-stop { background-position: -96px -160px; }
-.ui-icon-eject { background-position: -112px -160px; }
-.ui-icon-volume-off { background-position: -128px -160px; }
-.ui-icon-volume-on { background-position: -144px -160px; }
-.ui-icon-power { background-position: 0 -176px; }
-.ui-icon-signal-diag { background-position: -16px -176px; }
-.ui-icon-signal { background-position: -32px -176px; }
-.ui-icon-battery-0 { background-position: -48px -176px; }
-.ui-icon-battery-1 { background-position: -64px -176px; }
-.ui-icon-battery-2 { background-position: -80px -176px; }
-.ui-icon-battery-3 { background-position: -96px -176px; }
-.ui-icon-circle-plus { background-position: 0 -192px; }
-.ui-icon-circle-minus { background-position: -16px -192px; }
-.ui-icon-circle-close { background-position: -32px -192px; }
-.ui-icon-circle-triangle-e { background-position: -48px -192px; }
-.ui-icon-circle-triangle-s { background-position: -64px -192px; }
-.ui-icon-circle-triangle-w { background-position: -80px -192px; }
-.ui-icon-circle-triangle-n { background-position: -96px -192px; }
-.ui-icon-circle-arrow-e { background-position: -112px -192px; }
-.ui-icon-circle-arrow-s { background-position: -128px -192px; }
-.ui-icon-circle-arrow-w { background-position: -144px -192px; }
-.ui-icon-circle-arrow-n { background-position: -160px -192px; }
-.ui-icon-circle-zoomin { background-position: -176px -192px; }
-.ui-icon-circle-zoomout { background-position: -192px -192px; }
-.ui-icon-circle-check { background-position: -208px -192px; }
-.ui-icon-circlesmall-plus { background-position: 0 -208px; }
-.ui-icon-circlesmall-minus { background-position: -16px -208px; }
-.ui-icon-circlesmall-close { background-position: -32px -208px; }
-.ui-icon-squaresmall-plus { background-position: -48px -208px; }
-.ui-icon-squaresmall-minus { background-position: -64px -208px; }
-.ui-icon-squaresmall-close { background-position: -80px -208px; }
-.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
-.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
-.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
-.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
-.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
-.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
-
-
-/* Misc visuals
-----------------------------------*/
-
-/* Corner radius */
-.ui-corner-all,
-.ui-corner-top,
-.ui-corner-left,
-.ui-corner-tl {
-	border-top-left-radius: 4px;
-}
-.ui-corner-all,
-.ui-corner-top,
-.ui-corner-right,
-.ui-corner-tr {
-	border-top-right-radius: 4px;
-}
-.ui-corner-all,
-.ui-corner-bottom,
-.ui-corner-left,
-.ui-corner-bl {
-	border-bottom-left-radius: 4px;
-}
-.ui-corner-all,
-.ui-corner-bottom,
-.ui-corner-right,
-.ui-corner-br {
-	border-bottom-right-radius: 4px;
-}
-
-/* Overlays */
-.ui-widget-overlay {
-	background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
-	opacity: .5;
-	filter: Alpha(Opacity=50); /* support: IE8 */
-}
-.ui-widget-shadow {
-	margin: -5px 0 0 -5px;
-	padding: 5px;
-	background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
-	opacity: .2;
-	filter: Alpha(Opacity=20); /* support: IE8 */
-	border-radius: 5px;
-}

panoramix/static/lib/select2.sortable.js

@@ -1,146 +0,0 @@
-/**
- * jQuery Select2 Sortable
- * - enable select2 to be sortable via normal select element
- * 
- * author      : Vafour
- * modified    : Kevin Provance (kprovance)
- * inspired by : jQuery Chosen Sortable (https://github.com/mrhenry/jquery-chosen-sortable)
- * License     : GPL
- */
-
-(function ($) {
-    $.fn.extend({
-        select2SortableOrder: function () {
-            var $this = this.filter('[multiple]');
-
-            $this.each(function () {
-                var $select = $(this);
-
-                // skip elements not select2-ed
-                if (typeof ($select.data('select2')) !== 'object') {
-                    return false;
-                }
-
-                var $select2 = $select.siblings('.select2-container');
-                var sorted;
-
-                // Opt group names
-                var optArr = [];
-                
-                $select.find('optgroup').each(function(idx, val) {
-                    optArr.push (val);
-                });
-                
-                $select.find('option').each(function(idx, val) {
-                    var groupName = $(this).parent('optgroup').prop('label');
-                    var optVal = this;
-                    
-                    if (groupName === undefined) {
-                        if (this.value !== '' && !this.selected) {
-                            optArr.push (optVal);
-                        }
-                    }
-                });
-                
-                sorted = $($select2.find('.select2-choices li[class!="select2-search-field"]').map(function () {
-                    if (!this) {
-                        return undefined;
-                    }
-                    
-                    var id = $(this).data('select2Data').id;
-
-                    return $select.find('option[value="' + id + '"]')[0];
-                }));
- 
-                 sorted.push.apply(sorted, optArr);
-                
-                $select.children().remove();
-                $select.append(sorted);
-              });
-
-            return $this;
-        },
-        
-        select2Sortable: function () {
-            var args = Array.prototype.slice.call(arguments, 0);
-            $this = this.filter('[multiple]'),
-                    validMethods = ['destroy'];
-
-            if (args.length === 0 || typeof (args[0]) === 'object') {
-                var defaultOptions = {
-                    bindOrder: 'formSubmit', // or sortableStop
-                    sortableOptions: {
-                        placeholder: 'ui-state-highlight',
-                        items: 'li:not(.select2-search-field)',
-                        tolerance: 'pointer'
-                    }
-                };
-                
-                var options = $.extend(defaultOptions, args[0]);
-
-                // Init select2 only if not already initialized to prevent select2 configuration loss
-                if (typeof ($this.data('select2')) !== 'object') {
-                    $this.select2();
-                }
-
-                $this.each(function () {
-                    var $select = $(this)
-                    var $select2choices = $select.siblings('.select2-container').find('.select2-choices');
-
-                    // Init jQuery UI Sortable
-                    $select2choices.sortable(options.sortableOptions);
-
-                    switch (options.bindOrder) {
-                        case 'sortableStop':
-                            // apply options ordering in sortstop event
-                            $select2choices.on("sortstop.select2sortable", function (event, ui) {
-                                $select.select2SortableOrder();
-                            });
-                            
-                            $select.on('change', function (e) {
-                                $(this).select2SortableOrder();
-                            });
-                        break;
-                        
-                        default:
-                            // apply options ordering in form submit
-                            $select.closest('form').unbind('submit.select2sortable').on('submit.select2sortable', function () {
-                                $select.select2SortableOrder();
-                            });
-                        break;
-                    }
-                });
-            }
-            else if (typeof (args[0] === 'string')) {
-                if ($.inArray(args[0], validMethods) == -1) {
-                    throw "Unknown method: " + args[0];
-                }
-                
-                if (args[0] === 'destroy') {
-                    $this.select2SortableDestroy();
-                }
-            }
-            
-            return $this;
-        },
-        
-        select2SortableDestroy: function () {
-            var $this = this.filter('[multiple]');
-            $this.each(function () {
-                var $select = $(this)
-                var $select2choices = $select.parent().find('.select2-choices');
-
-                // unbind form submit event
-                $select.closest('form').unbind('submit.select2sortable');
-
-                // unbind sortstop event
-                $select2choices.unbind("sortstop.select2sortable");
-
-                // destroy select2Sortable
-                $select2choices.sortable('destroy');
-            });
-            
-            return $this;
-        }
-    });
-}(jQuery));

panoramix/static/lib/select2/select2-bootstrap.css

@@ -1,495 +0,0 @@
-/*! Select2 Bootstrap 3 CSS v1.4.6 | MIT License | github.com/t0m/select2-bootstrap-css */
-/**
- * Reset Bootstrap 3 .form-control styles which - if applied to the
- * original <select>-element the Select2-plugin may be run against -
- * are copied to the .select2-container.
- *
- * 1. Overwrite .select2-container's original display:inline-block
- *    with Bootstrap 3's default for .form-control, display:block;
- *    courtesy of @juristr (@see https://github.com/fk/select2-bootstrap-css/pull/1)
- */
-.select2-container.form-control {
-  background: transparent;
-  box-shadow: none;
-  border: none;
-  display: block;
-  /* 1 */
-  margin: 0;
-  padding: 0;
-}
-
-/**
- * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.
- */
-.select2-container .select2-choices .select2-search-field input,
-.select2-container .select2-choice,
-.select2-container .select2-choices {
-  background: none;
-  padding: 0;
-  border-color: #cccccc;
-  border-radius: 4px;
-  color: #555555;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  background-color: white;
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-}
-
-.select2-search input {
-  border-color: #cccccc;
-  border-radius: 4px;
-  color: #555555;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  background-color: white;
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-}
-
-.select2-container .select2-choices .select2-search-field input {
-  -webkit-box-shadow: none;
-  box-shadow: none;
-}
-
-/**
- * Adjust Select2 input heights to match the Bootstrap default.
- */
-.select2-container .select2-choice {
-  height: 34px;
-  line-height: 1.42857;
-}
-
-/**
- * Address Multi Select2's height which - depending on how many elements have been selected -
- * may grown higher than their initial size.
- */
-.select2-container.select2-container-multi.form-control {
-  height: auto;
-}
-
-/**
- * Address Bootstrap 3 control sizing classes
- * @see http://getbootstrap.com/css/#forms-control-sizes
- */
-.select2-container.input-sm .select2-choice,
-.input-group-sm .select2-container .select2-choice {
-  height: 30px;
-  line-height: 1.5;
-  border-radius: 3px;
-}
-
-.select2-container.input-lg .select2-choice,
-.input-group-lg .select2-container .select2-choice {
-  height: 46px;
-  line-height: 1.33333;
-  border-radius: 6px;
-}
-
-.select2-container-multi .select2-choices .select2-search-field input {
-  height: 32px;
-}
-
-.select2-container-multi.input-sm .select2-choices .select2-search-field input,
-.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
-  height: 28px;
-}
-
-.select2-container-multi.input-lg .select2-choices .select2-search-field input,
-.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
-  height: 44px;
-}
-
-/**
- * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.
- *
- * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.
- */
-.select2-container-multi .select2-choices .select2-search-field input {
-  margin: 0;
-}
-
-.select2-chosen,
-.select2-choice > span:first-child,
-.select2-container .select2-choices .select2-search-field input {
-  padding: 6px 12px;
-}
-
-.input-sm .select2-chosen,
-.input-group-sm .select2-chosen,
-.input-sm .select2-choice > span:first-child,
-.input-group-sm .select2-choice > span:first-child,
-.input-sm .select2-choices .select2-search-field input,
-.input-group-sm .select2-choices .select2-search-field input {
-  padding: 5px 10px;
-}
-
-.input-lg .select2-chosen,
-.input-group-lg .select2-chosen,
-.input-lg .select2-choice > span:first-child,
-.input-group-lg .select2-choice > span:first-child,
-.input-lg .select2-choices .select2-search-field input,
-.input-group-lg .select2-choices .select2-search-field input {
-  padding: 10px 16px;
-}
-
-.select2-container-multi .select2-choices .select2-search-choice {
-  margin-top: 5px;
-  margin-bottom: 3px;
-}
-
-.select2-container-multi.input-sm .select2-choices .select2-search-choice,
-.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
-  margin-top: 3px;
-  margin-bottom: 2px;
-}
-
-.select2-container-multi.input-lg .select2-choices .select2-search-choice,
-.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
-  line-height: 24px;
-}
-
-/**
- * Adjust the single Select2's dropdown arrow button appearance.
- *
- * 1. For Select2 v.3.3.2.
- */
-.select2-container .select2-choice .select2-arrow,
-.select2-container .select2-choice div {
-  border-left: none;
-  background: none;
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-}
-
-.select2-dropdown-open .select2-choice .select2-arrow,
-.select2-dropdown-open .select2-choice div {
-  border-left-color: transparent;
-  background: none;
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-}
-
-/**
- * Adjust the dropdown arrow button icon position for the single-select Select2 elements
- * to make it line up vertically now that we increased the height of .select2-container.
- *
- * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.
- */
-.select2-container .select2-choice .select2-arrow b,
-.select2-container .select2-choice div b {
-  background-position: 0 3px;
-}
-
-.select2-dropdown-open .select2-choice .select2-arrow b,
-.select2-dropdown-open .select2-choice div b {
-  background-position: -18px 3px;
-}
-
-.select2-container.input-sm .select2-choice .select2-arrow b,
-.input-group-sm .select2-container .select2-choice .select2-arrow b,
-.select2-container.input-sm .select2-choice div b,
-.input-group-sm .select2-container .select2-choice div b {
-  background-position: 0 1px;
-}
-
-.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
-.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
-.select2-dropdown-open.input-sm .select2-choice div b,
-.input-group-sm .select2-dropdown-open .select2-choice div b {
-  background-position: -18px 1px;
-}
-
-.select2-container.input-lg .select2-choice .select2-arrow b,
-.input-group-lg .select2-container .select2-choice .select2-arrow b,
-.select2-container.input-lg .select2-choice div b,
-.input-group-lg .select2-container .select2-choice div b {
-  background-position: 0 9px;
-}
-
-.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
-.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
-.select2-dropdown-open.input-lg .select2-choice div b,
-.input-group-lg .select2-dropdown-open .select2-choice div b {
-  background-position: -18px 9px;
-}
-
-/**
- * Address Bootstrap's validation states and change Select2's border colors and focus states.
- * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.
- */
-.has-warning .select2-choice,
-.has-warning .select2-choices {
-  border-color: #8a6d3b;
-}
-.has-warning .select2-container-active .select2-choice,
-.has-warning .select2-container-multi.select2-container-active .select2-choices {
-  border-color: #66512c;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
-}
-.has-warning.select2-drop-active {
-  border-color: #66512c;
-}
-.has-warning.select2-drop-active.select2-drop.select2-drop-above {
-  border-top-color: #66512c;
-}
-
-.has-error .select2-choice,
-.has-error .select2-choices {
-  border-color: #a94442;
-}
-.has-error .select2-container-active .select2-choice,
-.has-error .select2-container-multi.select2-container-active .select2-choices {
-  border-color: #843534;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
-}
-.has-error.select2-drop-active {
-  border-color: #843534;
-}
-.has-error.select2-drop-active.select2-drop.select2-drop-above {
-  border-top-color: #843534;
-}
-
-.has-success .select2-choice,
-.has-success .select2-choices {
-  border-color: #3c763d;
-}
-.has-success .select2-container-active .select2-choice,
-.has-success .select2-container-multi.select2-container-active .select2-choices {
-  border-color: #2b542c;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
-}
-.has-success.select2-drop-active {
-  border-color: #2b542c;
-}
-.has-success.select2-drop-active.select2-drop.select2-drop-above {
-  border-top-color: #2b542c;
-}
-
-/**
- * Make Select2's active-styles - applied to .select2-container when the widget receives focus -
- * fit Bootstrap 3's .form-element:focus appearance.
- */
-.select2-container-active .select2-choice,
-.select2-container-multi.select2-container-active .select2-choices {
-  border-color: #66afe9;
-  outline: none;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-}
-
-.select2-drop-active {
-  border-color: #66afe9;
-}
-
-.select2-drop-auto-width,
-.select2-drop.select2-drop-above.select2-drop-active {
-  border-top-color: #66afe9;
-}
-
-/**
- * Select2 widgets in Bootstrap Input Groups
- *
- * When Select2 widgets are combined with other elements using Bootstrap 3's
- * "Input Group" component, we don't want specific edges of the Select2 container
- * to have a border-radius.
- *
- * In Bootstrap 2, input groups required a markup where these style adjustments
- * could be bound to a CSS-class identifying if the additional elements are appended,
- * prepended or both.
- *
- * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.
- * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group
- * to let the contained Select2 widget know which edges should not be rounded as they are
- * directly followed by another element.
- *
- * @see http://getbootstrap.com/components/#input-groups
- */
-.input-group.select2-bootstrap-prepend [class^="select2-choice"] {
-  border-bottom-left-radius: 0 !important;
-  border-top-left-radius: 0 !important;
-}
-
-.input-group.select2-bootstrap-append [class^="select2-choice"] {
-  border-bottom-right-radius: 0 !important;
-  border-top-right-radius: 0 !important;
-}
-
-.select2-dropdown-open [class^="select2-choice"] {
-  border-bottom-right-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-}
-
-.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
-  border-top-right-radius: 0 !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-right-radius: 4px !important;
-  border-bottom-left-radius: 4px !important;
-  background: white;
-  filter: none;
-}
-.input-group.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
-  border-bottom-left-radius: 0 !important;
-  border-top-left-radius: 0 !important;
-}
-.input-group.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
-  border-bottom-right-radius: 0 !important;
-  border-top-right-radius: 0 !important;
-}
-.input-group.input-group-sm.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
-  border-bottom-right-radius: 3px !important;
-}
-.input-group.input-group-lg.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
-  border-bottom-right-radius: 6px !important;
-}
-.input-group.input-group-sm.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
-  border-bottom-left-radius: 3px !important;
-}
-.input-group.input-group-lg.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
-  border-bottom-left-radius: 6px !important;
-}
-
-/**
- * Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles.
- */
-.select2-results .select2-highlighted {
-  color: white;
-  background-color: #337ab7;
-}
-
-/**
- * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address
- * Multi Select2's height which - depending on how many elements have been selected -
- * may grown higher than their initial size.
- */
-.select2-bootstrap-append .select2-container-multiple,
-.select2-bootstrap-append .input-group-btn,
-.select2-bootstrap-append .input-group-btn .btn,
-.select2-bootstrap-prepend .select2-container-multiple,
-.select2-bootstrap-prepend .input-group-btn,
-.select2-bootstrap-prepend .input-group-btn .btn {
-  vertical-align: top;
-}
-
-/**
- * Make Multi Select2's choices match Bootstrap 3's default button styles.
- */
-.select2-container-multi .select2-choices .select2-search-choice {
-  color: #555555;
-  background: white;
-  border-color: #cccccc;
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  -webkit-box-shadow: none;
-  box-shadow: none;
-}
-
-.select2-container-multi .select2-choices .select2-search-choice-focus {
-  background: #ebebeb;
-  border-color: #adadad;
-  color: #333333;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-}
-
-/**
- * Address Multi Select2's choice close-button vertical alignment.
- */
-.select2-search-choice-close {
-  margin-top: -7px;
-  top: 50%;
-}
-
-/**
- * Adjust the single Select2's clear button position (used to reset the select box
- * back to the placeholder value and visible once a selection is made
- * activated by Select2's "allowClear" option).
- */
-.select2-container .select2-choice abbr {
-  top: 50%;
-}
-
-/**
- * Adjust "no results" and "selection limit" messages to make use
- * of Bootstrap 3's default "Alert" style.
- *
- * @see http://getbootstrap.com/components/#alerts-default
- */
-.select2-results .select2-no-results,
-.select2-results .select2-searching,
-.select2-results .select2-selection-limit {
-  background-color: #fcf8e3;
-  color: #8a6d3b;
-}
-
-/**
- * Address disabled Select2 styles.
- *
- * 1. For Select2 v.3.3.2.
- * 2. Revert border-left:0 inherited from Select2's CSS to prevent the arrow
- *    from jumping when switching from disabled to enabled state and vice versa.
- */
-.select2-container.select2-container-disabled .select2-choice,
-.select2-container.select2-container-disabled .select2-choices {
-  cursor: not-allowed;
-  background-color: #eeeeee;
-  border-color: #cccccc;
-}
-.select2-container.select2-container-disabled .select2-choice .select2-arrow,
-.select2-container.select2-container-disabled .select2-choice div,
-.select2-container.select2-container-disabled .select2-choices .select2-arrow,
-.select2-container.select2-container-disabled .select2-choices div {
-  background-color: transparent;
-  border-left: 1px solid transparent;
-  /* 2 */
-}
-
-/**
- * Address Select2's loading indicator position - which should not stick
- * to the right edge of Select2's search input.
- *
- * 1. in .select2-search input
- * 2. in Multi Select2's .select2-search-field input
- * 3. in the status-message of infinite-scroll with remote data (@see http://ivaynberg.github.io/select2/#infinite)
- *
- * These styles alter Select2's default background-position of 100%
- * and supply the new background-position syntax to browsers which support it:
- *
- * 1. Android, Safari < 6/Mobile, IE<9: change to a relative background-position of 99%
- * 2. Chrome 25+, Firefox 13+, IE 9+, Opera 10.5+: use the new CSS3-background-position syntax
- *
- * @see http://www.w3.org/TR/css3-background/#background-position
- *
- * @todo Since both Select2 and Bootstrap 3 only support IE8 and above,
- * we could use the :after-pseudo-element to display the loading indicator.
- * Alternatively, we could supply an altered loading indicator image which already
- * contains an offset to the right.
- */
-.select2-search input.select2-active,
-.select2-container-multi .select2-choices .select2-search-field input.select2-active,
-.select2-more-results.select2-active {
-  background-position: 99%;
-  /* 4 */
-  background-position: right 4px center;
-  /* 5 */
-}
-
-/**
- * To support Select2 pre v3.4.2 in combination with Bootstrap v3.2.0,
- * ensure that .select2-offscreen width, height and position can not be overwritten.
- *
- * This adresses changes in Bootstrap somewhere after the initial v3.0.0 which -
- * in combination with Select2's pre-v3.4.2 CSS missing the "!important" after
- * the following rules - allow Bootstrap to overwrite the latter, which results in
- * the original <select> element Select2 is replacing not be properly being hidden
- * when used in a "Bootstrap Input Group with Addon".
- **/
-.select2-offscreen,
-.select2-offscreen:focus {
-  width: 1px !important;
-  height: 1px !important;
-  position: absolute !important;
-}

panoramix/static/panoramix.css

@@ -1,246 +0,0 @@
-html>body{
-    margin: 0px; !important
-}
-
-.col-left-fixed {
-    width:350px;
-    position: absolute;
-    float: left;
-}
-.col-offset {
-    margin-left: 365px;
-}
-
-.slice_description{
-    padding: 8px;
-    margin: 5px;
-    border: 1px solid #DDD;
-    background-color: #F8F8F8;
-    border-radius: 5px;
-    font-size: 12px;
-}
-
-.slice_info{
-    cursor: pointer;
-}
-
-.padded{
-    padding: 10px;
-}
-
-.intable-longtext{
-    max-height: 200px;
-    overflow: auto;
-}
-
-.slice_container {
-    //height: 100%;
-}
-.container-fluid {
-    text-align: left;
-}
-input[type="checkbox"] {
-  display: inline-block;
-  width: 16px;
-  height: 16px;
-  float: right;
-}
-form div {
-  padding-top: 1px;
-}
-.navbar-brand a {
-  color: white;
-}
-
-.header span{
-    margin-left: 3px;
-}
-
-#timer {
-    width: 80px;
-    text-align: right;
-}
-
-.select2-results .select2-highlighted {
-    background-color: #005c66;
-}
-
-.notbtn {
-    cursor: default;
-}
-hr {
-    margin-top: 15px;
-    margin-bottom: 15px;
-}
-
-span.title-block {
-    background-color: #EEE;
-    border-radius: 4px;
-    padding: 6px 12px;
-    margin: 0px 10px;
-    font-size: 20px;
-}
-
-fieldset.fs-style {
-    font-family: Verdana, Arial, sans-serif;
-    font-size: small;
-    font-weight: normal;
-    border: 1px solid #CCC;
-    background-color: #F4F4F4;
-    border-radius: 6px;
-    padding: 10px;
-    margin: 0px 0px 10px 0px;
-}
-legend.legend-style {
-    font-size: 14px;
-    padding: 0px 6px;
-    cursor: pointer;
-    margin: 0px;
-    color: #444;
-    background-color: transparent;
-    font-weight: bold;
-}
-.nvtooltip {
-    position: relative; !important
-    z-index: 888;
-}
-
-legend {
-    width: auto;
-    border-bottom: 0px;
-}
-.navbar {
-  -webkit-box-shadow: 0px 3px 3px #AAA;
-  -moz-box-shadow: 0px 3px 3px #AAA;
-  box-shadow: 0px 3px 3px #AAA;
-  z-index: 999;
-}
-.panel.panel-primary {
-  margin: 10px;
-}
-
-.index .carousel img {
-  max-height: 500px;
-}
-.index .carousel {
-  overflow: hidden;
-  height: 500px;
-}
-.index .carousel-caption h1 {
-  font-size: 80px;
-}
-.index .carousel-caption p {
-  font-size: 20px;
-}
-.index div.carousel-caption{
-  background: rgba(0,0,0,0.5);
-  border-radius: 20px;
-  top: 150px;
-  bottom: auto !important;
-}
-.index .carousel-inner > .item > img {
-  margin: 0 auto;
-}
-.index {
-  margin: -20px;
-}
-.index .carousel-indicators li {
-  background-color: #AAA;
-  border: 1px solid black;
-}
-
-.index .carousel-indicators .active {
-  background-color: #000;
-  border: 5px solid black;
-}
-
-.datasource .select2-container-multi .select2-choices {
-  height: 70px;
-  overflow: auto;
-}
-.datasource form div.form-control {
-  margin-bottom: 5px !important;
-}
-.datasource form input.form-control {
-  margin-bottom: 5px !important;
-}
-.datasource .tooltip-inner {
-  max-width: 350px;
-}
-img.loading {
-  width: 40px;
-}
-
-.dashboard a i {
-  cursor: pointer;
-}
-.dashboard i.drag {
-  cursor: move; !important
-}
-.dashboard .gridster .preview-holder {
-  z-index: 1;
-  position: absolute;
-  background-color: #AAA;
-  border-color: #AAA;
-  opacity: 0.3;
-}
-.gridster li.widget{
-  list-style-type: none;
-  border: 1px solid gray;
-  overflow: hidden;
-  box-shadow: 2px 2px 2px #AAA;
-  border-radius: 5px;
-  background-color: white;
-}
-.dashboard .gridster .dragging,
-.dashboard .gridster .resizing {
-  opacity: 0.5;
-}
-.dashboard img.loading {
-  width: 20px;
-  margin: 5px;
-}
-.dashboard .title {
-  text-align: center;
-}
-.dashboard .slice_title {
-  text-align: center;
-  font-weight: bold;
-  font-size: 14px;
-  padding: 5px;
-}
-.dashboard div.gridster {
-  visibility: hidden
-}
-.dashboard div.slice_content {
-  width: 100%;
-  height: 100%;
-}
-.dashboard table.slice_header {
-  width: 100%;
-  height: 20px;
-}
-.dashboard li.widget.line,
-  .dashboard li.widget.bar,
-  .dashboard li.widget.compare,
-  .dashboard li.widget.area,
-  .dashboard li.widget.pie,
-  .dashboard li.widget.dist_bar,
-  .dashboard li.widget.sunburst {
- overflow: visible;  /* This allows elements within these widget typesin a dashboard to overflow */
-}
-.dashboard  div.nvtooltip {
-  z-index: 888;  /* this lets tool tips go on top of other slices  */
-}
-.dashboard td.icons {
-  width: 50px;
-}
-.dashboard td.icons nobr {
-  display: none;
-}
-div.header {
-  font-weight: bold;
-}
-li.widget:hover {
-  z-index: 1000;
-}

panoramix/static/panoramix.js

@@ -1,623 +0,0 @@
-var color = function(){
-  // Color related utility functions go in this object
-  var bnbColors = [
-    //rausch    hackb      kazan      babu      lima        beach     barol
-    '#ff5a5f', '#7b0051', '#007A87', '#00d1c1', '#8ce071', '#ffb400', '#b4a76c',
-    '#ff8083', '#cc0086', '#00a1b3', '#00ffeb', '#bbedab', '#ffd266', '#cbc29a',
-    '#ff3339', '#ff1ab1', '#005c66', '#00b3a5', '#55d12e', '#b37e00', '#988b4e',
-  ];
-  var spectrums = {
-    'fire': ['white', 'yellow', 'red', 'black'],
-    'blue_white_yellow': ['#00d1c1', 'white', '#ffb400'],
-    'white_black': ['white', 'black'],
-    'black_white': ['black', 'white'],
-  }
-  var colorBnb = function() {
-    // Color factory
-    var seen = {};
-    return function(s){
-      // next line is for dashed series that should have the same color
-      s = s.replace('---', '');
-      if(seen[s] === undefined)
-        seen[s] = Object.keys(seen).length;
-      return this.bnbColors[seen[s] % this.bnbColors.length];
-    };
-  };
-  colorScalerFactory = function (colors, data, accessor){
-    // Returns a linear scaler our of an array of color
-    if(!Array.isArray(colors))
-      colors = spectrums[colors];
-    if(data !== undefined)
-      var ext = d3.extent(data, accessor);
-    else
-      var ext = [0,1];
-
-    var points = [];
-    var chunkSize = (ext[1] - ext[0]) / colors.length;
-    $.each(colors, function(i, c){
-      points.push(i * chunkSize)
-    });
-    return d3.scale.linear().domain(points).range(colors);
-  }
-  return {
-    bnbColors: bnbColors,
-    category21: colorBnb(),
-    colorScalerFactory: colorScalerFactory,
-  }
-};
-
-var px = (function() {
-
-  var visualizations = {};
-  var dashboard = undefined;
-
-  function getParam(name) {
-    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
-    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
-    results = regex.exec(location.search);
-    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
-  }
-
-  function UTC(dttm){
-    return v = new Date(dttm.getUTCFullYear(), dttm.getUTCMonth(), dttm.getUTCDate(),  dttm.getUTCHours(), dttm.getUTCMinutes(), dttm.getUTCSeconds());
-  }
-  var tickMultiFormat = d3.time.format.multi([
-    [".%L", function(d) { return d.getMilliseconds(); }], // If there are millisections, show  only them
-    [":%S", function(d) { return d.getSeconds(); }], // If there are seconds, show only them
-    ["%a %b %d, %I:%M %p", function(d) { return d.getMinutes()!=0; }], // If there are non-zero minutes, show Date, Hour:Minute [AM/PM]
-    ["%a %b %d, %I %p", function(d) { return d.getHours() != 0; }], // If there are hours that are multiples of 3, show date and AM/PM
-    ["%a %b %d, %Y", function(d) { return d.getDate() != 1; }], // If not the first of the month, do "month day, year."
-    ["%B %Y", function(d) { return d.getMonth() != 0 && d.getDate() == 1; }], // If the first of the month, do "month day, year."
-    ["%Y", function(d) { return true; }] // fall back on month, year
-  ]);
-  function formatDate(dttm) {
-    var d = UTC(new Date(dttm));
-    //d = new Date(d.getTime() - 1 * 60 * 60 * 1000);
-    return tickMultiFormat(d);
-  }
-  function timeFormatFactory(d3timeFormat) {
-    var f = d3.time.format(d3timeFormat)
-    return function(dttm){
-      var d = UTC(new Date(dttm));
-      return f(d);
-    };
-  }
-
-  var Slice = function(data, dashboard){
-    var timer;
-    var token = $('#' + data.token);
-    var container_id = data.token + '_con';
-    var selector = '#' + container_id;
-    var container = $(selector);
-    var slice_id = data.slice_id;
-    var name = data['viz_name'];
-    var dttm = 0;
-    var timer;
-    var stopwatch = function () {
-        dttm += 10;
-        num = dttm / 1000;
-        $('#timer').text(num.toFixed(2) + " sec");
-    }
-    var qrystr = '';
-    var always = function(data) {
-      //Private f, runs after done and error
-      clearInterval(timer);
-      $('#timer').removeClass('btn-warning');
-    }
-    slice = {
-      data: data,
-      container: container,
-      container_id: container_id,
-      selector: selector,
-      querystring: function(){
-        var parser = document.createElement('a');
-        parser.href = data.json_endpoint;
-        if (dashboard !== undefined){
-          var flts = encodeURIComponent(JSON.stringify(dashboard.filters));
-          qrystr = parser.search + "&extra_filters=" + flts;
-        }
-        else if ($('#query').length == 0){
-          qrystr = parser.search;
-        }
-        else {
-          qrystr = '?' + $('#query').serialize();
-        }
-        return qrystr;
-      },
-      jsonEndpoint: function() {
-        var parser = document.createElement('a');
-        parser.href = data.json_endpoint;
-        var endpoint = parser.pathname + this.querystring() + "&json=true";
-        return endpoint;
-      },
-      done: function (data) {
-        clearInterval(timer);
-        token.find("img.loading").hide()
-        container.show();
-        if(data !== undefined)
-            $("#query_container").html(data.query);
-        $('#timer').removeClass('btn-warning');
-        $('#timer').addClass('btn-success');
-        $('span.query').removeClass('disabled');
-        $('#json').click(function(){window.location=data.json_endpoint});
-        $('#standalone').click(function(){window.location=data.standalone_endpoint});
-        $('#csv').click(function(){window.location=data.csv_endpoint});
-        $('.btn-group.results span').removeAttr('disabled');
-        always(data);
-      },
-      error: function (msg) {
-        token.find("img.loading").hide();
-        var err = '<div class="alert alert-danger">' + msg  + '</div>';
-        container.html(err);
-        container.show();
-        $('span.query').removeClass('disabled');
-        $('#timer').addClass('btn-danger');
-        always(data);
-      },
-      width: function(){
-        return token.width();
-      },
-      height: function(){
-        var others = 0;
-        var widget = container.parents('.widget');
-        var slice_description = widget.find('.slice_description');
-        if (slice_description.is(":visible"))
-          others += widget.find('.slice_description').height() + 25;
-        others += widget.find('.slice_header').height();
-        return widget.height() - others;
-      },
-      render: function() {
-        $('.btn-group.results span').attr('disabled','disabled');
-        token.find("img.loading").show();
-        container.hide();
-        container.html('');
-        dttm = 0;
-        timer = setInterval(stopwatch, 10);
-        $('#timer').removeClass('btn-danger btn-success');
-        $('#timer').addClass('btn-warning');
-        viz.render();
-      },
-      resize: function() {
-        token.find("img.loading").show();
-        container.hide();
-        container.html('');
-        viz.render();
-        viz.resize();
-      },
-      addFilter: function(col, vals) {
-        if(dashboard !== undefined)
-          dashboard.addFilter(slice_id, col, vals);
-      },
-      clearFilter: function() {
-        if(dashboard !== undefined)
-          delete dashboard.clearFilter(slice_id);
-      },
-    };
-    var viz = visualizations[data.form_data.viz_type](slice);
-    slice['viz'] = viz;
-    return slice;
-  }
-
-  var Dashboard = function(id){
-    var dash = {
-      slices: [],
-      filters: {},
-      id: id,
-      addFilter: function(slice_id, filters) {
-        this.filters[slice_id] = filters;
-        this.refreshExcept(slice_id);
-      },
-      readFilters: function() {
-        // Returns a list of human readable active filters
-        return JSON.stringify(this.filters, null, 4);
-      },
-      refreshExcept: function(slice_id) {
-        this.slices.forEach(function(slice){
-          if(slice.data.slice_id != slice_id){
-            slice.render();
-          }
-        });
-      },
-      clearFilter: function(slice_id) {
-        delete this.filters[slice_id];
-        this.refreshExcept(slice_id);
-      },
-      getSlice: function(slice_id) {
-        for(var i=0; i<this.slices.length; i++){
-          if (this.slices[i].data.slice_id == slice_id)
-            return this.slices[i];
-        }
-      }
-    }
-    $('.dashboard li.widget').each(function() {
-      var data = $(this).data('slice');
-      var slice = Slice(data, dash);
-      $(this).find('a.refresh').click(function(){
-        slice.render();
-      });
-      dash.slices.push(slice);
-      slice.render();
-    });
-    dashboard = dash;
-    return dash;
-  }
-
-  function registerViz(name, initViz) {
-    visualizations[name] = initViz;
-  }
-    function prepForm(){
-      var i = 1;
-      // Assigning the right id to form elements in filters
-      $("#filters > div").each(function() {
-        $(this).attr("id", function() {return "flt_" + i;})
-        $(this).find("#flt_col_0")
-          .attr("id", function() {return "flt_col_" + i;})
-          .attr("name", function() {return "flt_col_" + i;});
-        $(this).find("#flt_op_0")
-          .attr("id", function() {return "flt_op_" + i;})
-          .attr("name", function() {return "flt_op_" + i;});
-        $(this).find("#flt_eq_0")
-          .attr("id", function() {return "flt_eq_" + i;})
-          .attr("name", function() {return "flt_eq_" + i;});
-        i++;
-      });
-    }
-    function renderSlice(){
-      prepForm();
-      slice.render();
-    }
-    function druidify(){
-      $('div.alert').remove();
-      history.pushState({}, document.title, slice.querystring());
-      renderSlice();
-    }
-
-  function initExploreView() {
-
-    function get_collapsed_fieldsets(){
-        collapsed_fieldsets = $("#collapsed_fieldsets").val();
-        if (collapsed_fieldsets != undefined && collapsed_fieldsets != "")
-          collapsed_fieldsets = collapsed_fieldsets.split('||');
-        else
-          collapsed_fieldsets = [];
-        return collapsed_fieldsets;
-    }
-
-    function toggle_fieldset(legend, animation) {
-        var parent = legend.parent();
-        fieldset = parent.find(".legend_label").text();
-        collapsed_fieldsets = get_collapsed_fieldsets();
-
-        if (!parent.hasClass("collapsed")){
-          if (animation)
-            parent.find(".fieldset_content").slideUp();
-          else
-            parent.find(".fieldset_content").hide();
-
-          parent.addClass("collapsed");
-          parent.find("span.collapser").text("[+]");
-          var index = collapsed_fieldsets.indexOf(fieldset);
-          if (index === -1 && fieldset !== "" && fieldset !== undefined) {
-            collapsed_fieldsets.push(fieldset);
-          }
-        } else {
-          if (animation)
-            parent.find(".fieldset_content").slideDown();
-          else
-            parent.find(".fieldset_content").show();
-          parent.removeClass("collapsed");
-          parent.find("span.collapser").text("[-]");
-
-          // removing from array, js is overcomplicated
-          var index = collapsed_fieldsets.indexOf(fieldset);
-          if (index !== -1) {
-            collapsed_fieldsets.splice(index, 1);
-          }
-        }
-        $("#collapsed_fieldsets").val(collapsed_fieldsets.join("||"));
-    }
-
-    $('legend').click(function () {
-      toggle_fieldset($(this), true);
-    });
-    $('#shortner').click(function () {
-      $.ajax({
-        type: "POST",
-        url: '/r/shortner/',
-        data: {'data': '/' + window.location.pathname + slice.querystring()},
-        success: function(data) {
-          data += '&nbsp;&nbsp;&nbsp;<a style="cursor: pointer;"><i class="fa fa-close" id="close_shortner"></a>';
-          $('#shortner').popover({content: data, placement: 'left', html: true, trigger: 'manual'});
-          $('#shortner').popover('show');
-          $('#close_shortner').click(function(){
-            $('#shortner').popover('destroy');
-          });
-        },
-        error: function() {alert("Error :(");},
-      });
-    });
-    $("#viz_type").change(function() {$("#query").submit();});
-    collapsed_fieldsets = get_collapsed_fieldsets();
-    for(var i=0; i < collapsed_fieldsets.length; i++){
-      toggle_fieldset($('legend:contains("' + collapsed_fieldsets[i] + '")'), false);
-    }
-
-    $(".select2").select2({dropdownAutoWidth : true});
-    $(".select2Sortable").select2({dropdownAutoWidth : true});
-    $(".select2Sortable").select2Sortable({bindOrder: 'sortableStop'});
-    $("form").show();
-    $('[data-toggle="tooltip"]').tooltip({container: 'body'});
-
-    function set_filters(){
-      for (var i = 1; i < 10; i++){
-        var eq = getParam("flt_eq_" + i);
-        if (eq != ''){
-          add_filter(i);
-        }
-      }
-    }
-    set_filters();
-
-    function add_filter(i) {
-      cp = $("#flt0").clone();
-      $(cp).appendTo("#filters");
-      $(cp).show();
-      if (i != undefined){
-        $(cp).find("#flt_eq_0").val(getParam("flt_eq_" + i));
-        $(cp).find("#flt_op_0").val(getParam("flt_op_" + i));
-        $(cp).find("#flt_col_0").val(getParam("flt_col_" + i));
-      }
-      $(cp).find('select').select2();
-      $(cp).find('.remove').click(function() {
-        $(this).parent().parent().remove();
-      });
-    }
-    $(window).bind("popstate", function(event) {
-      // Browser back button
-      var returnLocation = history.location || document.location;
-      // Could do something more lightweight here, but we're not optimizing
-      // for the use of the back button anyways
-      returnLocation.reload();
-    });
-
-
-    $("#plus").click(add_filter);
-    $("#btn_save").click(function () {
-      var slice_name = prompt("Name your slice!");
-      if (slice_name != "" && slice_name != null) {
-        $("#slice_name").val(slice_name);
-        prepForm();
-        $("#action").val("save");
-        $("#query").submit();
-      }
-    });
-    $("#btn_overwrite").click(function () {
-      var flag = confirm("Overwrite slice [" + $("#slice_name").val() + "] !?");
-      if (flag) {
-        $("#action").val("overwrite");
-        prepForm();
-        $("#query").submit();
-      }
-    });
-    add_filter();
-    $(".druidify").click(druidify);
-
-    function create_choices(term, data) {
-      var filtered = $(data).filter(function() {
-        return this.text.localeCompare(term) === 0;
-      });
-      if (filtered.length === 0) {
-        return {id: term, text: term};
-      }
-    }
-    function initSelectionToValue(element, callback) {
-      callback({id: element.val(), text: element.val()});
-    }
-    function list_data(arr) {
-      var obj = [];
-      for (var i=0; i<arr.length; i++){
-          obj.push({id: arr[i], text: arr[i]});
-      }
-      return obj;
-    }
-    $(".select2_freeform").each(function(){
-      parent = $(this).parent();
-      var name = $(this).attr('name');
-      var l = [];
-      var selected = '';
-      for(var i=0; i<this.options.length; i++) {
-          l.push({id: this.options[i].value, text: this.options[i].text});
-          if(this.options[i].selected){
-              selected = this.options[i].value;
-          }
-      }
-      obj = parent.append(
-          '<input class="' + $(this).attr('class') + '" name="'+ name +'" type="text" value="' + selected + '">');
-      $("input[name='" + name  +"']")
-        .select2({
-          createSearchChoice: create_choices,
-          initSelection: initSelectionToValue,
-          dropdownAutoWidth : true,
-          multiple: false,
-          data: l,
-        });
-      $(this).remove();
-    });
-  }
-
-  function initSqlEditorView() {
-    var database_id = $('#database_id').val();
-    var editor = ace.edit("sql");
-    editor.$blockScrolling = Infinity
-    editor.getSession().setUseWrapMode(true);
-
-    var textarea = $('#sql').hide();
-    editor.setTheme("ace/theme/crimson_editor");
-    editor.setOptions({
-        minLines: 16,
-        maxLines: Infinity,
-    });
-    editor.getSession().setMode("ace/mode/sql");
-    editor.focus();
-    $("select").select2({dropdownAutoWidth : true});
-    function showTableMetadata() {
-      $(".metadata").load(
-        '/panoramix/table/' + database_id + '/' + $("#dbtable").val()  + '/');
-    }
-    $("#dbtable").on("change", showTableMetadata);
-    showTableMetadata();
-    $("#create_view").click(function(){alert("Not implemented");});
-    $(".sqlcontent").show();
-    $("#select_star").click(function(){
-      $.ajax('/panoramix/select_star/' + database_id + '/' + $("#dbtable").val()  + '/')
-        .done(function(msg){
-          editor.setValue(msg);
-        });
-    });
-    editor.setValue(getParam('sql'));
-    $(window).bind("popstate", function(event) {
-      // Browser back button
-      var returnLocation = history.location || document.location;
-      // Could do something more lightweight here, but we're not optimizing
-      // for the use of the back button anyways
-      editor.setValue(getParam('sql'));
-      $("#run").click();
-    });
-    $("#run").click(function() {
-      $('#results').hide(0);
-      $('#loading').show(0);
-      history.pushState({}, document.title, '?sql=' + encodeURIComponent(editor.getValue()));
-      $.ajax({
-        type: "POST",
-        url: '/panoramix/runsql/',
-        data: {
-          'data': JSON.stringify({
-          'database_id': $('#database_id').val(),
-          'sql': editor.getSession().getValue(),
-        })},
-        success: function(data) {
-          $('#loading').hide(0);
-          $('#results').show(0);
-          $('#results').html(data);
-
-          var datatable = $('table.sql_results').DataTable({
-            paging: false,
-            searching: true,
-            aaSorting: [],
-          });
-        },
-        error: function(err, err2) {
-          $('#loading').hide(0);
-          $('#results').show(0);
-          $('#results').html(err.responseText);
-        },
-      });
-    });
-  }
-
-  function initDashboardView() {
-    var gridster = $(".gridster ul").gridster({
-      widget_margins: [5, 5],
-      widget_base_dimensions: [100, 100],
-      draggable: {
-        handle: '.drag',
-      },
-      resize: {
-        enabled: true,
-        stop: function(e, ui, element) {
-          var slice_data = $(element).data('slice');
-          dashboard.getSlice(slice_data.slice_id).resize();
-        }
-      },
-      serialize_params: function(_w, wgd) {
-        return {
-          slice_id: $(_w).attr('slice_id'),
-          col: wgd.col,
-          row: wgd.row,
-          size_x: wgd.size_x,
-          size_y: wgd.size_y
-        };
-      },
-    }).data('gridster');
-    $("div.gridster").css('visibility', 'visible');
-    $("#savedash").click(function() {
-      var expanded_slices = {};
-      $.each($(".slice_info"), function(i, d){
-        var widget = $(this).parents('.widget');
-        var slice_description = widget.find('.slice_description');
-        if(slice_description.is(":visible"))
-          expanded_slices[$(d).attr('slice_id')] = true;
-      });
-      var data = {
-          positions: gridster.serialize(),
-          css: editor.getValue(),
-          expanded_slices: expanded_slices,
-      };
-      $.ajax({
-        type: "POST",
-        url: '/panoramix/save_dash/' + dashboard.id + '/',
-        data: {'data': JSON.stringify(data)},
-        success: function() {alert("Saved!")},
-        error: function() {alert("Error :(")},
-      });
-    });
-
-    var editor = ace.edit("dash_css");
-    editor.$blockScrolling = Infinity
-
-    editor.setTheme("ace/theme/crimson_editor");
-    editor.setOptions({
-        minLines: 16,
-        maxLines: Infinity,
-    });
-    editor.getSession().setMode("ace/mode/css");
-
-    $(".select2").select2({dropdownAutoWidth : true});
-    $("#css_template").on("change", function() {
-      var css = $(this).find('option:selected').data('css');
-      editor.setValue(css);
-      $('#dash_css').val(css);
-      $("#user_style").html(css);
-    });
-    $('#filters').click( function(){
-      alert(dashboard.readFilters());
-    });
-    $("a.closeslice").click(function() {
-      var li = $(this).parents("li");
-      gridster.remove_widget(li);
-    });
-    $(".slice_info").click(function(){
-      var widget = $(this).parents('.widget');
-      var slice_description = widget.find('.slice_description');
-      slice_description.slideToggle(500, function(){
-        widget.find('.refresh').click();
-      });
-    });
-    $("table.slice_header").mouseover(function() {
-      $(this).find("td.icons nobr").show();
-    });
-    $("table.slice_header").mouseout(function() {
-      $(this).find("td.icons nobr").hide();
-    });
-    editor.on("change", function(){
-      css = editor.getValue();
-      $('#dash_css').val(css);
-      $("#user_style").html(css);
-    });
-  }
-
-  // Export public functions
-  return {
-    registerViz: registerViz,
-    Slice: Slice,
-    Dashboard: Dashboard,
-    druidify: druidify,
-    initExploreView: initExploreView,
-    initDashboardView: initDashboardView,
-    formatDate: formatDate,
-    timeFormatFactory: timeFormatFactory,
-    color: color(),
-    renderSlice: renderSlice,
-    initSqlEditorView: initSqlEditorView,
-  }
-})();

panoramix/static/widgets/viz_directed_force.js

@@ -1,159 +0,0 @@
-/*
-Modified from http://bl.ocks.org/d3noob/5141278
-*/
-
-function viz_directed_force(slice) {
-  var link_length = slice.data.form_data['link_length'];
-  var div = d3.select(slice.selector);
-  if (link_length === undefined){
-    link_length = 200;
-  }
-  var charge = slice.data.form_data['charge'];
-  if (charge === undefined){
-    charge = -500;
-  }
-  var render = function() {
-    var width = slice.width();
-    var height = slice.height() - 25;
-    d3.json(slice.jsonEndpoint(), function(error, json) {
-
-    if (error != null){
-      slice.error(error.responseText);
-      return '';
-    }
-    links = json.data;
-    var nodes = {};
-    // Compute the distinct nodes from the links.
-    links.forEach(function(link) {
-        link.source = nodes[link.source] ||
-            (nodes[link.source] = {name: link.source});
-        link.target = nodes[link.target] ||
-            (nodes[link.target] = {name: link.target});
-        link.value = +link.value;
-        var target_name = link.target.name;
-        var source_name = link.source.name;
-        if (nodes[target_name]['total'] === undefined)
-          nodes[target_name]['total'] = link.value;
-        if (nodes[source_name]['total'] === undefined)
-          nodes[source_name]['total'] = 0;
-        if (nodes[target_name]['max'] === undefined)
-          nodes[target_name]['max'] = 0;
-        if (link.value > nodes[target_name]['max'])
-          nodes[target_name]['max'] = link.value;
-        if (nodes[target_name]['min'] === undefined)
-          nodes[target_name]['min'] = 0;
-        if (link.value > nodes[target_name]['min'])
-          nodes[target_name]['min'] = link.value;
-
-        nodes[target_name]['total'] += link.value;
-    });
-
-    var force = d3.layout.force()
-        .nodes(d3.values(nodes))
-        .links(links)
-        .size([width, height])
-        .linkDistance(link_length)
-        .charge(charge)
-        .on("tick", tick)
-        .start();
-
-    var svg = div.append("svg")
-        .attr("width", width)
-        .attr("height", height);
-
-    // build the arrow.
-    svg.append("svg:defs").selectAll("marker")
-        .data(["end"])      // Different link/path types can be defined here
-      .enter().append("svg:marker")    // This section adds in the arrows
-        .attr("id", String)
-        .attr("viewBox", "0 -5 10 10")
-        .attr("refX", 15)
-        .attr("refY", -1.5)
-        .attr("markerWidth", 6)
-        .attr("markerHeight", 6)
-        .attr("orient", "auto")
-      .append("svg:path")
-        .attr("d", "M0,-5L10,0L0,5");
-
-    var edgeScale = d3.scale.linear()
-        .range([0.1, 0.5]);
-    // add the links and the arrows
-    var path = svg.append("svg:g").selectAll("path")
-        .data(force.links())
-        .enter().append("svg:path")
-        //.attr("class", function(d) { return "link " + d.type; })
-        .attr("class", "link")
-        .style("opacity", function(d){
-          return edgeScale(d.value/d.target.max);
-        })
-        .attr("marker-end", "url(#end)");
-
-    // define the nodes
-    var node = svg.selectAll(".node")
-        .data(force.nodes())
-        .enter().append("g")
-        .attr("class", "node")
-        .on("mouseenter", function(d){
-          d3.select(this)
-          .select("circle")
-          .transition()
-          .style('stroke-width', 5);
-          d3.select(this)
-          .select("text")
-          .transition()
-          .style('font-size', 25);
-        })
-        .on("mouseleave", function(d){
-          d3.select(this)
-          .select("circle")
-          .transition()
-          .style('stroke-width', 1.5);
-          d3.select(this)
-          .select("text")
-          .transition()
-          .style('font-size', 12);
-        })
-        .call(force.drag);
-
-    // add the nodes
-    var ext = d3.extent(d3.values(nodes), function(d){return Math.sqrt(d.total);})
-    var circleScale = d3.scale.linear()
-        .domain(ext)
-        .range([3, 30]);
-
-    node.append("circle")
-        .attr("r", function(d){return circleScale(Math.sqrt(d.total));});
-
-    // add the text
-    node.append("text")
-        .attr("x", 6)
-        .attr("dy", ".35em")
-        .text(function(d) { return d.name; });
-
-    // add the curvy lines
-    function tick() {
-        path.attr("d", function(d) {
-            var dx = d.target.x - d.source.x,
-                dy = d.target.y - d.source.y,
-                dr = Math.sqrt(dx * dx + dy * dy);
-            return "M" +
-                d.source.x + "," +
-                d.source.y + "A" +
-                dr + "," + dr + " 0 0,1 " +
-                d.target.x + "," +
-                d.target.y;
-        });
-
-        node
-            .attr("transform", function(d) {
-            return "translate(" + d.x + "," + d.y + ")"; });
-    }
-    slice.done(json);
-    });
-  }
-  return {
-    render: render,
-    resize: render,
-  };
-}
-px.registerViz('directed_force', viz_directed_force);

panoramix/static/widgets/viz_heatmap.css

@@ -1,22 +0,0 @@
-.heatmap .axis text {
-  font: 10px sans-serif;
-}
-
-.heatmap .axis path,
-.heatmap .axis line {
-  fill: none;
-  stroke: #000;
-  shape-rendering: crispEdges;
-}
-
-.heatmap svg {
-}
-
-.heatmap canvas, .heatmap img {
-  image-rendering: optimizeSpeed;             /* Older versions of FF          */
-  image-rendering: -moz-crisp-edges;          /* FF 6.0+                       */
-  image-rendering: -webkit-optimize-contrast; /* Safari                        */
-  image-rendering: -o-crisp-edges;            /* OS X & Windows Opera (12.02+) */
-  image-rendering: pixelated;                 /* Awesome future-browsers       */
-  -ms-interpolation-mode: nearest-neighbor;   /* IE                            */
-}

panoramix/static/widgets/viz_iframe.js

@@ -1,22 +0,0 @@
-px.registerViz('iframe', function(slice) {
-
-  function refresh() {
-      $('#code').attr('rows', '15')
-      $.getJSON(slice.jsonEndpoint(), function(payload) {
-        slice.container.html(
-          '<iframe style="width:100%;"></iframe>');
-        console.log(slice);
-        iframe = slice.container.find('iframe');
-        iframe.css('height', slice.height());
-        iframe.attr('src', payload.form_data.url);
-        slice.done();
-      })
-      .fail(function(xhr) {
-          slice.error(xhr.responseText);
-        });
-      };
-  return {
-    render: refresh,
-    resize: refresh,
-  };
-});

panoramix/static/widgets/viz_markup.js

@@ -1,17 +0,0 @@
-px.registerViz('markup', function(slice) {
-
-  function refresh() {
-      $('#code').attr('rows', '15')
-      $.getJSON(slice.jsonEndpoint(), function(payload) {
-        slice.container.html(payload.data.html);
-        slice.done();
-      })
-      .fail(function(xhr) {
-          slice.error(xhr.responseText);
-        });
-      };
-  return {
-    render: refresh,
-    resize: refresh,
-  };
-});

panoramix/static/widgets/viz_nvd3.css

@@ -1,3 +0,0 @@
-g.dashed path.nv-line {
-    stroke-dasharray: 3, 3;
-}

panoramix/static/widgets/viz_nvd3.js

@@ -1,185 +0,0 @@
-function viz_nvd3(slice) {
-  var chart = undefined;
-  var data = {};
-
-  var refresh = function() {
-    $.getJSON(slice.jsonEndpoint(), function(payload) {
-      var fd = payload.form_data;
-      var viz_type = fd.viz_type;
-      var f = d3.format('.3s');
-      var colorKey = 'key';
-      nv.addGraph(function() {
-        if (viz_type === 'line') {
-          if (fd.show_brush) {
-            chart = nv.models.lineWithFocusChart();
-            chart.lines2.xScale(d3.time.scale.utc());
-            chart.x2Axis
-              .showMaxMin(fd.x_axis_showminmax)
-              .staggerLabels(true);
-          } else {
-            chart = nv.models.lineChart()
-          }
-          // To alter the tooltip header
-          // chart.interactiveLayer.tooltip.headerFormatter(function(){return '';});
-          chart.xScale(d3.time.scale.utc());
-          chart.interpolate(fd.line_interpolation);
-          chart.xAxis
-            .showMaxMin(fd.x_axis_showminmax)
-            .staggerLabels(true);
-        } else if (viz_type === 'bar') {
-          chart = nv.models.multiBarChart()
-              .showControls(true)
-              .groupSpacing(0.1);
-          chart.xAxis
-            .showMaxMin(false)
-            .staggerLabels(true);
-          chart.stacked(fd.bar_stacked);
-
-        } else if (viz_type === 'dist_bar') {
-          chart = nv.models.multiBarChart()
-            .showControls(true)   //Allow user to switch between 'Grouped' and 'Stacked' mode.
-            .reduceXTicks(false)
-            .rotateLabels(45)
-            .groupSpacing(0.1);   //Distance between each group of bars.
-          chart.xAxis
-            .showMaxMin(false);
-          chart.stacked(fd.bar_stacked);
-        } else if (viz_type === 'pie') {
-          chart = nv.models.pieChart()
-          colorKey = 'x';
-          chart.valueFormat(f);
-          if (fd.donut) {
-            chart.donut(true);
-            chart.donutLabelsOutside(true);
-          }
-          chart.labelsOutside(true);
-          chart.cornerRadius(true);
-
-        } else if (viz_type === 'column') {
-          chart = nv.models.multiBarChart()
-            .reduceXTicks(false)
-            .rotateLabels(45) ;
-
-        } else if (viz_type === 'compare') {
-          chart = nv.models.cumulativeLineChart();
-          chart.xScale(d3.time.scale.utc());
-          chart.xAxis
-            .showMaxMin(false)
-            .staggerLabels(true);
-
-        } else if (viz_type === 'bubble') {
-          var row = function(col1, col2){
-            return "<tr><td>" + col1 + "</td><td>" + col2 + "</td></r>"
-          }
-          chart = nv.models.scatterChart();
-          chart.showDistX(true);
-          chart.showDistY(true);
-          chart.tooltip.contentGenerator(function (obj) {
-            p = obj.point;
-            var s = "<table>"
-            s += '<tr><td style="color:' + p.color + ';"><strong>' + p[fd.entity] + '</strong> (' + p.group + ')</td></tr>';
-            s += row(fd.x, f(p.x));
-            s += row(fd.y, f(p.y));
-            s += row(fd.size, f(p.size));
-            s += "</table>";
-            return s;
-          });
-          chart.pointRange([5, fd.max_bubble_size * fd.max_bubble_size]);
-
-        } else if (viz_type === 'area') {
-          chart = nv.models.stackedAreaChart();
-          chart.style(fd.stacked_style);
-          chart.xScale(d3.time.scale.utc());
-          chart.xAxis
-            .showMaxMin(false)
-            .staggerLabels(true);
-        }
-        if ("showLegend" in chart) {
-            if ('show_legend' in fd)
-              chart.showLegend(fd.show_legend);
-        }
-
-        var height = slice.height();
-        if(chart.hasOwnProperty("x2Axis")) {
-          height += 30;
-        }
-        chart.height(height);
-        slice.container.css('height', height + 'px');
-
-        if ((viz_type === "line" || viz_type === "area") && fd.rich_tooltip) {
-          chart.useInteractiveGuideline(true);
-        }
-        if (fd.y_axis_zero) {
-          chart.forceY([0, 1]);
-        }
-        else if (fd.y_log_scale) {
-          chart.yScale(d3.scale.log());
-        }
-        if (fd.x_log_scale) {
-          chart.xScale(d3.scale.log());
-        }
-        if (viz_type === 'bubble') {
-          chart.xAxis.tickFormat(d3.format('.3s'));
-        }
-        else if (fd.x_axis_format == 'smart_date') {
-          chart.xAxis.tickFormat(px.formatDate);
-        }
-        else if (fd.x_axis_format !== undefined) {
-          chart.xAxis.tickFormat(px.timeFormatFactory(fd.x_axis_format));
-        }
-        if (chart.yAxis !== undefined)
-          chart.yAxis.tickFormat(d3.format('.3s'));
-        if (fd.contribution || fd.num_period_compare || viz_type == 'compare') {
-          chart.yAxis.tickFormat(d3.format('.3p'));
-          if (chart.y2Axis != undefined) {
-              chart.y2Axis.tickFormat(d3.format('.3p'));
-          }
-        }
-        else if (fd.y_axis_format) {
-          chart.yAxis.tickFormat(d3.format(fd.y_axis_format));
-
-          if (chart.y2Axis != undefined) {
-            chart.y2Axis.tickFormat(d3.format(fd.y_axis_format));
-          }
-        }
-
-        chart.color(function(d, i){
-          return px.color.category21(d[colorKey]);
-        });
-        d3.select(slice.selector).append("svg")
-          .datum(payload.data)
-          .transition().duration(500)
-          .attr('height', height)
-          .call(chart);
-
-        return chart;
-      });
-      slice.done(payload);
-  })
-  .fail(function(xhr) {
-      slice.error(xhr.responseText);
-    });
-  };
-  var resize = function() {
-    chart.update();
-  }
-
-  return {
-    render: refresh,
-    resize: resize,
-  };
-
-}
-
-[
-  'area',
-  'bar',
-  'bubble',
-  'column',
-  'compare',
-  'dist_bar',
-  'line',
-  'pie',
-].forEach(function(name) {
-  px.registerViz(name, viz_nvd3);
-});

panoramix/static/widgets/viz_pivot_table.css

@@ -1,3 +0,0 @@
-.gridster li.widget.pivot_table, div.widget.pivot_table{
-    overflow: auto; !important
-}

panoramix/static/widgets/viz_pivot_table.js

@@ -1,25 +0,0 @@
-px.registerViz('pivot_table', function(slice) {
-  container = slice.container;
-  var form_data = slice.data.form_data;
-
-  function refresh() {
-    $.getJSON(slice.jsonEndpoint(), function(json){
-      container.html(json.data);
-      if (form_data.groupby.length == 1){
-        var table = container.find('table').DataTable({
-          paging: false,
-          searching: false,
-        });
-        table.column('-1').order( 'desc' ).draw();
-      }
-      slice.done(json);
-    }).fail(function(xhr){
-        slice.error(xhr.responseText);
-    });
-  }
-  return {
-    render: refresh,
-    resize: refresh,
-  };
-
-});

panoramix/static/widgets/viz_sankey.js

@@ -1,104 +0,0 @@
-function viz_sankey(slice) {
-    var div = d3.select(slice.selector);
-
-    var render = function() {
-        var width = slice.width();
-        var height = slice.height() - 25;
-        var margin = {top: 5, right: 5, bottom: 5, left: 5};
-        width = width - margin.left - margin.right;
-        height = height - margin.top - margin.bottom;
-
-        var formatNumber = d3.format(",.0f"),
-            format = function(d) { return formatNumber(d) + " TWh"; },
-            color = d3.scale.category20();
-
-        var svg = div.append("svg")
-            .attr("width", width + margin.left + margin.right)
-            .attr("height", height + margin.top + margin.bottom)
-          .append("g")
-            .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
-        var sankey = d3.sankey()
-            .nodeWidth(15)
-            .nodePadding(10)
-            .size([width, height]);
-
-        var path = sankey.link();
-
-        d3.json(slice.jsonEndpoint(), function(error, json) {
-          if (error != null){
-            slice.error(error.responseText);
-            return '';
-          }
-          links = json.data;
-          var nodes = {};
-          // Compute the distinct nodes from the links.
-          links.forEach(function(link) {
-              link.source = nodes[link.source] ||
-                  (nodes[link.source] = {name: link.source});
-              link.target = nodes[link.target] ||
-                  (nodes[link.target] = {name: link.target});
-              link.value = +link.value;
-              var target_name = link.target.name;
-              var source_name = link.source.name;
-          });
-          nodes = d3.values(nodes);
-
-          sankey
-              .nodes(nodes)
-              .links(links)
-              .layout(32);
-
-          var link = svg.append("g").selectAll(".link")
-              .data(links)
-            .enter().append("path")
-              .attr("class", "link")
-              .attr("d", path)
-              .style("stroke-width", function(d) { return Math.max(1, d.dy); })
-              .sort(function(a, b) { return b.dy - a.dy; });
-
-          link.append("title")
-              .text(function(d) { return d.source.name + " → " + d.target.name + "\n" + format(d.value); });
-
-          var node = svg.append("g").selectAll(".node")
-              .data(nodes)
-            .enter().append("g")
-              .attr("class", "node")
-              .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; })
-            .call(d3.behavior.drag()
-              .origin(function(d) { return d; })
-              .on("dragstart", function() { this.parentNode.appendChild(this); })
-              .on("drag", dragmove));
-
-          node.append("rect")
-              .attr("height", function(d) { return d.dy; })
-              .attr("width", sankey.nodeWidth())
-              .style("fill", function(d) { return d.color = color(d.name.replace(/ .*/, "")); })
-              .style("stroke", function(d) { return d3.rgb(d.color).darker(2); })
-            .append("title")
-              .text(function(d) { return d.name + "\n" + format(d.value); });
-
-          node.append("text")
-              .attr("x", -6)
-              .attr("y", function(d) { return d.dy / 2; })
-              .attr("dy", ".35em")
-              .attr("text-anchor", "end")
-              .attr("transform", null)
-              .text(function(d) { return d.name; })
-            .filter(function(d) { return d.x < width / 2; })
-              .attr("x", 6 + sankey.nodeWidth())
-              .attr("text-anchor", "start");
-
-          function dragmove(d) {
-            d3.select(this).attr("transform", "translate(" + d.x + "," + (d.y = Math.max(0, Math.min(height - d.dy, d3.event.y))) + ")");
-            sankey.relayout();
-            link.attr("d", path);
-          }
-          slice.done(json);
-        });
-    }
-    return {
-        render: render,
-        resize: render,
-    };
-}
-px.registerViz('sankey', viz_sankey);

panoramix/static/widgets/viz_world_map.css

@@ -1,3 +0,0 @@
-.world_map svg{
-    background-color: #bce8f1;
-}