Skip to content

I
Internship UKSW 2019 document-management
Commit 6eeba545 authored by Internship UKSW 2019's avatar Internship UKSW 2019
Browse files
Options

Initial commit

parent f64839d1
Expand all Show whitespace changes
Inline Side-by-side
Showing with 239 additions and 46 deletions
src/DataTableApprovalDocument.js
View file @ 6eeba545
...@@ -49,6 +49,14 @@ export class DataTableApprovalDocument extends Component { ...@@ -49,6 +49,14 @@ export class DataTableApprovalDocument extends Component {
orderable: false, orderable: false,
targets: 5 targets: 5
}, },
{
visible: false,
orderable: false,
targets: 6,
render: function (data, type, row) {
return "<div>" + data + "</div>";
}
}
], ],
order: [[1, "asc"]], order: [[1, "asc"]],
lengthMenu: [[25, 50, 75, 100], [25, 50, 75, 100]] lengthMenu: [[25, 50, 75, 100], [25, 50, 75, 100]]
......
src/DataTableExpiredDocument.js 0 → 100644
View file @ 6eeba545
import React, { Component } from 'react';
import axios from 'axios';
const $ = require('jquery');
$.DataTable = require('datatables.net');
export class DataTableExpiredDocument extends Component {
componentDidMount = () => {
this.$el = $(this.el)
var table = this.$el.DataTable({
scrollY: "250px",
scrollCollapse: true,
paging: false,
data: this.props.data,
columns: [
{ title: "No", width: 30 },
{ title: "Code" },
{ title: "Subject" },
{ title: "Status" },
{ title: "Tracking" },
{ title: "Creator" },
],
columnDefs: [
{
searchable: false,
orderable: false,
targets: 0
},
{
orderable: false,
targets: 1,
render: function (data, type, row) {
return "<a class='text-decoration-none' href='#'>" + data + "</a>";
}
},
{
orderable: false,
targets: 2
},
{
orderable: false,
targets: 3
},
{
orderable: false,
targets: 4
},
{
orderable: false,
targets: 5
},
{
visible: false,
orderable: false,
targets: 6,
render: function (data, type, row) {
return "<div>" + data + "</div>";
}
}
],
order: [[1, "asc"]],
lengthMenu: [[25, 50, 75, 100], [25, 50, 75, 100]]
})
table.on("order.dt search.dt", function () {
table.column(0, { search: "applied", order: "applied" }).nodes().each(function (cell, i) {
cell.innerHTML = i + 1;
});
}).draw();
table.on("click", "a", function (e) {
e.preventDefault();
let data = table.row($(this).parents("tr")).data();
window.open("http://10.10.86.48:3000/previewdocument?subject=" + data[2], "_blank");
})
}
componentWillUnmount = () => {
this.$el.DataTable.destroy(true);
}
render() {
return (
<div>
<table className="display" width="100%" ref={el => this.el = el}></table>
</div>
)
}
}
\ No newline at end of file
src/DataTableHome.js
View file @ 6eeba545
...@@ -49,6 +49,18 @@ export class DataTableHome extends Component { ...@@ -49,6 +49,18 @@ export class DataTableHome extends Component {
orderable: false, orderable: false,
targets: 5 targets: 5
}, },
{
orderable: false,
targets: 6,
},
{
visible: false,
orderable: false,
targets: 7,
render: function (data, type, row) {
return "<div>" + data + "</div>";
}
}
], ],
order: [[ 1, "asc" ]], order: [[ 1, "asc" ]],
lengthMenu: [[25, 50, 75, 100], [25, 50, 75, 100]] lengthMenu: [[25, 50, 75, 100], [25, 50, 75, 100]]
......
src/DataTableMyDocument.js
View file @ 6eeba545
...@@ -31,7 +31,7 @@ export class DataTableMyDocument extends Component { ...@@ -31,7 +31,7 @@ export class DataTableMyDocument extends Component {
orderable: false, orderable: false,
targets: 1, targets: 1,
render: function (data, type, row) { render: function (data, type, row) {
return "<a class='text-decoration-none' href='#'>" + data + "</a>"; return "<a id='revision' class='text-decoration-none' href='#'>" + data + "</a>";
} }
}, },
{ {
...@@ -51,10 +51,18 @@ export class DataTableMyDocument extends Component { ...@@ -51,10 +51,18 @@ export class DataTableMyDocument extends Component {
targets: 5 targets: 5
}, },
{ {
visible: false,
orderable: false, orderable: false,
targets: 6, targets: 6,
render: function (data, type, row) { render: function (data, type, row) {
return "&nbsp;&nbsp;<svg style='width:24px;height:24px' viewBox='0 0 24 24'><path fill='currentColor' d='M9,3V4H4V6H5V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V6H20V4H15V3H9M7,6H17V19H7V6M9,8V17H11V8H9M13,8V17H15V8H13Z' /></svg>"; return "<div>" + data + "</div>";
}
},
{
orderable: false,
targets: 7,
render: function (data, type, row) {
return "&nbsp;&nbsp;<a id='withdraw' class='text-decoration-none text-dark' href='#'><svg style='width:24px;height:24px' viewBox='0 0 24 24'><path fill='currentColor' d='M9,3V4H4V6H5V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V6H20V4H15V3H9M7,6H17V19H7V6M9,8V17H11V8H9M13,8V17H15V8H13Z' /></svg></a>";
} }
} }
], ],
...@@ -66,12 +74,12 @@ export class DataTableMyDocument extends Component { ...@@ -66,12 +74,12 @@ export class DataTableMyDocument extends Component {
cell.innerHTML = i + 1; cell.innerHTML = i + 1;
}); });
}).draw(); }).draw();
table.on("click", "a", function (e) { table.on("click", "a#revision", function (e) {
e.preventDefault(); e.preventDefault();
let data = table.row($(this).parents("tr")).data(); let data = table.row($(this).parents("tr")).data();
window.open("http://10.10.86.48:3000/formrevision?subject=" + data[2], "_self"); window.open("http://10.10.86.48:3000/formrevision?subject=" + data[2], "_self");
}) })
table.on("click", "svg", function (e) { table.on("click", "a#withdraw", function (e) {
e.preventDefault(); e.preventDefault();
let data = table.row($(this).parents("tr")).data(); let data = table.row($(this).parents("tr")).data();
var parseString = require('xml2js').parseString; var parseString = require('xml2js').parseString;
......
src/DataTablePublishDocument.js
View file @ 6eeba545
...@@ -49,6 +49,14 @@ export class DataTablePublishDocument extends Component { ...@@ -49,6 +49,14 @@ export class DataTablePublishDocument extends Component {
orderable: false, orderable: false,
targets: 5 targets: 5
}, },
{
visible: false,
orderable: false,
targets: 6,
render: function (data, type, row) {
return "<div>" + data + "</div>";
}
}
], ],
order: [[1, "asc"]], order: [[1, "asc"]],
lengthMenu: [[25, 50, 75, 100], [25, 50, 75, 100]] lengthMenu: [[25, 50, 75, 100], [25, 50, 75, 100]]
......
src/DocumentManagement.css
View file @ 6eeba545
...@@ -39,8 +39,57 @@ body { ...@@ -39,8 +39,57 @@ body {
background: rgb(50, 50, 50); background: rgb(50, 50, 50);
width: 100%; width: 100%;
} }
.background-grey2 {
background: rgb(85, 85, 85);
width: 100%;
}
.scrolling-wrapper { .scrolling-wrapper {
overflow-x: scroll; overflow-x: scroll;
overflow-y: hidden; overflow-y: hidden;
white-space: nowrap; white-space: nowrap;
} }
.headerPreview {
width: 21cm;
margin: 0 auto;
margin-bottom: 0.5cm;
text-align: right;
}
.A4 {
background: white;
width: 21cm;
height: 29.7cm;
display: block;
margin: 0 auto;
padding: 50px 70px;
margin-bottom: 0.5cm;
/* box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5); */
/* overflow-y: scroll; */
box-sizing: border-box;
font-size: 12pt;
}
@media print {
.page-break {
display: block;
page-break-before: always;
}
}
@media print {
body {
margin: 0;
padding: 0;
}
.A4 {
box-shadow: none;
margin: 0;
width: auto;
height: auto;
}
.noprint {
display: none;
}
.enable-print {
display: block;
}
}
\ No newline at end of file
src/FormApproverDocument.js
View file @ 6eeba545
This diff is collapsed.
src/FormCreateDocument.js
View file @ 6eeba545
This diff is collapsed.
src/FormCreateUpdateRole.js
View file @ 6eeba545
...@@ -11,7 +11,7 @@ class FormCreateUpdateRole extends Component { ...@@ -11,7 +11,7 @@ class FormCreateUpdateRole extends Component {
this.state = { this.state = {
isFetched: false, isFetched: false,
isEdit: false, isEdit: false,
optionRoles: ["Admin", "Approver", "Additional Approver", "Compliance Officer", "Creator", "Manager Representative", "Viewer"], optionRoles: ["Admin", "Approver", "Additional Approver", "Compliance Officer", "Creator", "Management Representative", "Viewer"],
validFormUser: false, validFormUser: false,
userid: "", userid: "",
username: "", username: "",
...@@ -127,7 +127,7 @@ class FormCreateUpdateRole extends Component { ...@@ -127,7 +127,7 @@ class FormCreateUpdateRole extends Component {
var parseString = require('xml2js').parseString; var parseString = require('xml2js').parseString;
if (this.state.isEdit == true) { if (this.state.isEdit == true) {
try { try {
await this.setState({ submitForm: true }) await this.setState({ submitForm: true, validFormUser: false });
let userRole1 = ""; let userRole1 = "";
for (let i = 0; i < this.state.roles.length; i++) { for (let i = 0; i < this.state.roles.length; i++) {
if (i > 0) { if (i > 0) {
...@@ -135,6 +135,22 @@ class FormCreateUpdateRole extends Component { ...@@ -135,6 +135,22 @@ class FormCreateUpdateRole extends Component {
} }
userRole1 = userRole1 + this.state.roles[i]; userRole1 = userRole1 + this.state.roles[i];
} }
let isValidComplianceOfficer = true;
if (userRole1.includes("Compliance Officer")) {
let response = await axios.get(process.env.REACT_APP_MAIN_APIURL + '/DocumentManagement/user', { headers: { 'accept': 'application/xml' } })
let data;
parseString(response.data, function (err, result) {
data = result.user_dataCollection.user_data;
})
if (data != undefined) {
for (let i = 0; i < data.length; i++) {
if (data[i].user_role[0].includes("Compliance Officer")) {
isValidComplianceOfficer = false;
}
}
}
}
if (isValidComplianceOfficer) {
let dataEdit = { let dataEdit = {
"user_name": this.state.username, "user_name": this.state.username,
"user_dpt": this.state.department, "user_dpt": this.state.department,
...@@ -156,13 +172,17 @@ class FormCreateUpdateRole extends Component { ...@@ -156,13 +172,17 @@ class FormCreateUpdateRole extends Component {
alert("User role has been successfully edited"); alert("User role has been successfully edited");
this.props.history.push("/manageuser") this.props.history.push("/manageuser")
}) })
} else {
await this.setState({ submitForm: false });
alert("A user with compliance officer roles already exist");
}
} catch (error) { } catch (error) {
this.setState({ submitForm: false }) this.setState({ submitForm: false, validFormUser: true })
alert(error + ""); alert(error + "");
} }
} else { } else {
try { try {
await this.setState({ submitForm: true }) await this.setState({ submitForm: true, validFormUser: false });
let responseCheckDataUser = await axios.get(process.env.REACT_APP_MAIN_APIURL + '/DocumentManagement/userkey/' + this.state.email, { headers: { 'accept': 'application/xml' } }) let responseCheckDataUser = await axios.get(process.env.REACT_APP_MAIN_APIURL + '/DocumentManagement/userkey/' + this.state.email, { headers: { 'accept': 'application/xml' } })
let checkDataUser; let checkDataUser;
parseString(responseCheckDataUser.data, function (err, result) { parseString(responseCheckDataUser.data, function (err, result) {
...@@ -200,35 +220,19 @@ class FormCreateUpdateRole extends Component { ...@@ -200,35 +220,19 @@ class FormCreateUpdateRole extends Component {
this.props.history.push("/manageuser") this.props.history.push("/manageuser")
}) })
.catch(err => { .catch(err => {
this.setState({ submitForm: false }) this.setState({ submitForm: false, validFormUser: true })
alert(err + ""); alert(err + "");
}) })
} else { } else {
this.setState({ submitForm: false }) this.setState({ submitForm: false, validFormUser: true })
alert("Email is invalid!") alert("Email is invalid!")
} }
// let uri_email = encodeURIComponent(this.state.email);
// let API_token = "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsIng1dCI6IlpqUm1ZVE13TlRKak9XVTVNbUl6TWpnek5ESTNZMkl5TW1JeVkyRXpNamRoWmpWaU1qYzBaZz09In0.eyJhdWQiOiJodHRwOlwvXC9vcmcud3NvMi5hcGltZ3RcL2dhdGV3YXkiLCJzdWIiOiJhZG1pbkBjYXJib24uc3VwZXIiLCJhcHBsaWNhdGlvbiI6eyJvd25lciI6ImFkbWluIiwidGllciI6IjEwUGVyTWluIiwibmFtZSI6ImFwcGwiLCJpZCI6MTMsInV1aWQiOm51bGx9LCJzY29wZSI6ImFtX2FwcGxpY2F0aW9uX3Njb3BlIGRlZmF1bHQiLCJpc3MiOiJodHRwczpcL1wvMTAuMTAuODguMTI6OTQ0M1wvb2F1dGgyXC90b2tlbiIsInRpZXJJbmZvIjp7IlVubGltaXRlZCI6eyJzdG9wT25RdW90YVJlYWNoIjp0cnVlLCJzcGlrZUFycmVzdExpbWl0IjowLCJzcGlrZUFycmVzdFVuaXQiOm51bGx9fSwia2V5dHlwZSI6IlBST0RVQ1RJT04iLCJzdWJzY3JpYmVkQVBJcyI6W3sic3Vic2NyaWJlclRlbmFudERvbWFpbiI6ImNhcmJvbi5zdXBlciIsIm5hbWUiOiJlbXBsb3llZV9wcm9maWxlIiwiY29udGV4dCI6IlwvZW1weWxcLzEuMC4wIiwicHVibGlzaGVyIjoiYWRtaW4iLCJ2ZXJzaW9uIjoiMS4wLjAiLCJzdWJzY3JpcHRpb25UaWVyIjoiVW5saW1pdGVkIn1dLCJjb25zdW1lcktleSI6ImlqMHNnaWVLVVprdFBTbElkcl9mU2tFanI1a2EiLCJleHAiOjE2MzUyOTk3NDYsImlhdCI6MTU4MDk3ODc0NiwianRpIjoiNDFlM2FlMGYtMmYzZC00NWIzLTllN2YtMjI5YjRiNTkwOWE1In0.ZZ1_-3Z2bnsa5ar7b-QnuNGy95Olh5rQSMifJCTnW09T9omU1Zzql1Wllaey7veC9xy6yi-WxPpPeRee_-UtZdloGE9PCd99rMdNLsNuXWxmN0MvyXjMYqUvOYe9lbXzirE99yQhywa7LzVxpJVccGl42a5HhJ-BHF85IXiSSKK_-ykssK2WNfQhyUySJoz-lUj44-Eur2svbEWTVX6sOaejdwdv3xBFya8WoAAXPaelaE0Fm2SONQdh4DZZx0OdJS794fcYGNKshdTJiAG7Kau1jQMjy6-Pa3fv8wpFxV7GQuQy24TeTBo3jNxX2Fu5b2-P_YFIgA1KuqSM9Fnp2Q";
// fetch('http://10.10.88.12:8280/empyl/1.0.0/employee/' + uri_email, {
// headers: { 'Authorization': API_token }
// })
// .then(response => response.text())
// .then(text => {
// let dataEmployee;
// parseString(text, function (err, result) {
// dataEmployee = result.VU_EmployeeMACCollection.VU_EmployeeMAC;
// })
// console.log("dataEmployee", dataEmployee)
// })
// .catch(err => {
// alert(err + "");
// })
} else { } else {
this.setState({ submitForm: false }) await this.setState({ submitForm: false, validFormUser: true })
alert("Email is already exist"); alert("Email is already exist");
} }
} catch (error) { } catch (error) {
this.setState({ submitForm: false }) await this.setState({ submitForm: false, validFormUser: true })
alert(error + ""); alert(error + "");
} }
} }
......
src/FormPublishDocument.js
View file @ 6eeba545
...@@ -17,6 +17,7 @@ class FormPublish extends Component { ...@@ -17,6 +17,7 @@ class FormPublish extends Component {
dataRevisionHistory: [], dataRevisionHistory: [],
dataAuditTrail: [], dataAuditTrail: [],
statusPublish: false, statusPublish: false,
validSubmitPublish: true,
remark: "", remark: "",
doc_id: "", doc_id: "",
user_id: "", user_id: "",
...@@ -187,7 +188,7 @@ class FormPublish extends Component { ...@@ -187,7 +188,7 @@ class FormPublish extends Component {
let isPublish = window.confirm("Are you sure want to " + labelPublish + " document " + this.state.subject + "?"); let isPublish = window.confirm("Are you sure want to " + labelPublish + " document " + this.state.subject + "?");
if (isPublish) { if (isPublish) {
try { try {
await this.setState({ submitForm: true }); await this.setState({ submitForm: true, validSubmitPublish: false });
var js2xmlparser = require('js2xmlparser'); var js2xmlparser = require('js2xmlparser');
var parseString = require('xml2js').parseString; var parseString = require('xml2js').parseString;
if (actionPublish == "Publish Document") { if (actionPublish == "Publish Document") {
...@@ -322,7 +323,7 @@ class FormPublish extends Component { ...@@ -322,7 +323,7 @@ class FormPublish extends Component {
alert("Document has been successfully " + labelPublish); alert("Document has been successfully " + labelPublish);
this.props.history.push("/yourdocument"); this.props.history.push("/yourdocument");
} catch (err) { } catch (err) {
await this.setState({ submitForm: false }); await this.setState({ submitForm: false, validSubmitPublish: true });
alert(err + ""); alert(err + "");
} }
} }
...@@ -463,7 +464,7 @@ class FormPublish extends Component { ...@@ -463,7 +464,7 @@ class FormPublish extends Component {
</div> </div>
<div className="col-xl-9 col-lg-9 col-md-9 col-sm-9 text-right"> <div className="col-xl-9 col-lg-9 col-md-9 col-sm-9 text-right">
<Button color="primary" className="button-2" onClick={() => this.handleClickPreview()}>Preview</Button>&nbsp; <Button color="primary" className="button-2" onClick={() => this.handleClickPreview()}>Preview</Button>&nbsp;
<Button color="primary" className="button-2" onClick={() => this.handleClickPublish()}>{this.handleShowLabelPublish()}&nbsp; <Button color="primary" className="button-2" onClick={() => this.handleClickPublish()} disabled={!this.state.validSubmitPublish}>{this.handleShowLabelPublish()}&nbsp;
{ {
this.state.submitForm && this.state.submitForm &&
<img src="data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==" /> <img src="data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==" />
...@@ -561,7 +562,7 @@ class FormPublish extends Component { ...@@ -561,7 +562,7 @@ class FormPublish extends Component {
} }
{ {
this.state.documentType == "FORM" && this.state.documentType == "FORM" &&
<a href={this.state.contentForm.file} download={this.state.contentForm.title}>{this.state.contentForm.title}</a> <a className="text-decoration-none" href={this.state.contentForm.file} download={this.state.contentForm.title}>{this.state.contentForm.title}</a>
} }
</label> </label>
</div> </div>
......
src/FormRevisionDocument.js
View file @ 6eeba545
...@@ -890,7 +890,8 @@ class FormRevision extends Component { ...@@ -890,7 +890,8 @@ class FormRevision extends Component {
} }
handleSaveChanges = async () => { handleSaveChanges = async () => {
try { try {
await this.setState({ submitForm: true }); this.state.validPage[2] = false;
await this.setState({ submitForm: true, validPage: this.state.validPage });
var js2xmlparser = require('js2xmlparser'); var js2xmlparser = require('js2xmlparser');
var parseString = require('xml2js').parseString; var parseString = require('xml2js').parseString;
let responseDataRevision = await axios.get(process.env.REACT_APP_MAIN_APIURL + '/DocumentManagement/revisionkey/' + this.state.doc_id, { headers: { 'Content-Type': 'application/xml' } }) let responseDataRevision = await axios.get(process.env.REACT_APP_MAIN_APIURL + '/DocumentManagement/revisionkey/' + this.state.doc_id, { headers: { 'Content-Type': 'application/xml' } })
...@@ -1089,7 +1090,8 @@ class FormRevision extends Component { ...@@ -1089,7 +1090,8 @@ class FormRevision extends Component {
alert("Document has been successfully updated"); alert("Document has been successfully updated");
this.props.history.push("/yourdocument"); this.props.history.push("/yourdocument");
} catch (error) { } catch (error) {
await this.setState({ submitForm: false }) this.state.validPage[2] = true;
await this.setState({ submitForm: false, validPage: this.state.validPage })
alert(error + ""); alert(error + "");
} }
} }
...@@ -1140,7 +1142,7 @@ class FormRevision extends Component { ...@@ -1140,7 +1142,7 @@ class FormRevision extends Component {
{({ getRootProps, getInputProps }) => ( {({ getRootProps, getInputProps }) => (
<section> <section>
<div {...getRootProps()} className="p-4 text-center" style={{ height: "250px", backgroundColor: "lightgrey", border: "1px solid black", borderRadius: "20px", borderStyle: "dashed" }}> <div {...getRootProps()} className="p-4 text-center" style={{ height: "250px", backgroundColor: "lightgrey", border: "1px solid black", borderRadius: "20px", borderStyle: "dashed" }}>
<input {...getInputProps()} /> <input {...getInputProps()} accept=".doc,.docx,.xls,.xlsx"/>
{ {
this.state.contentForm.title == "" && this.state.contentForm.title == "" &&
<div> <div>
...@@ -1213,7 +1215,7 @@ class FormRevision extends Component { ...@@ -1213,7 +1215,7 @@ class FormRevision extends Component {
plugins: [ plugins: [
'advlist autolink table lists link image charmap print preview anchor', 'advlist autolink table lists link image charmap print preview anchor',
'searchreplace wordcount visualblocks code fullscreen', 'searchreplace wordcount visualblocks code fullscreen',
'insertdatetime media table contextmenu paste responsivefilemanager code' 'insertdatetime media table contextmenu paste code'
], ],
toolbar: toolbar:
'undo redo | image code | table tabledelete | \ 'undo redo | image code | table tabledelete | \
...@@ -1221,13 +1223,8 @@ class FormRevision extends Component { ...@@ -1221,13 +1223,8 @@ class FormRevision extends Component {
tableinsertrowbefore tableinsertrowafter tabledeleterow | \ tableinsertrowbefore tableinsertrowafter tabledeleterow | \
tableinsertcolbefore tableinsertcolafter tabledeletecol | \ tableinsertcolbefore tableinsertcolafter tabledeletecol | \
formatselect | bold italic underline strikethrough | \ formatselect | bold italic underline strikethrough | \
responsivefilemanager | link unlink | \ link unlink | alignleft aligncenter alignright alignjustify | \
alignleft aligncenter alignright alignjustify | \
bullist numlist outdent indent | removeformat | help', bullist numlist outdent indent | removeformat | help',
image_advtab: true,
external_filemanager_path: '/filemanager/',
filemanager_title: 'Responsive Filemanager',
external_plugins: { 'responsivefilemanager': '/filemanager/plugin.min.js' },
content_css: '//www.tinymce.com/css/codepen.min.css', content_css: '//www.tinymce.com/css/codepen.min.css',
file_picker_types: 'image', file_picker_types: 'image',
file_picker_callback: function (callback, value, meta) { file_picker_callback: function (callback, value, meta) {
...@@ -1556,7 +1553,7 @@ class FormRevision extends Component { ...@@ -1556,7 +1553,7 @@ class FormRevision extends Component {
} }
{ {
this.state.documentType == "FORM" && this.state.documentType == "FORM" &&
<a href={this.state.contentForm.file} download={this.state.contentForm.title}>{this.state.contentForm.title}</a> <a className="text-decoration-none" href={this.state.contentForm.file} download={this.state.contentForm.title}>{this.state.contentForm.title}</a>
} }
</label> </label>
</div> </div>
......
src/Home.js
View file @ 6eeba545
...@@ -17,7 +17,7 @@ class Home extends Component { ...@@ -17,7 +17,7 @@ class Home extends Component {
componentDidMount = async () => { componentDidMount = async () => {
console.log(JSON.parse(localStorage.getItem("dataLogin")).email[0]); console.log(JSON.parse(localStorage.getItem("dataLogin")).email[0]);
try { try {
let response = await axios.get(process.env.REACT_APP_MAIN_APIURL + '/DocumentManagement/home', { headers: { 'accept': 'application/xml' } }); let response = await axios.get(process.env.REACT_APP_MAIN_APIURL + '/DocumentManagement/home', { headers: { 'accept': 'application/xml' } })
var parseString = require('xml2js').parseString; var parseString = require('xml2js').parseString;
let data; let data;
parseString(response.data, function (err, result) { parseString(response.data, function (err, result) {
...@@ -26,6 +26,24 @@ class Home extends Component { ...@@ -26,6 +26,24 @@ class Home extends Component {
if (data != undefined) { if (data != undefined) {
for (let i = 0; i < data.length; i++) { for (let i = 0; i < data.length; i++) {
let datarow = []; let datarow = [];
let content = "";
let apiContent = "contentkey";
if (data[i].doc_code[0].includes("FORM")) {
apiContent = "contentkey2";
}
let responseDataContent = await axios.get(process.env.REACT_APP_MAIN_APIURL + '/DocumentManagement/' + apiContent + '/' + data[i].doc_id[0], { headers: { 'accept': 'application/xml' } })
let dataContent;
parseString(responseDataContent.data, function (err, result) {
dataContent = result.contentCollection.content;
})
if (dataContent != undefined && data[i].doc_type[0] != "FORM") {
for (let j = 0; j < dataContent.length; j++) {
content += "<p>" + dataContent[j].cont_title[0] + "</p>" + dataContent[j].cont[0];
}
}
if (dataContent != undefined && data[i].doc_type[0] == "FORM") {
content = "<p>" + dataContent[0].cont_title[0] + "</p>";
}
datarow.push(""); datarow.push("");
datarow.push(data[i].doc_code[0]); datarow.push(data[i].doc_code[0]);
datarow.push(data[i].subject[0]); datarow.push(data[i].subject[0]);
...@@ -41,6 +59,7 @@ class Home extends Component { ...@@ -41,6 +59,7 @@ class Home extends Component {
} }
datarow.push(new_effdate); datarow.push(new_effdate);
datarow.push(data[i].usr_dpt[0]); datarow.push(data[i].usr_dpt[0]);
datarow.push(content);
this.state.dataDocument.push(datarow); this.state.dataDocument.push(datarow);
} }
} }
......
src/ManageUser.js
View file @ 6eeba545
...@@ -18,7 +18,7 @@ class ManageUser extends Component { ...@@ -18,7 +18,7 @@ class ManageUser extends Component {
componentDidMount = async () => { componentDidMount = async () => {
try { try {
var parseString = require('xml2js').parseString; var parseString = require('xml2js').parseString;
let response = await axios.get(process.env.REACT_APP_MAIN_APIURL + '/DocumentManagement/user', { headers: { 'accept': 'application/xml' } }); let response = await axios.get(process.env.REACT_APP_MAIN_APIURL + '/DocumentManagement/user', { headers: { 'accept': 'application/xml' } })
let data; let data;
parseString(response.data, function (err, result) { parseString(response.data, function (err, result) {
data = result.user_dataCollection.user_data; data = result.user_dataCollection.user_data;
......
src/PreviewDocument.js
View file @ 6eeba545
This diff is collapsed.
src/YourDocument.js
View file @ 6eeba545
This diff is collapsed.
src/YourDocumentRoute.js
View file @ 6eeba545
...@@ -12,7 +12,7 @@ const YourDocumentRoute = ({ component: Component, ...rest }) => { ...@@ -12,7 +12,7 @@ const YourDocumentRoute = ({ component: Component, ...rest }) => {
JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Additional Approver") || JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Additional Approver") ||
JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Compliance Officer") || JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Compliance Officer") ||
JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Creator") || JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Creator") ||
JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Manager Representative")) ? ( JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Management Representative")) ? (
<Component {...props} /> <Component {...props} />
) : ( ) : (
<Redirect to={{ pathname: '/', state: { from: props.location } }} /> <Redirect to={{ pathname: '/', state: { from: props.location } }} />
......
Markdown is supported
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