ordo
/
surveyor_indonesia_frontend
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

changed styling form proyek

pull/2/head
wahyuun 1 year ago
parent
d48322a6a8
commit
58ca6e4b74
1 changed files with 176 additions and 168 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 344
      src/views/SimproV2/CreatedProyek/DialogFormProyek.js

344
src/views/SimproV2/CreatedProyek/DialogFormProyek.js
Unescape View File

@ -200,6 +200,7 @@ const DialogFormProyek = ({
setFinance("");
setWorkArea("");
setProjectDuration("");
setDivisiProject(null);
setProjectStructureOrg(null);
setCompany("");
setCurrency("");
@ -611,7 +612,7 @@ const DialogFormProyek = ({
<Row>
<Col md={6}>
<FormGroup>
<Label className="capitalize">
<Label className="capitalize" style={{ fontWeight: "bold" }}>
Project Name<span style={{ color: "red" }}>*</span>
</Label>
<Input
@ -623,7 +624,7 @@ const DialogFormProyek = ({
</Col>
<Col md={6}>
<FormGroup>
<Label className="capitalize">Code / Short Name<span style={{ color: "red" }}>*</span></Label>
<Label className="capitalize" style={{ fontWeight: "bold" }}>Code / Short Name<span style={{ color: "red" }}>*</span></Label>
<Input
type="text"
value={shortName}
@ -635,7 +636,7 @@ const DialogFormProyek = ({
<Row>
<Col md={6}>
<FormGroup>
<Label className="capitalize">
<Label className="capitalize" style={{ fontWeight: "bold" }}>
Project Type<span style={{ color: "red" }}>*</span>
</Label>
<Select
@ -658,7 +659,7 @@ const DialogFormProyek = ({
</Col>
<Col md={6}>
<FormGroup>
<Label className="capitalize">PM</Label>
<Label className="capitalize" style={{ fontWeight: "bold" }}>PM</Label>
<Select
showSearch
filterOption={(inputValue, option) =>
@ -681,7 +682,7 @@ const DialogFormProyek = ({
<Row>
<Col md={6}>
<FormGroup>
<Label className="capitalize">
<Label className="capitalize" style={{ fontWeight: "bold" }}>
Start Date<span style={{ color: "red" }}>*</span>
</Label>
<DatePicker
@ -694,7 +695,7 @@ const DialogFormProyek = ({
</Col>
<Col md={6}>
<FormGroup>
<Label className="capitalize">
<Label className="capitalize" style={{ fontWeight: "bold" }}>
End Date<span style={{ color: "red" }}>*</span>
</Label>
<DatePicker
@ -716,7 +717,7 @@ const DialogFormProyek = ({
<Row>
<Col md={6}>
<FormGroup>
<Label className="capitalize">Work Area</Label>
<Label className="capitalize" style={{ fontWeight: "bold" }}>Work Area</Label>
<Input
type="text"
value={workArea}
@ -726,7 +727,7 @@ const DialogFormProyek = ({
</Col>
<Col md={6}>
<FormGroup>
<Label className="capitalize">Company</Label>
<Label className="capitalize" style={{ fontWeight: "bold" }}>Company</Label>
<Input
type="text"
value={company}
@ -738,7 +739,7 @@ const DialogFormProyek = ({
<Row>
<Col md={6}>
<FormGroup>
<Label className="capitalize">
<Label className="capitalize" style={{ fontWeight: "bold" }}>
Budget<span style={{ color: "red" }}>*</span>
</Label>
<Row>
@ -768,8 +769,14 @@ const DialogFormProyek = ({
<Row>
<Col md={6}>
<FormGroup>
<Label>Handled By Division</Label>
<Label className="capitalize" style={{ fontWeight: "bold" }}>
Handled By Division<span style={{ color: "red" }}>*</span>
</Label>
<Select
showSearch
filterOption={(inputValue, option) =>
option.children.toLowerCase().includes(inputValue.toLowerCase())
}
value={divisiProject}
defaultValue={divisiProject}
onChange={onChangeDivisiProject}
@ -785,7 +792,7 @@ const DialogFormProyek = ({
</Col>
<Col md={6}>
<FormGroup>
<Label className="capitalize">Project Duration</Label>
<Label className="capitalize" style={{ fontWeight: "bold" }}>Project Duration</Label>
<Input
type="number"
min="1"
@ -798,7 +805,7 @@ const DialogFormProyek = ({
<Row>
<Col md={6}>
<FormGroup>
<Label className="capitalize">Organizational Structure</Label>
<Label className="capitalize" style={{ fontWeight: "bold" }}>Organizational Structure</Label>
<Input
type="file"
accept="image/*"
@ -809,7 +816,7 @@ const DialogFormProyek = ({
</Col>
<Col md={6}>
<FormGroup>
<Label className="capitalize">Description</Label>
<Label className="capitalize" style={{ fontWeight: "bold" }}>Description</Label>
<Input
type="textarea"
value={description}
@ -820,7 +827,7 @@ const DialogFormProyek = ({
</Row>
<Row>
<Col md={12}>
<Label className="capitalize">Late Consequence</Label>
<Label className="capitalize" style={{ fontWeight: "bold" }}>Late Consequence</Label>
<CKEditor
editor={ ClassicEditor }
data={ late }
@ -832,9 +839,9 @@ const DialogFormProyek = ({
/>
</Col>
</Row>
<Row>
<Row style={{ marginTop: "20px"}}>
<Col md={12}>
<Label className="capitalize">Assumtion</Label>
<Label className="capitalize" style={{ fontWeight: "bold" }}>Assumtion</Label>
<CKEditor
editor={ClassicEditor}
data={assumtion}
@ -846,18 +853,18 @@ const DialogFormProyek = ({
/>
</Col>
</Row>
<Row>
<Row style={{ marginTop: "20px"}}>
<Col md={12}>
<Label className="capitalize">Project Checklist</Label>
<Label className="capitalize" style={{ fontWeight: "bold" }}>Project Checklist</Label>
<Row>
<Col md={5}>
<b>Item</b>
<p>Item</p>
</Col>
<Col md={4}>
<b>Availability</b>
<p>Availability</p>
</Col>
<Col md={2}>
<b>Action</b>
<p>Action</p>
</Col>
<Col md={1}>
<Tooltip title="Add row">
@ -877,16 +884,16 @@ const DialogFormProyek = ({
<Divider orientation="left" plain></Divider>
<Row>
<Col md={12}>
<Label className="capitalize">Issues & Obstacles</Label>
<Label className="capitalize" style={{ fontWeight: "bold" }}>Issues & Obstacles</Label>
<Row>
<Col md={5}>
<b>Issu Level</b>
<p>Issue Level</p>
</Col>
<Col md={4}>
<b>Description</b>
<p>Description</p>
</Col>
<Col md={2}>
<b>Action</b>
<p>Action</p>
</Col>
<Col md={1}>
<Tooltip title="Add row">
@ -909,7 +916,7 @@ const DialogFormProyek = ({
<Row>
<Col md={6}>
<FormGroup>
<Label>Phase</Label>
<Label style={{ fontWeight: "bold" }}>Phase</Label>
<Select
value={phaseProject}
defaultValue={phaseProject}
@ -926,7 +933,7 @@ const DialogFormProyek = ({
</Col>
<Col md={6}>
<FormGroup>
<Label>Cost Health</Label>
<Label style={{ fontWeight: "bold" }}>Cost Health</Label>
<Select
value={budgetHealth}
defaultValue={budgetHealth}
@ -949,130 +956,131 @@ const DialogFormProyek = ({
</Form>
<Form style={{ display: step === 2 ? 'block' : 'none' }}>
<Row>
<Col md={3}>
<b>Project Objectives</b>
</Col>
<Col md={9}>
<FormGroup>
<Input
type="textarea"
value={objectives}
onChange={(e) => setObjectives(e.target.value)}
/>
</FormGroup>
</Col>
</Row>
<Row>
<Col md={3}>
<b>Project is considered successful when</b>
</Col>
<Col md={9}>
<FormGroup>
<Input
type="textarea"
value={projectIsConsideredSuccessful}
onChange={(e) =>
setProjectIsConsideredSuccessful(e.target.value)
}
placeholder={`List of indicators`}
rows={5}
/>
</FormGroup>
</Col>
</Row>
<Row>
<Col md={3}>
<b>Project Participants</b>
</Col>
<Col md={9}>
<Row>
<Col md={5}>
<b>Title</b>
</Col>
<Col md={4}>
<b>Name</b>
</Col>
<Col md={2}>
<b>Action</b>
</Col>
<Col md={1}>
<Tooltip title="Add row">
<Button
size="sm"
color="primary"
onClick={() => addParticipant()}
>
<i className="fa fa-plus"></i>
</Button>
</Tooltip>
</Col>
</Row>
<div style={{ marginBottom: 50 }}>{RenderParticipants()}</div>
</Col>
</Row>
<Row>
<Col md={3}>
<b>Testing Environment</b>
</Col>
<Col md={9}>
<FormGroup>
<Input
type="textarea"
value={testingEnv}
onChange={(e) => setTestingEnv(e.target.value)}
rows={5}
/>
</FormGroup>
</Col>
</Row>
<Row>
<Col md={3}>
<b>Milestones</b>
</Col>
<Col md={9}>
<Row>
<Col md={4}>
<b>Status</b>
</Col>
<Col md={4}>
<b>Deadline</b>
</Col>
<Col md={3}>
<b>Action</b>
</Col>
<Col md={1}>
<Tooltip title="Add row">
<Button
size="sm"
color="primary"
onClick={() => addMilestone()}
>
<i className="fa fa-plus"></i>
</Button>
</Tooltip>
</Col>
</Row>
<div style={{ marginBottom: 50 }}>{RenderMilestones()}</div>
</Col>
</Row>
<Row>
<Row >
<Col md={3}>
<b>Project Objectives</b>
</Col>
<Col md={9}>
<CKEditor
editor={ClassicEditor}
data={objectives}
config={editorConfig}
onChange={ ( event, editor ) => {
const data = editor.getData();
setObjectives(data);
} }
/>
</Col>
</Row>
<Row style={{ marginTop: "20px" }}>
<Col md={3}>
<b>Project is considered successful when</b>
</Col>
<Col md={9}>
<CKEditor
editor={ClassicEditor}
data={projectIsConsideredSuccessful}
config={editorConfig}
onChange={ ( event, editor ) => {
const data = editor.getData();
setProjectIsConsideredSuccessful(data);
} }
/>
</Col>
</Row>
<Row style={{ marginTop:"20px" }}>
<Col md={3}>
<b>Project Participants</b>
</Col>
<Col md={9}>
<Row>
<Col md={5}>
<p>Title</p>
</Col>
<Col md={4}>
<p>Name</p>
</Col>
<Col md={2}>
<p>Action</p>
</Col>
<Col md={1}>
<Tooltip title="Add row">
<Button
size="sm"
color="primary"
onClick={() => addParticipant()}
>
<i className="fa fa-plus"></i>
</Button>
</Tooltip>
</Col>
</Row>
<div style={{ marginBottom: 50 }}>{RenderParticipants()}</div>
</Col>
</Row>
<Row style={{ marginTop:"20px" }}>
<Col md={3}>
<b>Testing Environment</b>
</Col>
<Col md={9}>
<CKEditor
editor={ClassicEditor}
data={testingEnv}
config={editorConfig}
onChange={ ( event, editor ) => {
const data = editor.getData();
setTestingEnv(data);
} }
/>
</Col>
</Row>
<Row style={{ marginTop:"20px" }}>
<Col md={3}>
<b>Milestones</b>
</Col>
<Col md={9}>
<Row>
<Col md={4}>
<p>Status</p>
</Col>
<Col md={4}>
<p>Deadline</p>
</Col>
<Col md={3}>
<p>Action</p>
</Col>
<Col md={1}>
<Tooltip title="Add row">
<Button
size="sm"
color="primary"
onClick={() => addMilestone()}
>
<i className="fa fa-plus"></i>
</Button>
</Tooltip>
</Col>
</Row>
<div style={{ marginBottom: 50 }}>{RenderMilestones()}</div>
</Col>
</Row>
<Row style={{ marginTop:"20px" }}>
<Col md={3}>
<b>Potential Risk</b>
</Col>
<Col md={9}>
<Row>
<Col md={3}>
<b>Risk Level</b>
<p>Risk Level</p>
</Col>
<Col md={3}>
<b>Description</b>
<p>Description</p>
</Col>
<Col md={3}>
<b>Prevention</b>
<p>Prevention</p>
</Col>
<Col md={2}>
<b>Action</b>
<p>Action</p>
</Col>
<Col md={1}>
<Tooltip title="Add row">
@ -1089,35 +1097,35 @@ const DialogFormProyek = ({
<div style={{ marginBottom: 50 }}>{RenderRisk()}</div>
</Col>
</Row>
<Row>
<Col md={3}>
<b>Approval</b>
</Col>
<Col md={9}>
<Row>
<Col md={3}>
<b>Title</b>
</Col>
<Col md={3}>
<b>Name</b>
</Col>
<Col md={3}>
<b>Date</b>
</Col>
<Col md={2}>
<b>Action</b>
</Col>
<Tooltip title="Add row">
<Col md={1}>
<Button size="sm" color="primary" onClick={() => addApproval()}>
<i className="fa fa-plus"></i>
</Button>
</Col>
</Tooltip>
</Row>
<div style={{ marginBottom: 50 }}>{RenderApproval()}</div>
</Col>
</Row>
<Row style={{ marginTop:"20px" }}>
<Col md={3}>
<b>Approval</b>
</Col>
<Col md={9}>
<Row>
<Col md={3}>
<p>Title</p>
</Col>
<Col md={3}>
<p>Name</p>
</Col>
<Col md={3}>
<p>Date</p>
</Col>
<Col md={2}>
<p>Action</p>
</Col>
<Tooltip title="Add row">
<Col md={1}>
<Button size="sm" color="primary" onClick={() => addApproval()}>
<i className="fa fa-plus"></i>
</Button>
</Col>
</Tooltip>
</Row>
<div style={{ marginBottom: 50 }}>{RenderApproval()}</div>
</Col>
</Row>
</Form>
</>
)

Write Preview
Loading…
Cancel
Save