vis-rails 2.0.0 → 2.0.1

data/vendor/assets/vis/timeline/component/TimeAxis.js

@@ -1,389 +0,0 @@
-/**
- * A horizontal time axis
- * @param {{dom: Object, domProps: Object, emitter: Emitter, range: Range}} body
- * @param {Object} [options]        See TimeAxis.setOptions for the available
- *                                  options.
- * @constructor TimeAxis
- * @extends Component
- */
-function TimeAxis (body, options) {
-  this.dom = {
-    foreground: null,
-    majorLines: [],
-    majorTexts: [],
-    minorLines: [],
-    minorTexts: [],
-    redundant: {
-      majorLines: [],
-      majorTexts: [],
-      minorLines: [],
-      minorTexts: []
-    }
-  };
-  this.props = {
-    range: {
-      start: 0,
-      end: 0,
-      minimumStep: 0
-    },
-    lineTop: 0
-  };
-
-  this.defaultOptions = {
-    orientation: 'bottom',  // supported: 'top', 'bottom'
-    // TODO: implement timeaxis orientations 'left' and 'right'
-    showMinorLabels: true,
-    showMajorLabels: true
-  };
-  this.options = util.extend({}, this.defaultOptions);
-
-  this.body = body;
-
-  // create the HTML DOM
-  this._create();
-
-  this.setOptions(options);
-}
-
-TimeAxis.prototype = new Component();
-
-/**
- * Set options for the TimeAxis.
- * Parameters will be merged in current options.
- * @param {Object} options  Available options:
- *                          {string} [orientation]
- *                          {boolean} [showMinorLabels]
- *                          {boolean} [showMajorLabels]
- */
-TimeAxis.prototype.setOptions = function(options) {
-  if (options) {
-    // copy all options that we know
-    util.selectiveExtend(['orientation', 'showMinorLabels', 'showMajorLabels'], this.options, options);
-  }
-};
-
-/**
- * Create the HTML DOM for the TimeAxis
- */
-TimeAxis.prototype._create = function() {
-  this.dom.foreground = document.createElement('div');
-  this.dom.background = document.createElement('div');
-
-  this.dom.foreground.className = 'timeaxis foreground';
-  this.dom.background.className = 'timeaxis background';
-};
-
-/**
- * Destroy the TimeAxis
- */
-TimeAxis.prototype.destroy = function() {
-  // remove from DOM
-  if (this.dom.foreground.parentNode) {
-    this.dom.foreground.parentNode.removeChild(this.dom.foreground);
-  }
-  if (this.dom.background.parentNode) {
-    this.dom.background.parentNode.removeChild(this.dom.background);
-  }
-
-  this.body = null;
-};
-
-/**
- * Repaint the component
- * @return {boolean} Returns true if the component is resized
- */
-TimeAxis.prototype.redraw = function () {
-  var options = this.options,
-      props = this.props,
-      foreground = this.dom.foreground,
-      background = this.dom.background;
-
-  // determine the correct parent DOM element (depending on option orientation)
-  var parent = (options.orientation == 'top') ? this.body.dom.top : this.body.dom.bottom;
-  var parentChanged = (foreground.parentNode !== parent);
-
-  // calculate character width and height
-  this._calculateCharSize();
-
-  // TODO: recalculate sizes only needed when parent is resized or options is changed
-  var orientation = this.options.orientation,
-      showMinorLabels = this.options.showMinorLabels,
-      showMajorLabels = this.options.showMajorLabels;
-
-  // determine the width and height of the elemens for the axis
-  props.minorLabelHeight = showMinorLabels ? props.minorCharHeight : 0;
-  props.majorLabelHeight = showMajorLabels ? props.majorCharHeight : 0;
-  props.height = props.minorLabelHeight + props.majorLabelHeight;
-  props.width = foreground.offsetWidth;
-
-  props.minorLineHeight = this.body.domProps.root.height - props.majorLabelHeight -
-      (options.orientation == 'top' ? this.body.domProps.bottom.height : this.body.domProps.top.height);
-  props.minorLineWidth = 1; // TODO: really calculate width
-  props.majorLineHeight = props.minorLineHeight + props.majorLabelHeight;
-  props.majorLineWidth = 1; // TODO: really calculate width
-
-  //  take foreground and background offline while updating (is almost twice as fast)
-  var foregroundNextSibling = foreground.nextSibling;
-  var backgroundNextSibling = background.nextSibling;
-  foreground.parentNode && foreground.parentNode.removeChild(foreground);
-  background.parentNode && background.parentNode.removeChild(background);
-
-  foreground.style.height = this.props.height + 'px';
-
-  this._repaintLabels();
-
-  // put DOM online again (at the same place)
-  if (foregroundNextSibling) {
-    parent.insertBefore(foreground, foregroundNextSibling);
-  }
-  else {
-    parent.appendChild(foreground)
-  }
-  if (backgroundNextSibling) {
-    this.body.dom.backgroundVertical.insertBefore(background, backgroundNextSibling);
-  }
-  else {
-    this.body.dom.backgroundVertical.appendChild(background)
-  }
-
-  return this._isResized() || parentChanged;
-};
-
-/**
- * Repaint major and minor text labels and vertical grid lines
- * @private
- */
-TimeAxis.prototype._repaintLabels = function () {
-  var orientation = this.options.orientation;
-
-  // calculate range and step (step such that we have space for 7 characters per label)
-  var start = util.convert(this.body.range.start, 'Number'),
-      end = util.convert(this.body.range.end, 'Number'),
-      minimumStep = this.body.util.toTime((this.props.minorCharWidth || 10) * 7).valueOf()
-          -this.body.util.toTime(0).valueOf();
-  var step = new TimeStep(new Date(start), new Date(end), minimumStep);
-  this.step = step;
-
-  // Move all DOM elements to a "redundant" list, where they
-  // can be picked for re-use, and clear the lists with lines and texts.
-  // At the end of the function _repaintLabels, left over elements will be cleaned up
-  var dom = this.dom;
-  dom.redundant.majorLines = dom.majorLines;
-  dom.redundant.majorTexts = dom.majorTexts;
-  dom.redundant.minorLines = dom.minorLines;
-  dom.redundant.minorTexts = dom.minorTexts;
-  dom.majorLines = [];
-  dom.majorTexts = [];
-  dom.minorLines = [];
-  dom.minorTexts = [];
-
-  step.first();
-  var xFirstMajorLabel = undefined;
-  var max = 0;
-  while (step.hasNext() && max < 1000) {
-    max++;
-    var cur = step.getCurrent(),
-        x = this.body.util.toScreen(cur),
-        isMajor = step.isMajor();
-
-    // TODO: lines must have a width, such that we can create css backgrounds
-
-    if (this.options.showMinorLabels) {
-      this._repaintMinorText(x, step.getLabelMinor(), orientation);
-    }
-
-    if (isMajor && this.options.showMajorLabels) {
-      if (x > 0) {
-        if (xFirstMajorLabel == undefined) {
-          xFirstMajorLabel = x;
-        }
-        this._repaintMajorText(x, step.getLabelMajor(), orientation);
-      }
-      this._repaintMajorLine(x, orientation);
-    }
-    else {
-      this._repaintMinorLine(x, orientation);
-    }
-
-    step.next();
-  }
-
-  // create a major label on the left when needed
-  if (this.options.showMajorLabels) {
-    var leftTime = this.body.util.toTime(0),
-        leftText = step.getLabelMajor(leftTime),
-        widthText = leftText.length * (this.props.majorCharWidth || 10) + 10; // upper bound estimation
-
-    if (xFirstMajorLabel == undefined || widthText < xFirstMajorLabel) {
-      this._repaintMajorText(0, leftText, orientation);
-    }
-  }
-
-  // Cleanup leftover DOM elements from the redundant list
-  util.forEach(this.dom.redundant, function (arr) {
-    while (arr.length) {
-      var elem = arr.pop();
-      if (elem && elem.parentNode) {
-        elem.parentNode.removeChild(elem);
-      }
-    }
-  });
-};
-
-/**
- * Create a minor label for the axis at position x
- * @param {Number} x
- * @param {String} text
- * @param {String} orientation   "top" or "bottom" (default)
- * @private
- */
-TimeAxis.prototype._repaintMinorText = function (x, text, orientation) {
-  // reuse redundant label
-  var label = this.dom.redundant.minorTexts.shift();
-
-  if (!label) {
-    // create new label
-    var content = document.createTextNode('');
-    label = document.createElement('div');
-    label.appendChild(content);
-    label.className = 'text minor';
-    this.dom.foreground.appendChild(label);
-  }
-  this.dom.minorTexts.push(label);
-
-  label.childNodes[0].nodeValue = text;
-
-  label.style.top = (orientation == 'top') ? (this.props.majorLabelHeight + 'px') : '0';
-  label.style.left = x + 'px';
-  //label.title = title;  // TODO: this is a heavy operation
-};
-
-/**
- * Create a Major label for the axis at position x
- * @param {Number} x
- * @param {String} text
- * @param {String} orientation   "top" or "bottom" (default)
- * @private
- */
-TimeAxis.prototype._repaintMajorText = function (x, text, orientation) {
-  // reuse redundant label
-  var label = this.dom.redundant.majorTexts.shift();
-
-  if (!label) {
-    // create label
-    var content = document.createTextNode(text);
-    label = document.createElement('div');
-    label.className = 'text major';
-    label.appendChild(content);
-    this.dom.foreground.appendChild(label);
-  }
-  this.dom.majorTexts.push(label);
-
-  label.childNodes[0].nodeValue = text;
-  //label.title = title; // TODO: this is a heavy operation
-
-  label.style.top = (orientation == 'top') ? '0' : (this.props.minorLabelHeight  + 'px');
-  label.style.left = x + 'px';
-};
-
-/**
- * Create a minor line for the axis at position x
- * @param {Number} x
- * @param {String} orientation   "top" or "bottom" (default)
- * @private
- */
-TimeAxis.prototype._repaintMinorLine = function (x, orientation) {
-  // reuse redundant line
-  var line = this.dom.redundant.minorLines.shift();
-
-  if (!line) {
-    // create vertical line
-    line = document.createElement('div');
-    line.className = 'grid vertical minor';
-    this.dom.background.appendChild(line);
-  }
-  this.dom.minorLines.push(line);
-
-  var props = this.props;
-  if (orientation == 'top') {
-    line.style.top = props.majorLabelHeight + 'px';
-  }
-  else {
-    line.style.top = this.body.domProps.top.height + 'px';
-  }
-  line.style.height = props.minorLineHeight + 'px';
-  line.style.left = (x - props.minorLineWidth / 2) + 'px';
-};
-
-/**
- * Create a Major line for the axis at position x
- * @param {Number} x
- * @param {String} orientation   "top" or "bottom" (default)
- * @private
- */
-TimeAxis.prototype._repaintMajorLine = function (x, orientation) {
-  // reuse redundant line
-  var line = this.dom.redundant.majorLines.shift();
-
-  if (!line) {
-    // create vertical line
-    line = document.createElement('DIV');
-    line.className = 'grid vertical major';
-    this.dom.background.appendChild(line);
-  }
-  this.dom.majorLines.push(line);
-
-  var props = this.props;
-  if (orientation == 'top') {
-    line.style.top = '0';
-  }
-  else {
-    line.style.top = this.body.domProps.top.height + 'px';
-  }
-  line.style.left = (x - props.majorLineWidth / 2) + 'px';
-  line.style.height = props.majorLineHeight + 'px';
-};
-
-/**
- * Determine the size of text on the axis (both major and minor axis).
- * The size is calculated only once and then cached in this.props.
- * @private
- */
-TimeAxis.prototype._calculateCharSize = function () {
-  // Note: We calculate char size with every redraw. Size may change, for
-  // example when any of the timelines parents had display:none for example.
-
-  // determine the char width and height on the minor axis
-  if (!this.dom.measureCharMinor) {
-    this.dom.measureCharMinor = document.createElement('DIV');
-    this.dom.measureCharMinor.className = 'text minor measure';
-    this.dom.measureCharMinor.style.position = 'absolute';
-
-    this.dom.measureCharMinor.appendChild(document.createTextNode('0'));
-    this.dom.foreground.appendChild(this.dom.measureCharMinor);
-  }
-  this.props.minorCharHeight = this.dom.measureCharMinor.clientHeight;
-  this.props.minorCharWidth = this.dom.measureCharMinor.clientWidth;
-
-  // determine the char width and height on the major axis
-  if (!this.dom.measureCharMajor) {
-    this.dom.measureCharMajor = document.createElement('DIV');
-    this.dom.measureCharMajor.className = 'text minor measure';
-    this.dom.measureCharMajor.style.position = 'absolute';
-
-    this.dom.measureCharMajor.appendChild(document.createTextNode('0'));
-    this.dom.foreground.appendChild(this.dom.measureCharMajor);
-  }
-  this.props.majorCharHeight = this.dom.measureCharMajor.clientHeight;
-  this.props.majorCharWidth = this.dom.measureCharMajor.clientWidth;
-};
-
-/**
- * Snap a date to a rounded value.
- * The snap intervals are dependent on the current scale and step.
- * @param {Date} date   the date to be snapped.
- * @return {Date} snappedDate
- */
-TimeAxis.prototype.snap = function(date) {
-  return this.step.snap(date);
-};

data/vendor/assets/vis/timeline/component/css/animation.css

@@ -1,33 +0,0 @@
-.vis.timeline.root {
-  /*
-  -webkit-transition: height .4s ease-in-out;
-  transition:         height .4s ease-in-out;
-  */
-}
-
-.vis.timeline .vispanel {
-  /*
-  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
-  transition:         height .4s ease-in-out, top .4s ease-in-out;
-  */
-}
-
-.vis.timeline .axis {
-  /*
-  -webkit-transition: top .4s ease-in-out;
-  transition:         top .4s ease-in-out;
-  */
-}
-
-/* TODO: get animation working nicely
-
-.vis.timeline .item {
-  -webkit-transition: top .4s ease-in-out;
-  transition:         top .4s ease-in-out;
-}
-
-.vis.timeline .item.line {
-  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
-  transition:         height .4s ease-in-out, top .4s ease-in-out;
-}
-/**/

data/vendor/assets/vis/timeline/component/css/currenttime.css

@@ -1,5 +0,0 @@
-.vis.timeline .currenttime {
-  background-color: #FF7F6E;
-  width: 2px;
-  z-index: 1;
-}

data/vendor/assets/vis/timeline/component/css/customtime.css

@@ -1,6 +0,0 @@
-.vis.timeline .customtime {
-  background-color: #6E94FF;
-  width: 2px;
-  cursor: move;
-  z-index: 1;
-}

data/vendor/assets/vis/timeline/component/css/item.css

@@ -1,107 +0,0 @@
-
-.vis.timeline .item {
-  position: absolute;
-  color: #1A1A1A;
-  border-color: #97B0F8;
-  border-width: 1px;
-  background-color: #D5DDF6;
-  display: inline-block;
-  padding: 5px;
-}
-
-.vis.timeline .item.selected {
-  border-color: #FFC200;
-  background-color: #FFF785;
-  z-index: 999;
-}
-
-.vis.timeline .editable .item.selected {
-  cursor: move;
-}
-
-.vis.timeline .item.point.selected {
-  background-color: #FFF785;
-}
-
-.vis.timeline .item.box {
-  text-align: center;
-  border-style: solid;
-  border-radius: 2px;
-}
-
-.vis.timeline .item.point {
-  background: none;
-}
-
-.vis.timeline .item.dot {
-  position: absolute;
-  padding: 0;
-  border-width: 4px;
-  border-style: solid;
-  border-radius: 4px;
-}
-
-.vis.timeline .item.range,
-.vis.timeline .item.rangeoverflow{
-  border-style: solid;
-  border-radius: 2px;
-  box-sizing: border-box;
-}
-
-.vis.timeline .item.range .content,
-.vis.timeline .item.rangeoverflow .content {
-  position: relative;
-  display: inline-block;
-}
-
-.vis.timeline .item.range .content {
-  overflow: hidden;
-  max-width: 100%;
-}
-
-.vis.timeline .item.line {
-  padding: 0;
-  position: absolute;
-  width: 0;
-  border-left-width: 1px;
-  border-left-style: solid;
-}
-
-.vis.timeline .item .content {
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.vis.timeline .item .delete {
-  background: url('img/timeline/delete.png') no-repeat top center;
-  position: absolute;
-  width: 24px;
-  height: 24px;
-  top: 0;
-  right: -24px;
-  cursor: pointer;
-}
-
-.vis.timeline .item.range .drag-left,
-.vis.timeline .item.rangeoverflow .drag-left {
-  position: absolute;
-  width: 24px;
-  height: 100%;
-  top: 0;
-  left: -4px;
-
-  cursor: w-resize;
-  z-index: 10000;
-}
-
-.vis.timeline .item.range .drag-right,
-.vis.timeline .item.rangeoverflow .drag-right {
-  position: absolute;
-  width: 24px;
-  height: 100%;
-  top: 0;
-  right: -4px;
-
-  cursor: e-resize;
-  z-index: 10001; /* a little higher z-index than .drag-left */
-}