loan/user-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use webapp builder

Browse Source
This commit is contained in:
AmirHossein Mahmoodi
2023-12-20 10:07:49 +03:30
parent 1cdfa1c2da
commit 49afdec0a0
11 changed files with 156 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -16,7 +16,7 @@
"@mui/icons-material": "^5.11.16",
"@mui/lab": "^5.0.0-alpha.152",
"@mui/material": "^5.12.0",
"@witel/webapp-builder": "^1.2.1",
"@witel/webapp-builder": "^1.2.3",
"axios": "^1.4.0",
"colord": "^2.9.3",
"eslint": "8.36.0",

1
public/config.json.example
View File

@@ -1,4 +1,5 @@
{
"middlewares": {},
"time_lines": {
"navgan_first_page": [
{

80
src/components/first/LoanDescription/TimeLineDetails.jsx
View File

@@ -1,64 +1,48 @@
import {useTranslations} from "next-intl";
import {useEffect, useState} from "react";
import {useRequest} from "@witel/webapp-builder";
import TimelineManager from "@/core/components/timelines/timelineManager";
import moment from "jalali-moment";
import {Timeline} from "@mui/lab";
import {LinearProgress} from "@mui/material";
import {useConfig} from "@witel/webapp-builder";
const TimeLineDetails = () => {
const t = useTranslations();
const request = useRequest({notification: false, auth: false})
const {config} = useConfig()
const [timeLineList, setTimeLineList] = useState([])
const [loading, setLoading] = useState(true)
useEffect(() => {
setLoading(true)
request(process.env.NEXT_PUBLIC_CONFIG_APP_URL, 'get').then(res => {
let tempArr = []
for (const timeLine of res.data.time_lines.navgan_first_page) {
let temp = {}
temp['label'] = timeLine.label
temp['date'] = moment(timeLine.date.from, 'jYYYY/jMM/jDD').locale('fa').format('jD jMMMM')
const fromDate = moment(timeLine.date.from, 'jYYYY/jMM/jDD')
const toDate = moment(timeLine.date.to, 'jYYYY/jMM/jDD')
const today = moment()
if (today.isBetween(fromDate, toDate, null, '[]')) {
temp['status'] = 'in progress'
} else if (today.isAfter(toDate, null)) {
temp['status'] = 'done'
} else if (today.isBefore(fromDate, null)) {
temp['status'] = 'open'
}
tempArr.push(temp)
let tempArr = []
for (const timeLine of config.time_lines.navgan_first_page) {
let temp = {}
temp['label'] = timeLine.label
temp['date'] = moment(timeLine.date.from, 'jYYYY/jMM/jDD').locale('fa').format('jD jMMMM')
const fromDate = moment(timeLine.date.from, 'jYYYY/jMM/jDD')
const toDate = moment(timeLine.date.to, 'jYYYY/jMM/jDD')
const today = moment()
if (today.isBetween(fromDate, toDate, null, '[]')) {
temp['status'] = 'in progress'
} else if (today.isAfter(toDate, null)) {
temp['status'] = 'done'
} else if (today.isBefore(fromDate, null)) {
temp['status'] = 'open'
}
setTimeLineList(tempArr)
setLoading(false)
}).catch(() => {
setLoading(false)
})
tempArr.push(temp)
}
setTimeLineList(tempArr)
}, []);
return (
<>
{loading ? (
<LinearProgress/>
) : (
<Timeline position="alternate">
{timeLineList.map((timeLine, index) => (
<TimelineManager
key={index}
status={timeLine.status}
date={timeLine.date}
primaryLabel={timeLine.label.primary}
secondaryLabel={timeLine.label.secondary}
position={index === (timeLineList.length - 1) ? 'end' : ''}
/>
))
}
</Timeline>
)}
</>
<Timeline position="alternate">
{timeLineList.map((timeLine, index) => (
<TimelineManager
key={index}
status={timeLine.status}
date={timeLine.date}
primaryLabel={timeLine.label.primary}
secondaryLabel={timeLine.label.secondary}
position={index === (timeLineList.length - 1) ? 'end' : ''}
/>
))
}
</Timeline>
)
}
export default TimeLineDetails

91
src/core/components/svgs/SvgMaintenance.jsx Normal file
View File

@@ -0,0 +1,91 @@
import {useTheme} from "@mui/material";
const SvgMaintenance = ({width, height}) => {
const theme = useTheme()
const fillColor = theme.palette.primary.main
return (
<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width={width} height={height}
viewBox="0 0 945 583.2243">
<path id="b0cf38c7-358d-48dc-a444-e9782686dfa5-97" data-name="Path 438"
d="M222.88482,693.5243a24.21463,24.21463,0,0,0,23.38269-4.11877c8.18977-6.87442,10.758-18.196,12.84671-28.68191l6.17972-31.01657-12.93769,8.90836c-9.30465,6.40641-18.81827,13.01866-25.26012,22.29785s-9.25222,21.94708-4.07792,31.988"
transform="translate(-127.5 -158.38785)" fill="#e6e6e6"/>
<path id="acbbaa8b-0bc2-4bc9-96d7-93dd88f90f19-98" data-name="Path 439"
d="M224.88254,733.23486c-1.6284-11.86369-3.30382-23.88079-2.15885-35.87167,1.01467-10.64933,4.26374-21.04881,10.87831-29.57938a49.20592,49.20592,0,0,1,12.62466-11.44039c1.26216-.79648,2.4241,1.20354,1.16733,1.997A46.77938,46.77938,0,0,0,228.88954,680.666c-4.02858,10.24607-4.67546,21.41582-3.98154,32.30029.41943,6.58218,1.31074,13.12121,2.20587,19.65252a1.19817,1.19817,0,0,1-.808,1.4225,1.16348,1.16348,0,0,1-1.42253-.808Z"
transform="translate(-127.5 -158.38785)" fill="#f2f2f2"/>
<path id="bed63620-84ae-4c66-a7c8-0d9b30f8c1e7-99" data-name="Path 442"
d="M236.60356,714.19841A17.82515,17.82515,0,0,0,252.135,722.217c7.8644-.37318,14.41806-5.85972,20.31713-11.07026l17.452-15.40881-11.54988-.5528c-8.30619-.39784-16.82672-.771-24.73813,1.79338s-15.20758,8.72639-16.654,16.9154"
transform="translate(-127.5 -158.38785)" fill="#e6e6e6"/>
<path id="fc4eb8ca-daad-4589-b224-2c71eec1c546-100" data-name="Path 443"
d="M220.27955,740.05454c7.83972-13.87142,16.93235-29.28794,33.1808-34.21551A37.02589,37.02589,0,0,1,267.4158,704.398c1.4819.128,1.1118,2.41174-.367,2.28454a34.39824,34.39824,0,0,0-22.27164,5.89215c-6.27994,4.27453-11.16975,10.21755-15.30781,16.51907-2.5351,3.8605-4.80576,7.88445-7.07642,11.903C221.66738,742.28125,219.54555,741.35371,220.27955,740.05454Z"
transform="translate(-127.5 -158.38785)" fill="#f2f2f2"/>
<path id="ec83fa9a-7bb4-4b90-a90b-e1cec4444963-101" data-name="Path 442"
d="M1008.35714,710.03894a17.82515,17.82515,0,0,1-17.065,3.78282c-7.50783-2.37076-12.4416-9.35006-16.813-15.89522l-12.93426-19.3574,11.30757,2.41744c8.132,1.73826,16.46493,3.55513,23.45819,8.05635s12.47224,12.32329,11.77771,20.61"
transform="translate(-127.5 -158.38785)" fill="#e6e6e6"/>
<path id="e32935a9-e392-46b4-9a67-68c65f1cc9fa-102" data-name="Path 443"
d="M1017.53074,739.20841c-4.03412-15.41439-8.88464-32.64277-23.33408-41.55944a37.026,37.026,0,0,0-13.12367-4.9599c-1.46539-.255-1.69126,2.04749-.22905,2.30247a34.39822,34.39822,0,0,1,20.02606,11.3886c4.9789,5.73758,8.18741,12.733,10.57751,19.88279,1.46425,4.38021,2.63106,8.85084,3.79926,13.31624C1015.61991,741.00647,1017.90833,740.652,1017.53074,739.20841Z"
transform="translate(-127.5 -158.38785)" fill="#f2f2f2"/>
<path
d="M858.65906,513.48057H594.33494a7.97081,7.97081,0,0,1-7.96157-7.96157V416.34942a7.97081,7.97081,0,0,1,7.96157-7.96157H858.65906a7.9707,7.9707,0,0,1,7.96157,7.96157V505.519A7.9707,7.9707,0,0,1,858.65906,513.48057Z"
transform="translate(-127.5 -158.38785)" fill="#f1f1f1"/>
<rect x="500.27353" y="273.88471" width="70.06181" height="7.96157" fill={fillColor}/>
<circle cx="662.68956" cy="278.66165" r="4.77694" fill={fillColor}/>
<circle cx="678.6127" cy="278.66165" r="4.77694" fill={fillColor}/>
<circle cx="694.53583" cy="278.66165" r="4.77694" fill={fillColor}/>
<path
d="M858.65906,626.53486H594.33494a7.97081,7.97081,0,0,1-7.96157-7.96157V529.40371a7.97081,7.97081,0,0,1,7.96157-7.96157H858.65906a7.9707,7.9707,0,0,1,7.96157,7.96157v89.16958A7.9707,7.9707,0,0,1,858.65906,626.53486Z"
transform="translate(-127.5 -158.38785)" fill="#f1f1f1"/>
<rect x="500.27353" y="386.939" width="70.06181" height="7.96157" fill={fillColor}/>
<circle cx="662.68956" cy="391.71594" r="4.77694" fill={fillColor}/>
<circle cx="678.6127" cy="391.71594" r="4.77694" fill={fillColor}/>
<circle cx="694.53583" cy="391.71594" r="4.77694" fill={fillColor}/>
<path
d="M858.65906,739.58915H594.33494a7.97081,7.97081,0,0,1-7.96157-7.96156V642.458a7.97081,7.97081,0,0,1,7.96157-7.96157H858.65906a7.9707,7.9707,0,0,1,7.96157,7.96157v89.16959A7.97069,7.97069,0,0,1,858.65906,739.58915Z"
transform="translate(-127.5 -158.38785)" fill="#f1f1f1"/>
<rect x="500.27353" y="499.99329" width="70.06181" height="7.96157" fill={fillColor}/>
<circle cx="662.68956" cy="504.77024" r="4.77694" fill={fillColor}/>
<circle cx="678.6127" cy="504.77024" r="4.77694" fill={fillColor}/>
<circle cx="694.53583" cy="504.77024" r="4.77694" fill={fillColor}/>
<path
d="M759.01179,321.31453l-.29232-.216-.007-.00528a3.57626,3.57626,0,0,0-5.00334.73888L694.21319,401.9379h-6.54562v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.90531a1.43056,1.43056,0,0,0-1.43052,1.43052v1.53783h-2.26034v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.9053a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.253v-1.53783a1.43057,1.43057,0,0,0-1.43053-1.43052h-3.9053a1.43056,1.43056,0,0,0-1.43052,1.43052v1.53783h-2.26034v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052H655.259a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.253v-1.53783a1.43057,1.43057,0,0,0-1.43053-1.43052h-3.9053a1.43034,1.43034,0,0,0-1.43052,1.43052v1.53783H642.5488v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052H637.213a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.26034v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.9053a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.253v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.9053a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.26034v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.9053a1.43057,1.43057,0,0,0-1.43053,1.43052v1.53783h-2.253v-1.53783a1.43056,1.43056,0,0,0-1.43052-1.43052h-3.90531a1.43056,1.43056,0,0,0-1.43052,1.43052v1.53783H596.858a3.57618,3.57618,0,0,0-3.57631,3.57631V408.926a3.57618,3.57618,0,0,0,3.57631,3.57631h96.76151a5.32944,5.32944,0,0,0,5.21778-4.24744l.037.02751L759.74521,326.325l.00559-.00707A3.57671,3.57671,0,0,0,759.01179,321.31453Z"
transform="translate(-127.5 -158.38785)" fill="#3f3d56"/>
<polygon points="255.504 550.825 267.523 556.976 296.966 513.544 279.228 504.466 255.504 550.825"
fill="#ffb7b7"/>
<path
d="M381.94612,703.72021l23.66983,12.113.001.00049a16.94563,16.94563,0,0,1,7.3641,22.8037l-.25087.49017-38.75427-19.83265Z"
transform="translate(-127.5 -158.38785)" fill="#2f2e41"/>
<polygon points="394.317 567.652 407.819 567.652 414.242 515.575 394.315 515.575 394.317 567.652"
fill="#ffb7b7"/>
<path
d="M518.37323,721.632l26.58922-.00107h.00107a16.94563,16.94563,0,0,1,16.94473,16.94446v.55063l-43.53421.00162Z"
transform="translate(-127.5 -158.38785)" fill="#2f2e41"/>
<path
d="M458.66285,301.26058s-9.0412-6.9268-9.0412,9.99291l-1.42756,55.91271,15.94107,52.81966,9.27913-17.1307-3.80682-37.11652Z"
transform="translate(-127.5 -158.38785)" fill="#2f2e41"/>
<path
d="M555.37734,454.19165s10.48418,51.058-2.79579,92.95976l-7.33892,161.10695-26.90941-2.09684-9.43576-119.51969-9.0863-59.41037-18.87153,54.16828L418.73348,696.02681l-28.65677-22.36625s31.75629-86.64916,55.2167-104.84184l11.76615-134.011Z"
transform="translate(-127.5 -158.38785)" fill="#2f2e41"/>
<circle cx="523.48018" cy="202.31369" r="30.68251"
transform="translate(-32.63308 406.2144) rotate(-61.33685)" fill="#ffb7b7"/>
<path
d="M521.30883,208.82157c3.67807.47856,6.45254-3.28467,7.73937-6.76336s2.2673-7.5286,5.46514-9.40772c4.36891-2.56725,9.95872.52048,14.95479-.32655,5.64211-.95654,9.31053-6.93607,9.598-12.65146s-1.987-11.21239-4.21862-16.48193l-.77911,6.54884a12.98679,12.98679,0,0,0-5.67512-11.35154l1.00419,9.60941A10.199,10.199,0,0,0,537.6641,159.558l.15814,5.72564c-6.51663-.77489-13.09021-1.55087-19.62615-.96052s-13.11751,2.65828-18.0712,6.96269c-7.40994,6.43874-10.11621,17.04088-9.20765,26.81529s4.94341,18.95675,9.14865,27.827c1.058,2.23177,2.52146,4.75016,4.97491,5.03445,2.20445.25544,4.22155-1.58732,4.90683-3.698a13.40422,13.40422,0,0,0-.0595-6.58474c-.62-3.2946-1.40155-6.6621-.81863-9.96346s2.9579-6.56372,6.28582-6.96831,6.73322,3.3994,5.13321,6.34537Z"
transform="translate(-127.5 -158.38785)" fill="#2f2e41"/>
<polygon points="429.776 309.458 327.357 302.85 335.066 270.913 428.674 291.838 429.776 309.458"
fill="#cbcbcb"/>
<path
d="M494.11389,244.15824l6.424-8.91878s7.18028,2.44014,26.40983,12.01183l1.35857,8.35615L561.685,460.9092,501.01375,458.292l-16.5219-.35153-5.4068-12.12-6.66725,11.86313-16.13421-.34328-16.41693-9.51706,16.179-49.48869,5.23438-45.206-8.0895-42.58883s-10.17937-39.10848,29.027-60.19538Z"
transform="translate(-127.5 -158.38785)" fill="#2f2e41"/>
<path
d="M630.86271,399.57305a10.48605,10.48605,0,0,1-13.04108-9.40577L581.82654,380.526l14.48005-12.85707,31.9616,11.12669a10.54289,10.54289,0,0,1,2.59452,20.77747Z"
transform="translate(-127.5 -158.38785)" fill="#ffb7b7"/>
<path
d="M614.74112,394.13009a6.14221,6.14221,0,0,1-4.987.39563l-59.21317-22.47383a63.2273,63.2273,0,0,1-34.03214-28.68449l-24.6929-44.04893a19.76509,19.76509,0,1,1,29.49118-26.323L564.04672,340.737l53.7869,31.53448a6.15547,6.15547,0,0,1,2.61747,6.54608l-2.67464,11.33426a6.1431,6.1431,0,0,1-1.86626,3.15032A6.07364,6.07364,0,0,1,614.74112,394.13009Z"
transform="translate(-127.5 -158.38785)" fill="#2f2e41"/>
<path d="M1071.5,741.38785h-943a1,1,0,0,1,0-2h943a1,1,0,0,1,0,2Z" transform="translate(-127.5 -158.38785)"
fill="#cbcbcb"/>
</svg>
)
}
export default SvgMaintenance

12
src/core/utils/globalServerProps.js Normal file
View File

@@ -0,0 +1,12 @@
import {parse} from "next-useragent";
export const globalServerProps = async ({req, locale}) => {
const {isBot} = parse(req.headers["user-agent"]);
return {
config: (await import(`&/config.json`)).default,
messages: (await import(`&/locales/${locale}/app.json`)).default,
isBot,
locale,
}
}

14
src/pages/_app.jsx
View File

@@ -2,10 +2,12 @@ import "&/global.scss";
import "moment/locale/fa";
import {
AppLayout,
ConfigProvider,
LanguageProvider,
LoadingProvider,
MuiLayout,
NetworkProvider,
PageMiddleware,
ToastProvider,
UserProvider
} from "@witel/webapp-builder";
@@ -18,8 +20,8 @@ import GlobalHead from "@/core/components/GlobalHead";
import Layout from "@/layouts";
const App = ({Component, pageProps}) => {
return (
<>
return (<>
<ConfigProvider config={pageProps.config || {}}>
<UserProvider urlGetUser={GET_USER} schemaGetUser={(data) => data}>
<LanguageProvider defaultLanguage={process.env.NEXT_PUBLIC_DEFAULT_LANGUAGE}
languageList={languageList}>
@@ -31,7 +33,9 @@ const App = ({Component, pageProps}) => {
<AppLayout headComponent={GlobalHead} isBot={pageProps.isBot}>
<NetworkProvider>
<Layout layout={pageProps.layout}>
<Component {...pageProps} />
<PageMiddleware>
<Component {...pageProps} />
</PageMiddleware>
</Layout>
</NetworkProvider>
</AppLayout>
@@ -41,8 +45,8 @@ const App = ({Component, pageProps}) => {
</NextIntlProvider>
</LanguageProvider>
</UserProvider>
</>
);
</ConfigProvider>
</>);
};
export default App;

7
src/pages/dashboard/index.jsx
View File

@@ -1,5 +1,5 @@
import FirstComponent from "@/components/dashboard/first";
import {parse} from "next-useragent";
import {globalServerProps} from "@/core/utils/globalServerProps";
export default function Dashboard() {
return (
@@ -8,13 +8,10 @@ export default function Dashboard() {
}
export async function getServerSideProps({req, locale}) {
const {isBot} = parse(req.headers["user-agent"]);
return {
props: {
messages: (await import(`&/locales/${locale}/app.json`)).default,
...await globalServerProps({req, locale}),
title: "Dashboard.dashboard_page",
isBot,
locale,
layout: {name: 'DashboardLayout'}
},
};

7
src/pages/dashboard/navgan/add-request-loan/index.jsx
View File

@@ -1,5 +1,5 @@
import {parse} from "next-useragent";
import LoanRequestComponent from "@/components/dashboard/navgan/add-request-loan";
import {globalServerProps} from "@/core/utils/globalServerProps";
export default function AddLoanRequest() {
return (
@@ -8,13 +8,10 @@ export default function AddLoanRequest() {
}
export async function getServerSideProps({req, locale}) {
const {isBot} = parse(req.headers["user-agent"]);
return {
props: {
messages: (await import(`&/locales/${locale}/app.json`)).default,
...await globalServerProps({req, locale}),
title: "LoanRequest.loan_request_page",
isBot,
locale,
layout: {name: 'DashboardLayout', permissions: ["can_request_navgan_loan"]}
},
};

7
src/pages/dashboard/navgan/followUp-loan/index.jsx
View File

@@ -1,5 +1,5 @@
import {parse} from "next-useragent";
import LoanFollowUpComponent from "@/components/dashboard/navgan/followUp-loan";
import {globalServerProps} from "@/core/utils/globalServerProps";
export default function FollowUpLoan() {
return (
@@ -8,13 +8,10 @@ export default function FollowUpLoan() {
}
export async function getServerSideProps({req, locale}) {
const {isBot} = parse(req.headers["user-agent"]);
return {
props: {
messages: (await import(`&/locales/${locale}/app.json`)).default,
...await globalServerProps({req, locale}),
title: "LoanRequest.loan_request_page",
isBot,
locale,
layout: {name: 'DashboardLayout'}
},
};

6
src/pages/index.jsx
View File

@@ -1,5 +1,5 @@
import FirstComponent from "@/components/first";
import {parse} from "next-useragent";
import {globalServerProps} from "@/core/utils/globalServerProps";
export default function Home() {
return (
@@ -10,12 +10,10 @@ export default function Home() {
}
export async function getServerSideProps({req, locale}) {
const {isBot} = parse(req.headers["user-agent"]);
return {
props: {
messages: (await import(`&/locales/${locale}/app.json`)).default,
...await globalServerProps({req, locale}),
title: "first_page",
isBot,
},
};
}

6
src/pages/login.jsx
View File

@@ -1,6 +1,6 @@
import LoginComponent from "@/components/login";
import {parse} from "next-useragent";
import {WithoutAuthMiddleware} from "@witel/webapp-builder";
import {globalServerProps} from "@/core/utils/globalServerProps";
export default function Login() {
return (
@@ -11,12 +11,10 @@ export default function Login() {
}
export async function getServerSideProps({req, locale}) {
const {isBot} = parse(req.headers["user-agent"]);
return {
props: {
messages: (await import(`&/locales/${locale}/app.json`)).default,
...await globalServerProps({req, locale}),
title: "Titles.title_login_page",
isBot,
},
};
}