vis-rails 2.0.0 → 2.0.1

data/vendor/assets/vis/timeline/component/item/ItemPoint.js

@@ -1,190 +0,0 @@
-/**
- * @constructor ItemPoint
- * @extends Item
- * @param {Object} data             Object containing parameters start
- *                                  content, className.
- * @param {{toScreen: function, toTime: function}} conversion
- *                                  Conversion functions from time to screen and vice versa
- * @param {Object} [options]        Configuration options
- *                                  // TODO: describe available options
- */
-function ItemPoint (data, conversion, options) {
-  this.props = {
-    dot: {
-      top: 0,
-      width: 0,
-      height: 0
-    },
-    content: {
-      height: 0,
-      marginLeft: 0
-    }
-  };
-
-  // validate data
-  if (data) {
-    if (data.start == undefined) {
-      throw new Error('Property "start" missing in item ' + data);
-    }
-  }
-
-  Item.call(this, data, conversion, options);
-}
-
-ItemPoint.prototype = new Item (null, null, null);
-
-/**
- * Check whether this item is visible inside given range
- * @returns {{start: Number, end: Number}} range with a timestamp for start and end
- * @returns {boolean} True if visible
- */
-ItemPoint.prototype.isVisible = function(range) {
-  // determine visibility
-  // TODO: account for the real width of the item. Right now we just add 1/4 to the window
-  var interval = (range.end - range.start) / 4;
-  return (this.data.start > range.start - interval) && (this.data.start < range.end + interval);
-};
-
-/**
- * Repaint the item
- */
-ItemPoint.prototype.redraw = function() {
-  var dom = this.dom;
-  if (!dom) {
-    // create DOM
-    this.dom = {};
-    dom = this.dom;
-
-    // background box
-    dom.point = document.createElement('div');
-    // className is updated in redraw()
-
-    // contents box, right from the dot
-    dom.content = document.createElement('div');
-    dom.content.className = 'content';
-    dom.point.appendChild(dom.content);
-
-    // dot at start
-    dom.dot = document.createElement('div');
-    dom.point.appendChild(dom.dot);
-
-    // attach this item as attribute
-    dom.point['timeline-item'] = this;
-  }
-
-  // append DOM to parent DOM
-  if (!this.parent) {
-    throw new Error('Cannot redraw item: no parent attached');
-  }
-  if (!dom.point.parentNode) {
-    var foreground = this.parent.dom.foreground;
-    if (!foreground) {
-      throw new Error('Cannot redraw time axis: parent has no foreground container element');
-    }
-    foreground.appendChild(dom.point);
-  }
-  this.displayed = true;
-
-  // update contents
-  if (this.data.content != this.content) {
-    this.content = this.data.content;
-    if (this.content instanceof Element) {
-      dom.content.innerHTML = '';
-      dom.content.appendChild(this.content);
-    }
-    else if (this.data.content != undefined) {
-      dom.content.innerHTML = this.content;
-    }
-    else {
-      throw new Error('Property "content" missing in item ' + this.data.id);
-    }
-
-    this.dirty = true;
-  }
-
-  // update class
-  var className = (this.data.className? ' ' + this.data.className : '') +
-      (this.selected ? ' selected' : '');
-  if (this.className != className) {
-    this.className = className;
-    dom.point.className  = 'item point' + className;
-    dom.dot.className  = 'item dot' + className;
-
-    this.dirty = true;
-  }
-
-  // recalculate size
-  if (this.dirty) {
-    this.width = dom.point.offsetWidth;
-    this.height = dom.point.offsetHeight;
-    this.props.dot.width = dom.dot.offsetWidth;
-    this.props.dot.height = dom.dot.offsetHeight;
-    this.props.content.height = dom.content.offsetHeight;
-
-    // resize contents
-    dom.content.style.marginLeft = 2 * this.props.dot.width + 'px';
-    //dom.content.style.marginRight = ... + 'px'; // TODO: margin right
-
-    dom.dot.style.top = ((this.height - this.props.dot.height) / 2) + 'px';
-    dom.dot.style.left = (this.props.dot.width / 2) + 'px';
-
-    this.dirty = false;
-  }
-
-  this._repaintDeleteButton(dom.point);
-};
-
-/**
- * Show the item in the DOM (when not already visible). The items DOM will
- * be created when needed.
- */
-ItemPoint.prototype.show = function() {
-  if (!this.displayed) {
-    this.redraw();
-  }
-};
-
-/**
- * Hide the item from the DOM (when visible)
- */
-ItemPoint.prototype.hide = function() {
-  if (this.displayed) {
-    if (this.dom.point.parentNode) {
-      this.dom.point.parentNode.removeChild(this.dom.point);
-    }
-
-    this.top = null;
-    this.left = null;
-
-    this.displayed = false;
-  }
-};
-
-/**
- * Reposition the item horizontally
- * @Override
- */
-ItemPoint.prototype.repositionX = function() {
-  var start = this.conversion.toScreen(this.data.start);
-
-  this.left = start - this.props.dot.width;
-
-  // reposition point
-  this.dom.point.style.left = this.left + 'px';
-};
-
-/**
- * Reposition the item vertically
- * @Override
- */
-ItemPoint.prototype.repositionY = function() {
-  var orientation = this.options.orientation,
-      point = this.dom.point;
-
-  if (orientation == 'top') {
-    point.style.top = this.top + 'px';
-  }
-  else {
-    point.style.top = (this.parent.height - this.top - this.height) + 'px';
-  }
-};

data/vendor/assets/vis/timeline/component/item/ItemRange.js

@@ -1,262 +0,0 @@
-/**
- * @constructor ItemRange
- * @extends Item
- * @param {Object} data             Object containing parameters start, end
- *                                  content, className.
- * @param {{toScreen: function, toTime: function}} conversion
- *                                  Conversion functions from time to screen and vice versa
- * @param {Object} [options]        Configuration options
- *                                  // TODO: describe options
- */
-function ItemRange (data, conversion, options) {
-  this.props = {
-    content: {
-      width: 0
-    }
-  };
-
-  // validate data
-  if (data) {
-    if (data.start == undefined) {
-      throw new Error('Property "start" missing in item ' + data.id);
-    }
-    if (data.end == undefined) {
-      throw new Error('Property "end" missing in item ' + data.id);
-    }
-  }
-
-  Item.call(this, data, conversion, options);
-}
-
-ItemRange.prototype = new Item (null, null, null);
-
-ItemRange.prototype.baseClassName = 'item range';
-
-/**
- * Check whether this item is visible inside given range
- * @returns {{start: Number, end: Number}} range with a timestamp for start and end
- * @returns {boolean} True if visible
- */
-ItemRange.prototype.isVisible = function(range) {
-  // determine visibility
-  return (this.data.start < range.end) && (this.data.end > range.start);
-};
-
-/**
- * Repaint the item
- */
-ItemRange.prototype.redraw = function() {
-  var dom = this.dom;
-  if (!dom) {
-    // create DOM
-    this.dom = {};
-    dom = this.dom;
-
-      // background box
-    dom.box = document.createElement('div');
-    // className is updated in redraw()
-
-    // contents box
-    dom.content = document.createElement('div');
-    dom.content.className = 'content';
-    dom.box.appendChild(dom.content);
-
-    // attach this item as attribute
-    dom.box['timeline-item'] = this;
-  }
-
-  // append DOM to parent DOM
-  if (!this.parent) {
-    throw new Error('Cannot redraw item: no parent attached');
-  }
-  if (!dom.box.parentNode) {
-    var foreground = this.parent.dom.foreground;
-    if (!foreground) {
-      throw new Error('Cannot redraw time axis: parent has no foreground container element');
-    }
-    foreground.appendChild(dom.box);
-  }
-  this.displayed = true;
-
-  // update contents
-  if (this.data.content != this.content) {
-    this.content = this.data.content;
-    if (this.content instanceof Element) {
-      dom.content.innerHTML = '';
-      dom.content.appendChild(this.content);
-    }
-    else if (this.data.content != undefined) {
-      dom.content.innerHTML = this.content;
-    }
-    else {
-      throw new Error('Property "content" missing in item ' + this.data.id);
-    }
-
-    this.dirty = true;
-  }
-
-  // update class
-  var className = (this.data.className ? (' ' + this.data.className) : '') +
-      (this.selected ? ' selected' : '');
-  if (this.className != className) {
-    this.className = className;
-    dom.box.className = this.baseClassName + className;
-
-    this.dirty = true;
-  }
-
-  // recalculate size
-  if (this.dirty) {
-    this.props.content.width = this.dom.content.offsetWidth;
-    this.height = this.dom.box.offsetHeight;
-
-    this.dirty = false;
-  }
-
-  this._repaintDeleteButton(dom.box);
-  this._repaintDragLeft();
-  this._repaintDragRight();
-};
-
-/**
- * Show the item in the DOM (when not already visible). The items DOM will
- * be created when needed.
- */
-ItemRange.prototype.show = function() {
-  if (!this.displayed) {
-    this.redraw();
-  }
-};
-
-/**
- * Hide the item from the DOM (when visible)
- * @return {Boolean} changed
- */
-ItemRange.prototype.hide = function() {
-  if (this.displayed) {
-    var box = this.dom.box;
-
-    if (box.parentNode) {
-      box.parentNode.removeChild(box);
-    }
-
-    this.top = null;
-    this.left = null;
-
-    this.displayed = false;
-  }
-};
-
-/**
- * Reposition the item horizontally
- * @Override
- */
-ItemRange.prototype.repositionX = function() {
-  var props = this.props,
-      parentWidth = this.parent.width,
-      start = this.conversion.toScreen(this.data.start),
-      end = this.conversion.toScreen(this.data.end),
-      padding = this.options.padding,
-      contentLeft;
-
-  // limit the width of the this, as browsers cannot draw very wide divs
-  if (start < -parentWidth) {
-    start = -parentWidth;
-  }
-  if (end > 2 * parentWidth) {
-    end = 2 * parentWidth;
-  }
-
-  // when range exceeds left of the window, position the contents at the left of the visible area
-  if (start < 0) {
-    contentLeft = Math.min(-start,
-        (end - start - props.content.width - 2 * padding));
-    // TODO: remove the need for options.padding. it's terrible.
-  }
-  else {
-    contentLeft = 0;
-  }
-
-  this.left = start;
-  this.width = Math.max(end - start, 1);
-
-  this.dom.box.style.left = this.left + 'px';
-  this.dom.box.style.width = this.width + 'px';
-  this.dom.content.style.left = contentLeft + 'px';
-};
-
-/**
- * Reposition the item vertically
- * @Override
- */
-ItemRange.prototype.repositionY = function() {
-  var orientation = this.options.orientation,
-      box = this.dom.box;
-
-  if (orientation == 'top') {
-    box.style.top = this.top + 'px';
-  }
-  else {
-    box.style.top = (this.parent.height - this.top - this.height) + 'px';
-  }
-};
-
-/**
- * Repaint a drag area on the left side of the range when the range is selected
- * @protected
- */
-ItemRange.prototype._repaintDragLeft = function () {
-  if (this.selected && this.options.editable.updateTime && !this.dom.dragLeft) {
-    // create and show drag area
-    var dragLeft = document.createElement('div');
-    dragLeft.className = 'drag-left';
-    dragLeft.dragLeftItem = this;
-
-    // TODO: this should be redundant?
-    Hammer(dragLeft, {
-      preventDefault: true
-    }).on('drag', function () {
-          //console.log('drag left')
-        });
-
-    this.dom.box.appendChild(dragLeft);
-    this.dom.dragLeft = dragLeft;
-  }
-  else if (!this.selected && this.dom.dragLeft) {
-    // delete drag area
-    if (this.dom.dragLeft.parentNode) {
-      this.dom.dragLeft.parentNode.removeChild(this.dom.dragLeft);
-    }
-    this.dom.dragLeft = null;
-  }
-};
-
-/**
- * Repaint a drag area on the right side of the range when the range is selected
- * @protected
- */
-ItemRange.prototype._repaintDragRight = function () {
-  if (this.selected && this.options.editable.updateTime && !this.dom.dragRight) {
-    // create and show drag area
-    var dragRight = document.createElement('div');
-    dragRight.className = 'drag-right';
-    dragRight.dragRightItem = this;
-
-    // TODO: this should be redundant?
-    Hammer(dragRight, {
-      preventDefault: true
-    }).on('drag', function () {
-      //console.log('drag right')
-    });
-
-    this.dom.box.appendChild(dragRight);
-    this.dom.dragRight = dragRight;
-  }
-  else if (!this.selected && this.dom.dragRight) {
-    // delete drag area
-    if (this.dom.dragRight.parentNode) {
-      this.dom.dragRight.parentNode.removeChild(this.dom.dragRight);
-    }
-    this.dom.dragRight = null;
-  }
-};