@oneuptime/common 10.2.14 → 10.2.15
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.
|
@@ -4,10 +4,8 @@ import TimeRange from "../../../Types/Time/TimeRange";
|
|
|
4
4
|
import OneUptimeDate from "../../../Types/Date";
|
|
5
5
|
import IconProp from "../../../Types/Icon/IconProp";
|
|
6
6
|
import { GetReactElementFunction } from "../../../UI/Types/FunctionTypes";
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
} from "../../../UI/Components/HeaderAlert/HeaderAlert";
|
|
10
|
-
import ColorSwatch from "../../../Types/ColorSwatch";
|
|
7
|
+
import Icon from "../Icon/Icon";
|
|
8
|
+
import Tooltip from "../Tooltip/Tooltip";
|
|
11
9
|
import RangeStartAndEndDateEdit from "./RangeStartAndEndDateEdit";
|
|
12
10
|
import Modal from "../Modal/Modal";
|
|
13
11
|
|
|
@@ -40,17 +38,19 @@ const DashboardStartAndEndDateView: FunctionComponent<ComponentProps> = (
|
|
|
40
38
|
|
|
41
39
|
return (
|
|
42
40
|
<div>
|
|
43
|
-
<
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
41
|
+
<Tooltip text="Click to change the date and time range of data on this dashboard.">
|
|
42
|
+
<button
|
|
43
|
+
type="button"
|
|
44
|
+
className="flex items-center gap-1.5 rounded-lg px-2.5 py-1.5 transition-colors cursor-pointer border bg-gray-50 border-gray-200/60 hover:bg-gray-100"
|
|
45
|
+
onClick={() => {
|
|
46
|
+
setTempStartAndEndDate(props.dashboardStartAndEndDate);
|
|
47
|
+
setShowTimeSelectModal(true);
|
|
48
|
+
}}
|
|
49
|
+
>
|
|
50
|
+
<Icon icon={IconProp.Clock} className="w-3.5 h-3.5 text-gray-500" />
|
|
51
|
+
<span className="text-xs text-gray-500">{title}</span>
|
|
52
|
+
</button>
|
|
53
|
+
</Tooltip>
|
|
54
54
|
{showTimeSelectModal && (
|
|
55
55
|
<Modal
|
|
56
56
|
title="Select Start and End Time"
|
|
@@ -2,8 +2,8 @@ import React, { useState } from "react";
|
|
|
2
2
|
import TimeRange from "../../../Types/Time/TimeRange";
|
|
3
3
|
import OneUptimeDate from "../../../Types/Date";
|
|
4
4
|
import IconProp from "../../../Types/Icon/IconProp";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
5
|
+
import Icon from "../Icon/Icon";
|
|
6
|
+
import Tooltip from "../Tooltip/Tooltip";
|
|
7
7
|
import RangeStartAndEndDateEdit from "./RangeStartAndEndDateEdit";
|
|
8
8
|
import Modal from "../Modal/Modal";
|
|
9
9
|
const DashboardStartAndEndDateView = (props) => {
|
|
@@ -18,10 +18,13 @@ const DashboardStartAndEndDateView = (props) => {
|
|
|
18
18
|
OneUptimeDate.getCurrentDate())}`
|
|
19
19
|
: props.dashboardStartAndEndDate.range;
|
|
20
20
|
return (React.createElement("div", null,
|
|
21
|
-
React.createElement(
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
React.createElement(Tooltip, { text: "Click to change the date and time range of data on this dashboard." },
|
|
22
|
+
React.createElement("button", { type: "button", className: "flex items-center gap-1.5 rounded-lg px-2.5 py-1.5 transition-colors cursor-pointer border bg-gray-50 border-gray-200/60 hover:bg-gray-100", onClick: () => {
|
|
23
|
+
setTempStartAndEndDate(props.dashboardStartAndEndDate);
|
|
24
|
+
setShowTimeSelectModal(true);
|
|
25
|
+
} },
|
|
26
|
+
React.createElement(Icon, { icon: IconProp.Clock, className: "w-3.5 h-3.5 text-gray-500" }),
|
|
27
|
+
React.createElement("span", { className: "text-xs text-gray-500" }, title))),
|
|
25
28
|
showTimeSelectModal && (React.createElement(Modal, { title: "Select Start and End Time", onClose: () => {
|
|
26
29
|
setTempStartAndEndDate(null);
|
|
27
30
|
setShowTimeSelectModal(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeStartAndEndDateView.js","sourceRoot":"","sources":["../../../../../UI/Components/Date/RangeStartAndEndDateView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmC,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAChD,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AAEpD,OAAO,
|
|
1
|
+
{"version":3,"file":"RangeStartAndEndDateView.js","sourceRoot":"","sources":["../../../../../UI/Components/Date/RangeStartAndEndDateView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmC,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAChD,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AAEpD,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAOnC,MAAM,4BAA4B,GAAsC,CACtE,KAAqB,EACP,EAAE;IAChB,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GACjD,QAAQ,CAAkC,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GACjD,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3B,MAAM,aAAa,GACjB,KAAK,CAAC,wBAAwB,CAAC,KAAK,KAAK,SAAS,CAAC,MAAM,CAAC;IAE5D,MAAM,UAAU,GAA4B,GAAiB,EAAE;;QAC7D,MAAM,KAAK,GAAW,aAAa;YACjC,CAAC,CAAC,GAAG,aAAa,CAAC,yCAAyC,CACxD,CAAA,MAAA,KAAK,CAAC,wBAAwB,CAAC,eAAe,0CAAE,UAAU;gBACxD,aAAa,CAAC,cAAc,EAAE,CACjC,MAAM,aAAa,CAAC,yCAAyC,CAC5D,CAAA,MAAA,KAAK,CAAC,wBAAwB,CAAC,eAAe,0CAAE,QAAQ;gBACtD,aAAa,CAAC,cAAc,EAAE,CACjC,EAAE;YACL,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;QAEzC,OAAO,CACL;YACE,oBAAC,OAAO,IAAC,IAAI,EAAC,oEAAoE;gBAChF,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4IAA4I,EACtJ,OAAO,EAAE,GAAG,EAAE;wBACZ,sBAAsB,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC;wBACvD,sBAAsB,CAAC,IAAI,CAAC,CAAC;oBAC/B,CAAC;oBAED,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAC,2BAA2B,GAAG;oBACpE,8BAAM,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAQ,CAC/C,CACD;YACT,mBAAmB,IAAI,CACtB,oBAAC,KAAK,IACJ,KAAK,EAAC,2BAA2B,EACjC,OAAO,EAAE,GAAG,EAAE;oBACZ,sBAAsB,CAAC,IAAI,CAAC,CAAC;oBAC7B,sBAAsB,CAAC,KAAK,CAAC,CAAC;gBAChC,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE;oBACb,IAAI,mBAAmB,EAAE,CAAC;wBACxB,KAAK,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;oBACtC,CAAC;oBACD,sBAAsB,CAAC,KAAK,CAAC,CAAC;oBAC9B,sBAAsB,CAAC,IAAI,CAAC,CAAC;gBAC/B,CAAC;gBAED,6BAAK,SAAS,EAAC,MAAM;oBACnB,oBAAC,wBAAwB,IACvB,KAAK,EAAE,mBAAmB,IAAI,SAAS,EACvC,QAAQ,EAAE,CAAC,eAAyC,EAAE,EAAE;4BACtD,sBAAsB,CAAC,eAAe,CAAC,CAAC;wBAC1C,CAAC,GACD,CACE,CACA,CACT,CACG,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,iCAAM,UAAU,EAAE,CAAO,CAAC;AACnC,CAAC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
|