Merge branch 'TMSS-2948-Front-End-Only-P2' into 'master'

Resolve TMSS-2948 "Front end only p2" - Fixes the Green Time Line

Closes TMSS-2948

See merge request !1362

SAS/TMSS/frontend/tmss_webapp/src/App.css

@@ -321,3 +321,8 @@ body > iframe {
   max-height: 50px;
 }
 
+.tablewrapperext {
+  height:calc(100vh - 148px);
+}
+
+

SAS/TMSS/frontend/tmss_webapp/src/components/ViewTable/ViewTableExt.js

@@ -116,7 +116,7 @@ export function ViewTableExt({ data, defaultcolumns, optionalcolumns, columnclas
     const GetColumns = (newColumns,tableConfigData) => {
 
         let filters = {};
-
+        let  isFirst=true
         const Columns = Object.entries(newColumns).map(([key, column]) => {
             const field = key;
             const header = column?.name || column;
@@ -135,7 +135,10 @@ export function ViewTableExt({ data, defaultcolumns, optionalcolumns, columnclas
                 showFilterMenu: false,
             };
 
-
+            if (isFirst) {
+                columnProps.frozen = true;
+                isFirst=false;
+            }
             // Add filterElement attribute conditionally
             if (filterHeader) {
                 columnProps.filterElement = filterHeader;

SAS/TMSS/frontend/tmss_webapp/src/layout/_overrides.scss

@@ -58,4 +58,8 @@ ul  {
   .je-header span {
     color: #3F51B5;
     font-weight: 700;
+  }
+
+  .p-slider .p-slider-handle {
+    z-index: unset;
   }
\ No newline at end of file

SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_timeline.scss

@@ -1164,4 +1164,8 @@ body .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container
 .smalldatatable
 {
   font-size:12px;
-}
\ No newline at end of file
+}
+
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+  background-color: var(--blue-50);
+}

SAS/TMSS/frontend/tmss_webapp/src/routes/Scheduling/create.test.js

@@ -55,7 +55,7 @@ function createStandardPageMocks() {
         return Promise.resolve(SUServiceMock.templateStates)
     });
     
-  
+}
 
 async function setSchedulingUnitBasics(pageContent) {
     const nameElement = pageContent.queryByTestId('name');
@@ -140,6 +140,8 @@ test("Selects a project, loads the project's sets and selects the test schedulin
 });
 
 });
+
+
 /*
 // TODO : Fix Unit Test Scheduling Unit create page with an observation strategy template (multiple)
 describe('Scheduling Unit create page with an observation strategy template', () => {

SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/WeekView.js

@@ -91,7 +91,7 @@ function getTimelineMarkers(setCursorDate) {
             {({ styles }) => {
                 const customStyles = {
                     ...styles,
-                    backgroundColor: 'var(--green)',
+                    backgroundColor: 'var(--green-400)',
                     zIndex: 998
                 }
                 return <div style={customStyles} />

SAS/TMSS/frontend/tmss_webapp/src/utils/pageheaderactions.util.js

 const PageHeaderActions = {
     actionObject(title, icon, classes, className, callbackProp, content, type, actOn, options, selected,optionvalue,optionlabel,optionSelectionLabel,style) {
-        console.log ( " actionObjecti have style",style)
         return {
             title: title,
             icon: icon,
@@ -21,7 +20,6 @@ const PageHeaderActions = {
 
 
 actionButtonObject(title, icon, classes, callbackProp,style) {
-    console.log ( " actionButtonObject have style",style)
     return this.actionObject(title, icon, classes, undefined, callbackProp, undefined, "buttonv2", "click", undefined, undefined,undefined,undefined,undefined,style);
 },