Skip to content

T
Tia-dev
Commit 24f6eb8f authored by Deni Rinaldi's avatar Deni Rinaldi
Browse files
Options

banyak dah

parent 9a7dd62f
Show whitespace changes
Inline Side-by-side
Showing with 80 additions and 71 deletions
src/api/index.js
View file @ 24f6eb8f
...@@ -167,6 +167,7 @@ const create = (type = "") => { ...@@ -167,6 +167,7 @@ const create = (type = "") => {
const saveVisualisasiReport = (body) => api.post('item_report/save_visualization', body) const saveVisualisasiReport = (body) => api.post('item_report/save_visualization', body)
const getReportParent = (body) => api.post('item_report/get_parent_item_report', body) const getReportParent = (body) => api.post('item_report/get_parent_item_report', body)
const deleteReportItems = (id) => api.post(`item_report/delete_item_report/${id}`) const deleteReportItems = (id) => api.post(`item_report/delete_item_report/${id}`)
const getAllSettingByType = (body) => api.post('setting/get_all_setting_by_type', body)
//PARAMETER //PARAMETER
const getAllParameter = () => api.get('/setting/get_all_setting') const getAllParameter = () => api.get('/setting/get_all_setting')
...@@ -331,7 +332,8 @@ const create = (type = "") => { ...@@ -331,7 +332,8 @@ const create = (type = "") => {
getAllOperatingInd, getAllOperatingInd,
getOperatingIndDetail, getOperatingIndDetail,
createOpetaingInd, createOpetaingInd,
uploadMasterBudget uploadMasterBudget,
getAllSettingByType
} }
} }
......
src/container/BudgetTahunan/BalanceSheet.js
View file @ 24f6eb8f
...@@ -2000,7 +2000,7 @@ export default class BalanceSheet extends Component { ...@@ -2000,7 +2000,7 @@ export default class BalanceSheet extends Component {
</div> </div>
</div> </div>
<div style={{ marginTop: 20, width: this.props.width - (this.props.open === true ? 400 : 150), height: this.props.height - 400 }}> <div style={{ marginTop: 20, width: this.props.width - (this.props.open === true ? 400 : 150) }}>
{!this.state.loading && <MuiThemeProvider theme={getMuiTheme()}> {!this.state.loading && <MuiThemeProvider theme={getMuiTheme()}>
<MUIDataTable <MUIDataTable
data={dataTable2} data={dataTable2}
......
src/container/MasterData/Parameter/Parameter.js
View file @ 24f6eb8f
...@@ -2,7 +2,7 @@ import React, { Component } from 'react'; ...@@ -2,7 +2,7 @@ import React, { Component } from 'react';
import { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles'; import { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';
import Images from '../../../assets/Images'; import Images from '../../../assets/Images';
import MUIDataTable from "mui-datatables"; import MUIDataTable from "mui-datatables";
import { InputBase, Snackbar, withStyles, Typography } from "@material-ui/core"; import { InputBase, Snackbar, withStyles, Typography, Tooltip } from "@material-ui/core";
import MuiAlert from '@material-ui/lab/Alert'; import MuiAlert from '@material-ui/lab/Alert';
import CreateParameter from '../Parameter/CreateParameter'; import CreateParameter from '../Parameter/CreateParameter';
import api from '../../../api'; import api from '../../../api';
...@@ -15,6 +15,15 @@ import PopUpDelete from '../../../library/PopUpDelete'; ...@@ -15,6 +15,15 @@ import PopUpDelete from '../../../library/PopUpDelete';
import { css } from "@emotion/core"; import { css } from "@emotion/core";
import PropagateLoader from "react-spinners/PropagateLoader" import PropagateLoader from "react-spinners/PropagateLoader"
const LightTooltip = withStyles((theme) => ({
tooltip: {
backgroundColor: theme.palette.common.white,
color: 'rgba(0, 0, 0, 0.87)',
boxShadow: theme.shadows[1],
fontSize: 11,
},
}))(Tooltip);
var ct = require("../../../library/CustomTable"); var ct = require("../../../library/CustomTable");
const getMuiTheme = () => createMuiTheme(ct.customTable()); const getMuiTheme = () => createMuiTheme(ct.customTable());
const options = ct.customOptions(); const options = ct.customOptions();
...@@ -73,7 +82,7 @@ export default class Parameter extends Component { ...@@ -73,7 +82,7 @@ export default class Parameter extends Component {
} }
getAllParameter() { getAllParameter() {
this.setState({loading: true}) this.setState({ loading: true })
api.create().getAllParameter().then(response => { api.create().getAllParameter().then(response => {
if (response.data) { if (response.data) {
if (response.ok) { if (response.ok) {
...@@ -97,7 +106,7 @@ export default class Parameter extends Component { ...@@ -97,7 +106,7 @@ export default class Parameter extends Component {
}) })
this.setState({ dataTable: listData, data: response.data.data }, () => { this.setState({ dataTable: listData, data: response.data.data }, () => {
setTimeout(() => { setTimeout(() => {
this.setState({loading: false}) this.setState({ loading: false })
}, 2000); }, 2000);
}) })
} else { } else {
...@@ -344,12 +353,11 @@ export default class Parameter extends Component { ...@@ -344,12 +353,11 @@ export default class Parameter extends Component {
return ( return (
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
{tableMeta.rowData[11] != null && check > -1 ? {tableMeta.rowData[11] != null && check > -1 ?
<a data-tip={tableMeta.rowData[11][check].message} data-for="group"> <LightTooltip title={tableMeta.rowData[11][check].message} arrow>
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
</a> : </LightTooltip> :
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
} }
<ReactTooltip border={true} id="group" place="bottom" type="light" effect="solid" />
</div > </div >
); );
} }
...@@ -369,12 +377,11 @@ export default class Parameter extends Component { ...@@ -369,12 +377,11 @@ export default class Parameter extends Component {
return ( return (
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
{tableMeta.rowData[11] != null && check > -1 ? {tableMeta.rowData[11] != null && check > -1 ?
<a data-tip={tableMeta.rowData[11][check].message} data-for="parameter"> <LightTooltip title={tableMeta.rowData[11][check].message} arrow>
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
</a> : </LightTooltip> :
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
} }
<ReactTooltip border={true} id="parameter" place="bottom" type="light" effect="solid" />
</div > </div >
); );
} }
...@@ -394,12 +401,11 @@ export default class Parameter extends Component { ...@@ -394,12 +401,11 @@ export default class Parameter extends Component {
return ( return (
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
{tableMeta.rowData[11] != null && check > -1 ? {tableMeta.rowData[11] != null && check > -1 ?
<a data-tip={tableMeta.rowData[11][check].message} data-for="company"> <LightTooltip title={tableMeta.rowData[11][check].message} arrow>
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
</a> : </LightTooltip> :
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
} }
<ReactTooltip border={true} id="company" place="bottom" type="light" effect="solid" />
</div > </div >
); );
} }
...@@ -419,12 +425,11 @@ export default class Parameter extends Component { ...@@ -419,12 +425,11 @@ export default class Parameter extends Component {
return ( return (
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
{tableMeta.rowData[11] != null && check > -1 ? {tableMeta.rowData[11] != null && check > -1 ?
<a data-tip={tableMeta.rowData[11][check].message} data-for="description"> <LightTooltip title={tableMeta.rowData[11][check].message} arrow>
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
</a> : </LightTooltip> :
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val}</span>
} }
<ReactTooltip border={true} id="description" place="bottom" type="light" effect="solid" />
</div > </div >
); );
} }
...@@ -444,12 +449,11 @@ export default class Parameter extends Component { ...@@ -444,12 +449,11 @@ export default class Parameter extends Component {
return ( return (
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
{tableMeta.rowData[11] != null && check > -1 ? {tableMeta.rowData[11] != null && check > -1 ?
<a data-tip={tableMeta.rowData[11][check].message} data-for="order"> <LightTooltip title={tableMeta.rowData[11][check].message} arrow>
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
</a> : </LightTooltip> :
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val}</span>
} }
<ReactTooltip border={true} id="order" place="bottom" type="light" effect="solid" />
</div > </div >
); );
} }
...@@ -469,12 +473,11 @@ export default class Parameter extends Component { ...@@ -469,12 +473,11 @@ export default class Parameter extends Component {
return ( return (
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
{tableMeta.rowData[11] != null && check > -1 ? {tableMeta.rowData[11] != null && check > -1 ?
<a data-tip={tableMeta.rowData[11][check].message} data-for="value"> <LightTooltip title={tableMeta.rowData[11][check].message} arrow>
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
</a> : </LightTooltip> :
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val}</span>
} }
<ReactTooltip border={true} id="value" place="bottom" type="light" effect="solid" />
</div > </div >
); );
} }
...@@ -494,12 +497,11 @@ export default class Parameter extends Component { ...@@ -494,12 +497,11 @@ export default class Parameter extends Component {
return ( return (
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
{tableMeta.rowData[11] != null && check > -1 ? {tableMeta.rowData[11] != null && check > -1 ?
<a data-tip={tableMeta.rowData[11][check].message} data-for="min_value"> <LightTooltip title={tableMeta.rowData[11][check].message} arrow>
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
</a> : </LightTooltip> :
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val}</span>
} }
<ReactTooltip border={true} id="min_value" place="bottom" type="light" effect="solid" />
</div > </div >
); );
} }
...@@ -519,12 +521,11 @@ export default class Parameter extends Component { ...@@ -519,12 +521,11 @@ export default class Parameter extends Component {
return ( return (
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
{tableMeta.rowData[11] != null && check > -1 ? {tableMeta.rowData[11] != null && check > -1 ?
<a data-tip={tableMeta.rowData[11][check].message} data-for="max_value"> <LightTooltip title={tableMeta.rowData[11][check].message} arrow>
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
</a> : </LightTooltip> :
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
} }
<ReactTooltip border={true} id="max_value" place="bottom" type="light" effect="solid" />
</div > </div >
); );
} }
...@@ -544,12 +545,11 @@ export default class Parameter extends Component { ...@@ -544,12 +545,11 @@ export default class Parameter extends Component {
return ( return (
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
{tableMeta.rowData[11] != null && check > -1 ? {tableMeta.rowData[11] != null && check > -1 ?
<a data-tip={tableMeta.rowData[11][check].message} data-for="start_date"> <LightTooltip title={tableMeta.rowData[11][check].message} arrow>
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
</a> : </LightTooltip> :
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
} }
<ReactTooltip border={true} id="start_date" place="bottom" type="light" effect="solid" />
</div > </div >
); );
} }
...@@ -569,12 +569,11 @@ export default class Parameter extends Component { ...@@ -569,12 +569,11 @@ export default class Parameter extends Component {
return ( return (
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
{tableMeta.rowData[11] != null && check > -1 ? {tableMeta.rowData[11] != null && check > -1 ?
<a data-tip={tableMeta.rowData[11][check].message} data-for="enddate"> <LightTooltip title={tableMeta.rowData[11][check].message} arrow>
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
</a> : </LightTooltip> :
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
} }
<ReactTooltip border={true} id="enddate" place="bottom" type="light" effect="solid" />
</div > </div >
); );
} }
...@@ -854,7 +853,7 @@ export default class Parameter extends Component { ...@@ -854,7 +853,7 @@ export default class Parameter extends Component {
["", "-", "-", "-", "-", "-"] ["", "-", "-", "-", "-", "-"]
] ]
const loadingComponent = ( const loadingComponent = (
<div style={{position: 'absolute', zIndex: 110, top: 0, left: 0, width: '100%', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center', background: 'rgba(255,255,255,0.8)'}}> <div style={{ position: 'absolute', zIndex: 110, top: 0, left: 0, width: '100%', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center', background: 'rgba(255,255,255,0.8)' }}>
<PropagateLoader <PropagateLoader
// css={override} // css={override}
size={20} size={20}
......
src/container/MasterData/UnitBisnis.js
View file @ 24f6eb8f
...@@ -8,7 +8,7 @@ import MUIDataTable from "mui-datatables"; ...@@ -8,7 +8,7 @@ import MUIDataTable from "mui-datatables";
import CreateUnitBisnis from "./formUnitBisnis/CreateUnitBisnis"; import CreateUnitBisnis from "./formUnitBisnis/CreateUnitBisnis";
import ReactTooltip from 'react-tooltip'; import ReactTooltip from 'react-tooltip';
import MuiAlert from '@material-ui/lab/Alert'; import MuiAlert from '@material-ui/lab/Alert';
import { TextField, InputBase, Snackbar, withStyles, LinearProgress } from "@material-ui/core"; import { TextField, InputBase, Snackbar, withStyles, LinearProgress, Tooltip } from "@material-ui/core";
import { ExcelRenderer } from 'react-excel-renderer'; import { ExcelRenderer } from 'react-excel-renderer';
import api from "../../api"; import api from "../../api";
import { isThisSecond } from "date-fns"; import { isThisSecond } from "date-fns";
...@@ -18,6 +18,15 @@ import Constant from "../../library/Constant"; ...@@ -18,6 +18,15 @@ import Constant from "../../library/Constant";
import { css } from "@emotion/core"; import { css } from "@emotion/core";
import PropagateLoader from "react-spinners/PropagateLoader" import PropagateLoader from "react-spinners/PropagateLoader"
const LightTooltip = withStyles((theme) => ({
tooltip: {
backgroundColor: theme.palette.common.white,
color: 'rgba(0, 0, 0, 0.87)',
boxShadow: theme.shadows[1],
fontSize: 11,
},
}))(Tooltip);
var ct = require("../../library/CustomTable"); var ct = require("../../library/CustomTable");
const getMuiTheme = () => createMuiTheme(ct.customTable()); const getMuiTheme = () => createMuiTheme(ct.customTable());
const options = ct.customOptions(); const options = ct.customOptions();
...@@ -118,12 +127,11 @@ export default class UnitBisnis extends Component { ...@@ -118,12 +127,11 @@ export default class UnitBisnis extends Component {
return ( return (
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
{tableMeta.rowData[3] != null && check > -1 ? {tableMeta.rowData[3] != null && check > -1 ?
<a data-tip={tableMeta.rowData[3][check].message} data-for="unitbisnis"> <LightTooltip title={tableMeta.rowData[3][check].message} arrow>
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
</a> : </LightTooltip> :
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
} }
<ReactTooltip border={true} id="unitbisnis" place="bottom" type="light" effect="solid" />
</div > </div >
); );
} }
...@@ -143,12 +151,11 @@ export default class UnitBisnis extends Component { ...@@ -143,12 +151,11 @@ export default class UnitBisnis extends Component {
return ( return (
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
{tableMeta.rowData[3] != null && check > -1 ? {tableMeta.rowData[3] != null && check > -1 ?
<a data-tip={tableMeta.rowData[3][check].message} data-for="startdate"> <LightTooltip title={tableMeta.rowData[3][check].message} arrow>
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
</a> : </LightTooltip> :
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
} }
<ReactTooltip border={true} id="startdate" place="bottom" type="light" effect="solid" />
</div > </div >
); );
} }
...@@ -168,12 +175,11 @@ export default class UnitBisnis extends Component { ...@@ -168,12 +175,11 @@ export default class UnitBisnis extends Component {
return ( return (
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
{tableMeta.rowData[3] != null && check > -1 ? {tableMeta.rowData[3] != null && check > -1 ?
<a data-tip={tableMeta.rowData[3][check].message} data-for="enddate"> <LightTooltip title={tableMeta.rowData[3][check].message} arrow>
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
</a> : </LightTooltip> :
<span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span> <span style={{ color: check != null && check > -1 ? "red" : 'black' }}>{val === "" ? "Empty" : val}</span>
} }
<ReactTooltip border={true} id="enddate" place="bottom" type="light" effect="solid" />
</div > </div >
); );
} }
......
src/library/CustomTable.js
View file @ 24f6eb8f
...@@ -138,7 +138,7 @@ exports.customTable = function () { ...@@ -138,7 +138,7 @@ exports.customTable = function () {
color: "#555", color: "#555",
padding: "10px 20px", padding: "10px 20px",
height: "auto" height: "auto"
, ,
marginTop: "10px" marginTop: "10px"
}, },
}, },
...@@ -362,6 +362,8 @@ exports.customTable3 = function () { ...@@ -362,6 +362,8 @@ exports.customTable3 = function () {
overflow: "hidden", overflow: "hidden",
}, },
}, },
responsiveScrollMaxHeight: {
},
MuiToolbar: { MuiToolbar: {
root: { root: {
left: { left: {
...@@ -486,7 +488,7 @@ exports.customOptions = function () { ...@@ -486,7 +488,7 @@ exports.customOptions = function () {
selectableRows: 'none', selectableRows: 'none',
filterType: 'multiselect', filterType: 'multiselect',
responsive: 'scroll', responsive: 'scroll',
viewColumns:true, viewColumns: true,
rowsPerPage: 5, rowsPerPage: 5,
rowsPerPageOptions: [5, 10, 20, 50], rowsPerPageOptions: [5, 10, 20, 50],
print: false, print: false,
...@@ -519,12 +521,12 @@ exports.customOptionsFixedColumn = function () { ...@@ -519,12 +521,12 @@ exports.customOptionsFixedColumn = function () {
filter: false, filter: false,
sort: false, sort: false,
responsive: 'scrollMaxHeight', responsive: 'scrollMaxHeight',
viewColumns:false, viewColumns: false,
overflowX: 'auto', // overflowX: 'auto',
print: false, print: false,
download: false, download: false,
elevation: 5, elevation: 5,
search:false, search: false,
pagination: false pagination: false
} }
} }
...@@ -535,7 +537,7 @@ exports.customOptionsManagementDocument = function () { ...@@ -535,7 +537,7 @@ exports.customOptionsManagementDocument = function () {
selectableRows: 'none', selectableRows: 'none',
filterType: 'multiselect', filterType: 'multiselect',
responsive: 'scroll', responsive: 'scroll',
viewColumns:true, viewColumns: true,
rowsPerPage: 10, rowsPerPage: 10,
rowsPerPageOptions: [10, 20, 30, 50], rowsPerPageOptions: [10, 20, 30, 50],
print: false, print: false,
......
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