diff --git a/src/views/dashboard/related/demand-log/Header.vue b/src/views/dashboard/related/demand-log/Header.vue index 02496f99..3164bc9c 100644 --- a/src/views/dashboard/related/demand-log/Header.vue +++ b/src/views/dashboard/related/demand-log/Header.vue @@ -55,6 +55,7 @@ limitations under the License. --> :options="TimeRanges" placeholder="Select a time range" @change="changeField('duration', $event)" + class="duration-range" />
@@ -159,7 +160,7 @@ const excludingContentStr = ref(""); const state = reactive({ instance: { value: "", label: "" }, container: { value: "", label: "" }, - duration: { label: "Last 30 min", value: 1800 }, + duration: { label: "From 30 minutes ago", value: 1800 }, interval: { label: "30 seconds", value: 30 }, }); /*global Nullable */ @@ -396,6 +397,10 @@ watch( width: 250px; } +.duration-range { + width: 210px; +} + .btn-row { justify-content: flex-end; } diff --git a/src/views/dashboard/related/demand-log/data.ts b/src/views/dashboard/related/demand-log/data.ts index 65158781..0ef8c235 100644 --- a/src/views/dashboard/related/demand-log/data.ts +++ b/src/views/dashboard/related/demand-log/data.ts @@ -16,15 +16,15 @@ */ export const TimeRanges = [ - { label: "Last 5 seconds", value: 5 }, - { label: "Last 10 seconds", value: 10 }, - { label: "Last 15 seconds", value: 15 }, - { label: "Last 30 seconds", value: 30 }, - { label: "Last 45 seconds", value: 45 }, - { label: "Last 1 minute", value: 60 }, - { label: "Last 5 minute", value: 300 }, - { label: "Last 15 minute", value: 900 }, - { label: "Last 30 minute", value: 1800 }, + { label: "From 5 seconds ago -- Now", value: 5 }, + { label: "From 10 seconds ago -- Now", value: 10 }, + { label: "From 15 seconds ago -- Now", value: 15 }, + { label: "From 30 seconds ago -- Now", value: 30 }, + { label: "From 45 seconds ago -- Now", value: 45 }, + { label: "From 1 minute ago -- Now", value: 60 }, + { label: "From 5 minutes ago -- Now", value: 300 }, + { label: "From 15 minutes ago -- Now", value: 900 }, + { label: "From 30 minutes ago -- Now", value: 1800 }, ]; export const IntervalOpts = [ { label: "None", value: 0 },