Initial commit

.env

 REACT_APP_MAIN_APIURL = "http://10.10.86.48:9000"
+GENERATE_SOURCEMAP=false
\ No newline at end of file

package.json

@@ -5,6 +5,7 @@
   "proxy": "https://app.visionet.co.id/api/employee",
   "dependencies": {
     "@material-ui/core": "^4.7.0",
+    "@tinymce/tinymce-react": "^3.5.0",
     "axios": "^0.19.1",
     "bootstrap": "^4.3.1",
     "cors": "^2.8.5",
@@ -13,11 +14,13 @@
     "jquery": "^3.4.1",
     "js2xmlparser": "^4.0.0",
     "jspdf": "^1.5.3",
+    "material-ui": "^0.20.2",
     "node-gyp": "^6.1.0",
     "query-string": "^6.10.1",
     "react": "^16.10.2",
     "react-avatar-edit": "^0.8.3",
     "react-dom": "^16.10.2",
+    "react-dropzone": "^10.2.2",
     "react-expand-collapse": "^0.2.0",
     "react-loading": "^2.0.3",
     "react-redux": "^7.1.3",

public/index.html

@@ -8,21 +8,24 @@
   <meta name="theme-color" content="#000000" />
   <meta name="description" content="Web site created using create-react-app" />
   <link rel="apple-touch-icon" href="logo192.png" />
+  <link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
   <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.1/jspdf.debug.js" integrity="sha384-THVO/sM0mFD9h7dfSndI6TS0PgAGavwKvB5hAxRRvc0o9cPLohB0wb/PTA7LdUHs" crossorigin="anonymous"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react-dom.min.js"></script>
   <script src="//tinymce.cachefly.net/4.2/tinymce.min.js"></script>
-  <script type="text/javascript" src="path/xmlToJSON.js"></script>
-  <link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
+  <!-- <script src="https://cdn.tiny.cloud/1/db7lr7o928hh4pu88zq9a8ynsxluxjyno0drnyknmn4uywji/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script> -->
+  <!-- <script type="text/javascript" src="path/xmlToJSON.js"></script> -->
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+  
   <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.

src/App.js

@@ -26,7 +26,7 @@ class App extends Component {
           <Switch>
             <Route exact path='/' component={FormLogin} />
             <PrivateRoute exact path="/home" component={Home} />
-            <PrivateRoute exact path="/previewdocument" component={PreviewDocument}/>
+            <PrivateRoute exact path="/previewdocument" component={PreviewDocument} />
             <YourDocumentRoute exact path="/yourdocument" component={YourDocument} />
             <ManageUserRoute exact path="/manageuser" component={ManageUser} />
             <ManageUserRoute exact path="/formcreateupdaterole" component={FormCreateUpdateRole} />

src/DocumentManagement.css

+html,
+body {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
 .header-top {
     margin-top: 3%;
 }
@@ -31,4 +38,9 @@
 .background-grey {
     background: rgb(50, 50, 50);
     width: 100%;
+}
+.scrolling-wrapper {
+    overflow-x: scroll;
+    overflow-y: hidden;
+    white-space: nowrap;
 }
\ No newline at end of file

src/FormLogin.js

@@ -14,8 +14,8 @@ class FormLogin extends Component {
             submitted: false,
             loggingIn: false,
             isLoginFailed: false,
-            pictures: [],
-            errMessage: ""
+            errMessage: "",
+            filesToBeSent: []
         }
     }
     handleChangeUsername = (e) => {
@@ -86,12 +86,11 @@ class FormLogin extends Component {
             //     })
         }
     }
-
     render() {
         return (
             <div>
                 <Navbar color="dark" dark expand="lg">
-                    <NavbarBrand href="/"><img src="logo-visionet.png" alt="visionet" width="160px" height="45px"/></NavbarBrand>
+                    <NavbarBrand href="/"><img src="logo-visionet.png" alt="visionet" width="160px" height="45px" /></NavbarBrand>
                 </Navbar>
                 <div className="login-form">
                     <div className="container">

src/YourDocument.js

@@ -50,9 +50,9 @@ class YourDocument extends Component {
                     if ((dataRevision[dataRevision.length - 1].status.includes("Waiting for Approval") || dataRevision[dataRevision.length - 1].status.includes("Waiting for Approver") || dataRevision[dataRevision.length - 1].status.includes("Additional Approver")) && dataAllDocument[i].doc_status[0] == "New") {
                         if (
                             (dataRevision[dataRevision.length - 1].status == "Waiting for Approval - " + JSON.parse(localStorage.getItem("dataLogin")).user_name[0] && JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Approver") && JSON.parse(localStorage.getItem("dataLDAP"))["Login Name"] == JSON.parse(dataAllDocument[i].approver[0]).LoginName) ||
-                            (dataRevision[dataRevision.length - 1].status == "Waiting for Approval - " + JSON.parse(localStorage.getItem("dataLogin")).user_name[0] && JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Compliance Officer")) ||
-                            (dataRevision[dataRevision.length - 1].status == "Waiting for Approval - " + JSON.parse(localStorage.getItem("dataLogin")).user_name[0] && JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Manager Representative")) ||
-                            (dataRevision[dataRevision.length - 1].status == "Waiting for Additional Approver" && JSON.parse(localStorage.getItem("dataLogin")).user_name[0] == "Fery Afanto" && JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Compliance Officer") ||
+                            (dataRevision[dataRevision.length - 1].status == "Waiting for Approval - Compliance Officer" && JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Compliance Officer")) ||
+                            (dataRevision[dataRevision.length - 1].status == "Waiting for Approval - Manager Representative" && JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Manager Representative")) ||
+                            (dataRevision[dataRevision.length - 1].status == "Waiting for Additional Approver" && JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Compliance Officer") ||
                             (dataRevision[dataRevision.length - 1].status.includes(JSON.parse(localStorage.getItem('dataLogin')).user_name[0])) && JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Additional Approver"))
                         ) {
                             let datarow2 = [];
@@ -72,7 +72,7 @@ class YourDocument extends Component {
                             this.state.dataApprovalDocument.push(datarow2);
                         }
                     }
-                    if ((dataRevision[dataRevision.length - 1].status.includes("Waiting for Publish") || dataAllDocument[i].doc_status[0] == "Publish") && JSON.parse(localStorage.getItem("dataLogin")).user_name[0] == "Fery Afanto" && JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Compliance Officer")) {
+                    if ((dataRevision[dataRevision.length - 1].status.includes("Waiting for Publish") || dataAllDocument[i].doc_status[0] == "Publish") && JSON.parse(localStorage.getItem('dataLogin')).user_role[0].includes("Compliance Officer")) {
                         let datarow3 = [];
                         let user_name2 = "";
                         for (let j = 0; j < dataUser.length; j++) {