mirror of
https://github.com/openobserve/openobserve.git
synced 2026-11-05 16:10:43 +00:00
Abhay PadamaniandClaude Opus 4.8
5ec9b89ff8
Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
90 lines
2.9 KiB
TypeScript
90 lines
2.9 KiB
TypeScript
// Copyright 2026 OpenObserve Inc.
|
|
//
|
|
// This program is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU Affero General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
//
|
|
// This program is distributed in the hope that it will be useful
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU Affero General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU Affero General Public License
|
|
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
import { computed } from "vue";
|
|
|
|
export function periodToLabel(period: string): string {
|
|
if (!period || period === "absolute") return "";
|
|
const value = parseInt(period, 10);
|
|
const unit = period.slice(-1);
|
|
const units: Record<string, [string, string]> = {
|
|
s: ["Second", "Seconds"],
|
|
m: ["Minute", "Minutes"],
|
|
h: ["Hour", "Hours"],
|
|
d: ["Day", "Days"],
|
|
w: ["Week", "Weeks"],
|
|
M: ["Month", "Months"],
|
|
};
|
|
const [sg, pl] = units[unit] ?? ["unit", "units"];
|
|
return `Past ${value} ${value === 1 ? sg : pl}`;
|
|
}
|
|
|
|
export function nextWiderPeriod(period: string): string {
|
|
const value = parseInt(period, 10);
|
|
const unit = period.slice(-1);
|
|
const toMins: Record<string, number> = {
|
|
s: 1 / 60,
|
|
m: 1,
|
|
h: 60,
|
|
d: 1440,
|
|
w: 10080,
|
|
M: 43200,
|
|
};
|
|
const mins = value * (toMins[unit] ?? 1);
|
|
if (mins <= 60) return "1d";
|
|
if (mins <= 1440) return "7d";
|
|
return "30d";
|
|
}
|
|
|
|
/**
|
|
* Composable for "widen time range" empty-state UI logic.
|
|
*
|
|
* Generic: no domain-specific imports. Callers supply getters for dateType and
|
|
* relativeTimePeriod, plus optional fallback label strings for absolute ranges.
|
|
*/
|
|
export default function useWidenRange(
|
|
dateType: () => string,
|
|
relativeTimePeriod: () => string,
|
|
options: {
|
|
absoluteRangeLabel?: string;
|
|
absoluteExpandDesc?: string;
|
|
} = {},
|
|
) {
|
|
const { absoluteRangeLabel = "", absoluteExpandDesc = "" } = options;
|
|
|
|
const relPeriod = computed(() => relativeTimePeriod() || "");
|
|
const isRelative = computed(() => dateType() === "relative" && !!relPeriod.value);
|
|
const suggestedPeriod = computed(() =>
|
|
isRelative.value ? nextWiderPeriod(relPeriod.value) : "7d",
|
|
);
|
|
const currentPeriodLabel = computed(() =>
|
|
isRelative.value ? periodToLabel(relPeriod.value) : absoluteRangeLabel,
|
|
);
|
|
const suggestedPeriodLabel = computed(() => periodToLabel(suggestedPeriod.value));
|
|
const expandRangeSublabel = computed(() => {
|
|
if (!isRelative.value) return absoluteExpandDesc;
|
|
return `${currentPeriodLabel.value} → ${suggestedPeriodLabel.value}`;
|
|
});
|
|
|
|
return {
|
|
relPeriod,
|
|
isRelative,
|
|
suggestedPeriod,
|
|
currentPeriodLabel,
|
|
suggestedPeriodLabel,
|
|
expandRangeSublabel,
|
|
};
|
|
}
|