',
63 | to: 'akinlekan@gmail.com',
64 | subject: 'Super Admin Details',
65 | text: `Hello, Here are your login details\nEmail: ${payload.email}\nPassword: ${payload.password}`,
66 | };
67 | return mailer.send(data);
68 | };
69 |
70 | module.exports = Object.assign({}, { createSuperAdmin });
71 |
--------------------------------------------------------------------------------
/client/README.md:
--------------------------------------------------------------------------------
1 | This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
2 |
3 | ## Available Scripts
4 |
5 | In the project directory, you can run:
6 |
7 | ### `npm start`
8 |
9 | Runs the app in the development mode.No previously generated payslips
32 | );
33 | }
34 | }
35 |
36 | return (
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
Payroll report
46 |
47 |
48 |
49 | All employee payslips generated for the year {year}
50 |
51 | {AllEmployeeSlipContainer}
52 |
53 |
54 |
55 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
Payroll report
31 |
32 |
33 | Payroll Report for the month of {presentMonth}
34 |
35 |
36 |
40 |
41 |
42 | Payroll Report for the year {year}
43 |
44 |
45 |
49 |
50 |
51 | All Time Payroll Report
52 |
53 |
54 |
58 |
59 |
60 |
61 |
62 |
63 |
There are no data in the system );
49 |
50 | exceptionContainer = exceptions.map(exceptionItem => (
51 |
55 |
56 | Employee name : {exceptionItem.name}
57 |
58 |
59 | Amount : ₦ {" "}
60 | {formatMoney(exceptionItem.amount)}
61 |
62 |
63 |
67 | Delete
68 |
69 |
70 |
71 |
{exceptionContainer}
;
75 | }
76 | }
77 |
78 | ViewException.propTypes = {
79 | exceptions: PropTypes.array.isRequired,
80 | deleteException: PropTypes.func.isRequired
81 | };
82 |
83 | export default connect(
84 | null,
85 | { deleteException }
86 | )(ViewException);
87 |
--------------------------------------------------------------------------------
/client/src/components/level/LevelTab.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | const LevelTab = () => {
4 | return (
5 |
89 | );
90 | };
91 |
92 | export default LevelTab;
93 |
--------------------------------------------------------------------------------
/client/src/components/level/ViewBonusTable.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import PropTypes from "prop-types";
3 | import { connect } from "react-redux";
4 | import { formatMoney } from "../common/Utilities";
5 | import { deleteBonus } from "../../actions/levelActions";
6 | import { toast } from "react-toastify";
7 | import { confirmAlert } from "react-confirm-alert";
8 |
9 | class ViewBonusTable extends Component {
10 | onDelete(levelId, bonusId) {
11 | confirmAlert({
12 | title: "Delete this bonus ?",
13 | message: "Are you sure to do this",
14 | buttons: [
15 | {
16 | label: "Yes delete bonus!",
17 | onClick: () => {
18 | this.props
19 | .deleteBonus(levelId, bonusId)
20 | .then(res => {
21 | if (res.type === "VIEW_LEVELS") {
22 | toast.success("Bonus Deleted!");
23 | }
24 | })
25 | .catch(err => console.log(err));
26 | }
27 | },
28 | {
29 | label: "No cancel delete!",
30 | onClick: () => {}
31 | }
32 | ]
33 | });
34 | }
35 |
36 | render() {
37 | const { levels } = this.props;
38 |
39 | const bonusTableContainer = levels.map(level => (
40 |
44 |
45 | Level Name : {level.name}
46 |
47 |
48 | Level Salary : ₦ {" "}
49 | {formatMoney(level.basic)}
50 |
51 | {level.bonuses.length > 0 ? (
52 |
53 |
Bonus
54 | {level.bonuses.map(bonus => (
55 |
56 |
Bonus name: {bonus.name}
57 |
58 | Amount: ₦ {formatMoney(bonus.amount)}
59 |
60 |
61 |
65 | Delete
66 |
67 |
68 |
69 |
70 | ))}
71 |
72 | ) : null}
73 |
{bonusTableContainer}
;
77 | }
78 | }
79 |
80 | ViewBonusTable.propTypes = {
81 | levels: PropTypes.array.isRequired,
82 | deleteBonus: PropTypes.func.isRequired
83 | };
84 |
85 | export default connect(
86 | null,
87 | { deleteBonus }
88 | )(ViewBonusTable);
89 |
--------------------------------------------------------------------------------
/client/src/components/exception/ExceptionTab.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | const ExceptionTab = () => {
4 | return (
5 |
89 | );
90 | };
91 |
92 | export default ExceptionTab;
93 |
--------------------------------------------------------------------------------
/client/src/components/dashboard/SideBar.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import {Link} from 'react-router-dom';
3 | import PropTypes from 'prop-types';
4 | import {connect} from 'react-redux';
5 | import {logoutUser} from '../../actions/authActions';
6 |
7 | class SideBar extends Component {
8 |
9 | onHandleClick(e){
10 | e.preventDefault();
11 |
12 | this.props.logoutUser();
13 | }
14 |
15 | render() {
16 |
17 | const { auth } = this.props;
18 | return (
19 |
20 |
48 |
49 |
50 |
Documentation
51 |
52 |
53 |
40 |
41 | Level Name : {level.name}
42 |
43 |
44 | Level Salary : ₦ {" "}
45 | {formatMoney(level.basic)}
46 |
47 | {level.deductables.length > 0 ? (
48 |
49 |
Deduction
50 | {level.deductables.map(deductable => (
51 |
52 |
Deduction name: {deductable.name}
53 |
54 | Amount: ₦ {formatMoney(deductable.amount)}
55 |
56 |
57 |
65 | Delete
66 |
67 |
68 |
69 |
70 | ))}
71 |
72 | ) : null}
73 |
{DeductableContainer}
;
77 | }
78 | }
79 |
80 | ViewDeductableTable.propTypes = {
81 | levels: PropTypes.array.isRequired,
82 | deleteDeductable: PropTypes.func.isRequired
83 | };
84 |
85 | export default connect(
86 | null,
87 | { deleteDeductable }
88 | )(ViewDeductableTable);
89 |
--------------------------------------------------------------------------------
/client/src/components/exception/ViewOtherException.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import PropTypes from "prop-types";
3 | import { connect } from "react-redux";
4 | import { deleteOtherException } from "../../actions/exceptionActions";
5 | import { toast } from "react-toastify";
6 | import { confirmAlert } from "react-confirm-alert";
7 |
8 | class ViewOtherException extends Component {
9 | onDelete(id) {
10 | confirmAlert({
11 | title: "Delete this exception ?",
12 | message: "Are you sure to do this",
13 | buttons: [
14 | {
15 | label: "Yes delete exception!",
16 | onClick: () => {
17 | this.props
18 | .deleteOtherException(id)
19 | .then(res => {
20 | if (res.type === "DELETE_OTHER_EXCEPTION") {
21 | toast.success("Exception Deleted!");
22 | }
23 | })
24 | .catch(err => console.log(err));
25 | }
26 | },
27 | {
28 | label: "No cancel delete!",
29 | onClick: () => {}
30 | }
31 | ]
32 | });
33 | }
34 |
35 | render() {
36 | const { otherexception } = this.props;
37 |
38 | const formatMoney = money => {
39 | let formatedValue = money
40 | .toString()
41 | .replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
42 | return formatedValue;
43 | };
44 |
45 | let exceptionContainer;
46 |
47 | if (Object.keys(otherexception).length === 0)
48 | return (exceptionContainer = There's no data in the system );
49 |
50 | exceptionContainer = otherexception.map(exceptionItem => (
51 |
55 |
56 | Exception name : {exceptionItem.name}
57 |
58 |
59 | Employee name : {exceptionItem.employeeName}
60 |
61 |
62 | Exception type :{" "}
63 | {exceptionItem.costType === "income" ? "Income" : "Deduction"}
64 |
65 |
66 | Amount : ₦ {" "}
67 | {formatMoney(exceptionItem.amount)}
68 |
69 |
70 |
74 | Delete
75 |
76 |
77 |
{exceptionContainer}
;
81 | }
82 | }
83 |
84 | ViewOtherException.propTypes = {
85 | otherexception: PropTypes.array.isRequired,
86 | deleteOtherException: PropTypes.func.isRequired
87 | };
88 |
89 | export default connect(
90 | null,
91 | { deleteOtherException }
92 | )(ViewOtherException);
93 |
--------------------------------------------------------------------------------
/client/src/actions/employeeActions.js:
--------------------------------------------------------------------------------
1 | import axios from "axios";
2 | import {
3 | VIEW_EMPLOYEES,
4 | EMPLOYEE_LOADING,
5 | GET_ERRORS,
6 | ADD_EMPLOYEE,
7 | GET_EMPLOYEE,
8 | CLEAR_ERRORS,
9 | DELETE_EMPLOYEE
10 | } from "./types";
11 |
12 | //Post employeee
13 | export const registerEmployee = employeeData => dispatch => {
14 | dispatch(clearErrors());
15 | return axios
16 | .post("/api/employee", employeeData)
17 | .then(res =>
18 | dispatch({
19 | type: ADD_EMPLOYEE,
20 | payload: res.data
21 | })
22 | )
23 | .catch(
24 | err =>
25 | dispatch({
26 | type: GET_ERRORS,
27 | payload: err.response.data
28 | }),
29 | dispatch(() => {
30 | setTimeout(function() {
31 | dispatch(clearErrors());
32 | }, 5000);
33 | })
34 | );
35 | };
36 |
37 | //Get all employees
38 | export const getEmployees = () => dispatch => {
39 | dispatch(setEmployeeLoading());
40 | axios
41 | .get("/api/employee")
42 | .then(res =>
43 | dispatch({
44 | type: VIEW_EMPLOYEES,
45 | payload: res.data
46 | })
47 | )
48 | .catch(err =>
49 | dispatch({
50 | type: GET_ERRORS,
51 | payload: err.response.data
52 | })
53 | );
54 | };
55 |
56 | //Delete employee
57 | export const deleteEmployee = employeeId => dispatch => {
58 | return axios
59 | .post(`/api/employee/${employeeId}`)
60 | .then(res =>
61 | dispatch({
62 | type: DELETE_EMPLOYEE,
63 | payload: employeeId
64 | })
65 | )
66 | .catch(err =>
67 | dispatch({
68 | type: GET_ERRORS,
69 | payload: err.response.data
70 | })
71 | );
72 | };
73 |
74 | //Get single employee
75 | export const getEmployee = employeeId => dispatch => {
76 | dispatch(setEmployeeLoading());
77 | axios
78 | .get(`/api/employee/single/${employeeId}`)
79 | .then(res =>
80 | dispatch({
81 | type: GET_EMPLOYEE,
82 | payload: res.data
83 | })
84 | )
85 | .catch(err =>
86 | dispatch({
87 | type: GET_ERRORS,
88 | payload: err.response.data
89 | })
90 | );
91 | };
92 |
93 | export const editEmployee = (employeeId, employeeData) => dispatch => {
94 | return axios
95 | .put(`/api/employee/${employeeId}`, employeeData)
96 | .then(res =>
97 | dispatch({
98 | type: ADD_EMPLOYEE,
99 | payload: res.data
100 | })
101 | )
102 | .catch(
103 | err =>
104 | dispatch({
105 | type: GET_ERRORS,
106 | payload: err.response.data
107 | }),
108 | dispatch(() => {
109 | setTimeout(function() {
110 | dispatch(clearErrors());
111 | }, 5000);
112 | })
113 | );
114 | };
115 |
116 | //Set loading state
117 | export const setEmployeeLoading = () => {
118 | return {
119 | type: EMPLOYEE_LOADING
120 | };
121 | };
122 |
123 | //Clear errors
124 | const clearErrors = () => {
125 | return {
126 | type: CLEAR_ERRORS
127 | };
128 | };
129 |
--------------------------------------------------------------------------------
/client/src/components/exception/Viewoneofpayment.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import PropTypes from "prop-types";
3 | import { connect } from "react-redux";
4 | import { deleteOneOffPayment } from "../../actions/exceptionActions";
5 | import { toast } from "react-toastify";
6 | import { confirmAlert } from "react-confirm-alert";
7 |
8 | class ViewOtherException extends Component {
9 | onDelete(id) {
10 | confirmAlert({
11 | title: "Delete this oneoff payment ?",
12 | message: "Are you sure to do this",
13 | buttons: [
14 | {
15 | label: "Yes delete!",
16 | onClick: () => {
17 | this.props
18 | .deleteOneOffPayment(id)
19 | .then(res => {
20 | if (res.type === "DELETE_ONE_OFF_PAYMENT") {
21 | toast.success("Oneoff payment exception Deleted!");
22 | }
23 | })
24 | .catch(err => console.log(err));
25 | }
26 | },
27 | {
28 | label: "No cancel delete!",
29 | onClick: () => {}
30 | }
31 | ]
32 | });
33 | }
34 |
35 | render() {
36 | const { oneoffpayment } = this.props;
37 |
38 | const formatMoney = money => {
39 | let formatedValue = money
40 | .toString()
41 | .replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
42 | return formatedValue;
43 | };
44 |
45 | let exceptionContainer;
46 |
47 | if (Object.keys(oneoffpayment).length === 0)
48 | return (exceptionContainer = There are no data in the system );
49 |
50 | exceptionContainer = oneoffpayment.map(oneoffpaymmentItem => (
51 |
55 |
56 | One off payment name : {oneoffpaymmentItem.name}
57 |
58 |
59 | Employee name : {oneoffpaymmentItem.employeeName}
60 |
61 |
62 | Exception type :{" "}
63 | {oneoffpaymmentItem.costType === "income" ? "Income" : "Deduction"}
64 |
65 |
66 | Amount : ₦ {" "}
67 | {formatMoney(oneoffpaymmentItem.amount)}
68 |
69 |
70 | Month of payment : {oneoffpaymmentItem.month}
71 |
72 |
73 |
77 | Delete
78 |
79 |
80 |
{exceptionContainer}
;
84 | }
85 | }
86 |
87 | ViewOtherException.propTypes = {
88 | oneoffpayment: PropTypes.array.isRequired,
89 | deleteOneOffPayment: PropTypes.func.isRequired
90 | };
91 |
92 | export default connect(
93 | null,
94 | { deleteOneOffPayment }
95 | )(ViewOtherException);
96 |
--------------------------------------------------------------------------------
/client/src/components/common/Utilities.js:
--------------------------------------------------------------------------------
1 | export const months = [
2 | { name: "January", value: "January", _id: "January" },
3 | { name: "February", value: "February", _id: "February" },
4 | { name: "March", value: "March", _id: "March" },
5 | { name: "April", value: "April", _id: "April" },
6 | { name: "May", value: "May", _id: "May" },
7 | { name: "June", value: "June", _id: "June" },
8 | { name: "July", value: "July", _id: "July" },
9 | { name: "August", value: "August", _id: "August" },
10 | { name: "September", value: "September", _id: "September" },
11 | { name: "October", value: "October", _id: "October" },
12 | { name: "November", value: "November", _id: "November" },
13 | { name: "December", value: "December", _id: "December" }
14 | ];
15 |
16 | export const banks = [
17 | { name: "Access Bank PLC", value: "Access Bank PLC", _id: "Access Bank PLC" },
18 | { name: "CitiBank Nigeria Ltd", value: "CitiBank Nigeria Ltd", _id: "CitiBank Nigeria Ltd" },
19 | { name: "Diamond Bank Plc", value: "Diamond Bank Plc", _id: "Diamond Bank Plc" },
20 | { name: "EcoBank Nigeria Plc", value: "EcoBank Nigeria Plc", _id: "EcoBank Nigeria Plc" },
21 | { name: "Fidelity Bank Plc", value: "Fidelity Bank Plc", _id: "Fidelity Bank Plc" },
22 | { name: "First Bank Nigeria Ltd", value: "First Bank Nigeria Ltd", _id: "First Bank Nigeria Ltd" },
23 | { name: "First City Monument Bank Plc", value: "First City Monument Bank Plc", _id: "First City Monument Bank Plc" },
24 | { name: "Guarantee Trust Bank Plc", value: "Guarantee Trust Bank Plc", _id: "Guarantee Trust Bank Plc" },
25 | { name: "Heritage Banking Company Ltd", value: "Heritage Banking Company Ltd", _id: "Heritage Banking Company Ltd" },
26 | { name: "Key Stone Bank", value: "Key Stone Bank", _id: "Key Stone Bank" },
27 | { name: "Polaris Bank", value: "Polaris Bank", _id: "Polaris Bank" },
28 | { name: "Providus Bank", value: "Providus Bank", _id: "Providus Bank" },
29 | { name: "Stanbic IBTC Bank Ltd", value: "Stanbic IBTC Bank Ltd", _id: "Stanbic IBTC Bank Ltd" },
30 | { name: "Standard Chartered Bank Nigeria Ltd", value: "Standard Chartered Bank Nigeria Ltd", _id: "Standard Chartered Bank Nigeria Ltd" },
31 | { name: "Sterling Bank Plc", value: "Sterling Bank Plc", _id: "Sterling Bank Plc" },
32 | { name: "SunTrust Bank Nigeria Limited", value: "SunTrust Bank Nigeria Limited", _id: "SunTrust Bank Nigeria Limited" },
33 | { name: "Union Bank of Nigeria Plc", value: "Union Bank of Nigeria Plc", _id: "Union Bank of Nigeria Plc" },
34 | { name: "United Bank For Africa Plc", value: "United Bank For Africa Plc", _id: "United Bank For Africa Plc" },
35 | { name: "Unity Bank Plc", value: "Unity Bank Plc", _id: "Unity Bank Plc" },
36 | { name: "Wema Bank Plc", value: "Wema Bank Plc", _id: "Wema Bank Plc" },
37 | { name: "Zenith Bank Plc", value: "Zenith Bank Plc", _id: "Zenith Bank Plc" }
38 | ]
39 |
40 | export const roles = [
41 | {name: "Administrator", value: 0, _id: 0},
42 | {name: "Super Administrator", value: 1, _id: 1}
43 | ]
44 |
45 | export const formatMoney = money => {
46 | let formatedValue = money
47 | .toString()
48 | .replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
49 | return formatedValue;
50 | };
51 |
--------------------------------------------------------------------------------
/client/src/components/dashboard/Dashboard.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import SearchBar from "./SearchBar";
3 | import SideBar from "./SideBar";
4 | import Footer from "./Footer";
5 | import { connect } from "react-redux";
6 | import PropTypes from "prop-types";
7 | import { getAnalytics, getNet } from "../../actions/dashActions";
8 | import Spinner from "../common/Spinner";
9 | import EmployeeRow from "./EmployeeRow";
10 | import EmployeeCard from "./EmployeeCard";
11 | import LevelCard from "./LevelCard";
12 | import ExceptionCard from "./ExceptionCard";
13 | import DeletedEmployeeCard from "./DeletedEmployeeCard";
14 | import Netpay from "./Netpay";
15 | import OtherPays from "./OtherPays";
16 | import SalaryPay from "./SalaryPay";
17 |
18 | class Dashboard extends Component {
19 | componentDidMount() {
20 | this.props.getAnalytics();
21 | this.props.getNet();
22 | }
23 |
24 | render() {
25 | const { dashboard, net, loading } = this.props.dashboard;
26 |
27 | let dashboardContent;
28 |
29 | if (dashboard === undefined || loading) {
30 | dashboardContent =
35 |
36 |
41 | Monthly Analysis
42 |
43 |
45 | Yearly Analysis
46 |
47 |
58 |
60 | );
61 | } else {
62 | dashboardContent = No employees in system... ;
63 | }
64 | }
65 |
66 | return (
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
Dashboard
76 |
77 | {dashboardContent}
78 |
79 |
80 |
81 |
82 |
100 |
101 |
102 |
103 | *All fields are required
104 |
105 |
106 |
{exceptionFormContainer}
107 |
108 |
No previous employee entries! ;
73 | generateBtn = '';
74 | }
75 | }
76 |
77 | return (
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
Employee monthly salary
87 |
88 | {generateBtn}
89 | {employeeTable}
90 |
91 |
92 |
93 |
94 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
Payroll report
69 |
70 |
71 |
72 | Search generated employee payslips by year
73 |
74 |
107 | {payslipTableContainer}
108 |
109 |
110 |
111 |
38 |
Back
39 |
46 |
47 |
Employees Pension
48 |
49 |
50 |
51 |
52 | Name
53 | Designation
54 | Pension Contribution
55 |
56 |
57 |
58 | {payrolls.payslip.map(payrollItem => (
59 |
60 | {payrollItem.name}
61 | {payrollItem.designation}
62 | ₦ {formatMoney(payrollItem.pension.toFixed(2))}
64 | ))}
65 |
66 | Total Sum --- ₦ {formatMoney(payrolls.pensionSum.toFixed(2))}
70 |
71 |
72 |
73 |
Employee monthly payslips haven't been generated!
77 | }
78 | }
79 |
80 | return (
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
Payroll report
90 |
91 | {payrollContainer}
92 |
93 |
94 |
95 |
96 |
72 |
73 |
74 |
75 | *All fields are required
76 |
77 |
78 |
119 |
120 |
2 | manager
3 | manager,officer,worker,admin,organizer,leader,pm,customer service,tie
4 | cc-by
5 | bhsz96
6 |
127 |
128 |
129 |
130 | *All fields are required
131 |
132 |
133 |
{bonusFormContainer}
134 |
135 |
34 |
42 |
48 |
50 |
58 |
64 |
66 |
74 |
80 |
82 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
Employee Level Section
96 |
97 |
98 |
99 |
100 |
101 | From the dropdown navs, you can attach a bonus or a
102 | deductible to a level
103 |
104 |
105 |
106 |
107 |
108 |
109 | {levelContainer}
110 |
111 |
112 |
113 |
114 |
116 |
117 |
118 |
119 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
Reset Password
77 |
78 |
79 | *We will email you a password reset link
80 |
81 |
106 |
107 |
108 | Copyright © Payeroll 2018
109 |
110 |
111 |
112 |
114 |
115 |
125 |
126 |
127 |
128 | *All fields are required
129 |
130 |
131 |
{deductableFormContainer}
132 |
133 |
128 |
129 |
130 |
131 | *All fields are required
132 |
133 |
134 |
{exceptionFormContainer}
135 |
136 |
58 | {employee.name}
59 | {employee.levelName}
60 | {employee.department}
61 | {employee.designation}
62 |
63 |
70 |
71 | ));
72 |
73 | return (
74 |
75 |
76 |
77 |
78 |
View to generate/export individual employee payslip
79 |
80 |
81 |
82 |
83 |
94 |
95 |
104 |
105 |
106 |
107 |
108 |
109 | Name
110 | Level
111 | Department
112 | Designation
113 | Action
114 |
115 |
116 | {employeeDetails}
117 |
118 |
119 | {employees.length < paginateVisibility ? '' : (
)}
120 |
121 |
122 |
123 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
Login
76 |
77 |
113 |
114 |
115 | Don't have an account?{" "}
116 |
118 |
119 |
120 |
121 | Copyright © Payeroll 2018
122 |
123 |
124 |
125 |
127 |
128 |
140 |
141 |
142 |
143 | *All fields are required
144 |
145 |
146 |
147 |
*Added one off payments are automatically disabled in the system after a year
148 | {exceptionFormContainer}
149 |
150 |
151 |
',trigger:'hover focus',offset:0},g=function(){function g(a,b){c(this,g),h.call(this),b=e({},f,b),a.jquery&&(a=a[0]),this.reference=a,this.options=b;var d='string'==typeof b.trigger?b.trigger.split(' ').filter(function(a){return-1!==['click','hover','focus'].indexOf(a)}):[];this._isOpen=!1,this._popperOptions={},this._setEventListeners(a,d,b)}return d(g,[{key:'_create',value:function(a,c,d,e){var f=window.document.createElement('div');f.innerHTML=c.trim();var g=f.childNodes[0];g.id='tooltip_'+Math.random().toString(36).substr(2,10),g.setAttribute('aria-hidden','false');var h=f.querySelector(this.innerSelector);if(1===d.nodeType||11===d.nodeType)e&&h.appendChild(d);else if(b(d)){var i=d.call(a);e?h.innerHTML=i:h.innerText=i}else e?h.innerHTML=d:h.innerText=d;return g}},{key:'_show',value:function(b,c){if(this._isOpen&&!this._isOpening)return this;if(this._isOpen=!0,this._tooltipNode)return this._tooltipNode.style.display='',this._tooltipNode.setAttribute('aria-hidden','false'),this.popperInstance.update(),this;var d=b.getAttribute('title')||c.title;if(!d)return this;var f=this._create(b,c.template,d,c.html);b.setAttribute('aria-describedby',f.id);var g=this._findContainer(c.container,b);return this._append(f,g),this._popperOptions=e({},c.popperOptions,{placement:c.placement}),this._popperOptions.modifiers=e({},this._popperOptions.modifiers,{arrow:{element:this.arrowSelector},offset:{offset:c.offset}}),c.boundariesElement&&(this._popperOptions.modifiers.preventOverflow={boundariesElement:c.boundariesElement}),this.popperInstance=new a(b,f,this._popperOptions),this._tooltipNode=f,this}},{key:'_hide',value:function(){return this._isOpen?(this._isOpen=!1,this._tooltipNode.style.display='none',this._tooltipNode.setAttribute('aria-hidden','true'),this):this}},{key:'_dispose',value:function(){var a=this;return this._events.forEach(function(b){var c=b.func,d=b.event;a.reference.removeEventListener(d,c)}),this._events=[],this._tooltipNode&&(this._hide(),this.popperInstance.destroy(),!this.popperInstance.options.removeOnDestroy&&(this._tooltipNode.parentNode.removeChild(this._tooltipNode),this._tooltipNode=null)),this}},{key:'_findContainer',value:function(a,b){return'string'==typeof a?a=window.document.querySelector(a):!1===a&&(a=b.parentNode),a}},{key:'_append',value:function(a,b){b.appendChild(a)}},{key:'_setEventListeners',value:function(a,b,c){var d=this,e=[],f=[];b.forEach(function(a){'hover'===a?(e.push('mouseenter'),f.push('mouseleave')):'focus'===a?(e.push('focus'),f.push('blur')):'click'===a?(e.push('click'),f.push('click')):void 0}),e.forEach(function(b){var e=function(b){!0===d._isOpening||(b.usedByTooltip=!0,d._scheduleShow(a,c.delay,c,b))};d._events.push({event:b,func:e}),a.addEventListener(b,e)}),f.forEach(function(b){var e=function(b){!0===b.usedByTooltip||d._scheduleHide(a,c.delay,c,b)};d._events.push({event:b,func:e}),a.addEventListener(b,e)})}},{key:'_scheduleShow',value:function(a,b,c){var d=this;this._isOpening=!0;var e=b&&b.show||b||0;this._showTimeout=window.setTimeout(function(){return d._show(a,c)},e)}},{key:'_scheduleHide',value:function(a,b,c,d){var e=this;this._isOpening=!1;var f=b&&b.hide||b||0;window.setTimeout(function(){if((window.clearTimeout(e._showTimeout),!1!==e._isOpen)&&document.body.contains(e._tooltipNode)){if('mouseleave'===d.type){var f=e._setTooltipNodeEvent(d,a,b,c);if(f)return}e._hide(a,c)}},f)}}]),g}(),h=function(){var a=this;this.show=function(){return a._show(a.reference,a.options)},this.hide=function(){return a._hide()},this.dispose=function(){return a._dispose()},this.toggle=function(){return a._isOpen?a.hide():a.show()},this.arrowSelector='.tooltip-arrow, .tooltip__arrow',this.innerSelector='.tooltip-inner, .tooltip__inner',this._events=[],this._setTooltipNodeEvent=function(b,c,d,e){var f=b.relatedreference||b.toElement||b.relatedTarget;return!!a._tooltipNode.contains(f)&&(a._tooltipNode.addEventListener(b.type,function d(f){var g=f.relatedreference||f.toElement||f.relatedTarget;a._tooltipNode.removeEventListener(b.type,d),c.contains(g)||a._scheduleHide(c,e.delay,e,f)}),!0)}};return g});
5 | //# sourceMappingURL=tooltip.min.js.map
--------------------------------------------------------------------------------
/client/src/actions/levelActions.js:
--------------------------------------------------------------------------------
1 | import axios from "axios";
2 | import {
3 | VIEW_LEVELS,
4 | LEVELS_LOADING,
5 | GET_ERRORS,
6 | DELETE_LEVEL,
7 | CLEAR_ERRORS,
8 | ADD_LEVEL
9 | } from "./types";
10 |
11 | //Get employee levels
12 | export const getLevels = () => dispatch => {
13 | dispatch(setLevelsLoading());
14 | axios
15 | .get("/api/level/all")
16 | .then(res =>
17 | dispatch({
18 | type: VIEW_LEVELS,
19 | payload: res.data
20 | })
21 | )
22 | .catch(err =>
23 | dispatch({
24 | type: GET_ERRORS,
25 | payload: err.response.data
26 | })
27 | );
28 | };
29 |
30 | //Add employee level
31 | export const addLevel = levelDetails => dispatch => {
32 | dispatch(clearErrors());
33 | return axios
34 | .post("/api/level/", levelDetails)
35 | .then(res =>
36 | dispatch({
37 | type: ADD_LEVEL,
38 | payload: res.data
39 | })
40 | )
41 | .catch(
42 | err =>
43 | dispatch({
44 | type: GET_ERRORS,
45 | payload: err.response.data
46 | }),
47 | dispatch(() => {
48 | setTimeout(function() {
49 | dispatch(clearErrors());
50 | }, 5000);
51 | })
52 | );
53 | };
54 |
55 | //Get single employee level
56 | export const getLevel = id => dispatch => {
57 | dispatch(setLevelsLoading());
58 | axios
59 | .get(`/api/level/single/${id}`)
60 | .then(res =>
61 | dispatch({
62 | type: VIEW_LEVELS,
63 | payload: res.data
64 | })
65 | )
66 | .catch(err =>
67 | dispatch({
68 | type: GET_ERRORS,
69 | payload: err.response.data
70 | })
71 | );
72 | };
73 |
74 | //Edit employee level
75 | export const editLevel = levelData => dispatch => {
76 | return axios
77 | .post("/api/level/", levelData)
78 | .then(res =>
79 | dispatch({
80 | type: VIEW_LEVELS,
81 | payload: res.data
82 | })
83 | )
84 | .catch(err =>
85 | dispatch({
86 | type: GET_ERRORS,
87 | payload: err.response.data
88 | })
89 | );
90 | };
91 |
92 | //Delete employee level
93 | export const deleteLevel = id => dispatch => {
94 | return axios
95 | .post(`/api/level/${id}`)
96 | .then(res =>
97 | dispatch({
98 | type: DELETE_LEVEL,
99 | payload: id
100 | })
101 | )
102 | .catch(err =>
103 | dispatch({
104 | type: GET_ERRORS,
105 | payload: err.response.data
106 | })
107 | );
108 | };
109 |
110 | //Add bonus to level
111 | export const addBonus = (bonusDetails, id) => dispatch => {
112 | dispatch(clearErrors());
113 | return axios
114 | .post(`/api/level/bonus/${id}`, bonusDetails)
115 | .then(res =>
116 | dispatch({
117 | type: VIEW_LEVELS,
118 | payload: res.data
119 | })
120 | )
121 | .catch(
122 | err =>
123 | dispatch({
124 | type: GET_ERRORS,
125 | payload: err.response.data
126 | }),
127 | dispatch(() => {
128 | setTimeout(function() {
129 | dispatch(clearErrors());
130 | }, 5000);
131 | })
132 | );
133 | };
134 |
135 | //Delete level bonus
136 | export const deleteBonus = (levelId, bonusId) => dispatch => {
137 | return axios
138 | .delete(`/api/level/bonus/${levelId}/${bonusId}`)
139 | .then(res =>
140 | dispatch({
141 | type: VIEW_LEVELS,
142 | payload: res.data
143 | })
144 | )
145 | .catch(err =>
146 | dispatch({
147 | type: GET_ERRORS,
148 | payload: err.response.data
149 | })
150 | );
151 | };
152 |
153 | //Add deductable to level
154 | export const addDeductable = (deductableDetails, id) => dispatch => {
155 | dispatch(clearErrors());
156 | return axios
157 | .post(`/api/level/deductable/${id}`, deductableDetails)
158 | .then(res =>
159 | dispatch({
160 | type: VIEW_LEVELS,
161 | payload: res.data
162 | })
163 | )
164 | .catch(err =>
165 | dispatch({
166 | type: GET_ERRORS,
167 | payload: err.response.data
168 | }),
169 | dispatch(() => {
170 | setTimeout(function() {
171 | dispatch(clearErrors())
172 | }, 5000);
173 | })
174 | );
175 | };
176 |
177 | //Delete level bonus
178 | export const deleteDeductable = (levelId, deductableId) => dispatch => {
179 | return axios
180 | .delete(`/api/level/deductable/${levelId}/${deductableId}`)
181 | .then(res =>
182 | dispatch({
183 | type: VIEW_LEVELS,
184 | payload: res.data
185 | })
186 | )
187 | .catch(err =>
188 | dispatch({
189 | type: GET_ERRORS,
190 | payload: err.response.data
191 | })
192 | );
193 | };
194 |
195 | //Set loding state
196 | export const setLevelsLoading = () => {
197 | return {
198 | type: LEVELS_LOADING
199 | };
200 | };
201 |
202 | //Clear errors
203 | const clearErrors = () => {
204 | return {
205 | type: CLEAR_ERRORS
206 | };
207 | };
208 |
--------------------------------------------------------------------------------