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

perubahan api

pull/2/head
wahyuun 1 year ago
parent
f213dbe05b
commit
3f4f5ee201
4 changed files with 2379 additions and 1466 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. 7
      .env
  2. 1147
      src/const/ApiConst.js
  3. 2464
      src/views/Dashboard/DashboardProject.js
  4. 227
      src/views/SimproV2/Gantt/index.js

7
.env
Unescape View File

@ -1,3 +1,4 @@
PORT=3000
CHOKIDAR_USEPOLLING=true
GENERATE_SOURCEMAP=false
PORT=3000
CHOKIDAR_USEPOLLING=true
GENERATE_SOURCEMAP=false
SKIP_PREFLIGHT_CHECK=true

1147
src/const/ApiConst.js
View File

File diff suppressed because it is too large Load Diff

2464
src/views/Dashboard/DashboardProject.js
View File

File diff suppressed because it is too large Load Diff

227
src/views/SimproV2/Gantt/index.js
Unescape View File

@ -1,108 +1,119 @@
import React, { useEffect, useMemo, useState } from 'react';
import Timeline from 'react-calendar-timeline'
import 'react-calendar-timeline/lib/Timeline.css'
import { USER_VERSION_GANTT_SEARCH, BASE_SIMPRO_LUMEN, BASE_URL_GANTT } from '../../../const/ApiConst';
import axios from "../../../const/interceptorApi"
import { Fab, Action } from 'react-tiny-fab';
import 'react-tiny-fab/dist/styles.css';
import { useHistory } from "react-router-dom";
const token = localStorage.getItem("token")
const userId = parseInt(localStorage.getItem("user_id"));
const HEADER = {
headers: {
"Content-Type": "application/json",
"Authorization": `Bearer ${token}`
}
}
let roCount = 0;
const Gantt = (props) => {
const versionGanttId = props.match.params ? props.match.params.id : 0;
const idProject = props.match.params.project ? props.match.params.project : 0;
const timestamp = props.match.params.timestamp ? props.match.params.timestamp : 0;
const [ro, setRo] = useState(1)
const [listUserGant, setListUserGantt] = useState([])
const [ready, setReady] = useState(false)
let history = useHistory();
useEffect(() => {
document.getElementsByClassName("breadcrumb-item active").innerHTML = "Gantt Project";
getDataUserGantt();
}, []);
useEffect(() => {
cekPermission();
}, [listUserGant])
useEffect(() => {
}, [ro])
const getDataUserGantt = async () => {
const payload = {
"columns": [
{ "name": "version_gantt_id", "logic_operator": "=", "value": versionGanttId, "operator": "AND" }
]
}
const result = await axios
.post(USER_VERSION_GANTT_SEARCH, payload, HEADER)
.then(res => res)
.catch((error) => error.response);
if (result && result.status == 200) {
setUserGantt(result.data.data);
} else {
cekPermission()
}
}
const setUserGantt = (data) => {
let newTargetKeys = []
data.map((val, index) => {
newTargetKeys.push(val.user_id)
});
setListUserGantt(newTargetKeys)
}
const handleRedirect = () => {
history.push("/dashboard-project/"+idProject+"/"+versionGanttId);
}
const cekPermission = () => {
let check = listUserGant.includes(userId)
if (check) {
setRo(0)
} else {
setRo(1)
}
if (roCount >= 1) {
setReady(true)
}
roCount = roCount + 1;
}
const RenderGantt = () => (
<iframe
id="frame-gantt"
src={`https://adw-gantt.ospro.id/edit-mode/index.html?base_url=${BASE_SIMPRO_LUMEN}&gantt_id=${versionGanttId}&proyek_id=${idProject}&token=${token}&ro=${ro}&timestamp=${timestamp}`}
style={{
width: '100%',
height: '95vh',
}}
scrolling="no"
frameBorder="0"
allow="fullscreen"
></iframe>
)
return (
<>
<div style={{ margin: "-15px", marginBottom: "-30px" }}>
{ready && <RenderGantt />}
</div>
</>
);
}
export default Gantt;
import React, { useEffect, useMemo, useState } from "react";
import Timeline from "react-calendar-timeline";
import "react-calendar-timeline/lib/Timeline.css";
import {
USER_VERSION_GANTT_SEARCH,
BASE_SIMPRO_LUMEN,
BASE_URL_GANTT,
} from "../../../const/ApiConst";
import axios from "../../../const/interceptorApi";
import { Fab, Action } from "react-tiny-fab";
import "react-tiny-fab/dist/styles.css";
import { useHistory } from "react-router-dom";
const token = localStorage.getItem("token");
const userId = parseInt(localStorage.getItem("user_id"));
const HEADER = {
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${token}`,
},
};
let roCount = 0;
const Gantt = (props) => {
const versionGanttId = props.match.params ? props.match.params.id : 0;
const idProject = props.match.params.project ? props.match.params.project : 0;
const timestamp = props.match.params.timestamp
? props.match.params.timestamp
: 0;
const [ro, setRo] = useState(1);
const [listUserGant, setListUserGantt] = useState([]);
const [ready, setReady] = useState(false);
let history = useHistory();
useEffect(() => {
document.getElementsByClassName("breadcrumb-item active").innerHTML =
"Gantt Project";
getDataUserGantt();
}, []);
useEffect(() => {
cekPermission();
}, [listUserGant]);
useEffect(() => {}, [ro]);
const getDataUserGantt = async () => {
const payload = {
columns: [
{
name: "version_gantt_id",
logic_operator: "=",
value: versionGanttId,
operator: "AND",
},
],
};
const result = await axios
.post(USER_VERSION_GANTT_SEARCH, payload, HEADER)
.then((res) => res)
.catch((error) => error.response);
if (result && result.status == 200) {
setUserGantt(result.data.data);
} else {
cekPermission();
}
};
const setUserGantt = (data) => {
let newTargetKeys = [];
data.map((val, index) => {
newTargetKeys.push(val.user_id);
});
setListUserGantt(newTargetKeys);
};
const handleRedirect = () => {
history.push("/dashboard-project/" + idProject + "/" + versionGanttId);
};
const cekPermission = () => {
let check = listUserGant.includes(userId);
if (check) {
setRo(0);
} else {
setRo(1);
}
if (roCount >= 1) {
setReady(true);
}
roCount = roCount + 1;
};
const RenderGantt = () => (
<iframe
id="frame-gantt"
src={`http://localhost:8444/adw-gantt/edit-mode/index.html?base_url=${BASE_SIMPRO_LUMEN}&gantt_id=${versionGanttId}&proyek_id=${idProject}&token=${token}&ro=${ro}&timestamp=${timestamp}`}
style={{
width: "100%",
height: "95vh",
}}
scrolling="no"
frameBorder="0"
allow="fullscreen"
></iframe>
);
return (
<>
<div style={{ margin: "-15px", marginBottom: "-30px" }}>
{ready && <RenderGantt />}
</div>
</>
);
};
export default Gantt;

Write Preview
Loading…
Cancel
Save