TMSS-347 - added scheduling list in project view

added scheduling list in project view page

SAS/TMSS/frontend/tmss_webapp/src/routes/Project/view.js

@@ -12,7 +12,7 @@ import AppLoader from '../../layout/components/AppLoader';
 import PageHeader from '../../layout/components/PageHeader';
 import ProjectService from '../../services/project.service';
 import UnitConverter from '../../utils/unit.converter';
-
+import SchedulingUnitList from './../Scheduling/SchedulingUnitList';
 /**
  * Component to view the details of a project
  */
@@ -57,6 +57,7 @@ export class ProjectView extends Component {
         let resources = []; 
 
         if (project) {
+            
             // If resources are allocated for the project quota fetch the resources master from the API
             if (project.quota) {
                 resources = await ProjectService.getResources();
@@ -184,6 +185,13 @@ export class ProjectView extends Component {
                             <div className="p-field p-grid resource-input-grid">
                                 <ResourceDisplayList projectQuota={this.state.projectQuota}  unitMap={this.resourceUnitMap} />
                             </div>
+                            <div>
+                                <div>
+                                    <h3>Scheduling Unit - List</h3>
+                                </div>
+                                <SchedulingUnitList projectname={this.state.project.name}/>
+                            </div>
+                           
                         </div>
                     </React.Fragment>
                 }

SAS/TMSS/frontend/tmss_webapp/src/routes/Scheduling/SchedulingUnitList.js

@@ -6,7 +6,6 @@ import ViewTable from './../../components/ViewTable';
 
 import ScheduleService from '../../services/schedule.service';
 
-
 class SchedulingUnitList extends Component{
      
     constructor(props){
@@ -40,9 +39,21 @@ class SchedulingUnitList extends Component{
         }
     }
 
-     
-
     async getSchedulingUnitList () {
+        let projectname = this.props.projectname;
+        if(projectname){
+            let scheduleunits = await ScheduleService.getSchedulingListByProject(projectname);
+            if(scheduleunits){
+                for(const scheduleunit of scheduleunits){
+                    scheduleunit['actionpath']='/schedulingunit/view/draft/'+scheduleunit.id;
+                    scheduleunit['type'] = 'Draft';
+                    scheduleunit['duration'] = moment.utc(scheduleunit.duration*1000).format('HH:mm:ss');
+                }
+                this.setState({
+                    scheduleunit: scheduleunits, isLoading: false
+                });
+            }
+        }else{
             const bluePrint = await ScheduleService.getSchedulingUnitBlueprint();
             ScheduleService.getSchedulingUnitDraft().then(scheduleunit =>{
                 const output = [];
@@ -66,6 +77,7 @@ class SchedulingUnitList extends Component{
                 });
             })
         }
+    }
     
     componentDidMount(){ 
        this.getSchedulingUnitList();
@@ -88,6 +100,7 @@ class SchedulingUnitList extends Component{
                     paths - specify the path for navigation - Table will set "id" value for each row in action button
                     
                 */}
+               
                 {this.state.scheduleunit &&
                     <ViewTable 
                         data={this.state.scheduleunit} 

SAS/TMSS/frontend/tmss_webapp/src/services/schedule.service.js

@@ -227,6 +227,30 @@ const ScheduleService = {
             console.error(error);
             return null;
         }
+    },
+    getSchedulingListByProject: async function(projectname){
+        try {
+          let schedulingunitlist = [];
+          await this.getSchedulingSets().then(async schedulingsetlist =>{
+            let schedulingsets = schedulingsetlist.filter(scheduingset => scheduingset.project_id === projectname)
+            for(const scheduleset of schedulingsets){
+              await this.getSchedulingBySet(scheduleset.id).then(suList =>{
+                 schedulingunitlist = schedulingunitlist.concat(suList);
+              })
+           }
+          })
+          return schedulingunitlist;
+        } catch (error) {
+          console.error('[project.services.getSchedulingUnitListByProject]',error);
+        }
+      },     
+      getSchedulingBySet: async function(id){
+        try{
+          const response = await axios.get(`/api/scheduling_set/${id}/scheduling_unit_draft/?ordering=id`);
+          return response.data.results;
+        } catch (error) {
+          console.error('[project.services.getSchedulingUnitBySet]',error);
+        }
       }
 }