-
Foto Selfie :
-
)
}
return (
- Lihat Selfie Presensi | Nama Human Resource {hrName}
+ {t('imageCheck')} | {t('nameHR')} {hrName}
{dataReady ? renderModalBody() : null}
-
+
)
diff --git a/src/views/SimproV2/Presence/index.js b/src/views/SimproV2/Presence/index.js
index e368342..c6833bf 100644
--- a/src/views/SimproV2/Presence/index.js
+++ b/src/views/SimproV2/Presence/index.js
@@ -8,6 +8,7 @@ import { Pagination, Tooltip, Table, DatePicker } from 'antd';
import moment from 'moment';
import { PRESENCE_SEARCH, IMAGE_GET_BY_ID } from '../../../const/ApiConst.js';
import DialogFoto from './DialogFoto';
+import { useTranslation } from 'react-i18next';
const { RangePicker } = DatePicker;
const token = window.localStorage.getItem('token');
@@ -24,6 +25,7 @@ const Index = ({ params }) => {
const [currentDay, setCurrentDay] = useState("today")
const [dataImage, setDataImage] = useState(null)
const [openImage, setOpenImage] = useState(false)
+ const { t } = useTranslation()
const pageName = params.name;
const config = {
@@ -230,26 +232,20 @@ const Index = ({ params }) => {
dataIndex: '',
key: 'x',
render: (text, record) => <>
- {/*
- handleDelete(text.id)}>
-
-
- handleEdit(text)}>
- */}
-
+
handleImage(text.id, text.join_first_name)}>
,
},
- { title: 'NIK/ID Card', dataIndex: 'join_first_ktp_number', key: 'join_first_ktp_number' },
- { title: 'Nama HR', dataIndex: 'join_first_name', key: 'join_first_name' },
- { title: 'Waktu Masuk', dataIndex: 'clock_in', key: 'clock_in', render: (text, record) => ({text ? moment(text).format("D-M-YYYY HH:mm:ss") : "-"}
) },
- { title: 'Waktu Keluar', dataIndex: 'clock_out', key: 'clock_out', render: (text, record) => ({text ? moment(text).format("D-M-YYYY HH:mm:ss") : "-"}
) },
- { title: 'Durasi Kerja', render: (text, record) => ({renderDurasiKerja(record.clock_in, record.clock_out)}
) },
- { title: 'Lokasi Masuk', dataIndex: 'clock_in_loc', key: 'clock_in_loc', render: (text, record) => <>{text && text !== '' ? text : '-'} },
- { title: 'Lokasi Pulang', dataIndex: 'clock_out_loc', key: 'clock_out_loc', render: (text, record) => <>{text && text !== '' ? text : '-'} },
- { title: 'Area Kerja In', dataIndex: 'clock_out_loc', key: 'clock_out_loc', render: (text, record) => ({record.clock_in_boundary ? : }
) },
- { title: 'Area Kerja Out', dataIndex: 'clock_out_loc', key: 'clock_out_loc', render: (text, record) => ({record.clock_out_boundary == null ? : record.clock_out_boundary ? : }
) },
+ { title: t('nik'), dataIndex: 'join_first_ktp_number', key: 'join_first_ktp_number' },
+ { title: t('nameHR'), dataIndex: 'join_first_name', key: 'join_first_name' },
+ { title: t('presenceIn'), dataIndex: 'clock_in', key: 'clock_in', render: (text, record) => ({text ? moment(text).format("D-M-YYYY HH:mm:ss") : "-"}
) },
+ { title: t('presenceOut'), dataIndex: 'clock_out', key: 'clock_out', render: (text, record) => ({text ? moment(text).format("D-M-YYYY HH:mm:ss") : "-"}
) },
+ { title: t('workDuration'), render: (text, record) => ({renderDurasiKerja(record.clock_in, record.clock_out)}
) },
+ { title: t('locIn'), dataIndex: 'clock_in_loc', key: 'clock_in_loc', render: (text, record) => <>{text && text !== '' ? text : '-'} },
+ { title: t('locOut'), dataIndex: 'clock_out_loc', key: 'clock_out_loc', render: (text, record) => <>{text && text !== '' ? text : '-'} },
+ { title: t('workAreaIn'), dataIndex: 'clock_out_loc', key: 'clock_out_loc', render: (text, record) => ({record.clock_in_boundary ? : }
) },
+ { title: t('workAreaOut'), dataIndex: 'clock_out_loc', key: 'clock_out_loc', render: (text, record) => ({record.clock_out_boundary == null ? : record.clock_out_boundary ? : }
) },
];
return (
{
{pageName}
-
+
@@ -314,17 +310,17 @@ const Index = ({ params }) => {
-
+
{renderTable}
{
- const [id, setId] = useState(0)
+const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdit }) => {
+ const [id, setId] = useState(0)
const [projectType, setProjectType] = useState('')
const [uom, setUom] = useState('')
const [description, setDescription] = useState('')
const [unitPrice, setUnitPrice] = useState()
+ const { t } = useTranslation();
-
- useEffect(()=> {
- if(typeDialog==="Edit"){
+ useEffect(() => {
+ if (typeDialog === "Edit") {
console.log("cel data Edit", dataEdit)
setId(dataEdit.id)
setDescription(dataEdit.description)
setUnitPrice(dataEdit.unit_price)
setUom(dataEdit.uom)
setProjectType(dataEdit.name)
-
- }else{
+
+ } else {
setId(0)
}
- },[dataEdit,openDialog])
+ }, [dataEdit, openDialog])
const handleSave = () => {
- let data = '';
- if(typeDialog==="Save"){
- data = {
- name: projectType,
- description
- }
-
- closeDialog('save', data);
- }else{
- data = {
- id,
- name: projectType,
- description
- }
- closeDialog('edit', data);
+ let data = '';
+ if (typeDialog === "Save") {
+ data = {
+ name: projectType,
+ description
}
- setId(0)
- setDescription('')
-
+
+ closeDialog('save', data);
+ } else {
+ data = {
+ id,
+ name: projectType,
+ description
+ }
+ closeDialog('edit', data);
+ }
+ setId(0)
+ setDescription('')
+
}
const handleCancel = () => {
closeDialog('cancel', 'none')
setId(0)
-
+
setDescription('')
-
+
}
@@ -69,41 +70,41 @@ const DialogForm = ({openDialog, closeDialog, toggleDialog, typeDialog, dataEdit
const renderForm = () => {
- return(
+ return (
)
}
-
+
return (
<>
-
- {typeDialog=="Save" ? `Add` : "Edit"} Resource
-
+
+ {typeDialog == "Save" ? `Add` : "Edit"} Resource
+
{renderForm()}
-
-
- {' '}
-
-
-
-
- {/*
+
+ {' '}
+
+
+
+
+ {/* toggleMapDialog}
@@ -115,7 +116,7 @@ const DialogForm = ({openDialog, closeDialog, toggleDialog, typeDialog, dataEdit
/> */}
)
-
+
}
export default DialogForm;
\ No newline at end of file
diff --git a/src/views/SimproV2/ProjectType/DialogInitialGantt.js b/src/views/SimproV2/ProjectType/DialogInitialGantt.js
index c429e23..38a4df4 100644
--- a/src/views/SimproV2/ProjectType/DialogInitialGantt.js
+++ b/src/views/SimproV2/ProjectType/DialogInitialGantt.js
@@ -8,6 +8,7 @@ import SweetAlert from 'react-bootstrap-sweetalert';
import { TEMPLATE_GANTT_ADD, TEMPLATE_GANTT_DELETE, TEMPLATE_GANTT_EDIT, TEMPLATE_GANTT_TREE } from '../../../const/ApiConst';
import axios from "../../../const/interceptorApi"
import DialogForm from './DialogFormInitial';
+import { useTranslation } from 'react-i18next';
const DialogInitialGantt = ({ openDialog, closeDialog, toggleDialog, idTypeProject }) => {
const token = window.localStorage.getItem('token');
@@ -26,7 +27,7 @@ const DialogInitialGantt = ({ openDialog, closeDialog, toggleDialog, idTypeProje
const [openDialogForm, setOpenDialogForm] = useState(false)
const [typeDialog, setTypeDialog] = useState("add")
const [dataEdit, setDataEdit] = useState([])
-
+ const { t } = useTranslation();
useEffect(() => {
if (idTypeProject && idTypeProject > 0) {
getDataInitial();
@@ -149,12 +150,12 @@ const DialogInitialGantt = ({ openDialog, closeDialog, toggleDialog, idTypeProje
className: "nowrap",
render: (text, record) =>
<>
-
-
- {" "}
-
- {" "}
-
+
+
+ {" "}
+
+ {" "}
+
,
@@ -181,12 +182,12 @@ const DialogInitialGantt = ({ openDialog, closeDialog, toggleDialog, idTypeProje
showCancel
confirmBtnText="Delete"
confirmBtnBsStyle="danger"
- title={`Are you sure?`}
+ title={t('deleteConfirm')}
onConfirm={onConfirmDelete}
onCancel={cancelDelete}
focusCancelBtn
>
- Delete this data
+ {t('deleteMsg')}
{/* Initial Gantt */}
- Template Gantt
+ Template Gantt
+
+
+
{renderTable}
-
+
diff --git a/src/views/SimproV2/ProjectType/index.js b/src/views/SimproV2/ProjectType/index.js
index b703b17..563c5da 100644
--- a/src/views/SimproV2/ProjectType/index.js
+++ b/src/views/SimproV2/ProjectType/index.js
@@ -10,7 +10,8 @@ import { DownloadOutlined } from '@ant-design/icons';
import { NotificationContainer, NotificationManager } from 'react-notifications';
import { PROJECT_TYPE_ADD, PROJECT_TYPE_EDIT, PROJECT_TYPE_DELETE, PROJECT_TYPE_SEARCH } from '../../../const/ApiConst';
import { Pagination, Button, Tooltip, Table } from 'antd';
-
+import { useTranslation } from 'react-i18next';
+import { handleChangeLng } from '../../../utils/LangUtils';
const url = "";
const proyek_id = localStorage.getItem('proyek_id');
const role_id = localStorage.getItem('role_id');
@@ -54,7 +55,7 @@ const ProjectType = ({ params }) => {
const [search, setSearch] = useState('')
const [totalPage, setTotalPage] = useState(0)
const [typeDialog, setTypeDialog] = useState('Save')
-
+ const { t } = useTranslation();
useEffect(() => {
getDataProjectType()
}, [currentPage, rowsPerPage, search])
@@ -286,7 +287,7 @@ const ProjectType = ({ params }) => {
if (dataTable.length === 0) {
return (
- | Tidak ada data project type |
+ {t('noData')} |
)
}
@@ -295,15 +296,15 @@ const ProjectType = ({ params }) => {
const renderTable = useMemo(() => {
const columns = [
{
- title: 'Action',
+ title: t('action'),
dataIndex: '',
key: 'x',
className: 'nowrap',
render: (text, record) => <>
-
+
handleDelete(text.id)}>
-
+
handleEdit(text)}>
{" "}
@@ -311,8 +312,8 @@ const ProjectType = ({ params }) => {
,
},
- { title: 'Nama Role', dataIndex: 'name', key: 'name', className: "nowrap" },
- { title: 'Description', dataIndex: 'description', key: 'description' },
+ { title: t('nameProjectType'), dataIndex: 'name', key: 'name', className: "nowrap" },
+ { title: t('description'), dataIndex: 'description', key: 'description' },
];
return (
{
showCancel
confirmBtnText="Delete"
confirmBtnBsStyle="danger"
- title={`Are you sure?`}
+ title={t('deleteConfirm')}
onConfirm={onConfirmDelete}
onCancel={() => cancelDelete()}
focusCancelBtn
>
- Delete this data
+ {t('deleteMsg')}
{
{pageName}
-
+
+
+
+
+
-
+
-
+
@@ -387,7 +392,7 @@ const ProjectType = ({ params }) => {
/>
-
+
)
}
diff --git a/src/views/SimproV2/Satuan/DialogForm.js b/src/views/SimproV2/Satuan/DialogForm.js
index 7acb313..4ab7a35 100644
--- a/src/views/SimproV2/Satuan/DialogForm.js
+++ b/src/views/SimproV2/Satuan/DialogForm.js
@@ -4,13 +4,14 @@ import {
Button, Form, FormGroup, Label, Input, Col, Row
} from 'reactstrap';
import 'antd/dist/antd.css';
+import { useTranslation } from 'react-i18next';
const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdit }) => {
const [id, setId] = useState(0)
const [name, setName] = useState('')
const [description, setDescription] = useState('')
-
+ const { t } = useTranslation()
useEffect(() => {
@@ -60,14 +61,14 @@ const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdi
-
- setName(e.target.value)} placeholder={`Input name...`} />
+
+ setName(e.target.value)} placeholder={t('inputName')} />
- setDescription(e.target.value)} placeholder={`Description ...`} />
+ setDescription(e.target.value)} placeholder={t('inputDescription')} />
@@ -79,13 +80,13 @@ const DialogForm = ({ openDialog, closeDialog, toggleDialog, typeDialog, dataEdi
return (
<>
- {typeDialog == "Save" ? `Add` : "Edit"} Resource
+ {typeDialog == "Save" ? `Add` : "Edit"} {'uom'}
{renderForm()}
{' '}
-
+
diff --git a/src/views/SimproV2/Satuan/index.js b/src/views/SimproV2/Satuan/index.js
index b9cdff6..5210c75 100644
--- a/src/views/SimproV2/Satuan/index.js
+++ b/src/views/SimproV2/Satuan/index.js
@@ -7,6 +7,7 @@ import { Card, CardBody, CardHeader, Col, Row, Input, Table } from 'reactstrap';
import { NotificationContainer, NotificationManager } from 'react-notifications';
import { Pagination, Button, Tooltip } from 'antd';
import { SATUAN_ADD, SATUAN_EDIT, SATUAN_DELETE, SATUAN_SEARCH } from '../../../const/ApiConst';
+import { useTranslation } from 'react-i18next';
const token = window.localStorage.getItem('token');
const config = {
@@ -17,11 +18,6 @@ const config = {
}
};
-const column = [
- { name: "Nama" },
- { name: "Deskripsi" },
-]
-
const Satuan = ({ params }) => {
const token = localStorage.getItem("token")
const HEADER = {
@@ -45,7 +41,7 @@ const Satuan = ({ params }) => {
const [search, setSearch] = useState('')
const [totalPage, setTotalPage] = useState(0)
const [typeDialog, setTypeDialog] = useState('Save')
-
+ const { t } = useTranslation()
useEffect(() => {
getDataSatuan()
}, [currentPage, rowsPerPage, search])
@@ -57,6 +53,10 @@ const Satuan = ({ params }) => {
}
}, [dataExport])
+ const column = [
+ { name: t('name') },
+ { name: t('description') },
+ ]
const getDataSatuan = async () => {
let start = 0;
@@ -243,7 +243,7 @@ const Satuan = ({ params }) => {
if (dataTable.length === 0) {
return (
- | Tidak ada data project type |
+ {t('noData')} |
)
}
@@ -258,12 +258,12 @@ const Satuan = ({ params }) => {
showCancel
confirmBtnText="Delete"
confirmBtnBsStyle="danger"
- title={`Are you sure?`}
+ title={t('deleteConfirm')}
onConfirm={onConfirmDelete}
onCancel={() => cancelDelete()}
focusCancelBtn
>
- Delete this data
+ {t('deleteMsg')}
{
{pageName}
-
+
-
+
-
+
@@ -295,7 +295,7 @@ const Satuan = ({ params }) => {
- | Aksi |
+ {t('action')} |
{column.map((i, index) => {
return (
{i.name} |
@@ -310,11 +310,11 @@ const Satuan = ({ params }) => {
|
-
+
handleDelete(n.id)}>
-
+
handleEdit(n)}>
|