@@ -2,7 +2,15 @@ import TriggerHistoryListView from "@src/history/view/trigger-history.view";
22import { Trigger } from "@src/server-api" ;
33import LabeledText from "@src/shared/view/labled-text.view" ;
44import JsonView from "@uiw/react-json-view" ;
5- import { Accordion , Button , Col , Container , Form , Row } from "react-bootstrap" ;
5+ import {
6+ Accordion ,
7+ Badge ,
8+ Button ,
9+ Col ,
10+ Container ,
11+ Form ,
12+ Row ,
13+ } from "react-bootstrap" ;
614import TriggerStatusView from "../../trigger/views/trigger-staus.view" ;
715import { formatMs , formatShortDateTime } from "../date.util" ;
816import { useServerObject } from "../http-request" ;
@@ -141,23 +149,49 @@ const TriggerCompactView = ({ trigger }: { trigger: Trigger }) => (
141149 />
142150 </ Col >
143151 < Col className = "col-3" >
144- { trigger . runningOn ? (
145- < LabeledText
146- label = { `Running on (${ trigger . executionCount } )` }
147- value = {
148- trigger . runningOn + " " + runningSince ( trigger . start )
149- }
150- />
151- ) : (
152- < LabeledText
153- label = "Executions"
154- value = { trigger . executionCount }
155- />
156- ) }
152+ < TriggerExecutiomView trigger = { trigger } />
157153 </ Col >
158154 </ Row >
159155) ;
160156
157+ const TriggerExecutiomView = ( { trigger } : { trigger : Trigger } ) => {
158+ if ( trigger . runningOn ) {
159+ return (
160+ < LabeledText
161+ label = { `Running on (${ trigger . executionCount } )` }
162+ value = { trigger . runningOn + " " + runningSince ( trigger . start ) }
163+ />
164+ ) ;
165+ }
166+ if ( trigger . status == "WAITING" && trigger . runAt ) {
167+ return (
168+ < LabeledText
169+ label = { `Should start in` }
170+ value = { formatMs (
171+ new Date ( trigger . runAt ) . getTime ( ) - new Date ( ) . getTime ( )
172+ ) }
173+ />
174+ ) ;
175+ }
176+ return (
177+ < LabeledText
178+ label = "Executions"
179+ value = {
180+ < div className = "d-flex justify-content-start align-items-center" >
181+ < Badge
182+ bg = { trigger . executionCount > 1 ? "warning" : "success" }
183+ >
184+ { trigger . executionCount }
185+ </ Badge >
186+ < span className = "ms-2" >
187+ { formatMs ( trigger . runningDurationInMs ) }
188+ </ span >
189+ </ div >
190+ }
191+ />
192+ ) ;
193+ } ;
194+
161195const TriggerDetailsView = ( {
162196 trigger,
163197 history,
0 commit comments