Skip to content
Snippets Groups Projects
Commit 83e52b9a authored by Ramesh Kumar's avatar Ramesh Kumar
Browse files

TMSS-430: QA Reporting (TO) page updated with link.

parent ec9a659d
No related branches found
No related tags found
1 merge request!271Sprint-15 Front End Merge
Hide whitespace changes
Inline Side-by-side
SAS/TMSS/frontend/tmss_webapp/src/routes/Scheduling/ViewSchedulingUnit.js
+ 1
− 1
View file @ 83e52b9a
......@@ -80,8 +80,8 @@ class ViewSchedulingUnit extends Component{
this.actions.unshift({icon: 'fa-edit', title: 'Click to edit', props : { pathname:`/schedulingunit/edit/${ this.props.match.params.id}`}
});
} else {
this.actions.unshift({icon: 'fa-sitemap',title :'View Workflow',props :{pathname:`/schedulingunit/${this.props.match.params.id}/workflow`}});
this.actions.unshift({icon: 'fa-lock', title: 'Cannot edit blueprint'});
this.actions.unshift({icon: 'fa-cog',title :'click to view workflow',props :{pathname:'/workflow/QAreporting'}});
}
if (this.props.match.params.id) {
this.state.scheduleunitId = this.props.match.params.id;
......
SAS/TMSS/frontend/tmss_webapp/src/routes/Workflow/QAreporting.js
+ 63
− 42
View file @ 83e52b9a
......@@ -2,74 +2,95 @@ import React, { Component } from 'react';
import PageHeader from '../../layout/components/PageHeader';
import {Growl} from 'primereact/components/growl/Growl';
import { Button } from 'primereact/button';
import AppLoader from '../../layout/components/AppLoader';
// import AppLoader from '../../layout/components/AppLoader';
import SunEditor from 'suneditor-react';
import 'suneditor/dist/css/suneditor.min.css'; // Import Sun Editor's CSS File
import {Dropdown} from 'primereact/dropdown';
import {InputText} from 'primereact/inputtext';
// import {InputText} from 'primereact/inputtext';
import ScheduleService from '../../services/schedule.service';
import { Link } from 'react-router-dom';
class QAreporting extends Component{
constructor(props) {
super(props);
this.state={};
}
componentDidMount() {
ScheduleService.getSchedulingUnitBlueprintById(this.props.match.params.id)
.then(schedulingUnit => {
this.setState({schedulingUnit: schedulingUnit});
})
}
render() {
return (
<React.Fragment>
<Growl ref={(el) => this.growl = el} />
<PageHeader location={this.props.location} title={'QA Reporting (TO)'} actions={[{icon:'fa-window-close',link:this.props.history.goBack, title:'Click to Close Workflow', props:{ pathname: '/schedulingunit/view'}}]}/>
{this.state.schedulingUnit &&
<>
<div>
<div className="p-fluid">
<div className="p-field p-grid">
<label htmlFor="assignTo" className="col-lg-2 col-md-2 col-sm-12">Assign To </label>
<label htmlFor="suStatus" className="col-lg-2 col-md-2 col-sm-12">Scheduling Unit</label>
<div className="col-lg-3 col-md-3 col-sm-12">
<Link to={ { pathname:`/schedulingunit/view/blueprint/${this.state.schedulingUnit.id}`}}>{this.state.schedulingUnit.name}</Link>
</div>
<div className="col-lg-1 col-md-1 col-sm-12"></div>
<label htmlFor="suStatus" className="col-lg-2 col-md-2 col-sm-12">Scheduling Unit Status</label>
<div className="col-lg-3 col-md-3 col-sm-12">
{/* <InputText id="suStatus" data-testid="name" disabled
value={this.state.schedulingUnit.status}/> */}
<span>{this.state.schedulingUnit.status}</span>
</div>
</div>
<div className="p-field p-grid">
<label htmlFor="assignTo" className="col-lg-2 col-md-2 col-sm-12">Assign To </label>
<div className="col-lg-3 col-md-3 col-sm-12" data-testid="assignTo" >
<Dropdown inputId="projCat" optionLabel="value" optionValue="value"
options={[{value: 'User 1'},{value: 'User 2'},{value: 'User 3'}]}
placeholder="Assign To" />
</div>
<div className="col-lg-1 col-md-1 col-sm-12"></div>
<label htmlFor="suStatus" className="col-lg-2 col-md-2 col-sm-12">Scheduling Unit Status</label>
<div className="col-lg-3 col-md-3 col-sm-12">
<InputText id="suStatus" data-testid="name"
value='Schedulable'/>
</div>
<label htmlFor="viewPlots" className="col-lg-2 col-md-2 col-sm-12">View Plots</label>
<div className="col-lg-3 col-md-3 col-sm-12" style={{paddingLeft:'2px'}}>
<label className="col-sm-10 " >
<a href="https://proxy.lofar.eu/inspect/HTML/" target="_blank">Inspection plots</a>
</label>
<label className="col-sm-10 ">
<a href="https://proxy.lofar.eu/qa" target="_blank">Adder plots</a>
</label>
<label className="col-sm-10 ">
<a href=" https://proxy.lofar.eu/lofmonitor/" target="_blank">Station Monitor</a>
</label>
</div>
</div>
<div className="p-field p-grid">
<label htmlFor="viewPlots" className="col-lg-2 col-md-2 col-sm-12">View Plots</label>
<div className="col-lg-3 col-md-3 col-sm-12" style={{paddingLeft:'2px'}}>
<label className="col-sm-10 " >
<a href="https://proxy.lofar.eu/inspect/HTML/" target="_blank">Inspection plots</a>
</label>
<label className="col-sm-10 ">
<a href="https://proxy.lofar.eu/qa" target="_blank">Adder plots</a>
</label>
<label className="col-sm-10 ">
<a href=" https://proxy.lofar.eu/lofmonitor/" target="_blank">Station Monitor</a>
</label>
</div>
<div className="comments">
<label htmlFor="comments" >Comments</label>
<div className="col-lg-1 col-md-1 col-sm-12"></div>
<SunEditor width="157%" height="250" enableToolbar={true}
setOptions={{
buttonList: [
['undo', 'redo', 'bold', 'underline', 'fontColor', 'table', 'link', 'image', 'video','italic', 'strike', 'subscript',
'superscript','outdent', 'indent','fullScreen', 'showBlocks', 'codeView','preview', 'print','removeFormat']
]
}} />
</div>
<div className="p-grid" style={{padding: '10px'}}>
<label htmlFor="comments" >Comments</label>
<div className="col-lg-12 col-md-12 col-sm-12"></div>
<SunEditor height="250" enableToolbar={true}
setOptions={{
buttonList: [
['undo', 'redo', 'bold', 'underline', 'fontColor', 'table', 'link', 'image', 'video','italic', 'strike', 'subscript',
'superscript','outdent', 'indent','fullScreen', 'showBlocks', 'codeView','preview', 'print','removeFormat']
]
}} />
</div>
<div className="p-grid qaButton">
<div className="p-col-1">
<Button label="Save" className="p-button-primary" icon="pi pi-check" />
</div>
<div className="p-col-1">
<Button label="Cancel" className="p-button-danger" icon="pi pi-times" />
</div>
</div>
<div className="p-grid" style={{marginTop: '20px'}}>
<div className="p-col-1">
<Button label="Save" className="p-button-primary" icon="pi pi-check" />
</div>
<div className="p-col-1">
<Button label="Cancel" className="p-button-danger" icon="pi pi-times" />
</div>
</div>
</div>
</div>
</>
}
</React.Fragment>
)};
}
......
SAS/TMSS/frontend/tmss_webapp/src/routes/index.js
+ 1
− 1
View file @ 83e52b9a
......@@ -153,7 +153,7 @@ export const routes = [
name: 'Scheduling Set Add'
},
{
path: "/workflow/QAreporting",
path: "/schedulingunit/:id/workflow",
component: QAreporting,
name: 'QA Reporting (TO)',
title: 'QA Reporting (TO)'
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment