inviton-powerduck 0.0.154 → 0.0.156
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/powerduck-initializer.ts +3 -3
- package/common/api-http.ts +20 -14
- package/common/css/ladda-themeless-zoomin.min.css +89 -89
- package/common/enum-translation/day-translator.ts +3 -2
- package/common/excel/excel-reader.ts +2 -9
- package/common/extensions/array-extensions.ts +116 -0
- package/common/extensions/string-extensions.ts +92 -0
- package/common/extensions/temporal-extensions.ts +115 -0
- package/common/scroll-utils.ts +2 -1
- package/common/temporal-helpers.ts +551 -0
- package/common/timezone-helper.ts +39 -29
- package/common/utils/cookie.ts +11 -8
- package/common/utils/date-localization-utils.ts +25 -19
- package/common/utils/date-utils.ts +37 -47
- package/common/utils/form-utils.ts +3 -1
- package/common/utils/language-utils.ts +21 -27
- package/common/utils/temporal-utils.ts +43 -0
- package/common/utils/upload-image-helper.ts +1 -1
- package/common/utils/utils.ts +14 -14
- package/common/validation.ts +17 -5
- package/components/chart-js/line-chart-flot.tsx +9 -9
- package/components/chart-js/thirdparty/flot/jquery.flot.categories.min.js +93 -93
- package/components/chart-js/thirdparty/flot/jquery.flot.crosshair.min.js +83 -83
- package/components/chart-js/thirdparty/flot/jquery.flot.navigate.min.js +270 -270
- package/components/chart-js/thirdparty/flot/jquery.flot.pie.min.js +507 -507
- package/components/chart-js/thirdparty/flot/jquery.flot.resize.js +7 -9
- package/components/chart-js/thirdparty/flot/jquery.flot.resize.min.js +9 -11
- package/components/chart-js/thirdparty/flot/jquery.flot.stack.min.js +104 -104
- package/components/chart-js/ts/line-chart-contracts.ts +2 -2
- package/components/container-with-breakpoints/ts/breakpoint-handler.ts +2 -2
- package/components/counter/testall.tsx +89 -75
- package/components/datatable/datatable.tsx +2379 -2375
- package/components/datatable/export-excel-modal.tsx +12 -14
- package/components/datatable/ts/reorder.ts +4 -2
- package/components/dropdown/index.tsx +48 -22
- package/components/dropdown/mobile/legacy_fdd.ts +10 -11
- package/components/dropzone/gallery-dropzone.tsx +394 -382
- package/components/fullcalendar/fullcalendar-draggable-event.tsx +8 -7
- package/components/fullcalendar/timegrid-calendar.tsx +60 -67
- package/components/image-crop/image-cropping-modal.tsx +9 -8
- package/components/image-crop/upload-and-crop.tsx +162 -162
- package/components/image-crop/vendor/jquery.Jcrop.min.css +344 -344
- package/components/import/import-mapper.tsx +2 -2
- package/components/input/daterange-picker.tsx +40 -59
- package/components/input/datetime-picker.tsx +45 -50
- package/components/input/plugins/daterangepicker/daterangepicker.min.css +400 -400
- package/components/input/plugins/daterangepicker/jquery.daterangepicker.min.js +346 -339
- package/components/input/plugins/daterangepicker/jquery.daterangepicker.ts +580 -402
- package/components/input/radio-button-group.tsx +2 -2
- package/components/input/ts/dateInputHelper.ts +1 -0
- package/components/input/wysiwig.tsx +12 -7
- package/components/svg/skilift-svg.tsx +6 -6
- package/package.json +2 -1
- package/common/date-wrapper.ts +0 -422
- package/common/utils/array-extend.ts +0 -215
- package/common/utils/array-remove.ts +0 -10
- package/common/utils/array-sort.ts +0 -56
- package/common/utils/capitalize-string.ts +0 -11
- package/common/utils/format-string.ts +0 -14
- package/common/utils/latinize-string.ts +0 -7
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { Temporal } from '@js-temporal/polyfill';
|
|
2
2
|
import type { LineChartArgs, LineChartDataArgs } from './ts/line-chart-contracts';
|
|
3
3
|
import { Prop, toNative } from 'vue-facing-decorator';
|
|
4
|
-
import TsxComponent, { Component } from '../../app/vuetsx';
|
|
5
4
|
|
|
5
|
+
import TsxComponent, { Component } from '../../app/vuetsx';
|
|
6
|
+
import { toDisplayString } from '../../common/extensions/temporal-extensions';
|
|
6
7
|
import { isNullOrEmpty } from '../../common/utils/is-null-or-empty';
|
|
7
8
|
import { PortalUtils } from '../../common/utils/utils';
|
|
8
9
|
import arrowBottomIcon from './img/arrow-down.gif';
|
|
@@ -11,9 +12,9 @@ import arrowRightIcon from './img/arrow-right.gif';
|
|
|
11
12
|
import arrowTopIcon from './img/arrow-up.gif';
|
|
12
13
|
import './thirdparty/flot/jquery.flot-patched.js';
|
|
13
14
|
import './thirdparty/flot/jquery.flot.pie.js';
|
|
15
|
+
|
|
14
16
|
import './thirdparty/flot/jquery.flot.stack.js';
|
|
15
17
|
import './thirdparty/flot/jquery.flot.crosshair.js';
|
|
16
|
-
|
|
17
18
|
import './thirdparty/flot/jquery.flot.resize.js';
|
|
18
19
|
import './thirdparty/flot/jquery.flot.categories.js';
|
|
19
20
|
import './thirdparty/flot/jquery.flot.navigate.js';
|
|
@@ -61,7 +62,6 @@ class LineChartFlotComponent extends TsxComponent<LineChartArgs> implements Line
|
|
|
61
62
|
const itemData = [];
|
|
62
63
|
const performCreation = true;
|
|
63
64
|
let hasData = false;
|
|
64
|
-
const self = this;
|
|
65
65
|
|
|
66
66
|
if (dataParam != null && dataParam.length > 0) {
|
|
67
67
|
dataParam.forEach((currItem) => {
|
|
@@ -78,7 +78,7 @@ class LineChartFlotComponent extends TsxComponent<LineChartArgs> implements Line
|
|
|
78
78
|
|
|
79
79
|
ciData.forEach((dataItem) => {
|
|
80
80
|
dataArr.push([
|
|
81
|
-
PortalUtils.isString(dataItem.caption) ? dataItem.caption : (dataItem.caption as
|
|
81
|
+
PortalUtils.isString(dataItem.caption) ? dataItem.caption : (dataItem.caption as Temporal.PlainDateTime)[toDisplayString](true),
|
|
82
82
|
Math.max(dataItem.value, 0),
|
|
83
83
|
dataItem.tooltipSuffix,
|
|
84
84
|
dataItem.uuid,
|
|
@@ -281,8 +281,8 @@ class LineChartFlotComponent extends TsxComponent<LineChartArgs> implements Line
|
|
|
281
281
|
item,
|
|
282
282
|
) => {
|
|
283
283
|
if (dataParam.length == 1) {
|
|
284
|
-
if (item &&
|
|
285
|
-
|
|
284
|
+
if (item && this.itemClicked != null) {
|
|
285
|
+
this.itemClicked(item.series.data[item.dataIndex][3]);
|
|
286
286
|
}
|
|
287
287
|
}
|
|
288
288
|
});
|
|
@@ -295,8 +295,8 @@ class LineChartFlotComponent extends TsxComponent<LineChartArgs> implements Line
|
|
|
295
295
|
offset,
|
|
296
296
|
) => {
|
|
297
297
|
$(`<img class="plot-button" src="${icon}" style="position: absolute;cursor: pointer;right:${right
|
|
298
|
-
|
|
299
|
-
|
|
298
|
+
}px;top:${top
|
|
299
|
+
}px">`)
|
|
300
300
|
.appendTo(elem)
|
|
301
301
|
.click((e) => {
|
|
302
302
|
e.preventDefault();
|
|
@@ -1,93 +1,93 @@
|
|
|
1
|
-
/* Javascript plotting library for jQuery, version 0.8.3.
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2007-2014 IOLA and Ole Laursen.
|
|
4
|
-
Licensed under the MIT license.
|
|
5
|
-
|
|
6
|
-
*/
|
|
7
|
-
(function ($) {
|
|
8
|
-
var options = { xaxis: { categories: null }, yaxis: { categories: null } };
|
|
9
|
-
function processRawData(plot, series, data, datapoints) {
|
|
10
|
-
var xCategories = series.xaxis.options.mode == "categories",
|
|
11
|
-
yCategories = series.yaxis.options.mode == "categories";
|
|
12
|
-
if (!(xCategories || yCategories)) return;
|
|
13
|
-
var format = datapoints.format;
|
|
14
|
-
if (!format) {
|
|
15
|
-
var s = series;
|
|
16
|
-
format = [];
|
|
17
|
-
format.push({ x: true, number: true, required: true });
|
|
18
|
-
format.push({ y: true, number: true, required: true });
|
|
19
|
-
if (s.bars.show || (s.lines.show && s.lines.fill)) {
|
|
20
|
-
var autoscale = !!((s.bars.show && s.bars.zero) || (s.lines.show && s.lines.zero));
|
|
21
|
-
format.push({ y: true, number: true, required: false, defaultValue: 0, autoscale: autoscale });
|
|
22
|
-
if (s.bars.horizontal) {
|
|
23
|
-
delete format[format.length - 1].y;
|
|
24
|
-
format[format.length - 1].x = true;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
datapoints.format = format;
|
|
28
|
-
}
|
|
29
|
-
for (var m = 0; m < format.length; ++m) {
|
|
30
|
-
if (format[m].x && xCategories) format[m].number = false;
|
|
31
|
-
if (format[m].y && yCategories) format[m].number = false;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
function getNextIndex(categories) {
|
|
35
|
-
var index = -1;
|
|
36
|
-
for (var v in categories) if (categories[v] > index) index = categories[v];
|
|
37
|
-
return index + 1;
|
|
38
|
-
}
|
|
39
|
-
function categoriesTickGenerator(axis) {
|
|
40
|
-
var res = [];
|
|
41
|
-
for (var label in axis.categories) {
|
|
42
|
-
var v = axis.categories[label];
|
|
43
|
-
if (v >= axis.min && v <= axis.max) res.push([v, label]);
|
|
44
|
-
}
|
|
45
|
-
res.sort(function (a, b) {
|
|
46
|
-
return a[0] - b[0];
|
|
47
|
-
});
|
|
48
|
-
return res;
|
|
49
|
-
}
|
|
50
|
-
function setupCategoriesForAxis(series, axis, datapoints) {
|
|
51
|
-
if (series[axis].options.mode != "categories") return;
|
|
52
|
-
if (!series[axis].categories) {
|
|
53
|
-
var c = {},
|
|
54
|
-
o = series[axis].options.categories || {};
|
|
55
|
-
if ($.isArray(o)) {
|
|
56
|
-
for (var i = 0; i < o.length; ++i) c[o[i]] = i;
|
|
57
|
-
} else {
|
|
58
|
-
for (var v in o) c[v] = o[v];
|
|
59
|
-
}
|
|
60
|
-
series[axis].categories = c;
|
|
61
|
-
}
|
|
62
|
-
if (!series[axis].options.ticks) series[axis].options.ticks = categoriesTickGenerator;
|
|
63
|
-
transformPointsOnAxis(datapoints, axis, series[axis].categories);
|
|
64
|
-
}
|
|
65
|
-
function transformPointsOnAxis(datapoints, axis, categories) {
|
|
66
|
-
var points = datapoints.points,
|
|
67
|
-
ps = datapoints.pointsize,
|
|
68
|
-
format = datapoints.format,
|
|
69
|
-
formatColumn = axis.charAt(0),
|
|
70
|
-
index = getNextIndex(categories);
|
|
71
|
-
for (var i = 0; i < points.length; i += ps) {
|
|
72
|
-
if (points[i] == null) continue;
|
|
73
|
-
for (var m = 0; m < ps; ++m) {
|
|
74
|
-
var val = points[i + m];
|
|
75
|
-
if (val == null || !format[m][formatColumn]) continue;
|
|
76
|
-
if (!(val in categories)) {
|
|
77
|
-
categories[val] = index;
|
|
78
|
-
++index;
|
|
79
|
-
}
|
|
80
|
-
points[i + m] = categories[val];
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
function processDatapoints(plot, series, datapoints) {
|
|
85
|
-
setupCategoriesForAxis(series, "xaxis", datapoints);
|
|
86
|
-
setupCategoriesForAxis(series, "yaxis", datapoints);
|
|
87
|
-
}
|
|
88
|
-
function init(plot) {
|
|
89
|
-
plot.hooks.processRawData.push(processRawData);
|
|
90
|
-
plot.hooks.processDatapoints.push(processDatapoints);
|
|
91
|
-
}
|
|
92
|
-
$.plot.plugins.push({ init: init, options: options, name: "categories", version: "1.0" });
|
|
93
|
-
})(jQuery);
|
|
1
|
+
/* Javascript plotting library for jQuery, version 0.8.3.
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2007-2014 IOLA and Ole Laursen.
|
|
4
|
+
Licensed under the MIT license.
|
|
5
|
+
|
|
6
|
+
*/
|
|
7
|
+
(function ($) {
|
|
8
|
+
var options = { xaxis: { categories: null }, yaxis: { categories: null } };
|
|
9
|
+
function processRawData(plot, series, data, datapoints) {
|
|
10
|
+
var xCategories = series.xaxis.options.mode == "categories",
|
|
11
|
+
yCategories = series.yaxis.options.mode == "categories";
|
|
12
|
+
if (!(xCategories || yCategories)) return;
|
|
13
|
+
var format = datapoints.format;
|
|
14
|
+
if (!format) {
|
|
15
|
+
var s = series;
|
|
16
|
+
format = [];
|
|
17
|
+
format.push({ x: true, number: true, required: true });
|
|
18
|
+
format.push({ y: true, number: true, required: true });
|
|
19
|
+
if (s.bars.show || (s.lines.show && s.lines.fill)) {
|
|
20
|
+
var autoscale = !!((s.bars.show && s.bars.zero) || (s.lines.show && s.lines.zero));
|
|
21
|
+
format.push({ y: true, number: true, required: false, defaultValue: 0, autoscale: autoscale });
|
|
22
|
+
if (s.bars.horizontal) {
|
|
23
|
+
delete format[format.length - 1].y;
|
|
24
|
+
format[format.length - 1].x = true;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
datapoints.format = format;
|
|
28
|
+
}
|
|
29
|
+
for (var m = 0; m < format.length; ++m) {
|
|
30
|
+
if (format[m].x && xCategories) format[m].number = false;
|
|
31
|
+
if (format[m].y && yCategories) format[m].number = false;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
function getNextIndex(categories) {
|
|
35
|
+
var index = -1;
|
|
36
|
+
for (var v in categories) if (categories[v] > index) index = categories[v];
|
|
37
|
+
return index + 1;
|
|
38
|
+
}
|
|
39
|
+
function categoriesTickGenerator(axis) {
|
|
40
|
+
var res = [];
|
|
41
|
+
for (var label in axis.categories) {
|
|
42
|
+
var v = axis.categories[label];
|
|
43
|
+
if (v >= axis.min && v <= axis.max) res.push([v, label]);
|
|
44
|
+
}
|
|
45
|
+
res.sort(function (a, b) {
|
|
46
|
+
return a[0] - b[0];
|
|
47
|
+
});
|
|
48
|
+
return res;
|
|
49
|
+
}
|
|
50
|
+
function setupCategoriesForAxis(series, axis, datapoints) {
|
|
51
|
+
if (series[axis].options.mode != "categories") return;
|
|
52
|
+
if (!series[axis].categories) {
|
|
53
|
+
var c = {},
|
|
54
|
+
o = series[axis].options.categories || {};
|
|
55
|
+
if ($.isArray(o)) {
|
|
56
|
+
for (var i = 0; i < o.length; ++i) c[o[i]] = i;
|
|
57
|
+
} else {
|
|
58
|
+
for (var v in o) c[v] = o[v];
|
|
59
|
+
}
|
|
60
|
+
series[axis].categories = c;
|
|
61
|
+
}
|
|
62
|
+
if (!series[axis].options.ticks) series[axis].options.ticks = categoriesTickGenerator;
|
|
63
|
+
transformPointsOnAxis(datapoints, axis, series[axis].categories);
|
|
64
|
+
}
|
|
65
|
+
function transformPointsOnAxis(datapoints, axis, categories) {
|
|
66
|
+
var points = datapoints.points,
|
|
67
|
+
ps = datapoints.pointsize,
|
|
68
|
+
format = datapoints.format,
|
|
69
|
+
formatColumn = axis.charAt(0),
|
|
70
|
+
index = getNextIndex(categories);
|
|
71
|
+
for (var i = 0; i < points.length; i += ps) {
|
|
72
|
+
if (points[i] == null) continue;
|
|
73
|
+
for (var m = 0; m < ps; ++m) {
|
|
74
|
+
var val = points[i + m];
|
|
75
|
+
if (val == null || !format[m][formatColumn]) continue;
|
|
76
|
+
if (!(val in categories)) {
|
|
77
|
+
categories[val] = index;
|
|
78
|
+
++index;
|
|
79
|
+
}
|
|
80
|
+
points[i + m] = categories[val];
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
function processDatapoints(plot, series, datapoints) {
|
|
85
|
+
setupCategoriesForAxis(series, "xaxis", datapoints);
|
|
86
|
+
setupCategoriesForAxis(series, "yaxis", datapoints);
|
|
87
|
+
}
|
|
88
|
+
function init(plot) {
|
|
89
|
+
plot.hooks.processRawData.push(processRawData);
|
|
90
|
+
plot.hooks.processDatapoints.push(processDatapoints);
|
|
91
|
+
}
|
|
92
|
+
$.plot.plugins.push({ init: init, options: options, name: "categories", version: "1.0" });
|
|
93
|
+
})(jQuery);
|
|
@@ -1,83 +1,83 @@
|
|
|
1
|
-
/* Javascript plotting library for jQuery, version 0.8.3.
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2007-2014 IOLA and Ole Laursen.
|
|
4
|
-
Licensed under the MIT license.
|
|
5
|
-
|
|
6
|
-
*/
|
|
7
|
-
(function ($) {
|
|
8
|
-
var options = { crosshair: { mode: null, color: "rgba(170, 0, 0, 0.80)", lineWidth: 1 } };
|
|
9
|
-
function init(plot) {
|
|
10
|
-
var crosshair = { x: -1, y: -1, locked: false };
|
|
11
|
-
plot.setCrosshair = function setCrosshair(pos) {
|
|
12
|
-
if (!pos) crosshair.x = -1;
|
|
13
|
-
else {
|
|
14
|
-
var o = plot.p2c(pos);
|
|
15
|
-
crosshair.x = Math.max(0, Math.min(o.left, plot.width()));
|
|
16
|
-
crosshair.y = Math.max(0, Math.min(o.top, plot.height()));
|
|
17
|
-
}
|
|
18
|
-
plot.triggerRedrawOverlay();
|
|
19
|
-
};
|
|
20
|
-
plot.clearCrosshair = plot.setCrosshair;
|
|
21
|
-
plot.lockCrosshair = function lockCrosshair(pos) {
|
|
22
|
-
if (pos) plot.setCrosshair(pos);
|
|
23
|
-
crosshair.locked = true;
|
|
24
|
-
};
|
|
25
|
-
plot.unlockCrosshair = function unlockCrosshair() {
|
|
26
|
-
crosshair.locked = false;
|
|
27
|
-
};
|
|
28
|
-
function onMouseOut(e) {
|
|
29
|
-
if (crosshair.locked) return;
|
|
30
|
-
if (crosshair.x != -1) {
|
|
31
|
-
crosshair.x = -1;
|
|
32
|
-
plot.triggerRedrawOverlay();
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
function onMouseMove(e) {
|
|
36
|
-
if (crosshair.locked) return;
|
|
37
|
-
if (plot.getSelection && plot.getSelection()) {
|
|
38
|
-
crosshair.x = -1;
|
|
39
|
-
return;
|
|
40
|
-
}
|
|
41
|
-
var offset = plot.offset();
|
|
42
|
-
crosshair.x = Math.max(0, Math.min(e.pageX - offset.left, plot.width()));
|
|
43
|
-
crosshair.y = Math.max(0, Math.min(e.pageY - offset.top, plot.height()));
|
|
44
|
-
plot.triggerRedrawOverlay();
|
|
45
|
-
}
|
|
46
|
-
plot.hooks.bindEvents.push(function (plot, eventHolder) {
|
|
47
|
-
if (!plot.getOptions().crosshair.mode) return;
|
|
48
|
-
eventHolder.mouseout(onMouseOut);
|
|
49
|
-
eventHolder.mousemove(onMouseMove);
|
|
50
|
-
});
|
|
51
|
-
plot.hooks.drawOverlay.push(function (plot, ctx) {
|
|
52
|
-
var c = plot.getOptions().crosshair;
|
|
53
|
-
if (!c.mode) return;
|
|
54
|
-
var plotOffset = plot.getPlotOffset();
|
|
55
|
-
ctx.save();
|
|
56
|
-
ctx.translate(plotOffset.left, plotOffset.top);
|
|
57
|
-
if (crosshair.x != -1) {
|
|
58
|
-
var adj = plot.getOptions().crosshair.lineWidth % 2 ? 0.5 : 0;
|
|
59
|
-
ctx.strokeStyle = c.color;
|
|
60
|
-
ctx.lineWidth = c.lineWidth;
|
|
61
|
-
ctx.lineJoin = "round";
|
|
62
|
-
ctx.beginPath();
|
|
63
|
-
if (c.mode.indexOf("x") != -1) {
|
|
64
|
-
var drawX = Math.floor(crosshair.x) + adj;
|
|
65
|
-
ctx.moveTo(drawX, 0);
|
|
66
|
-
ctx.lineTo(drawX, plot.height());
|
|
67
|
-
}
|
|
68
|
-
if (c.mode.indexOf("y") != -1) {
|
|
69
|
-
var drawY = Math.floor(crosshair.y) + adj;
|
|
70
|
-
ctx.moveTo(0, drawY);
|
|
71
|
-
ctx.lineTo(plot.width(), drawY);
|
|
72
|
-
}
|
|
73
|
-
ctx.stroke();
|
|
74
|
-
}
|
|
75
|
-
ctx.restore();
|
|
76
|
-
});
|
|
77
|
-
plot.hooks.shutdown.push(function (plot, eventHolder) {
|
|
78
|
-
eventHolder.unbind("mouseout", onMouseOut);
|
|
79
|
-
eventHolder.unbind("mousemove", onMouseMove);
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
$.plot.plugins.push({ init: init, options: options, name: "crosshair", version: "1.0" });
|
|
83
|
-
})(jQuery);
|
|
1
|
+
/* Javascript plotting library for jQuery, version 0.8.3.
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2007-2014 IOLA and Ole Laursen.
|
|
4
|
+
Licensed under the MIT license.
|
|
5
|
+
|
|
6
|
+
*/
|
|
7
|
+
(function ($) {
|
|
8
|
+
var options = { crosshair: { mode: null, color: "rgba(170, 0, 0, 0.80)", lineWidth: 1 } };
|
|
9
|
+
function init(plot) {
|
|
10
|
+
var crosshair = { x: -1, y: -1, locked: false };
|
|
11
|
+
plot.setCrosshair = function setCrosshair(pos) {
|
|
12
|
+
if (!pos) crosshair.x = -1;
|
|
13
|
+
else {
|
|
14
|
+
var o = plot.p2c(pos);
|
|
15
|
+
crosshair.x = Math.max(0, Math.min(o.left, plot.width()));
|
|
16
|
+
crosshair.y = Math.max(0, Math.min(o.top, plot.height()));
|
|
17
|
+
}
|
|
18
|
+
plot.triggerRedrawOverlay();
|
|
19
|
+
};
|
|
20
|
+
plot.clearCrosshair = plot.setCrosshair;
|
|
21
|
+
plot.lockCrosshair = function lockCrosshair(pos) {
|
|
22
|
+
if (pos) plot.setCrosshair(pos);
|
|
23
|
+
crosshair.locked = true;
|
|
24
|
+
};
|
|
25
|
+
plot.unlockCrosshair = function unlockCrosshair() {
|
|
26
|
+
crosshair.locked = false;
|
|
27
|
+
};
|
|
28
|
+
function onMouseOut(e) {
|
|
29
|
+
if (crosshair.locked) return;
|
|
30
|
+
if (crosshair.x != -1) {
|
|
31
|
+
crosshair.x = -1;
|
|
32
|
+
plot.triggerRedrawOverlay();
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
function onMouseMove(e) {
|
|
36
|
+
if (crosshair.locked) return;
|
|
37
|
+
if (plot.getSelection && plot.getSelection()) {
|
|
38
|
+
crosshair.x = -1;
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
var offset = plot.offset();
|
|
42
|
+
crosshair.x = Math.max(0, Math.min(e.pageX - offset.left, plot.width()));
|
|
43
|
+
crosshair.y = Math.max(0, Math.min(e.pageY - offset.top, plot.height()));
|
|
44
|
+
plot.triggerRedrawOverlay();
|
|
45
|
+
}
|
|
46
|
+
plot.hooks.bindEvents.push(function (plot, eventHolder) {
|
|
47
|
+
if (!plot.getOptions().crosshair.mode) return;
|
|
48
|
+
eventHolder.mouseout(onMouseOut);
|
|
49
|
+
eventHolder.mousemove(onMouseMove);
|
|
50
|
+
});
|
|
51
|
+
plot.hooks.drawOverlay.push(function (plot, ctx) {
|
|
52
|
+
var c = plot.getOptions().crosshair;
|
|
53
|
+
if (!c.mode) return;
|
|
54
|
+
var plotOffset = plot.getPlotOffset();
|
|
55
|
+
ctx.save();
|
|
56
|
+
ctx.translate(plotOffset.left, plotOffset.top);
|
|
57
|
+
if (crosshair.x != -1) {
|
|
58
|
+
var adj = plot.getOptions().crosshair.lineWidth % 2 ? 0.5 : 0;
|
|
59
|
+
ctx.strokeStyle = c.color;
|
|
60
|
+
ctx.lineWidth = c.lineWidth;
|
|
61
|
+
ctx.lineJoin = "round";
|
|
62
|
+
ctx.beginPath();
|
|
63
|
+
if (c.mode.indexOf("x") != -1) {
|
|
64
|
+
var drawX = Math.floor(crosshair.x) + adj;
|
|
65
|
+
ctx.moveTo(drawX, 0);
|
|
66
|
+
ctx.lineTo(drawX, plot.height());
|
|
67
|
+
}
|
|
68
|
+
if (c.mode.indexOf("y") != -1) {
|
|
69
|
+
var drawY = Math.floor(crosshair.y) + adj;
|
|
70
|
+
ctx.moveTo(0, drawY);
|
|
71
|
+
ctx.lineTo(plot.width(), drawY);
|
|
72
|
+
}
|
|
73
|
+
ctx.stroke();
|
|
74
|
+
}
|
|
75
|
+
ctx.restore();
|
|
76
|
+
});
|
|
77
|
+
plot.hooks.shutdown.push(function (plot, eventHolder) {
|
|
78
|
+
eventHolder.unbind("mouseout", onMouseOut);
|
|
79
|
+
eventHolder.unbind("mousemove", onMouseMove);
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
$.plot.plugins.push({ init: init, options: options, name: "crosshair", version: "1.0" });
|
|
83
|
+
})(jQuery);
|