diff --git a/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_timeline.scss b/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_timeline.scss index 037a8012ff3e1797c928e1a7d0c3d87e5b7c5070..9a74629a14c47ea4be644c34d329c84bbc2af245 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_timeline.scss +++ b/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_timeline.scss @@ -628,6 +628,12 @@ } } +.group-render-week { + color: var(--bluegray-500); + font-size: 13px; + margin-right: 1rem; +} + .p-multiselect-header .p-multiselect-close { position: absolute; margin-left: -45px; diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/helpers/timeline.item.helper.js b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/helpers/timeline.item.helper.js index 35a9d7d3c8e10bcc14c06c865887c2a33495c55e..220ddb6f202545c262f7be1e3ac1bb5aa5bc7acc 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/helpers/timeline.item.helper.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/helpers/timeline.item.helper.js @@ -137,6 +137,16 @@ export function itemRenderer({item, timelineContext, itemContext, getItemProps, } } +export function groupRenderer({group}) { + const titleSplitOnWeek = group.title.split(":"); + const week = titleSplitOnWeek[0] + const date = titleSplitOnWeek[1] + return <div> + <span className="group-render-week">{week}</span> + {date} + </div>; +} + function retrieveAntennaSetFromObservationTasks(suBlueprint) { // if (!suBlueprint.task_blueprints) //TODO: add test let antennaSet = ""; diff --git a/SAS/TMSS/frontend/tmss_webapp/src/utils/ui.constants.js b/SAS/TMSS/frontend/tmss_webapp/src/utils/ui.constants.js index 5c223425ced959f19bf54ba3a539cdec7c8aaa3b..2eb6d742a0edc4bcfff09a44e844f41fb119e9ac 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/utils/ui.constants.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/utils/ui.constants.js @@ -53,7 +53,7 @@ const UIConstants = { CALENDAR_DEFAULTDATE_FORMAT: 'YYYY-MM-DD', UTC_DATE_TIME_FORMAT: "YYYY-MM-DDTHH:mm:ss", UTC_DATE_TIME_MS_FORMAT: "YYYY-MM-DDTHH:mm:ss.SSSSS", - CALENDAR_GROUP_FORMAT: "MMM DD - ddd", + CALENDAR_GROUP_FORMAT: "w: MMM DD - ddd", FILTER_MAP: { 'AutoField': '', 'CharFilter': '',