diff --git a/SAS/TMSS/backend/src/tmss/authentication_backends.py b/SAS/TMSS/backend/src/tmss/authentication_backends.py index 8e39df48241104dd7fcb6cb8aa106bc084aecd4c..0db2faea531d778ddb4588744c65c12f980e2a33 100644 --- a/SAS/TMSS/backend/src/tmss/authentication_backends.py +++ b/SAS/TMSS/backend/src/tmss/authentication_backends.py @@ -80,7 +80,12 @@ class TMSSOIDCAuthenticationBackend(OIDCAuthenticationBackend): logger.info('update user=%s claims=%s' % (user, claims)) if not Token.objects.filter(user=user).first(): Token.objects.create(user=user) # required for websockets - self._set_user_details_from_claims(user, claims) self._set_user_project_roles_from_claims(user, claims) self._set_user_system_roles_from_claims(user, claims) + # todo: apparently we can have the situation where an existing user account has the same username and there + # (understandably) is a unique constraint on that field. So we cannot freely update these details. + # Check why a Keycloak login does not match the existing entry and how we can best deal with that. + # -> TMSS-2876 + # self._set_user_details_from_claims(user, claims) + return user diff --git a/SAS/TMSS/backend/src/tmss/tmssapp/adapters/reports.py b/SAS/TMSS/backend/src/tmss/tmssapp/adapters/reports.py index 9c66a861363bae96c12b6ca80cdfe0de818b2b70..378717b21ce21f4853f4998f59f64df7eaf3f6b6 100644 --- a/SAS/TMSS/backend/src/tmss/tmssapp/adapters/reports.py +++ b/SAS/TMSS/backend/src/tmss/tmssapp/adapters/reports.py @@ -1,4 +1,4 @@ -from django.db.models import F, Sum, Count, ExpressionWrapper +from django.db.models import F, Sum, Count, ExpressionWrapper, Max from django.db.models.functions import Coalesce from lofar.sas.tmss.tmss.tmssapp import models from lofar.sas.tmss.tmss.exceptions import TaskOverlappingWarning @@ -449,12 +449,6 @@ class ProjectReport(): # Prefetch related fields for optimisation project_subs = self.subs - project_subs.prefetch_related('task_blueprints__subtasks', - 'task_blueprints__subtasks__specifications_template__name', - 'task_blueprints__subtasks__specifications_template__type', - 'task_blueprints__subtasks__outputs__dataproducts', - 'task_blueprints__subtasks__outputs__dataproducts__size', - 'task_blueprints__subtasks__outputs__dataproducts__producer__subtask__scheduled_stop_time') subs_succeeded, subs_failed, subs_acceptance_pending = [], [], [] for prio in models.PriorityQueueType.Choices: @@ -521,22 +515,19 @@ class ProjectReport(): sub_info['target'] = sub.main_observation_task.name except Exception as e: sub_info['target'] = None + # Get SAS ID info - subtasks = sub.subtasks.all() sub_info['SAS ID'] = {} for template_name in ('observation control', 'preprocessing pipeline', 'pulsar pipeline'): - sub_info['SAS ID'][template_name] = [subtask.id for subtask in subtasks if - (subtask.specifications_template.name == template_name)] + sub_info['SAS ID'][template_name] = list(sub.subtasks.filter(specifications_template__name=template_name).values_list('id', flat=True)) + # Get ingest info - dataproducts = [] - for subtask in subtasks: - if subtask.specifications_template.type.value == models.SubtaskType.Choices.INGEST.value and subtask.state.value == models.SubtaskState.Choices.FINISHED.value: - for i in subtask.outputs.all(): - for dp in i.dataproducts.all(): - dataproducts.append(dp) + ingest_subtasks = sub.subtasks.filter(specifications_template__type__value=models.SubtaskType.Choices.INGEST.value, state__value=models.SubtaskState.Choices.FINISHED.value) + outputs = models.SubtaskOutput.objects.filter(subtask__in=ingest_subtasks) + dataproducts = models.Dataproduct.objects.filter(producer__in=outputs) # NOTE: Maybe it would be useful to implement an 'ingested_stop_time' (and even an 'ingested_start_time' and consequently an 'ingested_duration'?) - sub_info['ingested_date'] = max(dataproducts, key=lambda x: x.producer.subtask.scheduled_stop_time).producer.subtask.scheduled_stop_time if len(dataproducts) > 0 else None - sub_info['ingested_data_size'] = sum([dp.size for dp in dataproducts]) if len(dataproducts) > 0 else None + sub_info['ingested_date'] = ingest_subtasks.exclude(scheduled_stop_time__isnull=True).aggregate(Max('scheduled_stop_time'))['scheduled_stop_time__max'] if dataproducts.exists() else None + sub_info['ingested_data_size'] = dataproducts.aggregate(size__sum=Sum(Coalesce('size', 0)))['size__sum'] if dataproducts.exists() else None return sub_info @@ -545,9 +536,9 @@ class ProjectReport(): Help method to retrieve the sum of the LTA dataproducts sizes. returns list with separate values for dataproducts belonging to [accepted, rejected, pending] SUs. """ - return [self.dataproducts_from_ingested_finished_succeeded.aggregate(Sum('size'))['size__sum'] or 0, - self.dataproducts_from_ingested_finished_failed.aggregate(Sum('size'))['size__sum'] or 0, - self.dataproducts_from_ingested_finished_acceptance_pending.aggregate(Sum('size'))['size__sum'] or 0] + return [self.dataproducts_from_ingested_finished_succeeded.aggregate(size__sum=Sum(Coalesce('size', 0)))['size__sum'] or 0, + self.dataproducts_from_ingested_finished_failed.aggregate(size__sum=Sum(Coalesce('size', 0)))['size__sum'] or 0, + self.dataproducts_from_ingested_finished_acceptance_pending.aggregate(size__sum=Sum(Coalesce('size', 0)))['size__sum'] or 0] def _get_saps_exposure(self) -> {}: """ @@ -597,7 +588,7 @@ class ProjectReport(): """ Help method to retrieve data ingested per site info. """ - return list(self.dataproducts_from_ingested_finished.values(cluster_name=F('producer__filesystem__cluster__name')).annotate(size=Sum('size')).order_by('cluster_name')) + return list(self.dataproducts_from_ingested_finished.values(cluster_name=F('producer__filesystem__cluster__name')).annotate(size=Sum(Coalesce('size', 0))).order_by('cluster_name')) def create_project_summary(self) -> {}: """ diff --git a/SAS/TMSS/frontend/tmss_webapp/src/components/Spreadsheet/BeamformerRenderer.js b/SAS/TMSS/frontend/tmss_webapp/src/components/Spreadsheet/BeamformerRenderer.js index 11a24e6f6d15f50f456355a3d6dc085898cf5d80..f0de37882a4f345ae8eeef7d3cb471cfbd8137be 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/components/Spreadsheet/BeamformerRenderer.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/components/Spreadsheet/BeamformerRenderer.js @@ -25,10 +25,6 @@ export default class BeamformersRenderer extends Component { value = JSON.stringify(value); } - return <> - {value && - value - } - </>; + return value || null; } } \ No newline at end of file diff --git a/SAS/TMSS/frontend/tmss_webapp/src/components/Spreadsheet/BetweenRenderer.js b/SAS/TMSS/frontend/tmss_webapp/src/components/Spreadsheet/BetweenRenderer.js index 0212bd528e1e451b57bec382b03897b839960ae5..85be272e4ac6f64bf6b6768ebe9e5a770cff4a5a 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/components/Spreadsheet/BetweenRenderer.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/components/Spreadsheet/BetweenRenderer.js @@ -21,10 +21,6 @@ export default class BetweenRenderer extends Component { } // let row = this.props.agGridReact.props.rowData[this.props.node.rowIndex]; // let value = row[this.props.colDef.field]; - return <> - {value && - value - } - </>; + return value || null; } } \ No newline at end of file diff --git a/SAS/TMSS/frontend/tmss_webapp/src/components/ViewTable.js b/SAS/TMSS/frontend/tmss_webapp/src/components/ViewTable.js index 7cac826d5b06eb457908711885f937a1fcfa340e..13c9f50df9adced7ffa7f59b1d0f1ebd55cca9cc 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/components/ViewTable.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/components/ViewTable.js @@ -71,7 +71,7 @@ const getItemStyle = ({ isDragging, isDropAnimating }, draggableStyle) => ({ ...draggableStyle, // some basic styles to make the items look a bit nicer userSelect: "none", - cursor: isDragging? 'move': 'move', + cursor: isDragging? 'move': 'default', ...(!isDragging && { transform: "translate(0,0)" }), ...(isDropAnimating && { transitionDuration: "0.001s" }) @@ -206,7 +206,7 @@ function getExportFileBlob({ columns, data, fileType, fileName }) { tmpCell = csvCell.props.children?csvCell.props.children.toString():''; } } else { - tmpCell = csvCell?csvCell:''; + tmpCell = csvCell || ''; } tmpRow.push(tmpCell); }); @@ -264,7 +264,7 @@ function SelectColumnFilter({ if (options === null || options.size === 0) { options = new Set(); if (preFilteredRows || rowData) { - preFilteredRows = preFilteredRows ? preFilteredRows : rowData; + preFilteredRows = preFilteredRows || rowData; setRowData(preFilteredRows); preFilteredRows.forEach(row => { let value = String(row.values[id]); @@ -1302,7 +1302,7 @@ function NumberRangeFilter({ const val = e.target.value; let max = rangeValue[1]; setValue([val,max]); - setFilter([val,max] || undefined); + setFilter(val && max ? [val, max] : undefined); setRangeValue([val,max]); filterValue[0] = val; if(storeFilter) { @@ -1332,7 +1332,7 @@ function NumberRangeFilter({ setRangeValue([min,val]); filterValue[1] = val; setValue([min,val]); - setFilter([min,val] || undefined); + setFilter(min && val ? [min, val] : undefined); if(storeFilter) { TableUtil.saveFilter(currentTableName, Header, [min,val]); setFilter([min,val]); @@ -1420,7 +1420,7 @@ function RankRangeFilter({ if (val === '' || (val >= 0 && val <= 1)) { let max = rangeValue[1]; setValue([val,max]); - setFilter([val,max] || undefined); + setFilter(val && max ? [val, max] : undefined); setRangeValue([val,max]); filterValue[0] = val; if(storeFilter) { @@ -1461,7 +1461,7 @@ function RankRangeFilter({ setRangeValue([min,val]); filterValue[1] = val; setValue([min,val]); - setFilter([min,val] || undefined); + setFilter(min && val ? [min, val] : undefined); if(storeFilter) { TableUtil.saveFilter(currentTableName, Header, [min,val]); } @@ -1553,7 +1553,7 @@ function DurationRangeFilter({ let max = rangeValue[1]; setValue([val,max]); if(doServersideFilter) { - setFilter([val,max] || undefined); + setFilter(val && max ? [val, max] : undefined); } setRangeValue([val,max]); filterValue[0] = val; @@ -1581,8 +1581,8 @@ function DurationRangeFilter({ let min = rangeValue[0]; setValue([min,val]); if(doServersideFilter) { - setFilter([min,val] || undefined); - } + setFilter(min && val ? [min, val] : undefined); + } setRangeValue([min,val]); filterValue[1] = val; if(storeFilter) { @@ -1714,7 +1714,7 @@ function DurationRangeFilterWithDays({ } let max = rangeValue[1]; setValue([val,max]); - setFilter([val,max] || undefined); + setFilter(val && max ? [val, max] : undefined); setRangeValue([val,max]); filterValue[0] = val; if(storeFilter) { @@ -1739,7 +1739,7 @@ function DurationRangeFilterWithDays({ } let min = rangeValue[0]; setValue([min,val]); - setFilter([min,val] || undefined); + setFilter(min && val ? [min, val] : undefined); setRangeValue([min,val]); filterValue[1] = val; if(storeFilter) { @@ -2169,7 +2169,7 @@ function Table(props) { // allColumns.forEach(acolumn => { for (const acolumn of allColumns) { let jsonobj = {}; - let visible = (acolumn.Header === e.target.id) ? ((acolumn.isVisible) ? false : true) : e.target.id === '' ? defaultVisible : acolumn.isVisible; + let visible = (acolumn.Header === e.target.id) ? (!(acolumn.isVisible)) : e.target.id === '' ? defaultVisible : acolumn.isVisible; jsonobj['Header'] = acolumn.Header; jsonobj['isVisible'] = visible; lsToggleColumns.push(jsonobj) @@ -2360,7 +2360,7 @@ function Table(props) { key={tablename+'_'+idx+'_'+column.id+'dd_drg'} draggableId={column.id} index={_.findIndex(allColumns, { id: column.id })} - isDragDisabled={_.includes(fixedColumns, column.id)? true: false}> + isDragDisabled={!!_.includes(fixedColumns, column.id)}> {(provided, snapshot) => ( <th role = {'tablehead'} className={_.includes(fixedColumns, column.id)?'fixed-column-td':'notfixed-column-td-'+column.id.replaceAll(' ','')} style={{display: 'flex'}} onClick={() => { @@ -2507,7 +2507,7 @@ function ViewTable(props) { let pageCount = props.totalPage || data?.length; showCSV = (props.showCSV) ? props.showCSV : false; showActionInNewTab = (props.showActionInNewTab) ? props.showActionInNewTab : false; - doServersideFilter = (props.callBackFunction)?true:false; + doServersideFilter = !!(props.callBackFunction); parentCallbackFunction = props.filterCallback; parentCBonSelection = props.onRowSelection; isunittest = props.unittest; diff --git a/SAS/TMSS/frontend/tmss_webapp/src/layout/components/AppBreadcrumb.js b/SAS/TMSS/frontend/tmss_webapp/src/layout/components/AppBreadcrumb.js index cd4a49698e6e3f50cf24031e0e37e2e59e71eecd..24fe711f8c0369deb13ff59ad31799ae392bc308 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/layout/components/AppBreadcrumb.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/layout/components/AppBreadcrumb.js @@ -6,7 +6,10 @@ import { withRouter } from 'react-router-dom/cjs/react-router-dom.min'; export class AppBreadcrumb extends Component { static propTypes = { - section: PropTypes.object, + section: PropTypes.oneOfType([ + PropTypes.object, + PropTypes.string + ]), location:PropTypes.object, setPageTitle: PropTypes.func, history :PropTypes.object diff --git a/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/station.scss b/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/station.scss index 83323be0f072a8e1810a2882a7f27db36c77b488..bd87992ca42c6c9559f1a5d0adec64a32efd9ac2 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/station.scss +++ b/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/station.scss @@ -92,7 +92,7 @@ height:calc(#{$vh * 100} - 11.5em); max-height:calc(#{$vh * 100} - 11.5em); - max-width: 100px;; + max-width: 100px; diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Report/cycle/report.main.js b/SAS/TMSS/frontend/tmss_webapp/src/routes/Report/cycle/report.main.js index b7f8ea46f793a212cf719b0493c3b404f3474df6..482a19ff3061c97c7978eae22d63b5f49e64c26b 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Report/cycle/report.main.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/routes/Report/cycle/report.main.js @@ -1,4 +1,4 @@ -import React, { useState, useEffect, useRef, forwardRef } from 'react'; +import { useState, useEffect, useRef, forwardRef } from 'react'; import moment from 'moment'; import _ from 'lodash'; import Papa from "papaparse"; diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Scheduling/Scheduling.task.relation.js b/SAS/TMSS/frontend/tmss_webapp/src/routes/Scheduling/Scheduling.task.relation.js index 7aed01c825565e2e5676bacdff8835578ecb39ed..5fdb7a9bd1b0c966d908c32f2fba87adef8c31f3 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Scheduling/Scheduling.task.relation.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/routes/Scheduling/Scheduling.task.relation.js @@ -111,7 +111,7 @@ const TaskRelations = (props) => { connectorConsumer.toDelete = !connectorConsumer.canIngest; setBlueprintRelation(!canSave); } else { - connectorConsumer.toAdd = connectorConsumer.canIngest !== originConnectorConsumer.canIngest && connectorConsumer.toAdd ? true : false; + connectorConsumer.toAdd = !!(connectorConsumer.canIngest !== originConnectorConsumer.canIngest && connectorConsumer.toAdd) connectorConsumer.toDelete = false; } } diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Scheduling/SchedulingUnitListLite.js b/SAS/TMSS/frontend/tmss_webapp/src/routes/Scheduling/SchedulingUnitListLite.js index 33cea38527215e09efdb62e25a4f06cfe7d70fd0..cbf24ac23916487ed9ff6c1b0c0f977a226ee320 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Scheduling/SchedulingUnitListLite.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/routes/Scheduling/SchedulingUnitListLite.js @@ -2,7 +2,6 @@ import React, { useState } from 'react'; import { DataTable } from 'primereact/datatable'; import { Column } from 'primereact/column'; -import { CustomPageSpinner } from '../../components/CustomPageSpinner'; export function SchedulingUnitListLite(props) { const { adjust, @@ -126,9 +125,11 @@ export function SchedulingUnitListLite(props) { <Column sortable field="error_reason" header="error reason" style={{ width: '300px' }} bodyClassName={statusClass} ></Column> </DataTable> <table> - <tr><td><b>Stations specified </b> </td><td> {data?.specified_stations?.join(", ")}</td> </tr> - <tr><td><b>Stations used </b> </td><td> {data?.used_stations?.join(", ")}</td> </tr> - {data?.missing_stations?.length>0 && ( <tr><td><b>Stations missing </b> </td><td> {data?.missing_stations?.join(", ")}</td> </tr>) } + <tbody> + <tr><td><b>Stations specified </b> </td><td> {data?.specified_stations?.join(", ")}</td></tr> + <tr><td><b>Stations used </b> </td><td> {data?.used_stations?.join(", ")}</td></tr> + {data?.missing_stations?.length>0 && (<tr><td><b>Stations missing </b></td><td>{data?.missing_stations?.join(", ")}</td></tr>) } + </tbody> </table> diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/WeekView.js b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/WeekView.js index 8e00a872fecb5ae8c69b19258d1b705f858aa13c..950c5bdb81259fd24d6bd402b0402f83a4aacf52 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/WeekView.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/WeekView.js @@ -1,11 +1,11 @@ -import { SchedulingUnitListLite} from "../Scheduling/SchedulingUnitListLite.js" +import { SchedulingUnitListLite } from "../Scheduling/SchedulingUnitListLite.js" import { getDefaultGrouping, getGroups } from "./business/timelinegroupingbusiness.js"; import { expandTimeLineRowsForGrouping } from "./business/timelineRowBusiness.js"; import Filters from "./components/toolbar/Filters"; import { useEffect, useRef, useState } from "react"; import 'react-calendar-timeline/lib/Timeline.css'; import "flatpickr/dist/flatpickr.css"; -import PeriodSelection from "../../shared/periodSelection" +import PeriodSelection from "../../shared/periodSelection" import Timeline, { CursorMarker, CustomMarker, @@ -28,7 +28,7 @@ import { getGroupedByActions, updateSchedulerStatuses, } from "./helpers/week.view.helper"; -import { getStore,updateStore } from "../../services/store.helper"; +import { getStore, updateStore } from "../../services/store.helper"; import DateTimeNavigator from "./components/toolbar/DateTimeNavigator"; import ZoomAndMove from "./components/toolbar/ZoomAndMove"; import { ProgressBar } from "primereact/progressbar"; @@ -75,14 +75,13 @@ function getTimelineHeaders(headerSettings) { let DelayedTooltip; function refreshCursorData(date, setCursorTimeUTC) { - try - { - if (DelayedTooltip) { + try { + if (DelayedTooltip) { clearTimeout(DelayedTooltip); - } - } catch (e) { /* empty */ } - - DelayedTooltip = setTimeout(() => { setCursorTimeUTC(date) } , 0); + } + } catch (e) { /* empty */ } + + DelayedTooltip = setTimeout(() => { setCursorTimeUTC(date) }, 0); } @@ -101,7 +100,7 @@ function getTimelineMarkers(setCursorDate) { </CustomMarker> <CursorMarker> {({ styles, date }) => { - refreshCursorData(date,setCursorDate); + refreshCursorData(date, setCursorDate); const customStyles = { ...styles, backgroundColor: 'var(--blue-400)', @@ -163,14 +162,14 @@ export default function WeekView(props) { //timeline component const [weekNumbers, setWeekNumbers] = useState(""); - const [startTime, setStartTime] = useState(props.startTime? props.startTime : moment().startOf('day')) - const [endTime, setEndTime] = useState(props.endTime? props.endTime :moment().endOf('day')) + const [startTime, setStartTime] = useState(props.startTime ? props.startTime : moment().startOf('day')) + const [endTime, setEndTime] = useState(props.endTime ? props.endTime : moment().endOf('day')) const [items, setItems] = useState({ schedulingUnitItems: [], - plainFilterSchedulingUnitItems:[], + plainFilterSchedulingUnitItems: [], schedulingAdditionalGroupingItems: [], - reservationAdditionalGroupingItems:[], + reservationAdditionalGroupingItems: [], reservationItems: [], sunTimingsItems: [] }) @@ -203,7 +202,7 @@ export default function WeekView(props) { const [showTableView, setShowTableView] = useState(false) const [showSummary, setShowSummary] = useState(false) - + //details summary const [summarySettings, setSummarySettings] = useState({ @@ -221,10 +220,10 @@ export default function WeekView(props) { useEffect(() => { if (isExpanded) { setTimelineClassName("timeline-expanded-filter") - setTabelViewAdjustment({ height:375}) + setTabelViewAdjustment({ height: 375 }) } else { setTimelineClassName("timeline-colapsed-filter") - setTabelViewAdjustment({ height:130}) + setTabelViewAdjustment({ height: 130 }) } }, [isExpanded]) @@ -245,12 +244,16 @@ export default function WeekView(props) { setGroups(newGroups) } } - GetDateToolTipForMouseOver(); + GetDateToolTipForMouseOver(); }, [cursorTimeUTC]) useEffect(() => { //initializer + const currentTimelinestore = getStore(UIConstants.STORE_KEY_TIMELINE) + + const shouldFetchReservations = currentTimelinestore.reservationsToggle; + setIsLoading(true) if (!Object.values(visibleTime).some(value => value === undefined)) { //TODO: extract @@ -266,8 +269,7 @@ export default function WeekView(props) { } setWeekString(startTime, endTime); const loadingStates = [] - loadingStates.push(fetchTimelineData(startTime, endTime, setData).catch(e => console.error("Couldn't get scheduling units and/or reservations", e))) - // loadingStates.push(fetchSunTimings(startTime, setItems,groups).catch(e => console.error("Couldn't retrieve sun timings", e))) + loadingStates.push(fetchTimelineData(startTime, endTime, setData, shouldFetchReservations).catch(e => console.error("Couldn't get scheduling units and/or reservations", e))) loadingStates.push(fetchLSTShift(startTime, setHeaderSettings).catch(e => console.error("Couldn't get current lst from the server", e))) if (!permissions) { loadingStates.push(fetchUserPermissions(setPermissions).catch(e => console.error("Couldn't retrieve the user permissions:", e))) @@ -300,7 +302,7 @@ export default function WeekView(props) { if (summaryItem?.type === "RESERVATION") { fetchReservationSummaryInformation(summaryItem?.id, setSummarySettings).catch(e => console.error("Couldn't retrieve reservations details for id: ", summaryItem?.id, e)) } else { //a Scheduling Unit summary is selected - fetchSUSummaryInformation(summaryItem?.id, setSummarySettings,summaryItem?.item).catch(e => console.error("Couldn't retrieve summary details for id: ", summaryItem?.id, e)) + fetchSUSummaryInformation(summaryItem?.id, setSummarySettings, summaryItem?.item).catch(e => console.error("Couldn't retrieve summary details for id: ", summaryItem?.id, e)) } } }, [summaryItem]); @@ -328,21 +330,21 @@ export default function WeekView(props) { } - - - useEffect(() => { + + + useEffect(() => { // Check if the forceUpdate prop has changed and trigger a re-render - if (props.grouping!==undefined) - updateGrouping(props.grouping); - }, [props.grouping]); + if (props.grouping !== undefined) + updateGrouping(props.grouping); + }, [props.grouping]); // when the data update, has updatet the items, we have all the groups in expect station grouping // this is due to the fact that this is a LARGE amount of data - function refreshGrouping(grouper = grouping, schedulingUnitItems = items.schedulingUnitItems, reserVationUnitItems = items.reservationItems) { + function refreshGrouping(grouper = grouping, schedulingUnitItems = items.schedulingUnitItems, reserVationUnitItems = items.reservationItems) { const groupsplittedItemsScheduling = expandTimeLineRowsForGrouping(schedulingUnitItems, grouper); const groupsplittedItemsReservations = expandTimeLineRowsForGrouping(reserVationUnitItems, grouper); let combinedItems = [...schedulingUnitItems, ...groupsplittedItemsScheduling, ...groupsplittedItemsReservations] - let groupupdates = getGroups(grouper, startTime, combinedItems,endTime); + let groupupdates = getGroups(grouper, startTime, combinedItems, endTime); setGroups(groupupdates.groups); refreshSunsettings(groupupdates.groups, groupupdates.itemGroupKey); @@ -354,12 +356,12 @@ export default function WeekView(props) { })); } - if (groupsplittedItemsReservations?.length > 0) { - setItems(prevData => ({ - ...prevData, - reservationAdditionalGroupingItems: groupsplittedItemsReservations - })); - } + + setItems(prevData => ({ + ...prevData, + reservationAdditionalGroupingItems: groupsplittedItemsReservations + })); + } @@ -382,14 +384,10 @@ export default function WeekView(props) { // todo: there is probably a better way to access the component state from the hook? useWeekViewWebSocket(data, setData, summaryItem, setSummaryItem, setShowSummary, startTime, endTime); - - function renderTimeLine(){ - - } /** - * Toggles Legend, and when not expanded , expand - * @param {boolean} newState - State of Legend - */ + * Toggles Legend, and when not expanded , expand + * @param {boolean} newState - State of Legend + */ function toggleLegend(newState) { if (newState && !isExpanded) { @@ -408,14 +406,14 @@ export default function WeekView(props) { </div> {!permissions ? <ProgressSpinner className="m-4" style={{ color: "var(--primary-300)" }} /> : <TieredMenu className="app-header-menu" popup ref={actionsMenuRef} - model={getPageHeaderOptionsMenuItems(permissions,startTime,endTime)} />} + model={getPageHeaderOptionsMenuItems(permissions, startTime, endTime)} />} <PageHeader location={location} title={'Scheduling Units - ' + weekNumbers + ' View'} actions={getGroupedByActions(grouping, updateGrouping).concat(PeriodSelection.getPeriodNavigationActions(navigateToWeek)).concat(getSchedulerActions(schedulerSettings, setShowSchedulerSettingsDialog)) - .concat(getHeaderActions(isLoading, setRefetchToggle, actionsMenuRef, isExpanded, setIsExpanded, showLegendbar, toggleLegend,showTableView,setShowTableView))} /> + .concat(getHeaderActions(isLoading, setRefetchToggle, actionsMenuRef, isExpanded, setIsExpanded, showLegendbar, toggleLegend, showTableView, setShowTableView))} /> <div className="p-grid"> - <div className="timeline-panel"> + <div className="timeline-panel"> <div className="timeline-tools" style={{ display: isExpanded ? 'flex' : 'none' }}> @@ -428,65 +426,65 @@ export default function WeekView(props) { setRefetchToggle={setRefetchToggle} refreshGrouping={refreshGrouping} /> - <DateTimeNavigator timelineStore={timelineStore} - startTime={startTime} - setStartTime={setStartTime} - setEndTime={setEndTime} - /> - <ZoomAndMove timelineStore={timelineStore} + <DateTimeNavigator timelineStore={timelineStore} + startTime={startTime} + setStartTime={setStartTime} + setEndTime={setEndTime} + /> + <ZoomAndMove timelineStore={timelineStore} startTime={startTime} setVisibleTime={setVisibleTime} visibleTime={visibleTime} headerSettings={headerSettings} setHeaderSettings={setHeaderSettings} /> - + <Legendbar className={showLegendbar ? undefined : "hide-element"} /> </div> - - {showTableView && <div className={timelineClassName} > <SchedulingUnitListLite adjust={tabelViewAdjustment} blueprints={items?.plainFilteredSchedulingUnitItems}></SchedulingUnitListLite></div>} + + {showTableView && <div className={timelineClassName} > <SchedulingUnitListLite adjust={tabelViewAdjustment} blueprints={items?.plainFilteredSchedulingUnitItems}></SchedulingUnitListLite></div>} {!showTableView && ( - Object.values(visibleTime).some(value => value === undefined) ? <ProgressSpinner /> : - <Timeline - className={timelineClassName} - groups={groups} - keys={keys} - items={[...items.sunTimingsItems, ...items.schedulingUnitItems, ...items.schedulingAdditionalGroupingItems, ...items.reservationItems, ...items.reservationAdditionalGroupingItems]} - defaultTimeStart={startTime} - defaultTimeEnd={endTime} - visibleTimeStart={visibleTime.start.valueOf()} - visibleTimeEnd={visibleTime.end.valueOf()} - timeSteps={headerSettings.timeSteps.value} - buffer={1} - //general styling settings timeline - lineHeight={40} - itemHeightRatio={1} - resizeDetector={containerResizeDetector} - //general action settings timeline - canMove={false} - canResize={false} - stackItems={true} - //render settings - groupRenderer={({ group }) => groupRenderer({ group })} - itemRenderer={({ - item, - timelineContext, - itemContext, - getItemProps, - getResizeProps - }) => itemRenderer({ - item, - timelineContext, - itemContext, - getItemProps, - getResizeProps - }, setPopPosition, setMouseOverItem, setSummaryItem)} - > - {getTimelineHeaders(headerSettings)} - {getTimelineMarkers(setCursorTimeUTC)} - </Timeline>)} + Object.values(visibleTime).some(value => value === undefined) ? <ProgressSpinner /> : + <Timeline + className={timelineClassName} + groups={groups} + keys={keys} + items={[...items.sunTimingsItems, ...items.schedulingUnitItems, ...items.schedulingAdditionalGroupingItems, ...items.reservationItems, ...items.reservationAdditionalGroupingItems]} + defaultTimeStart={startTime} + defaultTimeEnd={endTime} + visibleTimeStart={visibleTime.start.valueOf()} + visibleTimeEnd={visibleTime.end.valueOf()} + timeSteps={headerSettings.timeSteps.value} + buffer={1} + //general styling settings timeline + lineHeight={40} + itemHeightRatio={1} + resizeDetector={containerResizeDetector} + //general action settings timeline + canMove={false} + canResize={false} + stackItems={true} + //render settings + groupRenderer={({ group }) => groupRenderer({ group })} + itemRenderer={({ + item, + timelineContext, + itemContext, + getItemProps, + getResizeProps + }) => itemRenderer({ + item, + timelineContext, + itemContext, + getItemProps, + getResizeProps + }, setPopPosition, setMouseOverItem, setSummaryItem)} + > + {getTimelineHeaders(headerSettings)} + {getTimelineMarkers(setCursorTimeUTC)} + </Timeline>)} </div> {showSummary && ( <div className="timeline-panel summary"> diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/__snapshots__/WeekView.test.js.snap b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/__snapshots__/WeekView.test.js.snap index 09152631d6dae59b6785f18ea6ca670013923f45..f25f26b3370475ac0974cbbed25b75ec9942c43b 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/__snapshots__/WeekView.test.js.snap +++ b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/__snapshots__/WeekView.test.js.snap @@ -275,7 +275,7 @@ exports[`WeekView Render Contents WeekView renders correctly with data: DuringLo class="p-panel p-component section" data-pc-name="panel" data-pc-section="root" - id="pr_id_5" + id="pr_id_1" > <div class="p-panel-header" @@ -284,7 +284,7 @@ exports[`WeekView Render Contents WeekView renders correctly with data: DuringLo <span class="p-panel-title" data-pc-section="title" - id="pr_id_5_header" + id="pr_id_1_header" > Filters </span> @@ -295,10 +295,10 @@ exports[`WeekView Render Contents WeekView renders correctly with data: DuringLo </div> <div aria-hidden="false" - aria-labelledby="pr_id_5_header" + aria-labelledby="pr_id_1_header" class="p-toggleable-content" data-pc-section="toggleablecontent" - id="pr_id_5_content" + id="pr_id_1_content" role="region" > <div @@ -2280,7 +2280,7 @@ exports[`WeekView Render Contents WeekView renders correctly with data: Loaded 1 class="p-panel p-component section" data-pc-name="panel" data-pc-section="root" - id="pr_id_5" + id="pr_id_1" > <div class="p-panel-header" @@ -2289,7 +2289,7 @@ exports[`WeekView Render Contents WeekView renders correctly with data: Loaded 1 <span class="p-panel-title" data-pc-section="title" - id="pr_id_5_header" + id="pr_id_1_header" > Filters </span> @@ -2300,10 +2300,10 @@ exports[`WeekView Render Contents WeekView renders correctly with data: Loaded 1 </div> <div aria-hidden="false" - aria-labelledby="pr_id_5_header" + aria-labelledby="pr_id_1_header" class="p-toggleable-content" data-pc-section="toggleablecontent" - id="pr_id_5_content" + id="pr_id_1_content" role="region" > <div diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/components/toolbar/Filters.js b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/components/toolbar/Filters.js index ae5796c7b7c12a8c3a5a999d286c8d41e5bfc464..ee79c659979e377fe3027128ff9c52c63413828a 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/components/toolbar/Filters.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/components/toolbar/Filters.js @@ -11,7 +11,7 @@ import { } from "../../helpers/toolbar/filters.helper"; import moment from "moment"; -import { ProgressSpinner } from 'primereact/progressspinner'; + import { fetchAllOptionsForMultiSelects } from "../../data/filters.data"; const isDebugLoggingOn = false @@ -25,14 +25,14 @@ function filterReservations(reservations, visibleStartTime, reservationFilter, p .filter(reservationItem => reservationFilter.includes(reservationItem.reason)) - if (projectFilter.length) { - reservationItems = reservationItems.filter(reservationItem => reservationItem.project === null || projectFilter.includes(reservationItem.project)) + if (projectFilter?.length) { + reservationItems = reservationItems?.filter(reservationItem => reservationItem.project === null || projectFilter.includes(reservationItem.project)) } else { //only show items that don't have a project - reservationItems = reservationItems.filter(reservationItem => reservationItem.project === null) + reservationItems = reservationItems?.filter(reservationItem => reservationItem.project === null) } - let datefiltered_reservationItems = reservationItems.filter(reservationItem => reservationItem.reservation_start_time>=startTime) - datefiltered_reservationItems = datefiltered_reservationItems.filter(reservationItem => reservationItem.reservation_start_time<=endTime) + let datefiltered_reservationItems = reservationItems?.filter(reservationItem => reservationItem.reservation_start_time>=startTime) + datefiltered_reservationItems = datefiltered_reservationItems?.filter(reservationItem => reservationItem.reservation_start_time<=endTime) return datefiltered_reservationItems; } @@ -53,7 +53,7 @@ function plainFilterSchedulingUnitItems(schedulingUnits, visibleStartTime, onSky return schedulingUnitItems; } -function filterSchedulingUnits(schedulingUnits, visibleStartTime, onSkyToggle, schedulingUnitFilter, projectFilter, groupingkey) { +function filterSchedulingUnits(schedulingUnits, visibleStartTime, onSkyToggle, schedulingUnitFilter, projectFilter ) { const includeStationsInfo = true; const includeStationsgroupInfo =true; @@ -141,18 +141,26 @@ export default function Filters(props) { updateStore(UIConstants.STORE_KEY_TIMELINE, timelineStore, { ["reservationsToggle"]: reservationsToggle, }) - + timelineStore.reservationsToggle=reservationsToggle; if (reservationsToggle) { + console.log(" Requesting Refresh Reservations",timelineStore ,reservationsToggle) setRefetchToggle(prevState => !prevState) - } else { - setItems(prevState => ({ - ...prevState, - reservationItems: [] - })) } + else { + console.log(" Requesting to Hide Reservations",timelineStore) + setItems(prevState => ({ + ...prevState, + reservationItems: [] + })) + + fullRefresh(); + } + + }, [reservationsToggle]) useEffect(() => { + updateStore(UIConstants.STORE_KEY_TIMELINE, timelineStore, { ["reservationFilter"]: reservationFilter, ["projectFilter"]: projectFilter, @@ -164,13 +172,38 @@ export default function Filters(props) { if(isDebugLoggingOn) console.log("Gather Reservations for ",visibleStartTime,endTime,startTime); reservationsItems = filterReservations(data.reservations, visibleStartTime, reservationFilter, projectFilter,endTime,startTime); if (isDebugLoggingOn) console.log("Reservation sais",reservationsItems) - } + setItems(prevState => ({ + ...prevState, + reservationItems: reservationsItems + })) + } else { + setItems(prevState => ({ + ...prevState, + reservationItems: [] + })); + } + + + }, [data, reservationFilter, projectFilter]) + + + const fullRefresh = () => { + const schedulingUnitItems = filterSchedulingUnits(data.schedulingUnits, visibleStartTime, onSkyToggle, schedulingUnitFilter, projectFilter); + const plainFilteredSchedulingUnitItems = plainFilterSchedulingUnitItems(data.schedulingUnits, visibleStartTime, onSkyToggle, schedulingUnitFilter, projectFilter); + const reservationitems = filterReservations(data.reservations, visibleStartTime, reservationFilter, projectFilter,endTime,startTime); setItems(prevState => ({ ...prevState, - reservationItems: reservationsItems + schedulingUnitItems: schedulingUnitItems, + plainFilteredSchedulingUnitItems:plainFilteredSchedulingUnitItems + })) - }, [data, reservationFilter, projectFilter]) + if (reservationsToggle) { + refreshGrouping(grouping,schedulingUnitItems,reservationitems); + } else { + refreshGrouping(grouping,schedulingUnitItems,[]); + } + } useEffect(() => { @@ -181,17 +214,9 @@ export default function Filters(props) { ["onSkyToggle"]: onSkyToggle, }) - const schedulingUnitItems = filterSchedulingUnits(data.schedulingUnits, visibleStartTime, onSkyToggle, schedulingUnitFilter, projectFilter,grouping); - const plainFilteredSchedulingUnitItems = plainFilterSchedulingUnitItems(data.schedulingUnits, visibleStartTime, onSkyToggle, schedulingUnitFilter, projectFilter); - - setItems(prevState => ({ - ...prevState, - schedulingUnitItems: schedulingUnitItems, - plainFilteredSchedulingUnitItems:plainFilteredSchedulingUnitItems - - })) - refreshGrouping(grouping,schedulingUnitItems); - }, [data.schedulingUnits, schedulingUnitFilter, projectFilter, onSkyToggle,grouping]) + fullRefresh(); + + }, [data.schedulingUnits, schedulingUnitFilter, projectFilter, onSkyToggle,grouping,reservationsToggle]) @@ -199,20 +224,21 @@ export default function Filters(props) { return <div className="p-grid timeline-view-toolbar"> - {multiSelectAllOptions.isLoading ? <ProgressSpinner className="m-5" style={{ color: "var(--primary-300)" }} /> : + <Panel className="section" header="Filters"> + <div className="group"> <Toggle labelName="On Sky" tooltipText="Show on-sky system durations" - checkedValue={onSkyToggle} onChangeCallback={setOnSkyToggle} /> + checkedValue={onSkyToggle} onChangeCallback={setOnSkyToggle} disabled={multiSelectAllOptions.isLoading} /> </div> <div className="group"> <Toggle labelName={"Reservations"} tooltipText={"Show station reservations"} - checkedValue={reservationsToggle} onChangeCallback={setReservationsToggle} /> + checkedValue={reservationsToggle} onChangeCallback={setReservationsToggle} disabled={multiSelectAllOptions.isLoading}/> <div className="multiselect-container relative-position"> <span className="small-label">Reason:</span> <MultiSelect className={!reservationsToggle ? "disabled" : ""} - disabled={!reservationsToggle} + disabled={!reservationsToggle || multiSelectAllOptions.isLoading} optionLabel="name" optionValue="name" tooltip="Select Reservation Reason(s)" @@ -231,6 +257,7 @@ export default function Filters(props) { <label>Scheduling Units</label> <div className="multiselect-container relative-position"> <span className="small-label">Status:</span> + <MultiSelect optionLabel="name" optionValue="name" @@ -240,6 +267,7 @@ export default function Filters(props) { options={multiSelectAllOptions.schedulingUnitStatuses} maxSelectedLabels="1" filter + disabled={multiSelectAllOptions.isLoading} filterBy="name" placeholder="Status" onChange={(e) => setSchedulingUnitFilter(e.value)} @@ -249,8 +277,11 @@ export default function Filters(props) { <div className="group"> <label>Projects</label> + { !multiSelectAllOptions.isLoading && <div className="multiselect-container relative-position"> + <span className="small-label">Status:</span> + <MultiSelect optionLabel="value" optionValue="value" @@ -260,16 +291,19 @@ export default function Filters(props) { options={multiSelectAllOptions.projectStatuses} maxSelectedLabels="1" filter + disabled={multiSelectAllOptions.isLoading} filterBy="value" placeholder="Status" onChange={(e) => setProjectStatusFilter(e.value)} /> </div> +} <div className="multiselect-container relative-position"> <span className="small-label">Value:</span> <MultiSelect optionLabel="name" optionValue="name" + disabled={multiSelectAllOptions.isLoading} tooltip="Select Project Name(s)" tooltipOptions={{ position: 'left' }} value={projectFilter} @@ -282,7 +316,9 @@ export default function Filters(props) { /> </div> </div> + + </Panel> - } + </div> } \ No newline at end of file diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/components/toolbar/ZoomAndMove.js b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/components/toolbar/ZoomAndMove.js index 8e4ea1914020230d5b462526336fa7a297128123..93476304bedf5ec7f28a7bb854a1113b69a7249d 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/components/toolbar/ZoomAndMove.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/components/toolbar/ZoomAndMove.js @@ -1,6 +1,5 @@ import { useEffect, useState } from "react"; import { updateStore } from "../../../../services/store.helper"; -import { ProgressSpinner } from 'primereact/progressspinner'; import UIConstants from "../../../../utils/ui.constants"; import { Button } from "primereact/button"; import { Dropdown } from "primereact/dropdown"; @@ -285,7 +284,6 @@ export default function ZoomAndMove(props) { if (setVisibleTime === undefined || setHeaderSettings === undefined) { return <div className="group group--row"> - <ProgressSpinner className="m-4" style={{ color: "var(--primary-300)" }} data-testid="zoom-loading-spinner" /> </div> } diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/components/toolbar/ZoomAndMove.test.js b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/components/toolbar/ZoomAndMove.test.js index 9fd2d0caccda862bd8094aa75bb88e2b346c0ca8..87fe0b046f5b106e569e42dbf6e328329af0da76 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/components/toolbar/ZoomAndMove.test.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/components/toolbar/ZoomAndMove.test.js @@ -54,16 +54,7 @@ describe('ZoomAndMove', () => { }) - it('renders loading spinner when props are not yet available', () => { - let moctm = mockTimelineStore; - const {getByRole}= render( - <ZoomAndMove - timelineStore={moctm} - /> - ); - expect(getByRole('alert',{ busy: true })).toBeInTheDocument(); - }); diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/data/week.view.data.js b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/data/week.view.data.js index 4d36a173877f256857b377363bc8c398039ca332..b8dcd830bfdc6d7ad2175831965aec6d6eddcff7 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/data/week.view.data.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/data/week.view.data.js @@ -5,15 +5,15 @@ import AuthUtil from "../../../utils/auth.util"; import UtilService from "../../../services/util.service"; import moment from "moment/moment"; import { getSunTimingItems } from "../helpers/week.view.helper"; -import { getStore } from "../../../services/store.helper"; -export async function fetchTimelineData(startTime, endTime, setData) { - - +export async function fetchTimelineData(startTime, endTime, setData, isFetchReservationsRequired=false) { const from = startTime.format(UIConstants.CALENDAR_DATETIME_FORMAT); const until = endTime.format(UIConstants.CALENDAR_DATETIME_FORMAT); const schedulingUnits = await ScheduleService.getTimelineSlimBlueprints(from, until); - const reservations = await fetchReservations(from, until) + let reservations = [] + if (isFetchReservationsRequired) { + reservations = await ReservationService.getTimelineReservations(from, until) + } sessionStorage.setItem("blueprints", JSON.stringify(schedulingUnits)); setData({ schedulingUnits: schedulingUnits, @@ -21,15 +21,6 @@ export async function fetchTimelineData(startTime, endTime, setData) { }) } -export async function fetchReservations(formattedStartTime, formattedEndTime) { - let reservations = [] - const shouldFetchReservations = getStore(UIConstants.STORE_KEY_TIMELINE).reservationsToggle; - if (shouldFetchReservations) { - reservations = await ReservationService.getTimelineReservations(formattedStartTime, formattedEndTime); - } - return reservations -} - export async function fetchUserPermissions(setPermissions) { const permission = await AuthUtil.getUserRolePermission(); setPermissions({ diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/helpers/toolbar/filters.helper.js b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/helpers/toolbar/filters.helper.js index 465f5bae53fb4788d0406035f995e6edf80c0847..dbbaa6fb3fd0f43e2c941f2b96a4d9a7ef4c5c6e 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/helpers/toolbar/filters.helper.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/helpers/toolbar/filters.helper.js @@ -249,6 +249,8 @@ export function getReservationItem(reservation, index, displayDate) { }; timeLineRow.specified_stations = specificationsDoc?.resources?.stations; + timeLineRow.used_stations = specificationsDoc?.resources?.stations; + timeLineRow.missing_stations = specificationsDoc?.resources?.stations; diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/helpers/toolbar/filters.helper.test.js b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/helpers/toolbar/filters.helper.test.js index 8238465b1c221e4065411ddd9274c0985697c600..3f4bad23b588e0b8b847aa18227b519ed48f2321 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/helpers/toolbar/filters.helper.test.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/helpers/toolbar/filters.helper.test.js @@ -356,6 +356,16 @@ describe('getReservationItem', () => { reservation.specifications_doc.resources = { stations: ['CS001', 'CS002' ,'CS003'] } expectedItem.stations = 'CS001,CS002,CS003'; + expectedItem.used_stations =[ + "CS001", + "CS002", + "CS003", + ]; + expectedItem.missing_stations =[ + "CS001", + "CS002", + "CS003", + ]; expectedItem.specified_stations = [ "CS001", "CS002", diff --git a/SAS/TMSS/frontend/tmss_webapp/src/services/task.service.js b/SAS/TMSS/frontend/tmss_webapp/src/services/task.service.js index 66a591348f76cd75105de02c6967441ad5b2213d..1a8ce145c0af85b9c3db56a7ccc92081746735e0 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/services/task.service.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/services/task.service.js @@ -103,7 +103,7 @@ const TaskService = { } }, getTaskRelationsByTask: async function(type, task) { - try { + let relations = {}; return this.getTaskPredecessors(type, task.id, task.task_type) .then( predecessors => { @@ -126,9 +126,6 @@ const TaskService = { } return relations; }); - } catch (error) { - console.log(error); - } }, getTaskPredecessors: async function(type, id, taskType) { try { @@ -174,7 +171,7 @@ const TaskService = { validateSpecificationsDoc: async function(task, specifications_doc=null) { try { const url = `${task.specifications_template}/validate_specifications_doc`; - const response = await axios.put(url, {'specifications_doc': specifications_doc? specifications_doc : task.specifications_doc} ); + const response = await axios.put(url, {'specifications_doc': specifications_doc || task.specifications_doc} ); if(!response.data['valid']) { console.error(response.data['message']); } diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/reservation.list.test.js.snap b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/reservation.list.test.js.snap index ade5c0f167e47fa04ec72f2529a7041cd6a82244..05c1031a2b3676409ac3d883bfb2b0658045ef49 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/reservation.list.test.js.snap +++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/reservation.list.test.js.snap @@ -417,7 +417,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` <div data-rbd-draggable-context-id="0" data-rbd-draggable-id="Select" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" > <div> <input @@ -452,7 +452,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` <div data-rbd-draggable-context-id="0" data-rbd-draggable-id="Action" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" > Action </div> @@ -487,7 +487,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="System Id" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > System Id @@ -543,7 +543,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="Description" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > Description @@ -595,7 +595,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="Start Time" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > Start Time @@ -672,7 +672,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="End Time" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > End Time @@ -748,7 +748,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="Duration (Days HH:mm:ss)" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > Duration (Days HH:mm:ss) @@ -878,7 +878,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="Reservation Type" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > Reservation Type @@ -992,7 +992,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="Subject" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > Subject @@ -1081,7 +1081,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="Planned" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > Planned @@ -1140,7 +1140,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="Stations" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > Stations @@ -1323,7 +1323,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="FixedTime" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > FixedTime @@ -1381,7 +1381,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="Dynamic" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > Dynamic @@ -1439,7 +1439,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="Fixed project" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > Fixed project @@ -1498,7 +1498,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="Project" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > Project @@ -1549,7 +1549,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="Expert" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > Expert @@ -1607,7 +1607,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="HBA-RFI" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > HBA-RFI @@ -1665,7 +1665,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="LBA-RFI" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > LBA-RFI @@ -1724,7 +1724,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="Created at" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > Created at @@ -1812,7 +1812,7 @@ exports[`Reservation List Reservation List correctly with data 1`] = ` data-rbd-draggable-id="Updated at" draggable="false" role="button" - style="transform: translate(0,0); user-select: none; cursor: move;" + style="transform: translate(0,0); user-select: none; cursor: default;" tabindex="0" > Updated at diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/task.list.test.js.snap b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/task.list.test.js.snap index 5ab9736d109f9605e8d416a0ca2cb8a953985d09..441c673d863e187e82ce2d54103f3253cc601bd1 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/task.list.test.js.snap +++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/task.list.test.js.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Task List Task List correctly with data 1`] = `"<html><head></head><body><div><div class=\\"page-header undefined\\"><div class=\\"title\\"><h2 class=\\"page-title\\">Task - List</h2></div><div class=\\"page-action-menu page-actionsundefined\\"><button class=\\"p-link\\" title=\\"Don't have permission to delete Task(s)\\"><i class=\\"fa fa-disabled fa fa-trash undefined\\"></i></button></div></div><div class=\\"p-select \\" style=\\"position: relative;\\"><div class=\\"p-field p-grid\\" style=\\"position: absolute; margin-left: -11em; top: -2em;\\"><label>Select Task Blueprint/Draft</label><span class=\\"p-float-label\\"><div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" style=\\"width: 10em; margin-left: 0.5em;\\" data-testid=\\"tasktype-dropdown\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\"><div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input id=\\"tasktype\\" type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div><div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\"><option value=\\"Draft\\" data-pc-section=\\"option\\" selected=\\"\\">Draft</option></select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">Draft</span><div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\"><path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path></svg></div></div></span></div></div><div><div style=\\"display: flex; justify-content: space-between; height: 35px;\\"><div id=\\"block_container\\"><div style=\\"text-align: left; margin-right: 30px;\\" title=\\"Toggle Columns\\"><i class=\\"fa fa-columns col-filter-btn\\" label=\\"Toggle Columns\\"></i><div style=\\"position: relative; top: -25px; margin-left: 50px; color: rgb(0, 91, 159);\\"><i class=\\"fas fa-sync-alt\\" title=\\"Clear All Filters\\"></i></div></div><div style=\\"text-align: right;\\"></div><div class=\\"total_records_top_label\\"> <label>Total records (12345)</label></div></div></div><div class=\\"pagination p-grid top-pagination\\"><div class=\\"total_records_bottom_label\\"><label>Filtered 10 from 12345</label></div><div><div class=\\"p-paginator p-component\\" data-pc-name=\\"paginator\\" data-pc-section=\\"root\\"><button type=\\"button\\" class=\\"p-paginator-first p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"First Page\\" data-pc-section=\\"firstpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"firstpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-prev p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"Previous Page\\" data-pc-section=\\"prevpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"prevpageicon\\"><path d=\\"M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z\\" fill=\\"currentColor\\"></path></svg></button><span class=\\"p-paginator-pages\\" data-pc-section=\\"pages\\"><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-start p-highlight\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">1</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">2</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">3</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">4</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-end\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">5</button></span><button type=\\"button\\" class=\\"p-paginator-next p-paginator-element p-link\\" aria-label=\\"Next Page\\" data-pc-section=\\"nextpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"nextpageicon\\"><path d=\\"M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-last p-paginator-element p-link\\" aria-label=\\"Last Page\\" data-pc-section=\\"lastpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"lastpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M7.68757 11.1451C7.7791 11.1831 7.8773 11.2024 7.9764 11.2019C8.07769 11.1985 8.17721 11.1745 8.26886 11.1312C8.36052 11.088 8.44238 11.0265 8.50943 10.9505L12.0294 7.49085C12.1707 7.34942 12.25 7.15771 12.25 6.95782C12.25 6.75794 12.1707 6.56622 12.0294 6.42479L8.50943 2.90479C8.37014 2.82159 8.20774 2.78551 8.04633 2.80192C7.88491 2.81833 7.73309 2.88635 7.6134 2.99588C7.4937 3.10541 7.41252 3.25061 7.38189 3.40994C7.35126 3.56927 7.37282 3.73423 7.44337 3.88033L10.4605 6.89748L7.44337 9.91463C7.30212 10.0561 7.22278 10.2478 7.22278 10.4477C7.22278 10.6475 7.30212 10.8393 7.44337 10.9807C7.51301 11.0512 7.59603 11.1071 7.68757 11.1451ZM1.94207 10.9505C2.07037 11.0968 2.25089 11.1871 2.44493 11.2019C2.63898 11.1871 2.81949 11.0968 2.94779 10.9505L6.46779 7.49085C6.60905 7.34942 6.68839 7.15771 6.68839 6.95782C6.68839 6.75793 6.60905 6.56622 6.46779 6.42479L2.94779 2.90479C2.80704 2.83757 2.6489 2.81563 2.49517 2.84201C2.34143 2.86839 2.19965 2.94178 2.08936 3.05207C1.97906 3.16237 1.90567 3.30415 1.8793 3.45788C1.85292 3.61162 1.87485 3.76975 1.94207 3.9105L4.95922 6.92765L1.94207 9.9448C1.81838 10.0831 1.75 10.2621 1.75 10.4477C1.75 10.6332 1.81838 10.8122 1.94207 10.9505Z\\" fill=\\"currentColor\\"></path></svg></button><div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\"><div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" aria-label=\\"Choose\\" data-pc-section=\\"input\\"></div><div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\"><option value=\\"10\\" data-pc-section=\\"option\\" selected=\\"\\">10</option></select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">10</span><div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Choose\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\"><path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path></svg></div></div></div></div><div class=\\"custom-page\\"><span id=\\"customPageTop\\" class=\\"p-inputnumber p-component p-inputwrapper\\" style=\\"width: 100px;\\" data-pc-name=\\"inputnumber\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputnumber-input p-inputnumber-input\\" role=\\"spinbutton\\" type=\\"text\\" inputmode=\\"numeric\\" min=\\"0\\" aria-valuemin=\\"0\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"></span><label>Records/Page</label><button class=\\"p-button p-component\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show </button><button class=\\"p-button p-component\\" style=\\"margin-left: 1em;\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show All </button></div></div><div class=\\"tmss-table \\"><table role=\\"table\\" style=\\"min-width: 780px;\\" data-testid=\\"viewtable\\" class=\\"viewtable\\"><thead><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerows\\"><th role=\\"tablehead\\" class=\\"fixed-column-td\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"fixed-column\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Select\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\"><div><input type=\\"checkbox\\" title=\\"Toggle All Rows Selected\\" style=\\"width: 15px; height: 15px;\\"></div></div></div><div></div></div></div></th><th role=\\"tablehead\\" class=\\"fixed-column-td\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"fixed-column\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Action\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\">Action</div></div><div></div></div></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Project\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Project\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Project\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Project</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-SchedulingUnitID\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Scheduling Unit ID\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Scheduling Unit ID\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Scheduling Unit ID<i class=\\"pi pi-sort-up\\" aria-hidden=\\"true\\"></i></div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter Id and press ‘Enter’ key to search. For multiple values enter comma separated values. For range, provide input like 1..6\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-SchedulingUnitName\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Scheduling Unit Name\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Scheduling Unit Name\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Scheduling Unit Name</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ID\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"ID\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"ID\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">ID</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter Id and press ‘Enter’ key to search. For multiple values enter comma separated values. For range, provide input like 1..6\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Name\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Name\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Name\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Name</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Description\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Description\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Description\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Description</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ShortDescription\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Short Description\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Short Description\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Short Description</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Duration(HH:mm:ss)\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Duration (HH:mm:ss)\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Duration (HH:mm:ss)\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Duration (HH:mm:ss)</div></div><div><div style=\\"align-items: center;\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Relative Start Time (HH:mm:ss)\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Relative Start Time (HH:mm:ss)\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Relative Start Time (HH:mm:ss)</div></div><div><div style=\\"align-items: center;\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Relative End Time (HH:mm:ss)\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Relative End Time (HH:mm:ss)\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Relative End Time (HH:mm:ss)</div></div><div><div style=\\"align-items: center;\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Cancelled\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Cancelled\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Cancelled\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Cancelled</div></div><div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th></tr></thead><tbody role=\\"rowgroup\\"><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-ingest\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/601\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 107 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 601 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Ingest </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Ingest all preprocessed dataproducts </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/600\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 107 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 600 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Pipeline </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/599\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 107 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 599 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Pipeline 2 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Calibrator Observation 2 </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/598\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 107 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 598 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation 2 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation after Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 08:12:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 08:22:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/597\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 107 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 597 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Observation </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:11:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 08:11:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/596\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 107 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 596 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Pipeline 1 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Calibrator Observation 1 </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/595\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 107 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 595 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation 1 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation before Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:10:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-ingest\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/640\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> normal </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 113 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 640 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Ingest </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Ingest all preprocessed dataproducts </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/639\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> normal </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 113 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 639 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Pipeline </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/638\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> normal </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 113 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 638 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Pipeline 2 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Calibrator Observation 2 </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr></tbody></table></div><div></div><div class=\\"pagination p-grid\\"><div class=\\"total_records_bottom_label\\"><label>Filtered 10 from 12345</label></div><div><div class=\\"p-paginator p-component\\" data-pc-name=\\"paginator\\" data-pc-section=\\"root\\"><button type=\\"button\\" class=\\"p-paginator-first p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"First Page\\" data-pc-section=\\"firstpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"firstpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-prev p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"Previous Page\\" data-pc-section=\\"prevpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"prevpageicon\\"><path d=\\"M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z\\" fill=\\"currentColor\\"></path></svg></button><span class=\\"p-paginator-pages\\" data-pc-section=\\"pages\\"><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-start p-highlight\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">1</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">2</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">3</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">4</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-end\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">5</button></span><button type=\\"button\\" class=\\"p-paginator-next p-paginator-element p-link\\" aria-label=\\"Next Page\\" data-pc-section=\\"nextpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"nextpageicon\\"><path d=\\"M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-last p-paginator-element p-link\\" aria-label=\\"Last Page\\" data-pc-section=\\"lastpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"lastpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M7.68757 11.1451C7.7791 11.1831 7.8773 11.2024 7.9764 11.2019C8.07769 11.1985 8.17721 11.1745 8.26886 11.1312C8.36052 11.088 8.44238 11.0265 8.50943 10.9505L12.0294 7.49085C12.1707 7.34942 12.25 7.15771 12.25 6.95782C12.25 6.75794 12.1707 6.56622 12.0294 6.42479L8.50943 2.90479C8.37014 2.82159 8.20774 2.78551 8.04633 2.80192C7.88491 2.81833 7.73309 2.88635 7.6134 2.99588C7.4937 3.10541 7.41252 3.25061 7.38189 3.40994C7.35126 3.56927 7.37282 3.73423 7.44337 3.88033L10.4605 6.89748L7.44337 9.91463C7.30212 10.0561 7.22278 10.2478 7.22278 10.4477C7.22278 10.6475 7.30212 10.8393 7.44337 10.9807C7.51301 11.0512 7.59603 11.1071 7.68757 11.1451ZM1.94207 10.9505C2.07037 11.0968 2.25089 11.1871 2.44493 11.2019C2.63898 11.1871 2.81949 11.0968 2.94779 10.9505L6.46779 7.49085C6.60905 7.34942 6.68839 7.15771 6.68839 6.95782C6.68839 6.75793 6.60905 6.56622 6.46779 6.42479L2.94779 2.90479C2.80704 2.83757 2.6489 2.81563 2.49517 2.84201C2.34143 2.86839 2.19965 2.94178 2.08936 3.05207C1.97906 3.16237 1.90567 3.30415 1.8793 3.45788C1.85292 3.61162 1.87485 3.76975 1.94207 3.9105L4.95922 6.92765L1.94207 9.9448C1.81838 10.0831 1.75 10.2621 1.75 10.4477C1.75 10.6332 1.81838 10.8122 1.94207 10.9505Z\\" fill=\\"currentColor\\"></path></svg></button><div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\"><div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" aria-label=\\"Choose\\" data-pc-section=\\"input\\"></div><div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\"><option value=\\"10\\" data-pc-section=\\"option\\" selected=\\"\\">10</option></select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">10</span><div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Choose\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\"><path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path></svg></div></div></div></div><div class=\\"custom-page\\"><span id=\\"customPageBottom\\" class=\\"p-inputnumber p-component p-inputwrapper\\" style=\\"width: 100px;\\" data-pc-name=\\"inputnumber\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputnumber-input p-inputnumber-input\\" role=\\"spinbutton\\" type=\\"text\\" inputmode=\\"numeric\\" min=\\"0\\" aria-valuemin=\\"0\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"></span><label>Records/Page</label><button class=\\"p-button p-component\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show </button><button class=\\"p-button p-component\\" style=\\"margin-left: 1em;\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show All </button></div></div></div><div class=\\"custom-dlg p-grid\\" data-testid=\\"confirm_dialog\\" style=\\"opacity: 1;\\"></div><div></div></div></body></html>"`; +exports[`Task List Task List correctly with data 1`] = `"<html><head></head><body><div><div class=\\"page-header undefined\\"><div class=\\"title\\"><h2 class=\\"page-title\\">Task - List</h2></div><div class=\\"page-action-menu page-actionsundefined\\"><button class=\\"p-link\\" title=\\"Don't have permission to delete Task(s)\\"><i class=\\"fa fa-disabled fa fa-trash undefined\\"></i></button></div></div><div class=\\"p-select \\" style=\\"position: relative;\\"><div class=\\"p-field p-grid\\" style=\\"position: absolute; margin-left: -11em; top: -2em;\\"><label>Select Task Blueprint/Draft</label><span class=\\"p-float-label\\"><div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" style=\\"width: 10em; margin-left: 0.5em;\\" data-testid=\\"tasktype-dropdown\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\"><div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input id=\\"tasktype\\" type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div><div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\"><option value=\\"Draft\\" data-pc-section=\\"option\\" selected=\\"\\">Draft</option></select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">Draft</span><div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\"><path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path></svg></div></div></span></div></div><div><div style=\\"display: flex; justify-content: space-between; height: 35px;\\"><div id=\\"block_container\\"><div style=\\"text-align: left; margin-right: 30px;\\" title=\\"Toggle Columns\\"><i class=\\"fa fa-columns col-filter-btn\\" label=\\"Toggle Columns\\"></i><div style=\\"position: relative; top: -25px; margin-left: 50px; color: rgb(0, 91, 159);\\"><i class=\\"fas fa-sync-alt\\" title=\\"Clear All Filters\\"></i></div></div><div style=\\"text-align: right;\\"></div><div class=\\"total_records_top_label\\"> <label>Total records (12345)</label></div></div></div><div class=\\"pagination p-grid top-pagination\\"><div class=\\"total_records_bottom_label\\"><label>Filtered 10 from 12345</label></div><div><div class=\\"p-paginator p-component\\" data-pc-name=\\"paginator\\" data-pc-section=\\"root\\"><button type=\\"button\\" class=\\"p-paginator-first p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"First Page\\" data-pc-section=\\"firstpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"firstpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-prev p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"Previous Page\\" data-pc-section=\\"prevpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"prevpageicon\\"><path d=\\"M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z\\" fill=\\"currentColor\\"></path></svg></button><span class=\\"p-paginator-pages\\" data-pc-section=\\"pages\\"><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-start p-highlight\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">1</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">2</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">3</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">4</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-end\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">5</button></span><button type=\\"button\\" class=\\"p-paginator-next p-paginator-element p-link\\" aria-label=\\"Next Page\\" data-pc-section=\\"nextpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"nextpageicon\\"><path d=\\"M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-last p-paginator-element p-link\\" aria-label=\\"Last Page\\" data-pc-section=\\"lastpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"lastpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M7.68757 11.1451C7.7791 11.1831 7.8773 11.2024 7.9764 11.2019C8.07769 11.1985 8.17721 11.1745 8.26886 11.1312C8.36052 11.088 8.44238 11.0265 8.50943 10.9505L12.0294 7.49085C12.1707 7.34942 12.25 7.15771 12.25 6.95782C12.25 6.75794 12.1707 6.56622 12.0294 6.42479L8.50943 2.90479C8.37014 2.82159 8.20774 2.78551 8.04633 2.80192C7.88491 2.81833 7.73309 2.88635 7.6134 2.99588C7.4937 3.10541 7.41252 3.25061 7.38189 3.40994C7.35126 3.56927 7.37282 3.73423 7.44337 3.88033L10.4605 6.89748L7.44337 9.91463C7.30212 10.0561 7.22278 10.2478 7.22278 10.4477C7.22278 10.6475 7.30212 10.8393 7.44337 10.9807C7.51301 11.0512 7.59603 11.1071 7.68757 11.1451ZM1.94207 10.9505C2.07037 11.0968 2.25089 11.1871 2.44493 11.2019C2.63898 11.1871 2.81949 11.0968 2.94779 10.9505L6.46779 7.49085C6.60905 7.34942 6.68839 7.15771 6.68839 6.95782C6.68839 6.75793 6.60905 6.56622 6.46779 6.42479L2.94779 2.90479C2.80704 2.83757 2.6489 2.81563 2.49517 2.84201C2.34143 2.86839 2.19965 2.94178 2.08936 3.05207C1.97906 3.16237 1.90567 3.30415 1.8793 3.45788C1.85292 3.61162 1.87485 3.76975 1.94207 3.9105L4.95922 6.92765L1.94207 9.9448C1.81838 10.0831 1.75 10.2621 1.75 10.4477C1.75 10.6332 1.81838 10.8122 1.94207 10.9505Z\\" fill=\\"currentColor\\"></path></svg></button><div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\"><div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" aria-label=\\"Choose\\" data-pc-section=\\"input\\"></div><div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\"><option value=\\"10\\" data-pc-section=\\"option\\" selected=\\"\\">10</option></select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">10</span><div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Choose\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\"><path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path></svg></div></div></div></div><div class=\\"custom-page\\"><span id=\\"customPageTop\\" class=\\"p-inputnumber p-component p-inputwrapper\\" style=\\"width: 100px;\\" data-pc-name=\\"inputnumber\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputnumber-input p-inputnumber-input\\" role=\\"spinbutton\\" type=\\"text\\" inputmode=\\"numeric\\" min=\\"0\\" aria-valuemin=\\"0\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"></span><label>Records/Page</label><button class=\\"p-button p-component\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show </button><button class=\\"p-button p-component\\" style=\\"margin-left: 1em;\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show All </button></div></div><div class=\\"tmss-table \\"><table role=\\"table\\" style=\\"min-width: 780px;\\" data-testid=\\"viewtable\\" class=\\"viewtable\\"><thead><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerows\\"><th role=\\"tablehead\\" class=\\"fixed-column-td\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"fixed-column\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Select\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\"><div><input type=\\"checkbox\\" title=\\"Toggle All Rows Selected\\" style=\\"width: 15px; height: 15px;\\"></div></div></div><div></div></div></div></th><th role=\\"tablehead\\" class=\\"fixed-column-td\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"fixed-column\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Action\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\">Action</div></div><div></div></div></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Project\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Project\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Project\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Project</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-SchedulingUnitID\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Scheduling Unit ID\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Scheduling Unit ID\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Scheduling Unit ID<i class=\\"pi pi-sort-up\\" aria-hidden=\\"true\\"></i></div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter Id and press ‘Enter’ key to search. For multiple values enter comma separated values. For range, provide input like 1..6\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-SchedulingUnitName\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Scheduling Unit Name\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Scheduling Unit Name\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Scheduling Unit Name</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ID\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"ID\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"ID\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">ID</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter Id and press ‘Enter’ key to search. For multiple values enter comma separated values. For range, provide input like 1..6\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Name\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Name\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Name\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Name</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Description\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Description\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Description\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Description</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ShortDescription\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Short Description\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Short Description\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Short Description</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Duration(HH:mm:ss)\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Duration (HH:mm:ss)\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Duration (HH:mm:ss)\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Duration (HH:mm:ss)</div></div><div><div style=\\"align-items: center;\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Relative Start Time (HH:mm:ss)\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Relative Start Time (HH:mm:ss)\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Relative Start Time (HH:mm:ss)</div></div><div><div style=\\"align-items: center;\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Relative End Time (HH:mm:ss)\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Relative End Time (HH:mm:ss)\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Relative End Time (HH:mm:ss)</div></div><div><div style=\\"align-items: center;\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Cancelled\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Cancelled\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Cancelled\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Cancelled</div></div><div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th></tr></thead><tbody role=\\"rowgroup\\"><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-ingest\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/601\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 107 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 601 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Ingest </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Ingest all preprocessed dataproducts </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/600\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 107 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 600 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Pipeline </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/599\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 107 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 599 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Pipeline 2 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Calibrator Observation 2 </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/598\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 107 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 598 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation 2 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation after Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 08:12:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 08:22:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/597\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 107 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 597 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Observation </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:11:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 08:11:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/596\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 107 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 596 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Pipeline 1 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Calibrator Observation 1 </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/595\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 107 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 595 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation 1 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation before Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:10:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-ingest\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/640\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> normal </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 113 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 640 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Ingest </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Ingest all preprocessed dataproducts </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/639\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> normal </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 113 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 639 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Pipeline </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 780px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" disabled=\\"\\" style=\\"width: 15px; height: 15px;\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/draft/638\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> normal </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 113 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 638 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Pipeline 2 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Calibrator Observation 2 </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr></tbody></table></div><div></div><div class=\\"pagination p-grid\\"><div class=\\"total_records_bottom_label\\"><label>Filtered 10 from 12345</label></div><div><div class=\\"p-paginator p-component\\" data-pc-name=\\"paginator\\" data-pc-section=\\"root\\"><button type=\\"button\\" class=\\"p-paginator-first p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"First Page\\" data-pc-section=\\"firstpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"firstpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-prev p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"Previous Page\\" data-pc-section=\\"prevpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"prevpageicon\\"><path d=\\"M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z\\" fill=\\"currentColor\\"></path></svg></button><span class=\\"p-paginator-pages\\" data-pc-section=\\"pages\\"><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-start p-highlight\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">1</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">2</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">3</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">4</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-end\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">5</button></span><button type=\\"button\\" class=\\"p-paginator-next p-paginator-element p-link\\" aria-label=\\"Next Page\\" data-pc-section=\\"nextpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"nextpageicon\\"><path d=\\"M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-last p-paginator-element p-link\\" aria-label=\\"Last Page\\" data-pc-section=\\"lastpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"lastpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M7.68757 11.1451C7.7791 11.1831 7.8773 11.2024 7.9764 11.2019C8.07769 11.1985 8.17721 11.1745 8.26886 11.1312C8.36052 11.088 8.44238 11.0265 8.50943 10.9505L12.0294 7.49085C12.1707 7.34942 12.25 7.15771 12.25 6.95782C12.25 6.75794 12.1707 6.56622 12.0294 6.42479L8.50943 2.90479C8.37014 2.82159 8.20774 2.78551 8.04633 2.80192C7.88491 2.81833 7.73309 2.88635 7.6134 2.99588C7.4937 3.10541 7.41252 3.25061 7.38189 3.40994C7.35126 3.56927 7.37282 3.73423 7.44337 3.88033L10.4605 6.89748L7.44337 9.91463C7.30212 10.0561 7.22278 10.2478 7.22278 10.4477C7.22278 10.6475 7.30212 10.8393 7.44337 10.9807C7.51301 11.0512 7.59603 11.1071 7.68757 11.1451ZM1.94207 10.9505C2.07037 11.0968 2.25089 11.1871 2.44493 11.2019C2.63898 11.1871 2.81949 11.0968 2.94779 10.9505L6.46779 7.49085C6.60905 7.34942 6.68839 7.15771 6.68839 6.95782C6.68839 6.75793 6.60905 6.56622 6.46779 6.42479L2.94779 2.90479C2.80704 2.83757 2.6489 2.81563 2.49517 2.84201C2.34143 2.86839 2.19965 2.94178 2.08936 3.05207C1.97906 3.16237 1.90567 3.30415 1.8793 3.45788C1.85292 3.61162 1.87485 3.76975 1.94207 3.9105L4.95922 6.92765L1.94207 9.9448C1.81838 10.0831 1.75 10.2621 1.75 10.4477C1.75 10.6332 1.81838 10.8122 1.94207 10.9505Z\\" fill=\\"currentColor\\"></path></svg></button><div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\"><div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" aria-label=\\"Choose\\" data-pc-section=\\"input\\"></div><div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\"><option value=\\"10\\" data-pc-section=\\"option\\" selected=\\"\\">10</option></select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">10</span><div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Choose\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\"><path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path></svg></div></div></div></div><div class=\\"custom-page\\"><span id=\\"customPageBottom\\" class=\\"p-inputnumber p-component p-inputwrapper\\" style=\\"width: 100px;\\" data-pc-name=\\"inputnumber\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputnumber-input p-inputnumber-input\\" role=\\"spinbutton\\" type=\\"text\\" inputmode=\\"numeric\\" min=\\"0\\" aria-valuemin=\\"0\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"></span><label>Records/Page</label><button class=\\"p-button p-component\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show </button><button class=\\"p-button p-component\\" style=\\"margin-left: 1em;\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show All </button></div></div></div><div class=\\"custom-dlg p-grid\\" data-testid=\\"confirm_dialog\\" style=\\"opacity: 1;\\"></div><div></div></div></body></html>"`; exports[`Task List Task List renders correctly without proper security 1`] = `<DocumentFragment />`; -exports[`Task List Task List correctly with blueprint data 1`] = `"<html><head></head><body><div><div class=\\"page-header undefined\\"><div class=\\"title\\"><h2 class=\\"page-title\\">Task - List</h2></div><div class=\\"page-action-menu page-actionsundefined\\"><button class=\\"p-link\\" title=\\"Restart Task(s)\\"><i class=\\"fa fa fa-sync undefined\\"></i></button><button class=\\"p-link\\" title=\\"Don't have permission to cancel Task(s)\\"><i class=\\"fa fa-disabled fa fa-ban undefined\\"></i></button><button class=\\"p-link\\" title=\\"Don't have permission to mark obsolete\\"><i class=\\"far fa-disabled fa-times-circle undefined\\"></i></button><button class=\\"p-link\\" title=\\"Delete Task(s)\\"><i class=\\"fa fa fa-trash undefined\\"></i></button></div></div><div class=\\"p-select \\" style=\\"position: relative;\\"><div class=\\"p-field p-grid\\" style=\\"position: absolute; margin-left: -11em; top: -2em;\\"><label>Select Task Blueprint/Draft</label><span class=\\"p-float-label\\"><div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" style=\\"width: 10em; margin-left: 0.5em;\\" data-testid=\\"tasktype-dropdown\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\"><div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input id=\\"tasktype\\" type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div><div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\"><option value=\\"Blueprint\\" data-pc-section=\\"option\\" selected=\\"\\">Blueprint</option></select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">Blueprint</span><div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\"><path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path></svg></div></div></span></div></div><div><div style=\\"display: flex; justify-content: space-between; height: 35px;\\"><div id=\\"block_container\\"><div style=\\"text-align: left; margin-right: 30px;\\" title=\\"Toggle Columns\\"><i class=\\"fa fa-columns col-filter-btn\\" label=\\"Toggle Columns\\"></i><div style=\\"position: relative; top: -25px; margin-left: 50px; color: rgb(0, 91, 159);\\"><i class=\\"fas fa-sync-alt\\" title=\\"Clear All Filters\\"></i></div></div><div style=\\"text-align: right;\\"></div><div class=\\"total_records_top_label\\"> <label>Total records (31542)</label></div></div></div><div class=\\"pagination p-grid top-pagination\\"><div class=\\"total_records_bottom_label\\"><label>Filtered 10 from 31542</label></div><div><div class=\\"p-paginator p-component\\" data-pc-name=\\"paginator\\" data-pc-section=\\"root\\"><button type=\\"button\\" class=\\"p-paginator-first p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"First Page\\" data-pc-section=\\"firstpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"firstpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-prev p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"Previous Page\\" data-pc-section=\\"prevpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"prevpageicon\\"><path d=\\"M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z\\" fill=\\"currentColor\\"></path></svg></button><span class=\\"p-paginator-pages\\" data-pc-section=\\"pages\\"><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-start p-highlight\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">1</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">2</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">3</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">4</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-end\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">5</button></span><button type=\\"button\\" class=\\"p-paginator-next p-paginator-element p-link\\" aria-label=\\"Next Page\\" data-pc-section=\\"nextpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"nextpageicon\\"><path d=\\"M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-last p-paginator-element p-link\\" aria-label=\\"Last Page\\" data-pc-section=\\"lastpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"lastpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M7.68757 11.1451C7.7791 11.1831 7.8773 11.2024 7.9764 11.2019C8.07769 11.1985 8.17721 11.1745 8.26886 11.1312C8.36052 11.088 8.44238 11.0265 8.50943 10.9505L12.0294 7.49085C12.1707 7.34942 12.25 7.15771 12.25 6.95782C12.25 6.75794 12.1707 6.56622 12.0294 6.42479L8.50943 2.90479C8.37014 2.82159 8.20774 2.78551 8.04633 2.80192C7.88491 2.81833 7.73309 2.88635 7.6134 2.99588C7.4937 3.10541 7.41252 3.25061 7.38189 3.40994C7.35126 3.56927 7.37282 3.73423 7.44337 3.88033L10.4605 6.89748L7.44337 9.91463C7.30212 10.0561 7.22278 10.2478 7.22278 10.4477C7.22278 10.6475 7.30212 10.8393 7.44337 10.9807C7.51301 11.0512 7.59603 11.1071 7.68757 11.1451ZM1.94207 10.9505C2.07037 11.0968 2.25089 11.1871 2.44493 11.2019C2.63898 11.1871 2.81949 11.0968 2.94779 10.9505L6.46779 7.49085C6.60905 7.34942 6.68839 7.15771 6.68839 6.95782C6.68839 6.75793 6.60905 6.56622 6.46779 6.42479L2.94779 2.90479C2.80704 2.83757 2.6489 2.81563 2.49517 2.84201C2.34143 2.86839 2.19965 2.94178 2.08936 3.05207C1.97906 3.16237 1.90567 3.30415 1.8793 3.45788C1.85292 3.61162 1.87485 3.76975 1.94207 3.9105L4.95922 6.92765L1.94207 9.9448C1.81838 10.0831 1.75 10.2621 1.75 10.4477C1.75 10.6332 1.81838 10.8122 1.94207 10.9505Z\\" fill=\\"currentColor\\"></path></svg></button><div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\"><div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" aria-label=\\"Choose\\" data-pc-section=\\"input\\"></div><div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\"><option value=\\"10\\" data-pc-section=\\"option\\" selected=\\"\\">10</option></select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">10</span><div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Choose\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\"><path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path></svg></div></div></div></div><div class=\\"custom-page\\"><span id=\\"customPageTop\\" class=\\"p-inputnumber p-component p-inputwrapper\\" style=\\"width: 100px;\\" data-pc-name=\\"inputnumber\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputnumber-input p-inputnumber-input\\" role=\\"spinbutton\\" type=\\"text\\" inputmode=\\"numeric\\" min=\\"0\\" aria-valuemin=\\"0\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"></span><label>Records/Page</label><button class=\\"p-button p-component\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show </button><button class=\\"p-button p-component\\" style=\\"margin-left: 1em;\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show All </button></div></div><div class=\\"tmss-table \\"><table role=\\"table\\" style=\\"min-width: 1380px;\\" data-testid=\\"viewtable\\" class=\\"viewtable\\"><thead><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerows\\"><th role=\\"tablehead\\" class=\\"fixed-column-td\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"fixed-column\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Select\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\"><div><input type=\\"checkbox\\" title=\\"Toggle All Rows Selected\\" style=\\"width: 15px; height: 15px;\\"></div></div></div><div></div></div></div></th><th role=\\"tablehead\\" class=\\"fixed-column-td\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"fixed-column\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Action\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\">Action</div></div><div></div></div></div></th><th role=\\"tablehead\\" class=\\"fixed-column-td\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"fixed-column\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Status Logs\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\">Status Logs</div></div><div></div></div></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Status\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Status\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Status\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Status</div></div><div><div><div style=\\"position: relative; display: flex;\\"><div id=\\"multi-select\\" style=\\"width: 85%;\\" class=\\"p-multiselect p-component p-inputwrapper multi-select\\" data-testid=\\"multi-select\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\"><div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div><div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\"><div class=\\"p-multiselect-label p-multiselect-label-empty\\" data-pc-section=\\"label\\">empty</div></div><div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\"><path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path></svg></div></div><div><button class=\\"p-link\\"><i class=\\"pi pi-search search-btn\\"></i></button></div></div></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Project\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Project\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Project\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Project</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-SchedulingUnitID\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Scheduling Unit ID\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Scheduling Unit ID\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Scheduling Unit ID<i class=\\"pi pi-sort-up\\" aria-hidden=\\"true\\"></i></div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter Id and press ‘Enter’ key to search. For multiple values enter comma separated values. For range, provide input like 1..6\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-SchedulingUnitName\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Scheduling Unit Name\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Scheduling Unit Name\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Scheduling Unit Name</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ID\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"ID\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"ID\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">ID</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter Id and press ‘Enter’ key to search. For multiple values enter comma separated values. For range, provide input like 1..6\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ControlID\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Control ID\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Control ID\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Control ID</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter Id and press ‘Enter’ key to search. For multiple values enter comma separated values. For range, provide input like 1..6\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Name\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Name\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Name\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Name</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Description\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Description\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Description\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Description</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ShortDescription\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Short Description\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Short Description\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Short Description</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ObservationStartTime\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Observation Start Time\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Observation Start Time\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Observation Start Time</div></div><div><div class=\\"table-filter\\"><div data-enable-time=\\"true\\" data-input=\\"true\\" class=\\"flatpickr-range-filter\\" title=\\"Enter the date & time range to search and press ‘Ok’ button\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component calendar-input flatpickr-input\\"><button class=\\"p-button p-component p-button-icon-only calendar-button\\" data-toggle=\\"true\\" title=\\"Click to select the date range\\"><i class=\\"fas fa-calendar\\"></i></button><button class=\\"p-button p-component p-button-icon-only calendar-reset\\" title=\\"Clear date range\\"><i class=\\"pi pi-times\\" style=\\"color: white;\\"></i></button></div></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ObservationEndTime\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Observation End Time\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Observation End Time\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Observation End Time</div></div><div><div class=\\"table-filter\\"><div data-enable-time=\\"true\\" data-input=\\"true\\" class=\\"flatpickr-range-filter\\" title=\\"Enter the date & time range to search and press ‘Ok’ button\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component calendar-input flatpickr-input\\"><button class=\\"p-button p-component p-button-icon-only calendar-button\\" data-toggle=\\"true\\" title=\\"Click to select the date range\\"><i class=\\"fas fa-calendar\\"></i></button><button class=\\"p-button p-component p-button-icon-only calendar-reset\\" title=\\"Clear date range\\"><i class=\\"pi pi-times\\" style=\\"color: white;\\"></i></button></div></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ProcessStartTime\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Process Start Time\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Process Start Time\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Process Start Time</div></div><div><div class=\\"table-filter\\"><div data-enable-time=\\"true\\" data-input=\\"true\\" class=\\"flatpickr-range-filter\\" title=\\"Enter the date & time range to search and press ‘Ok’ button\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component calendar-input flatpickr-input\\"><button class=\\"p-button p-component p-button-icon-only calendar-button\\" data-toggle=\\"true\\" title=\\"Click to select the date range\\"><i class=\\"fas fa-calendar\\"></i></button><button class=\\"p-button p-component p-button-icon-only calendar-reset\\" title=\\"Clear date range\\"><i class=\\"pi pi-times\\" style=\\"color: white;\\"></i></button></div></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ProcessEndTime\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Process End Time\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Process End Time\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Process End Time</div></div><div><div class=\\"table-filter\\"><div data-enable-time=\\"true\\" data-input=\\"true\\" class=\\"flatpickr-range-filter\\" title=\\"Enter the date & time range to search and press ‘Ok’ button\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component calendar-input flatpickr-input\\"><button class=\\"p-button p-component p-button-icon-only calendar-button\\" data-toggle=\\"true\\" title=\\"Click to select the date range\\"><i class=\\"fas fa-calendar\\"></i></button><button class=\\"p-button p-component p-button-icon-only calendar-reset\\" title=\\"Clear date range\\"><i class=\\"pi pi-times\\" style=\\"color: white;\\"></i></button></div></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Duration(HH:mm:ss)\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" class=\\"\\" title=\\"Toggle SortBy\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Duration (HH:mm:ss)\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Duration (HH:mm:ss)\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Duration (HH:mm:ss)</div></div><div><div style=\\"align-items: center;\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Relative Start Time (HH:mm:ss)\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Relative Start Time (HH:mm:ss)\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Relative Start Time (HH:mm:ss)</div></div><div><div style=\\"align-items: center;\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Relative End Time (HH:mm:ss)\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Relative End Time (HH:mm:ss)\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Relative End Time (HH:mm:ss)</div></div><div><div style=\\"align-items: center;\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-#Dataproducts\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"#Dataproducts\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"#Dataproducts\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">#Dataproducts</div></div><div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Cancelled\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Cancelled\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Cancelled\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Cancelled</div></div><div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Obsolete\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Obsolete\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Obsolete\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Obsolete</div></div><div><div><div class=\\"p-tristatecheckbox p-checkbox p-component\\" style=\\"width: 15px; height: 24.2014px;\\" data-pc-name=\\"tristatecheckbox\\" data-pc-section=\\"root\\"><div class=\\"p-checkbox-box\\" tabindex=\\"0\\" role=\\"checkbox\\" aria-checked=\\"false\\" data-pc-section=\\"checkbox\\"></div></div></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-UnschedulableReason\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Unschedulable Reason\\" style=\\"transform: translate(0,0); user-select: none; cursor: move;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Unschedulable Reason\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Unschedulable Reason</div></div><div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th></tr></thead><tbody role=\\"rowgroup\\"><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"484\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/484\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 83 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 484 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000530 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation 1 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation before Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 12:02:00 </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 12:12:00 </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 12:02:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 11:41:10 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> true </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-ingest\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"490\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/490\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 83 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 490 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000542 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Ingest </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Ingest all preprocessed dataproducts </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 04:13:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 11:41:12 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> true </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"485\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/485\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 83 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 485 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000533 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Pipeline 1 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Calibrator Observation 1 </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 12:12:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 11:41:12 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> true </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"486\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/486\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 83 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 486 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000538 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Observation </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 12:13:00 </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 20:13:00 </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 12:13:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 11:41:11 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> true </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"487\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/487\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 83 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 487 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000534 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation 2 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation after Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 20:14:00 </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 20:24:00 </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 20:14:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 11:41:11 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> true </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"489\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/489\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 83 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 489 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000541 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Pipeline </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 20:13:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 11:41:11 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> true </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"488\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/488\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 83 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 488 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000537 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Pipeline 2 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Calibrator Observation 2 </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 20:24:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 11:41:09 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> true </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"493\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/493\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> normal </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 84 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 493 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000551 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Observation </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 13:56:00 </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 21:56:00 </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 13:56:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 12:30:44 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> false </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"494\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/494\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> normal </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 84 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 494 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000543 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation 2 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation after Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 21:57:00 </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 22:07:00 </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 21:57:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 12:30:43 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> false </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"496\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/496\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> normal </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 84 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 496 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000554 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Pipeline </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 21:56:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 12:30:43 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> false </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr></tbody></table></div><div></div><div class=\\"pagination p-grid\\"><div class=\\"total_records_bottom_label\\"><label>Filtered 10 from 31542</label></div><div><div class=\\"p-paginator p-component\\" data-pc-name=\\"paginator\\" data-pc-section=\\"root\\"><button type=\\"button\\" class=\\"p-paginator-first p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"First Page\\" data-pc-section=\\"firstpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"firstpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-prev p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"Previous Page\\" data-pc-section=\\"prevpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"prevpageicon\\"><path d=\\"M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z\\" fill=\\"currentColor\\"></path></svg></button><span class=\\"p-paginator-pages\\" data-pc-section=\\"pages\\"><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-start p-highlight\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">1</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">2</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">3</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">4</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-end\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">5</button></span><button type=\\"button\\" class=\\"p-paginator-next p-paginator-element p-link\\" aria-label=\\"Next Page\\" data-pc-section=\\"nextpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"nextpageicon\\"><path d=\\"M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-last p-paginator-element p-link\\" aria-label=\\"Last Page\\" data-pc-section=\\"lastpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"lastpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M7.68757 11.1451C7.7791 11.1831 7.8773 11.2024 7.9764 11.2019C8.07769 11.1985 8.17721 11.1745 8.26886 11.1312C8.36052 11.088 8.44238 11.0265 8.50943 10.9505L12.0294 7.49085C12.1707 7.34942 12.25 7.15771 12.25 6.95782C12.25 6.75794 12.1707 6.56622 12.0294 6.42479L8.50943 2.90479C8.37014 2.82159 8.20774 2.78551 8.04633 2.80192C7.88491 2.81833 7.73309 2.88635 7.6134 2.99588C7.4937 3.10541 7.41252 3.25061 7.38189 3.40994C7.35126 3.56927 7.37282 3.73423 7.44337 3.88033L10.4605 6.89748L7.44337 9.91463C7.30212 10.0561 7.22278 10.2478 7.22278 10.4477C7.22278 10.6475 7.30212 10.8393 7.44337 10.9807C7.51301 11.0512 7.59603 11.1071 7.68757 11.1451ZM1.94207 10.9505C2.07037 11.0968 2.25089 11.1871 2.44493 11.2019C2.63898 11.1871 2.81949 11.0968 2.94779 10.9505L6.46779 7.49085C6.60905 7.34942 6.68839 7.15771 6.68839 6.95782C6.68839 6.75793 6.60905 6.56622 6.46779 6.42479L2.94779 2.90479C2.80704 2.83757 2.6489 2.81563 2.49517 2.84201C2.34143 2.86839 2.19965 2.94178 2.08936 3.05207C1.97906 3.16237 1.90567 3.30415 1.8793 3.45788C1.85292 3.61162 1.87485 3.76975 1.94207 3.9105L4.95922 6.92765L1.94207 9.9448C1.81838 10.0831 1.75 10.2621 1.75 10.4477C1.75 10.6332 1.81838 10.8122 1.94207 10.9505Z\\" fill=\\"currentColor\\"></path></svg></button><div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\"><div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" aria-label=\\"Choose\\" data-pc-section=\\"input\\"></div><div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\"><option value=\\"10\\" data-pc-section=\\"option\\" selected=\\"\\">10</option></select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">10</span><div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Choose\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\"><path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path></svg></div></div></div></div><div class=\\"custom-page\\"><span id=\\"customPageBottom\\" class=\\"p-inputnumber p-component p-inputwrapper\\" style=\\"width: 100px;\\" data-pc-name=\\"inputnumber\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputnumber-input p-inputnumber-input\\" role=\\"spinbutton\\" type=\\"text\\" inputmode=\\"numeric\\" min=\\"0\\" aria-valuemin=\\"0\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"></span><label>Records/Page</label><button class=\\"p-button p-component\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show </button><button class=\\"p-button p-component\\" style=\\"margin-left: 1em;\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show All </button></div></div></div><div class=\\"custom-dlg p-grid\\" data-testid=\\"confirm_dialog\\" style=\\"opacity: 1;\\"></div><div></div></div></body></html>"`; +exports[`Task List Task List correctly with blueprint data 1`] = `"<html><head></head><body><div><div class=\\"page-header undefined\\"><div class=\\"title\\"><h2 class=\\"page-title\\">Task - List</h2></div><div class=\\"page-action-menu page-actionsundefined\\"><button class=\\"p-link\\" title=\\"Restart Task(s)\\"><i class=\\"fa fa fa-sync undefined\\"></i></button><button class=\\"p-link\\" title=\\"Don't have permission to cancel Task(s)\\"><i class=\\"fa fa-disabled fa fa-ban undefined\\"></i></button><button class=\\"p-link\\" title=\\"Don't have permission to mark obsolete\\"><i class=\\"far fa-disabled fa-times-circle undefined\\"></i></button><button class=\\"p-link\\" title=\\"Delete Task(s)\\"><i class=\\"fa fa fa-trash undefined\\"></i></button></div></div><div class=\\"p-select \\" style=\\"position: relative;\\"><div class=\\"p-field p-grid\\" style=\\"position: absolute; margin-left: -11em; top: -2em;\\"><label>Select Task Blueprint/Draft</label><span class=\\"p-float-label\\"><div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" style=\\"width: 10em; margin-left: 0.5em;\\" data-testid=\\"tasktype-dropdown\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\"><div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input id=\\"tasktype\\" type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div><div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\"><option value=\\"Blueprint\\" data-pc-section=\\"option\\" selected=\\"\\">Blueprint</option></select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">Blueprint</span><div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\"><path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path></svg></div></div></span></div></div><div><div style=\\"display: flex; justify-content: space-between; height: 35px;\\"><div id=\\"block_container\\"><div style=\\"text-align: left; margin-right: 30px;\\" title=\\"Toggle Columns\\"><i class=\\"fa fa-columns col-filter-btn\\" label=\\"Toggle Columns\\"></i><div style=\\"position: relative; top: -25px; margin-left: 50px; color: rgb(0, 91, 159);\\"><i class=\\"fas fa-sync-alt\\" title=\\"Clear All Filters\\"></i></div></div><div style=\\"text-align: right;\\"></div><div class=\\"total_records_top_label\\"> <label>Total records (31542)</label></div></div></div><div class=\\"pagination p-grid top-pagination\\"><div class=\\"total_records_bottom_label\\"><label>Filtered 10 from 31542</label></div><div><div class=\\"p-paginator p-component\\" data-pc-name=\\"paginator\\" data-pc-section=\\"root\\"><button type=\\"button\\" class=\\"p-paginator-first p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"First Page\\" data-pc-section=\\"firstpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"firstpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-prev p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"Previous Page\\" data-pc-section=\\"prevpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"prevpageicon\\"><path d=\\"M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z\\" fill=\\"currentColor\\"></path></svg></button><span class=\\"p-paginator-pages\\" data-pc-section=\\"pages\\"><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-start p-highlight\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">1</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">2</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">3</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">4</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-end\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">5</button></span><button type=\\"button\\" class=\\"p-paginator-next p-paginator-element p-link\\" aria-label=\\"Next Page\\" data-pc-section=\\"nextpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"nextpageicon\\"><path d=\\"M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-last p-paginator-element p-link\\" aria-label=\\"Last Page\\" data-pc-section=\\"lastpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"lastpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M7.68757 11.1451C7.7791 11.1831 7.8773 11.2024 7.9764 11.2019C8.07769 11.1985 8.17721 11.1745 8.26886 11.1312C8.36052 11.088 8.44238 11.0265 8.50943 10.9505L12.0294 7.49085C12.1707 7.34942 12.25 7.15771 12.25 6.95782C12.25 6.75794 12.1707 6.56622 12.0294 6.42479L8.50943 2.90479C8.37014 2.82159 8.20774 2.78551 8.04633 2.80192C7.88491 2.81833 7.73309 2.88635 7.6134 2.99588C7.4937 3.10541 7.41252 3.25061 7.38189 3.40994C7.35126 3.56927 7.37282 3.73423 7.44337 3.88033L10.4605 6.89748L7.44337 9.91463C7.30212 10.0561 7.22278 10.2478 7.22278 10.4477C7.22278 10.6475 7.30212 10.8393 7.44337 10.9807C7.51301 11.0512 7.59603 11.1071 7.68757 11.1451ZM1.94207 10.9505C2.07037 11.0968 2.25089 11.1871 2.44493 11.2019C2.63898 11.1871 2.81949 11.0968 2.94779 10.9505L6.46779 7.49085C6.60905 7.34942 6.68839 7.15771 6.68839 6.95782C6.68839 6.75793 6.60905 6.56622 6.46779 6.42479L2.94779 2.90479C2.80704 2.83757 2.6489 2.81563 2.49517 2.84201C2.34143 2.86839 2.19965 2.94178 2.08936 3.05207C1.97906 3.16237 1.90567 3.30415 1.8793 3.45788C1.85292 3.61162 1.87485 3.76975 1.94207 3.9105L4.95922 6.92765L1.94207 9.9448C1.81838 10.0831 1.75 10.2621 1.75 10.4477C1.75 10.6332 1.81838 10.8122 1.94207 10.9505Z\\" fill=\\"currentColor\\"></path></svg></button><div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\"><div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" aria-label=\\"Choose\\" data-pc-section=\\"input\\"></div><div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\"><option value=\\"10\\" data-pc-section=\\"option\\" selected=\\"\\">10</option></select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">10</span><div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Choose\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\"><path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path></svg></div></div></div></div><div class=\\"custom-page\\"><span id=\\"customPageTop\\" class=\\"p-inputnumber p-component p-inputwrapper\\" style=\\"width: 100px;\\" data-pc-name=\\"inputnumber\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputnumber-input p-inputnumber-input\\" role=\\"spinbutton\\" type=\\"text\\" inputmode=\\"numeric\\" min=\\"0\\" aria-valuemin=\\"0\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"></span><label>Records/Page</label><button class=\\"p-button p-component\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show </button><button class=\\"p-button p-component\\" style=\\"margin-left: 1em;\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show All </button></div></div><div class=\\"tmss-table \\"><table role=\\"table\\" style=\\"min-width: 1380px;\\" data-testid=\\"viewtable\\" class=\\"viewtable\\"><thead><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerows\\"><th role=\\"tablehead\\" class=\\"fixed-column-td\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"fixed-column\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Select\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\"><div><input type=\\"checkbox\\" title=\\"Toggle All Rows Selected\\" style=\\"width: 15px; height: 15px;\\"></div></div></div><div></div></div></div></th><th role=\\"tablehead\\" class=\\"fixed-column-td\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"fixed-column\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Action\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\">Action</div></div><div></div></div></div></th><th role=\\"tablehead\\" class=\\"fixed-column-td\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"fixed-column\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Status Logs\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\">Status Logs</div></div><div></div></div></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Status\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Status\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Status\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Status</div></div><div><div><div style=\\"position: relative; display: flex;\\"><div id=\\"multi-select\\" style=\\"width: 85%;\\" class=\\"p-multiselect p-component p-inputwrapper multi-select\\" data-testid=\\"multi-select\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\"><div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div><div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\"><div class=\\"p-multiselect-label p-multiselect-label-empty\\" data-pc-section=\\"label\\">empty</div></div><div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\"><path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path></svg></div></div><div><button class=\\"p-link\\"><i class=\\"pi pi-search search-btn\\"></i></button></div></div></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Project\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Project\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Project\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Project</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-SchedulingUnitID\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Scheduling Unit ID\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Scheduling Unit ID\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Scheduling Unit ID<i class=\\"pi pi-sort-up\\" aria-hidden=\\"true\\"></i></div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter Id and press ‘Enter’ key to search. For multiple values enter comma separated values. For range, provide input like 1..6\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-SchedulingUnitName\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Scheduling Unit Name\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Scheduling Unit Name\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Scheduling Unit Name</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ID\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"ID\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"ID\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">ID</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter Id and press ‘Enter’ key to search. For multiple values enter comma separated values. For range, provide input like 1..6\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ControlID\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Control ID\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Control ID\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Control ID</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter Id and press ‘Enter’ key to search. For multiple values enter comma separated values. For range, provide input like 1..6\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Name\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Name\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Name\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Name</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Description\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Description\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Description\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Description</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ShortDescription\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Short Description\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Short Description\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Short Description</div></div><div><div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ObservationStartTime\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Observation Start Time\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Observation Start Time\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Observation Start Time</div></div><div><div class=\\"table-filter\\"><div data-enable-time=\\"true\\" data-input=\\"true\\" class=\\"flatpickr-range-filter\\" title=\\"Enter the date & time range to search and press ‘Ok’ button\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component calendar-input flatpickr-input\\"><button class=\\"p-button p-component p-button-icon-only calendar-button\\" data-toggle=\\"true\\" title=\\"Click to select the date range\\"><i class=\\"fas fa-calendar\\"></i></button><button class=\\"p-button p-component p-button-icon-only calendar-reset\\" title=\\"Clear date range\\"><i class=\\"pi pi-times\\" style=\\"color: white;\\"></i></button></div></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ObservationEndTime\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Observation End Time\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Observation End Time\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Observation End Time</div></div><div><div class=\\"table-filter\\"><div data-enable-time=\\"true\\" data-input=\\"true\\" class=\\"flatpickr-range-filter\\" title=\\"Enter the date & time range to search and press ‘Ok’ button\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component calendar-input flatpickr-input\\"><button class=\\"p-button p-component p-button-icon-only calendar-button\\" data-toggle=\\"true\\" title=\\"Click to select the date range\\"><i class=\\"fas fa-calendar\\"></i></button><button class=\\"p-button p-component p-button-icon-only calendar-reset\\" title=\\"Clear date range\\"><i class=\\"pi pi-times\\" style=\\"color: white;\\"></i></button></div></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ProcessStartTime\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Process Start Time\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Process Start Time\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Process Start Time</div></div><div><div class=\\"table-filter\\"><div data-enable-time=\\"true\\" data-input=\\"true\\" class=\\"flatpickr-range-filter\\" title=\\"Enter the date & time range to search and press ‘Ok’ button\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component calendar-input flatpickr-input\\"><button class=\\"p-button p-component p-button-icon-only calendar-button\\" data-toggle=\\"true\\" title=\\"Click to select the date range\\"><i class=\\"fas fa-calendar\\"></i></button><button class=\\"p-button p-component p-button-icon-only calendar-reset\\" title=\\"Clear date range\\"><i class=\\"pi pi-times\\" style=\\"color: white;\\"></i></button></div></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-ProcessEndTime\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Process End Time\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Process End Time\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Process End Time</div></div><div><div class=\\"table-filter\\"><div data-enable-time=\\"true\\" data-input=\\"true\\" class=\\"flatpickr-range-filter\\" title=\\"Enter the date & time range to search and press ‘Ok’ button\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component calendar-input flatpickr-input\\"><button class=\\"p-button p-component p-button-icon-only calendar-button\\" data-toggle=\\"true\\" title=\\"Click to select the date range\\"><i class=\\"fas fa-calendar\\"></i></button><button class=\\"p-button p-component p-button-icon-only calendar-reset\\" title=\\"Clear date range\\"><i class=\\"pi pi-times\\" style=\\"color: white;\\"></i></button></div></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Duration(HH:mm:ss)\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" class=\\"\\" title=\\"Toggle SortBy\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Duration (HH:mm:ss)\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Duration (HH:mm:ss)\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Duration (HH:mm:ss)</div></div><div><div style=\\"align-items: center;\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Relative Start Time (HH:mm:ss)\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Relative Start Time (HH:mm:ss)\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Relative Start Time (HH:mm:ss)</div></div><div><div style=\\"align-items: center;\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Relative End Time (HH:mm:ss)\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Relative End Time (HH:mm:ss)\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Relative End Time (HH:mm:ss)</div></div><div><div style=\\"align-items: center;\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputmask\\" type=\\"text\\" style=\\"min-width: 48px; max-width: 85px; width: 100%; height: 25px;\\" placeholder=\\"HH:mm:ss\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\"></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-#Dataproducts\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"#Dataproducts\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"#Dataproducts\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">#Dataproducts</div></div><div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Cancelled\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Cancelled\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Cancelled\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Cancelled</div></div><div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-Obsolete\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Obsolete\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Obsolete\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Obsolete</div></div><div><div><div class=\\"p-tristatecheckbox p-checkbox p-component\\" style=\\"width: 15px; height: 24.2014px;\\" data-pc-name=\\"tristatecheckbox\\" data-pc-section=\\"root\\"><div class=\\"p-checkbox-box\\" tabindex=\\"0\\" role=\\"checkbox\\" aria-checked=\\"false\\" data-pc-section=\\"checkbox\\"></div></div></div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th><th role=\\"tablehead\\" class=\\"notfixed-column-td-UnschedulableReason\\" style=\\"display: flex;\\"><div style=\\"display: flex;\\"><div style=\\"display: grid; vertical-align: bottom;\\"><div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"><div data-rbd-draggable-context-id=\\"2\\" data-rbd-draggable-id=\\"Unschedulable Reason\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-2-hidden-text-60\\" data-rbd-drag-handle-draggable-id=\\"Unschedulable Reason\\" data-rbd-drag-handle-context-id=\\"2\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Unschedulable Reason</div></div><div></div></div></div><div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div></th></tr></thead><tbody role=\\"rowgroup\\"><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"484\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/484\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 83 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 484 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000530 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation 1 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation before Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 12:02:00 </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 12:12:00 </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 12:02:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 11:41:10 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> true </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-ingest\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"490\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/490\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 83 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 490 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000542 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Ingest </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Ingest all preprocessed dataproducts </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 04:13:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 11:41:12 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> true </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"485\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/485\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 83 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 485 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000533 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Pipeline 1 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Calibrator Observation 1 </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 12:12:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 11:41:12 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> true </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"486\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/486\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 83 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 486 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000538 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Observation </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 12:13:00 </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 20:13:00 </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 12:13:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 11:41:11 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> true </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"487\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/487\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 83 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 487 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000534 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation 2 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation after Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 20:14:00 </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 20:24:00 </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 20:14:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 11:41:11 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> true </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"489\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/489\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 83 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 489 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000541 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Pipeline </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 20:13:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 11:41:11 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> true </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"488\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/488\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> low </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 83 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 488 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000537 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Pipeline 2 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Calibrator Observation 2 </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 20:24:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-20 11:41:09 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> true </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"493\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/493\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> normal </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 84 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 493 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000551 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Observation </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 13:56:00 </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 21:56:00 </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 13:56:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 12:30:44 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> false </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-observation\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"494\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/494\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> normal </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 84 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 494 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000543 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation 2 </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Calibrator Observation after Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 21:57:00 </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 22:07:00 </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 21:57:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 12:30:43 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> false </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr><tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1380px;\\" data-testid=\\"tablerow\\" class=\\"task-pipeline\\"><td class=\\"fixed-column-td\\"><div><input type=\\"checkbox\\" title=\\"Toggle Row Selected\\" style=\\"width: 15px; height: 15px;\\" attr-id=\\"496\\"></div></td><td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/task/view/blueprint/496\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td><td class=\\"fixed-column-td\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <button class=\\"p-link\\"><i class=\\"fa fa-history\\"></i></button> </div></td><td class=\\"notfixed-column-td-Status\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <div class=\\"tag-cell\\"><span class=\\"tag-content p-chips-token-label su-cancelled\\">cancelled</span></div> </div></td><td class=\\"notfixed-column-td-Project\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> normal </div></td><td class=\\"notfixed-column-td-SchedulingUnitID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 84 </div></td><td class=\\"notfixed-column-td-SchedulingUnitName\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> test </div></td><td class=\\"notfixed-column-td-ID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 496 </div></td><td class=\\"notfixed-column-td-ControlID\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2000554 </div></td><td class=\\"notfixed-column-td-Name\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Target Pipeline </div></td><td class=\\"notfixed-column-td-Description\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Preprocessing Pipeline for Target Observation </div></td><td class=\\"notfixed-column-td-ShortDescription\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ObservationEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-ProcessStartTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 21:56:00 </div></td><td class=\\"notfixed-column-td-ProcessEndTime\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 2022-01-21 12:30:43 </div></td><td class=\\"notfixed-column-td-Duration(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 00:00:00 </div></td><td class=\\"notfixed-column-td-RelativeStartTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-RelativeEndTime(HH:mm:ss)\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-#Dataproducts\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> 0 </div></td><td class=\\"notfixed-column-td-Cancelled\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td><td class=\\"notfixed-column-td-Obsolete\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> false </div></td><td class=\\"notfixed-column-td-UnschedulableReason\\"><div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div></td></tr></tbody></table></div><div></div><div class=\\"pagination p-grid\\"><div class=\\"total_records_bottom_label\\"><label>Filtered 10 from 31542</label></div><div><div class=\\"p-paginator p-component\\" data-pc-name=\\"paginator\\" data-pc-section=\\"root\\"><button type=\\"button\\" class=\\"p-paginator-first p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"First Page\\" data-pc-section=\\"firstpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"firstpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-prev p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"Previous Page\\" data-pc-section=\\"prevpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"prevpageicon\\"><path d=\\"M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z\\" fill=\\"currentColor\\"></path></svg></button><span class=\\"p-paginator-pages\\" data-pc-section=\\"pages\\"><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-start p-highlight\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">1</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">2</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">3</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">4</button><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-end\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">5</button></span><button type=\\"button\\" class=\\"p-paginator-next p-paginator-element p-link\\" aria-label=\\"Next Page\\" data-pc-section=\\"nextpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"nextpageicon\\"><path d=\\"M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z\\" fill=\\"currentColor\\"></path></svg></button><button type=\\"button\\" class=\\"p-paginator-last p-paginator-element p-link\\" aria-label=\\"Last Page\\" data-pc-section=\\"lastpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"lastpageicon\\"><path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M7.68757 11.1451C7.7791 11.1831 7.8773 11.2024 7.9764 11.2019C8.07769 11.1985 8.17721 11.1745 8.26886 11.1312C8.36052 11.088 8.44238 11.0265 8.50943 10.9505L12.0294 7.49085C12.1707 7.34942 12.25 7.15771 12.25 6.95782C12.25 6.75794 12.1707 6.56622 12.0294 6.42479L8.50943 2.90479C8.37014 2.82159 8.20774 2.78551 8.04633 2.80192C7.88491 2.81833 7.73309 2.88635 7.6134 2.99588C7.4937 3.10541 7.41252 3.25061 7.38189 3.40994C7.35126 3.56927 7.37282 3.73423 7.44337 3.88033L10.4605 6.89748L7.44337 9.91463C7.30212 10.0561 7.22278 10.2478 7.22278 10.4477C7.22278 10.6475 7.30212 10.8393 7.44337 10.9807C7.51301 11.0512 7.59603 11.1071 7.68757 11.1451ZM1.94207 10.9505C2.07037 11.0968 2.25089 11.1871 2.44493 11.2019C2.63898 11.1871 2.81949 11.0968 2.94779 10.9505L6.46779 7.49085C6.60905 7.34942 6.68839 7.15771 6.68839 6.95782C6.68839 6.75793 6.60905 6.56622 6.46779 6.42479L2.94779 2.90479C2.80704 2.83757 2.6489 2.81563 2.49517 2.84201C2.34143 2.86839 2.19965 2.94178 2.08936 3.05207C1.97906 3.16237 1.90567 3.30415 1.8793 3.45788C1.85292 3.61162 1.87485 3.76975 1.94207 3.9105L4.95922 6.92765L1.94207 9.9448C1.81838 10.0831 1.75 10.2621 1.75 10.4477C1.75 10.6332 1.81838 10.8122 1.94207 10.9505Z\\" fill=\\"currentColor\\"></path></svg></button><div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\"><div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" aria-label=\\"Choose\\" data-pc-section=\\"input\\"></div><div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\"><option value=\\"10\\" data-pc-section=\\"option\\" selected=\\"\\">10</option></select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">10</span><div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Choose\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\"><path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path></svg></div></div></div></div><div class=\\"custom-page\\"><span id=\\"customPageBottom\\" class=\\"p-inputnumber p-component p-inputwrapper\\" style=\\"width: 100px;\\" data-pc-name=\\"inputnumber\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputnumber-input p-inputnumber-input\\" role=\\"spinbutton\\" type=\\"text\\" inputmode=\\"numeric\\" min=\\"0\\" aria-valuemin=\\"0\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"></span><label>Records/Page</label><button class=\\"p-button p-component\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show </button><button class=\\"p-button p-component\\" style=\\"margin-left: 1em;\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show All </button></div></div></div><div class=\\"custom-dlg p-grid\\" data-testid=\\"confirm_dialog\\" style=\\"opacity: 1;\\"></div><div></div></div></body></html>"`; diff --git a/SAS/TMSS/frontend/tmss_webapp/src/utils/unit.converter.js b/SAS/TMSS/frontend/tmss_webapp/src/utils/unit.converter.js index 7b062a66fd96666e0db6132906434c06381a72e1..038f39615536e7e6ad0608859429e280a2bbd4f6 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/utils/unit.converter.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/utils/unit.converter.js @@ -49,7 +49,7 @@ export const UnitConverter = { getUIResourceUnit: function (type, value) { try { if (this.resourceUnitMap[type]) { - var retval = Number.parseFloat(value / (this.resourceUnitMap[type].conversionFactor)).toFixed(this.resourceUnitMap[type].maxFractionDigits) + let retval = Number.parseFloat(value / (this.resourceUnitMap[type].conversionFactor)).toFixed(this.resourceUnitMap[type].maxFractionDigits) return retval; } @@ -66,7 +66,7 @@ export const UnitConverter = { * @returns String - Formatted to 'Day HH:mm:ss' format. */ getSecsToDDHHmmss: function (duration) { - var days = Math.floor(duration / 86400); + let days = Math.floor(duration / 86400); duration -= days * 86400; return `${(days + "").padStart(3, 0)} ${this.getSecsToHHmmss(duration)}`; @@ -80,8 +80,8 @@ export const UnitConverter = { * @returns */ getEndDateFromDuration: function (startdate, duration) { - var values = duration.split(' '); - var days = values[0]; + let values = duration.split(' '); + let days = values[0]; let tempStart = moment(startdate); let tempEnd = _.clone(tempStart); tempEnd.add(days, 'days'); @@ -94,7 +94,7 @@ export const UnitConverter = { return UnitConverter.getSecsToDDHHmmss(stopTime - startTime); }, getSecsToHHmmssWithSign: function (seconds) { - var prefix = ''; + let prefix = ''; if (!isNaN(seconds)) { if (seconds < 0) { prefix = '-'; @@ -140,8 +140,8 @@ export const UnitConverter = { getDDDHHmmssToSecs: function (duration) { if (duration) { duration = duration.replaceAll("_", "0"); - var values = duration.split(' '); - var days = values[0]; + let values = duration.split(' '); + let days = values[0]; return days * 86400 + UnitConverter.getHHmmssToSecs(values[1]); } return duration;