Browse Source

Fixed scrollTop offset issue

css_transitions
jos 10 years ago
parent
commit
4f6f8ce2b6
3 changed files with 80 additions and 197 deletions
  1. +72
    -191
      dist/vis.js
  2. +4
    -3
      src/timeline/Graph2d.js
  3. +4
    -3
      src/timeline/Timeline.js

+ 72
- 191
dist/vis.js View File

@ -10087,9 +10087,10 @@ Timeline.prototype.redraw = function() {
// reposition the scrollable contents // reposition the scrollable contents
var offset = this.props.scrollTop; var offset = this.props.scrollTop;
// if (options.orientation == 'bottom') {
// offset += Math.max(this.props.centerContainer.height - this.props.center.height, 0);
// }
if (options.orientation == 'bottom') {
offset += Math.max(this.props.centerContainer.height - this.props.center.height -
this.props.border.top - this.props.border.bottom, 0);
}
dom.center.style.left = '0'; dom.center.style.left = '0';
dom.center.style.top = offset + 'px'; dom.center.style.top = offset + 'px';
dom.left.style.left = '0'; dom.left.style.left = '0';
@ -10960,9 +10961,10 @@ Graph2d.prototype.redraw = function() {
// reposition the scrollable contents // reposition the scrollable contents
var offset = this.props.scrollTop; var offset = this.props.scrollTop;
// if (options.orientation == 'bottom') {
// offset += Math.max(this.props.centerContainer.height - this.props.center.height, 0);
// }
if (options.orientation == 'bottom') {
offset += Math.max(this.props.centerContainer.height - this.props.center.height -
this.props.border.top - this.props.border.bottom, 0);
}
dom.center.style.left = '0'; dom.center.style.left = '0';
dom.center.style.top = offset + 'px'; dom.center.style.top = offset + 'px';
dom.backgroundHorizontal.style.left = '0'; dom.backgroundHorizontal.style.left = '0';
@ -26723,7 +26725,7 @@ else {
})(this); })(this);
},{}],4:[function(require,module,exports){ },{}],4:[function(require,module,exports){
var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};//! moment.js var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};//! moment.js
//! version : 2.7.0
//! version : 2.6.0
//! authors : Tim Wood, Iskren Chernev, Moment.js contributors //! authors : Tim Wood, Iskren Chernev, Moment.js contributors
//! license : MIT //! license : MIT
//! momentjs.com //! momentjs.com
@ -26735,7 +26737,7 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
************************************/ ************************************/
var moment, var moment,
VERSION = "2.7.0",
VERSION = "2.6.0",
// the global-scope this is NOT the global object in Node.js // the global-scope this is NOT the global object in Node.js
globalScope = typeof global !== 'undefined' ? global : this, globalScope = typeof global !== 'undefined' ? global : this,
oldGlobalMoment, oldGlobalMoment,
@ -26760,7 +26762,6 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
_f : null, _f : null,
_l : null, _l : null,
_strict : null, _strict : null,
_tzm : null,
_isUTC : null, _isUTC : null,
_offset : null, // optional. Combine with _isUTC _offset : null, // optional. Combine with _isUTC
_pf : null, _pf : null,
@ -26869,16 +26870,6 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
// format function strings // format function strings
formatFunctions = {}, formatFunctions = {},
// default relative time thresholds
relativeTimeThresholds = {
s: 45, //seconds to minutes
m: 45, //minutes to hours
h: 22, //hours to days
dd: 25, //days to month (month == 1)
dm: 45, //days to months (months > 1)
dy: 345 //days to year
},
// tokens to ordinalize and pad // tokens to ordinalize and pad
ordinalizeTokens = 'DDD w W M D d'.split(' '), ordinalizeTokens = 'DDD w W M D d'.split(' '),
paddedTokens = 'M D H h m s w W'.split(' '), paddedTokens = 'M D H h m s w W'.split(' '),
@ -27018,16 +27009,6 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
lists = ['months', 'monthsShort', 'weekdays', 'weekdaysShort', 'weekdaysMin']; lists = ['months', 'monthsShort', 'weekdays', 'weekdaysShort', 'weekdaysMin'];
// Pick the first defined of two or three arguments. dfl comes from
// default.
function dfl(a, b, c) {
switch (arguments.length) {
case 2: return a != null ? a : b;
case 3: return a != null ? a : b != null ? b : c;
default: throw new Error("Implement me");
}
}
function defaultParsingFlags() { function defaultParsingFlags() {
// We need to deep clone this object, and es5 standard is not very // We need to deep clone this object, and es5 standard is not very
// helpful. // helpful.
@ -27896,86 +27877,30 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
config._useUTC = true; config._useUTC = true;
config._tzm = timezoneMinutesFromString(input); config._tzm = timezoneMinutesFromString(input);
break; break;
// WEEKDAY - human
case 'dd':
case 'ddd':
case 'dddd':
a = getLangDefinition(config._l).weekdaysParse(input);
// if we didn't get a weekday name, mark the date as invalid
if (a != null) {
config._w = config._w || {};
config._w['d'] = a;
} else {
config._pf.invalidWeekday = input;
}
break;
// WEEK, WEEK DAY - numeric
case 'w': case 'w':
case 'ww': case 'ww':
case 'W': case 'W':
case 'WW': case 'WW':
case 'd': case 'd':
case 'dd':
case 'ddd':
case 'dddd':
case 'e': case 'e':
case 'E': case 'E':
token = token.substr(0, 1); token = token.substr(0, 1);
/* falls through */ /* falls through */
case 'gg':
case 'gggg': case 'gggg':
case 'GG':
case 'GGGG': case 'GGGG':
case 'GGGGG': case 'GGGGG':
token = token.substr(0, 2); token = token.substr(0, 2);
if (input) { if (input) {
config._w = config._w || {}; config._w = config._w || {};
config._w[token] = toInt(input);
config._w[token] = input;
} }
break; break;
case 'gg':
case 'GG':
config._w = config._w || {};
config._w[token] = moment.parseTwoDigitYear(input);
}
}
function dayOfYearFromWeekInfo(config) {
var w, weekYear, week, weekday, dow, doy, temp, lang;
w = config._w;
if (w.GG != null || w.W != null || w.E != null) {
dow = 1;
doy = 4;
// TODO: We need to take the current isoWeekYear, but that depends on
// how we interpret now (local, utc, fixed offset). So create
// a now version of current config (take local/utc/offset flags, and
// create now).
weekYear = dfl(w.GG, config._a[YEAR], weekOfYear(moment(), 1, 4).year);
week = dfl(w.W, 1);
weekday = dfl(w.E, 1);
} else {
lang = getLangDefinition(config._l);
dow = lang._week.dow;
doy = lang._week.doy;
weekYear = dfl(w.gg, config._a[YEAR], weekOfYear(moment(), dow, doy).year);
week = dfl(w.w, 1);
if (w.d != null) {
// weekday -- low day numbers are considered next week
weekday = w.d;
if (weekday < dow) {
++week;
}
} else if (w.e != null) {
// local weekday -- counting starts from begining of week
weekday = w.e + dow;
} else {
// default to begining of week
weekday = dow;
}
} }
temp = dayOfYearFromWeeks(weekYear, week, weekday, doy, dow);
config._a[YEAR] = temp.year;
config._dayOfYear = temp.dayOfYear;
} }
// convert an array to a date. // convert an array to a date.
@ -27983,7 +27908,8 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
// note: all values past the year are optional and will default to the lowest possible value. // note: all values past the year are optional and will default to the lowest possible value.
// [year, month, day , hour, minute, second, millisecond] // [year, month, day , hour, minute, second, millisecond]
function dateFromConfig(config) { function dateFromConfig(config) {
var i, date, input = [], currentDate, yearToUse;
var i, date, input = [], currentDate,
yearToUse, fixYear, w, temp, lang, weekday, week;
if (config._d) { if (config._d) {
return; return;
@ -27993,12 +27919,39 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
//compute day of the year from weeks and weekdays //compute day of the year from weeks and weekdays
if (config._w && config._a[DATE] == null && config._a[MONTH] == null) { if (config._w && config._a[DATE] == null && config._a[MONTH] == null) {
dayOfYearFromWeekInfo(config);
fixYear = function (val) {
var intVal = parseInt(val, 10);
return val ?
(val.length < 3 ? (intVal > 68 ? 1900 + intVal : 2000 + intVal) : intVal) :
(config._a[YEAR] == null ? moment().weekYear() : config._a[YEAR]);
};
w = config._w;
if (w.GG != null || w.W != null || w.E != null) {
temp = dayOfYearFromWeeks(fixYear(w.GG), w.W || 1, w.E, 4, 1);
}
else {
lang = getLangDefinition(config._l);
weekday = w.d != null ? parseWeekday(w.d, lang) :
(w.e != null ? parseInt(w.e, 10) + lang._week.dow : 0);
week = parseInt(w.w, 10) || 1;
//if we're parsing 'd', then the low day numbers may be next week
if (w.d != null && weekday < lang._week.dow) {
week++;
}
temp = dayOfYearFromWeeks(fixYear(w.gg), week, weekday, lang._week.doy, lang._week.dow);
}
config._a[YEAR] = temp.year;
config._dayOfYear = temp.dayOfYear;
} }
//if the day of the year is set, figure out what it is //if the day of the year is set, figure out what it is
if (config._dayOfYear) { if (config._dayOfYear) {
yearToUse = dfl(config._a[YEAR], currentDate[YEAR]);
yearToUse = config._a[YEAR] == null ? currentDate[YEAR] : config._a[YEAR];
if (config._dayOfYear > daysInYear(yearToUse)) { if (config._dayOfYear > daysInYear(yearToUse)) {
config._pf._overflowDayOfYear = true; config._pf._overflowDayOfYear = true;
@ -28023,12 +27976,11 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
config._a[i] = input[i] = (config._a[i] == null) ? (i === 2 ? 1 : 0) : config._a[i]; config._a[i] = input[i] = (config._a[i] == null) ? (i === 2 ? 1 : 0) : config._a[i];
} }
// add the offsets to the time to be parsed so that we can have a clean array for checking isValid
input[HOUR] += toInt((config._tzm || 0) / 60);
input[MINUTE] += toInt((config._tzm || 0) % 60);
config._d = (config._useUTC ? makeUTCDate : makeDate).apply(null, input); config._d = (config._useUTC ? makeUTCDate : makeDate).apply(null, input);
// Apply timezone offset from input. The actual zone can be changed
// with parseZone.
if (config._tzm != null) {
config._d.setUTCMinutes(config._d.getUTCMinutes() + config._tzm);
}
} }
function dateFromObject(config) { function dateFromObject(config) {
@ -28068,11 +28020,6 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
// date from string and format string // date from string and format string
function makeDateFromStringAndFormat(config) { function makeDateFromStringAndFormat(config) {
if (config._f === moment.ISO_8601) {
parseISO(config);
return;
}
config._a = []; config._a = [];
config._pf.empty = true; config._pf.empty = true;
@ -28185,7 +28132,7 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
} }
// date from iso format // date from iso format
function parseISO(config) {
function makeDateFromString(config) {
var i, l, var i, l,
string = config._i, string = config._i,
match = isoRegex.exec(string); match = isoRegex.exec(string);
@ -28209,16 +28156,8 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
config._f += "Z"; config._f += "Z";
} }
makeDateFromStringAndFormat(config); makeDateFromStringAndFormat(config);
} else {
config._isValid = false;
} }
}
// date from iso format or fallback
function makeDateFromString(config) {
parseISO(config);
if (config._isValid === false) {
delete config._isValid;
else {
moment.createFromInputFallback(config); moment.createFromInputFallback(config);
} }
} }
@ -28299,15 +28238,15 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
hours = round(minutes / 60), hours = round(minutes / 60),
days = round(hours / 24), days = round(hours / 24),
years = round(days / 365), years = round(days / 365),
args = seconds < relativeTimeThresholds.s && ['s', seconds] ||
args = seconds < 45 && ['s', seconds] ||
minutes === 1 && ['m'] || minutes === 1 && ['m'] ||
minutes < relativeTimeThresholds.m && ['mm', minutes] ||
minutes < 45 && ['mm', minutes] ||
hours === 1 && ['h'] || hours === 1 && ['h'] ||
hours < relativeTimeThresholds.h && ['hh', hours] ||
hours < 22 && ['hh', hours] ||
days === 1 && ['d'] || days === 1 && ['d'] ||
days <= relativeTimeThresholds.dd && ['dd', days] ||
days <= relativeTimeThresholds.dm && ['M'] ||
days < relativeTimeThresholds.dy && ['MM', round(days / 30)] ||
days <= 25 && ['dd', days] ||
days <= 45 && ['M'] ||
days < 345 && ['MM', round(days / 30)] ||
years === 1 && ['y'] || ['yy', years]; years === 1 && ['y'] || ['yy', years];
args[2] = withoutSuffix; args[2] = withoutSuffix;
args[3] = milliseconds > 0; args[3] = milliseconds > 0;
@ -28353,7 +28292,6 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
function dayOfYearFromWeeks(year, week, weekday, firstDayOfWeekOfYear, firstDayOfWeek) { function dayOfYearFromWeeks(year, week, weekday, firstDayOfWeekOfYear, firstDayOfWeek) {
var d = makeUTCDate(year, 0, 1).getUTCDay(), daysToAdd, dayOfYear; var d = makeUTCDate(year, 0, 1).getUTCDay(), daysToAdd, dayOfYear;
d = d === 0 ? 7 : d;
weekday = weekday != null ? weekday : firstDayOfWeek; weekday = weekday != null ? weekday : firstDayOfWeek;
daysToAdd = firstDayOfWeek - d + (d > firstDayOfWeekOfYear ? 7 : 0) - (d < firstDayOfWeek ? 7 : 0); daysToAdd = firstDayOfWeek - d + (d > firstDayOfWeekOfYear ? 7 : 0) - (d < firstDayOfWeek ? 7 : 0);
dayOfYear = 7 * (week - 1) + (weekday - firstDayOfWeek) + daysToAdd + 1; dayOfYear = 7 * (week - 1) + (weekday - firstDayOfWeek) + daysToAdd + 1;
@ -28429,40 +28367,6 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
config._d = new Date(config._i); config._d = new Date(config._i);
}); });
// Pick a moment m from moments so that m[fn](other) is true for all
// other. This relies on the function fn to be transitive.
//
// moments should either be an array of moment objects or an array, whose
// first element is an array of moment objects.
function pickBy(fn, moments) {
var res, i;
if (moments.length === 1 && isArray(moments[0])) {
moments = moments[0];
}
if (!moments.length) {
return moment();
}
res = moments[0];
for (i = 1; i < moments.length; ++i) {
if (moments[i][fn](res)) {
res = moments[i];
}
}
return res;
}
moment.min = function () {
var args = [].slice.call(arguments, 0);
return pickBy('isBefore', args);
};
moment.max = function () {
var args = [].slice.call(arguments, 0);
return pickBy('isAfter', args);
};
// creating with utc // creating with utc
moment.utc = function (input, format, lang, strict) { moment.utc = function (input, format, lang, strict) {
var c; var c;
@ -28559,9 +28463,6 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
// default format // default format
moment.defaultFormat = isoFormat; moment.defaultFormat = isoFormat;
// constant that refers to the ISO standard
moment.ISO_8601 = function () {};
// Plugins that add properties should also add the key here (null value), // Plugins that add properties should also add the key here (null value),
// so we can properly clone ourselves. // so we can properly clone ourselves.
moment.momentProperties = momentProperties; moment.momentProperties = momentProperties;
@ -28570,15 +28471,6 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
// It is intended to keep the offset in sync with the timezone. // It is intended to keep the offset in sync with the timezone.
moment.updateOffset = function () {}; moment.updateOffset = function () {};
// This function allows you to set a threshold for relative time strings
moment.relativeTimeThreshold = function(threshold, limit) {
if (relativeTimeThresholds[threshold] === undefined) {
return false;
}
relativeTimeThresholds[threshold] = limit;
return true;
};
// This function will load languages and then set the global language. If // This function will load languages and then set the global language. If
// no arguments are passed in, it will simply return the current global // no arguments are passed in, it will simply return the current global
// language key. // language key.
@ -28734,9 +28626,7 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
add : function (input, val) { add : function (input, val) {
var dur; var dur;
// switch args to support add('s', 1) and add(1, 's') // switch args to support add('s', 1) and add(1, 's')
if (typeof input === 'string' && typeof val === 'string') {
dur = moment.duration(isNaN(+val) ? +input : +val, isNaN(+val) ? val : input);
} else if (typeof input === 'string') {
if (typeof input === 'string') {
dur = moment.duration(+val, input); dur = moment.duration(+val, input);
} else { } else {
dur = moment.duration(input, val); dur = moment.duration(input, val);
@ -28748,9 +28638,7 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
subtract : function (input, val) { subtract : function (input, val) {
var dur; var dur;
// switch args to support subtract('s', 1) and subtract(1, 's') // switch args to support subtract('s', 1) and subtract(1, 's')
if (typeof input === 'string' && typeof val === 'string') {
dur = moment.duration(isNaN(+val) ? +input : +val, isNaN(+val) ? val : input);
} else if (typeof input === 'string') {
if (typeof input === 'string') {
dur = moment.duration(+val, input); dur = moment.duration(+val, input);
} else { } else {
dur = moment.duration(input, val); dur = moment.duration(input, val);
@ -28801,11 +28689,10 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
return this.from(moment(), withoutSuffix); return this.from(moment(), withoutSuffix);
}, },
calendar : function (time) {
calendar : function () {
// We want to compare the start of today, vs this. // We want to compare the start of today, vs this.
// Getting start-of-today depends on whether we're zone'd or not. // Getting start-of-today depends on whether we're zone'd or not.
var now = time || moment(),
sod = makeAs(now, this).startOf('day'),
var sod = makeAs(moment(), this).startOf('day'),
diff = this.diff(sod, 'days', true), diff = this.diff(sod, 'days', true),
format = diff < -6 ? 'sameElse' : format = diff < -6 ? 'sameElse' :
diff < -1 ? 'lastWeek' : diff < -1 ? 'lastWeek' :
@ -28900,21 +28787,15 @@ var global=typeof self !== "undefined" ? self : typeof window !== "undefined" ?
return +this.clone().startOf(units) === +makeAs(input, this).startOf(units); return +this.clone().startOf(units) === +makeAs(input, this).startOf(units);
}, },
min: deprecate(
"moment().min is deprecated, use moment.min instead. https://github.com/moment/moment/issues/1548",
function (other) {
other = moment.apply(null, arguments);
return other < this ? this : other;
}
),
max: deprecate(
"moment().max is deprecated, use moment.max instead. https://github.com/moment/moment/issues/1548",
function (other) {
other = moment.apply(null, arguments);
return other > this ? this : other;
}
),
min: function (other) {
other = moment.apply(null, arguments);
return other < this ? this : other;
},
max: function (other) {
other = moment.apply(null, arguments);
return other > this ? this : other;
},
// keepTime = true means only change the timezone, without affecting // keepTime = true means only change the timezone, without affecting
// the local hour. So 5:31:26 +0300 --[zone(2, true)]--> 5:31:26 +0200 // the local hour. So 5:31:26 +0300 --[zone(2, true)]--> 5:31:26 +0200

+ 4
- 3
src/timeline/Graph2d.js View File

@ -627,9 +627,10 @@ Graph2d.prototype.redraw = function() {
// reposition the scrollable contents // reposition the scrollable contents
var offset = this.props.scrollTop; var offset = this.props.scrollTop;
// if (options.orientation == 'bottom') {
// offset += Math.max(this.props.centerContainer.height - this.props.center.height, 0);
// }
if (options.orientation == 'bottom') {
offset += Math.max(this.props.centerContainer.height - this.props.center.height -
this.props.border.top - this.props.border.bottom, 0);
}
dom.center.style.left = '0'; dom.center.style.left = '0';
dom.center.style.top = offset + 'px'; dom.center.style.top = offset + 'px';
dom.backgroundHorizontal.style.left = '0'; dom.backgroundHorizontal.style.left = '0';

+ 4
- 3
src/timeline/Timeline.js View File

@ -641,9 +641,10 @@ Timeline.prototype.redraw = function() {
// reposition the scrollable contents // reposition the scrollable contents
var offset = this.props.scrollTop; var offset = this.props.scrollTop;
// if (options.orientation == 'bottom') {
// offset += Math.max(this.props.centerContainer.height - this.props.center.height, 0);
// }
if (options.orientation == 'bottom') {
offset += Math.max(this.props.centerContainer.height - this.props.center.height -
this.props.border.top - this.props.border.bottom, 0);
}
dom.center.style.left = '0'; dom.center.style.left = '0';
dom.center.style.top = offset + 'px'; dom.center.style.top = offset + 'px';
dom.left.style.left = '0'; dom.left.style.left = '0';

Loading…
Cancel
Save