init
This commit is contained in:
sachinganesh committed
commit
c9a96798e9
188 files changed
+68949
No files matched your search
+35
@@ -0,0 +1,35 @@
|
||||
# Ignore compiled files
|
||||
*.class
|
||||
*.war
|
||||
*.jar
|
||||
*.ear
|
||||
|
||||
# Ignore build directories
|
||||
target/
|
||||
bin/
|
||||
out/
|
||||
|
||||
# Ignore IDE-specific files and directories
|
||||
.idea/
|
||||
.vscode/
|
||||
*.suo
|
||||
*.user
|
||||
*.sln
|
||||
.DS_Store
|
||||
|
||||
# Ignore log files and backups
|
||||
*.log
|
||||
*.log.*
|
||||
*.bak
|
||||
*.swp
|
||||
|
||||
# Ignore user-specific files
|
||||
user.settings
|
||||
|
||||
# Ignore configuration files
|
||||
application.properties
|
||||
|
||||
# Ignore specific directories
|
||||
node_modules/
|
||||
build/
|
||||
.next
|
||||
@@ -0,0 +1,94 @@
|
||||
import { Bar } from "react-chartjs-2";
|
||||
|
||||
function StackedBarChart() {
|
||||
const data = {
|
||||
labels: [
|
||||
"4 Jan",
|
||||
"5 Jan",
|
||||
"6 Jan",
|
||||
"7 Jan",
|
||||
"8 Jan",
|
||||
"9 Jan",
|
||||
"10 Jan",
|
||||
],
|
||||
datasets: [
|
||||
{
|
||||
label: "Youtube",
|
||||
backgroundColor: "#1652F0",
|
||||
borderColor: "transparent",
|
||||
data: [35, 65, 52, 115, 98, 185, 125],
|
||||
lineTension: 0,
|
||||
pointRadius: 0,
|
||||
borderWidth: 2,
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
backgroundColor: "#f73164",
|
||||
borderColor: "transparent",
|
||||
data: [40, 105, 92, 155, 138, 205, 165],
|
||||
lineTension: 0,
|
||||
// borderDash: [10, 5],
|
||||
borderWidth: 1,
|
||||
pointRadius: 0,
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
const options = {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
legend: {
|
||||
display: false,
|
||||
},
|
||||
scales: {
|
||||
xAxes: [
|
||||
{
|
||||
stacked: true,
|
||||
barPercentage: 0.63,
|
||||
gridLines: {
|
||||
display: false,
|
||||
drawBorder: false,
|
||||
},
|
||||
ticks: {
|
||||
fontColor: "#8a909d",
|
||||
},
|
||||
},
|
||||
],
|
||||
yAxes: [
|
||||
{
|
||||
stacked: true,
|
||||
gridLines: {
|
||||
display: true,
|
||||
color: "#eee",
|
||||
},
|
||||
ticks: {
|
||||
stepSize: 50,
|
||||
fontColor: "#8a909d",
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
tooltips: {
|
||||
mode: "index",
|
||||
intersect: false,
|
||||
titleFontColor: "#888",
|
||||
bodyFontColor: "#555",
|
||||
titleFontSize: 12,
|
||||
bodyFontSize: 15,
|
||||
backgroundColor: "rgba(256,256,256,0.95)",
|
||||
displayColors: true,
|
||||
xPadding: 10,
|
||||
yPadding: 7,
|
||||
borderColor: "rgba(220, 220, 220, 0.9)",
|
||||
borderWidth: 2,
|
||||
caretSize: 6,
|
||||
caretPadding: 5,
|
||||
},
|
||||
};
|
||||
return (
|
||||
<>
|
||||
<Bar data={data} height={150} options={options} id="activityBar" />
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default StackedBarChart;
|
||||
@@ -0,0 +1,49 @@
|
||||
import { Doughnut } from "react-chartjs-2";
|
||||
|
||||
function DoughnutChart({ doughnutData }) {
|
||||
const data = {
|
||||
datasets: [
|
||||
{
|
||||
data: doughnutData.data,
|
||||
backgroundColor: [
|
||||
"rgba(22, 82, 240,1)",
|
||||
"rgba(22, 82, 240,0.5)",
|
||||
"rgba(22, 82, 240,0.15)",
|
||||
],
|
||||
},
|
||||
],
|
||||
labels: ["Facebook", "Youtube", "Google"],
|
||||
};
|
||||
|
||||
const options = {
|
||||
responsive: true,
|
||||
cutoutPercentage: 80,
|
||||
maintainAspectRatio: false,
|
||||
animation: {
|
||||
animateRotate: true,
|
||||
animateScale: true,
|
||||
},
|
||||
legend: {
|
||||
display: true,
|
||||
position: "bottom",
|
||||
labels: {
|
||||
usePointStyle: true,
|
||||
// fontFamily: "Segoe UI",
|
||||
fontSize: 12,
|
||||
fontColor: "#464a53",
|
||||
padding: 20,
|
||||
},
|
||||
},
|
||||
};
|
||||
return (
|
||||
<>
|
||||
<Doughnut
|
||||
data={data}
|
||||
height={150}
|
||||
options={options}
|
||||
id="most-selling-items"
|
||||
/>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default DoughnutChart;
|
||||
@@ -0,0 +1,99 @@
|
||||
import { Line } from "react-chartjs-2";
|
||||
|
||||
function LineChart({lineData}) {
|
||||
const data = {
|
||||
labels: [
|
||||
"Jan",
|
||||
"Feb",
|
||||
"Mar",
|
||||
"Apr",
|
||||
"May",
|
||||
"Jun",
|
||||
"Jul",
|
||||
"Aug",
|
||||
"Sep",
|
||||
"Oct",
|
||||
"Nov",
|
||||
"Dec",
|
||||
],
|
||||
datasets: [
|
||||
{
|
||||
label: "Water",
|
||||
backgroundColor: "rgba(22, 82, 240, 0.75)",
|
||||
borderColor: "transparent",
|
||||
data: lineData.facebook,
|
||||
lineTension: 0,
|
||||
pointRadius: 0,
|
||||
borderWidth: 2,
|
||||
},
|
||||
{
|
||||
label: "Water",
|
||||
backgroundColor: "rgba(22, 82, 240, 0.5)",
|
||||
borderColor: "transparent",
|
||||
data: lineData.youtube,
|
||||
lineTension: 0,
|
||||
// borderDash: [10, 5],
|
||||
borderWidth: 1,
|
||||
pointRadius: 0,
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
const options = {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
legend: {
|
||||
display: false,
|
||||
},
|
||||
scales: {
|
||||
xAxes: [
|
||||
{
|
||||
stacked: true,
|
||||
barPercentage: 0.45,
|
||||
gridLines: {
|
||||
display: false,
|
||||
drawBorder: false,
|
||||
},
|
||||
ticks: {
|
||||
// fontColor: "#8a909d",
|
||||
},
|
||||
},
|
||||
],
|
||||
yAxes: [
|
||||
{
|
||||
stacked: true,
|
||||
gridLines: {
|
||||
display: false,
|
||||
color: "#eee",
|
||||
},
|
||||
ticks: {
|
||||
stepSize: 50,
|
||||
// fontColor: "#8a909d",
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
tooltips: {
|
||||
mode: "index",
|
||||
intersect: false,
|
||||
titleFontColor: "#888",
|
||||
bodyFontColor: "#555",
|
||||
titleFontSize: 12,
|
||||
bodyFontSize: 15,
|
||||
backgroundColor: "rgba(256,256,256,0.95)",
|
||||
displayColors: true,
|
||||
xPadding: 10,
|
||||
yPadding: 7,
|
||||
borderColor: "rgba(220, 220, 220, 0.9)",
|
||||
borderWidth: 2,
|
||||
caretSize: 6,
|
||||
caretPadding: 5,
|
||||
},
|
||||
};
|
||||
return (
|
||||
<>
|
||||
<Line data={data} height={150} options={options} id="activity" />
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default LineChart;
|
||||
@@ -0,0 +1,68 @@
|
||||
import { Line } from "react-chartjs-2";
|
||||
|
||||
function LineInvestment({ investmentData }) {
|
||||
const data = {
|
||||
labels: ["2010", "2011", "2012", "2013", "2014", "2015", "2016"],
|
||||
datasets: [
|
||||
{
|
||||
label: "Youtube",
|
||||
data: investmentData.data,
|
||||
backgroundColor: "rgba(22, 82, 240,0.15)",
|
||||
borderColor: "#1652F0",
|
||||
pointRadius: 0,
|
||||
// lineTension: 0,
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
const options = {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
animation: {
|
||||
animateRotate: true,
|
||||
animateScale: true,
|
||||
},
|
||||
tooltips: {
|
||||
enabled: false,
|
||||
},
|
||||
legend: {
|
||||
display: false,
|
||||
labels: {
|
||||
usePointStyle: false,
|
||||
|
||||
},
|
||||
|
||||
|
||||
},
|
||||
scales: {
|
||||
xAxes: [{
|
||||
display: true,
|
||||
gridLines: {
|
||||
display: false,
|
||||
drawBorder: false
|
||||
},
|
||||
scaleLabel: {
|
||||
display: false,
|
||||
labelString: 'Month'
|
||||
}
|
||||
}],
|
||||
yAxes: [{
|
||||
display: true,
|
||||
gridLines: {
|
||||
display: false,
|
||||
drawBorder: false
|
||||
},
|
||||
scaleLabel: {
|
||||
display: false,
|
||||
labelString: 'Value'
|
||||
}
|
||||
}]
|
||||
},
|
||||
};
|
||||
return (
|
||||
<>
|
||||
<Line data={data} height={150} options={options} id="transaction-graph" />
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default LineInvestment;
|
||||
@@ -0,0 +1,99 @@
|
||||
import { Bar } from "react-chartjs-2";
|
||||
|
||||
function StackedBarChart() {
|
||||
const data = {
|
||||
labels: [
|
||||
"Jan",
|
||||
"Feb",
|
||||
"Mar",
|
||||
"Apr",
|
||||
"May",
|
||||
"Jun",
|
||||
"Jul",
|
||||
"Aug",
|
||||
"Sep",
|
||||
"Oct",
|
||||
"Nov",
|
||||
"Dec",
|
||||
],
|
||||
datasets: [
|
||||
{
|
||||
label: "Youtube",
|
||||
backgroundColor: "rgba(22, 82, 240, 0.75)",
|
||||
borderColor: "transparent",
|
||||
data: [35, 65, 52, 115, 98, 185, 125,35, 65, 52, 115, 140],
|
||||
lineTension: 0,
|
||||
pointRadius: 0,
|
||||
borderWidth: 2,
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
backgroundColor: "rgba(22, 82, 240, 0.5)",
|
||||
borderColor: "transparent",
|
||||
data: [40, 105, 92, 155, 138, 205, 165, 35, 65, 52, 115, 110],
|
||||
lineTension: 0,
|
||||
// borderDash: [10, 5],
|
||||
borderWidth: 1,
|
||||
pointRadius: 0,
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
const options = {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
legend: {
|
||||
display: false,
|
||||
},
|
||||
scales: {
|
||||
xAxes: [
|
||||
{
|
||||
stacked: true,
|
||||
barPercentage: 0.40,
|
||||
gridLines: {
|
||||
display: false,
|
||||
drawBorder: false,
|
||||
},
|
||||
ticks: {
|
||||
fontColor: "#8a909d",
|
||||
},
|
||||
},
|
||||
],
|
||||
yAxes: [
|
||||
{
|
||||
stacked: true,
|
||||
gridLines: {
|
||||
display: true,
|
||||
color: "#eee",
|
||||
},
|
||||
ticks: {
|
||||
stepSize: 50,
|
||||
fontColor: "#8a909d",
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
tooltips: {
|
||||
mode: "index",
|
||||
intersect: false,
|
||||
titleFontColor: "#888",
|
||||
bodyFontColor: "#555",
|
||||
titleFontSize: 12,
|
||||
bodyFontSize: 15,
|
||||
backgroundColor: "rgba(256,256,256,0.95)",
|
||||
displayColors: true,
|
||||
xPadding: 10,
|
||||
yPadding: 7,
|
||||
borderColor: "rgba(220, 220, 220, 0.9)",
|
||||
borderWidth: 2,
|
||||
caretSize: 6,
|
||||
caretPadding: 5,
|
||||
},
|
||||
};
|
||||
return (
|
||||
<>
|
||||
<Bar data={data} height={150} options={options} id="activityBar" />
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default StackedBarChart;
|
||||
@@ -0,0 +1,69 @@
|
||||
import { useState } from "react";
|
||||
function BalanceDetails() {
|
||||
const [open, setOpen] = useState("a1");
|
||||
return (
|
||||
<>
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div className="total-balance">
|
||||
<p>Total Balance</p>
|
||||
<h2>$221,478</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-6 col-lg-6 col-md-6 col-sm-6">
|
||||
<div
|
||||
className={`${
|
||||
open === "a1"
|
||||
? "balance-stats active"
|
||||
: "balance-stats"
|
||||
}`}
|
||||
onMouseOver={() => setOpen("a1")}
|
||||
>
|
||||
<p>Last Month</p>
|
||||
<h3>$42,678</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-6 col-lg-6 col-md-6 col-sm-6">
|
||||
<div
|
||||
className={`${
|
||||
open === "a2"
|
||||
? "balance-stats active"
|
||||
: "balance-stats"
|
||||
}`}
|
||||
onMouseOver={() => setOpen("a2")}
|
||||
>
|
||||
<p>Expenses</p>
|
||||
<h3>$1,798</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-6 col-lg-6 col-md-6 col-sm-6">
|
||||
<div
|
||||
className={`${
|
||||
open === "a3"
|
||||
? "balance-stats active"
|
||||
: "balance-stats"
|
||||
}`}
|
||||
onMouseOver={() => setOpen("a3")}
|
||||
>
|
||||
<p>Taxes</p>
|
||||
<h3>$255.25</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-6 col-lg-6 col-md-6 col-sm-6">
|
||||
<div
|
||||
className={`${
|
||||
open === "a4"
|
||||
? "balance-stats active"
|
||||
: "balance-stats"
|
||||
}`}
|
||||
onMouseOver={() => setOpen("a4")}
|
||||
>
|
||||
<p>Debt</p>
|
||||
<h3>$365,478</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default BalanceDetails;
|
||||
@@ -0,0 +1,59 @@
|
||||
import { useState } from "react";
|
||||
function Bills() {
|
||||
const [open, setOpen] = useState("a1");
|
||||
return (
|
||||
<>
|
||||
<div className="bills-widget">
|
||||
<div className={`${
|
||||
open === "a1"
|
||||
? "bills-widget-content d-flex justify-content-between align-items-center active"
|
||||
: "bills-widget-content d-flex justify-content-between align-items-center"
|
||||
}`}
|
||||
onMouseOver={() => setOpen("a1")}>
|
||||
<div>
|
||||
<p>Netflix</p>
|
||||
<h4>$17.00</h4>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#" className="btn btn-primary">
|
||||
Pay Now
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className={`${
|
||||
open === "a2"
|
||||
? "bills-widget-content d-flex justify-content-between align-items-center active"
|
||||
: "bills-widget-content d-flex justify-content-between align-items-center"
|
||||
}`}
|
||||
onMouseOver={() => setOpen("a2")}>
|
||||
<div>
|
||||
<p className="text-danger">Spotify</p>
|
||||
<h4>$11.00</h4>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#" className="btn btn-primary">
|
||||
Pay Now
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className={`${
|
||||
open === "a3"
|
||||
? "bills-widget-content d-flex justify-content-between align-items-center active"
|
||||
: "bills-widget-content d-flex justify-content-between align-items-center"
|
||||
}`}
|
||||
onMouseOver={() => setOpen("a3")}>
|
||||
<div>
|
||||
<p className="text-danger">Spotify</p>
|
||||
<h4>$11.00</h4>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#" className="btn btn-primary">
|
||||
Pay Now
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Bills;
|
||||
@@ -0,0 +1,154 @@
|
||||
import PerfectScrollbar from "react-perfect-scrollbar";
|
||||
function GoalsBudget() {
|
||||
return (
|
||||
<>
|
||||
<div className="budget-content" style={{ height: "295px" }}>
|
||||
<PerfectScrollbar>
|
||||
<ul>
|
||||
<li className="d-flex justify-content-between align-items-center">
|
||||
<div className="d-flex flex-grow-2">
|
||||
<div className="budget-icon me-3 mt-1">
|
||||
<img
|
||||
src="/images/social/facebook.png"
|
||||
alt=""
|
||||
width="40"
|
||||
/>
|
||||
</div>
|
||||
<div className="budget-info flex-grow-2 me-3">
|
||||
<div className="d-flex justify-content-between mb-1">
|
||||
<h5 className="mb-1">Facebook Ads</h5>
|
||||
<p className="mb-0">
|
||||
<strong>75 </strong>/ 100
|
||||
</p>
|
||||
</div>
|
||||
<div className="progress">
|
||||
<div
|
||||
className="progress-bar"
|
||||
role="progressbar"
|
||||
style={{
|
||||
width: "75%",
|
||||
}}
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="d-flex justify-content-between align-items-center">
|
||||
<div className="d-flex flex-grow-2">
|
||||
<div className="budget-icon me-3 mt-1">
|
||||
<img
|
||||
src="/images/social/youtube.png"
|
||||
alt=""
|
||||
width="40"
|
||||
/>
|
||||
</div>
|
||||
<div className="budget-info flex-grow-2 me-3">
|
||||
<div className="d-flex justify-content-between mb-1">
|
||||
<h5 className="mb-1">Youtube Premium</h5>
|
||||
<p className="mb-0">
|
||||
<strong>25 </strong>/ 100
|
||||
</p>
|
||||
</div>
|
||||
<div className="progress">
|
||||
<div
|
||||
className="progress-bar bg-success"
|
||||
role="progressbar"
|
||||
style={{
|
||||
width: "25%",
|
||||
}}
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="d-flex justify-content-between align-items-center">
|
||||
<div className="d-flex flex-grow-2">
|
||||
<div className="budget-icon me-3 mt-1">
|
||||
<img
|
||||
src="/images/social/spotify.png"
|
||||
alt=""
|
||||
width="40"
|
||||
/>
|
||||
</div>
|
||||
<div className="budget-info flex-grow-2 me-3">
|
||||
<div className="d-flex justify-content-between mb-1">
|
||||
<h5 className="mb-1">Spotify Music</h5>
|
||||
<p className="mb-0">
|
||||
<strong>50 </strong>/ 100
|
||||
</p>
|
||||
</div>
|
||||
<div className="progress">
|
||||
<div
|
||||
className="progress-bar bg-info"
|
||||
role="progressbar"
|
||||
style={{
|
||||
width: "50%",
|
||||
}}
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="d-flex justify-content-between align-items-center">
|
||||
<div className="d-flex flex-grow-2">
|
||||
<div className="budget-icon me-3 mt-1">
|
||||
<img
|
||||
src="/images/social/skype.png"
|
||||
alt=""
|
||||
width="40"
|
||||
/>
|
||||
</div>
|
||||
<div className="budget-info flex-grow-2 me-3">
|
||||
<div className="d-flex justify-content-between mb-1">
|
||||
<h5 className="mb-1">Skype Premium</h5>
|
||||
<p className="mb-0">
|
||||
<strong>45 </strong>/ 100
|
||||
</p>
|
||||
</div>
|
||||
<div className="progress">
|
||||
<div
|
||||
className="progress-bar bg-danger"
|
||||
role="progressbar"
|
||||
style={{
|
||||
width: "45%",
|
||||
}}
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="d-flex justify-content-between align-items-center">
|
||||
<div className="d-flex flex-grow-2">
|
||||
<div className="budget-icon me-3 mt-1">
|
||||
<img
|
||||
src="/images/social/envato.png"
|
||||
alt=""
|
||||
width="40"
|
||||
/>
|
||||
</div>
|
||||
<div className="budget-info flex-grow-2 me-3">
|
||||
<div className="d-flex justify-content-between mb-1">
|
||||
<h5 className="mb-1">Envato Element</h5>
|
||||
<p className="mb-0">
|
||||
<strong>35 </strong>/ 100
|
||||
</p>
|
||||
</div>
|
||||
<div className="progress">
|
||||
<div
|
||||
className="progress-bar bg-purple"
|
||||
role="progressbar"
|
||||
style={{
|
||||
width: "35%",
|
||||
}}
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</PerfectScrollbar>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default GoalsBudget;
|
||||
@@ -0,0 +1,122 @@
|
||||
import { useState } from "react";
|
||||
import PerfectScrollbar from "react-perfect-scrollbar";
|
||||
function TransactionHistory() {
|
||||
const [open, setOpen] = useState("p1");
|
||||
return (
|
||||
<>
|
||||
<div className="invoice-content" style={{ height: "295px" }}>
|
||||
<PerfectScrollbar>
|
||||
<ul>
|
||||
<li
|
||||
className={`${
|
||||
open === "p1"
|
||||
? "d-flex justify-content-between active"
|
||||
: "d-flex justify-content-between"
|
||||
}`}
|
||||
onMouseOver={() => setOpen("p1")}
|
||||
>
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="invoice-user-img me-3">
|
||||
<img
|
||||
src="/images/avatar/1.jpg"
|
||||
alt=""
|
||||
width="50"
|
||||
/>
|
||||
</div>
|
||||
<div className="invoice-info">
|
||||
<h5 className="mb-0">Terry P. Camacho</h5>
|
||||
<p>5 january 2021 at 10.15 pm</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-end">
|
||||
<h5 className="mb-2">+450.00</h5>
|
||||
<span className=" text-white bg-success">Paid</span>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
className={`${
|
||||
open === "p2"
|
||||
? "d-flex justify-content-between active"
|
||||
: "d-flex justify-content-between"
|
||||
}`}
|
||||
onMouseOver={() => setOpen("p2")}
|
||||
>
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="invoice-user-img me-3">
|
||||
<img
|
||||
src="/images/avatar/2.jpg"
|
||||
alt=""
|
||||
width="50"
|
||||
/>
|
||||
</div>
|
||||
<div className="invoice-info">
|
||||
<h5 className="mb-0">John L. Foster</h5>
|
||||
<p>5 january 2021 at 10.15 pm</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-end">
|
||||
<h5 className="mb-2">+450.00</h5>
|
||||
<span className=" text-white bg-warning">Due</span>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
className={`${
|
||||
open === "p3"
|
||||
? "d-flex justify-content-between active"
|
||||
: "d-flex justify-content-between"
|
||||
}`}
|
||||
onMouseOver={() => setOpen("p3")}
|
||||
>
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="invoice-user-img me-3">
|
||||
<img
|
||||
src="/images/avatar/3.jpg"
|
||||
alt=""
|
||||
width="50"
|
||||
/>
|
||||
</div>
|
||||
<div className="invoice-info">
|
||||
<h5 className="mb-0">John C. Adams</h5>
|
||||
<p>5 january 2021 at 10.15 pm</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-end">
|
||||
<h5 className="mb-2">+450.00</h5>
|
||||
<span className=" text-white bg-danger">
|
||||
Cancel
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
className={`${
|
||||
open === "p4"
|
||||
? "d-flex justify-content-between active"
|
||||
: "d-flex justify-content-between"
|
||||
}`}
|
||||
onMouseOver={() => setOpen("p4")}
|
||||
>
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="invoice-user-img me-3">
|
||||
<img
|
||||
src="/images/avatar/4.jpg"
|
||||
alt=""
|
||||
width="50"
|
||||
/>
|
||||
</div>
|
||||
<div className="invoice-info">
|
||||
<h5 className="mb-0">Weston P. Thomas</h5>
|
||||
<p>5 january 2021 at 10.15 pm</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-end">
|
||||
<h5 className="mb-2">+450.00</h5>
|
||||
<span className=" text-white bg-success">Paid</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</PerfectScrollbar>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default TransactionHistory;
|
||||
@@ -0,0 +1,87 @@
|
||||
import { ErrorMessage, Field, Form, Formik } from "formik";
|
||||
import * as Yup from "yup";
|
||||
|
||||
const initialValues = {
|
||||
generateKey: "",
|
||||
confirmKey: "",
|
||||
};
|
||||
|
||||
const CreateApiSchema = Yup.object().shape({
|
||||
generateKey: Yup.string().required("Generate Key is required"),
|
||||
confirmKey: Yup.string().required("Confirm Key required"),
|
||||
});
|
||||
|
||||
function CreateApi() {
|
||||
return (
|
||||
<>
|
||||
<Formik
|
||||
initialValues={initialValues}
|
||||
validationSchema={CreateApiSchema}
|
||||
onSubmit={(fields) => {
|
||||
alert(
|
||||
"SUCCESS!! :-)\n\n" + JSON.stringify(fields, null, 4)
|
||||
);
|
||||
}}
|
||||
>
|
||||
{({ errors, status, touched }) => (
|
||||
<Form>
|
||||
<div className="row">
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6 mb-3">
|
||||
<label className="form-label">
|
||||
Generate New Key
|
||||
</label>
|
||||
<Field
|
||||
name="generateKey"
|
||||
type="text"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.generateKey &&
|
||||
touched.generateKey
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="generateKey"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6 mb-3">
|
||||
<label className="form-label">
|
||||
Confirm Passphrase
|
||||
</label>
|
||||
<Field
|
||||
name="confirmKey"
|
||||
type="text"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.confirmKey &&
|
||||
touched.confirmKey
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="confirmKey"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-3">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary mr-2"
|
||||
>
|
||||
Save
|
||||
</button>
|
||||
</div>
|
||||
</Form>
|
||||
)}
|
||||
</Formik>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default CreateApi;
|
||||
@@ -0,0 +1,176 @@
|
||||
import { ErrorMessage, Field, Form, Formik } from "formik";
|
||||
import * as Yup from "yup";
|
||||
|
||||
const initialValues = {
|
||||
fullName: "",
|
||||
email: "",
|
||||
address: "",
|
||||
city: "",
|
||||
country: "",
|
||||
postal: "",
|
||||
};
|
||||
|
||||
const PersonalInfoSchema = Yup.object().shape({
|
||||
fullName: Yup.string().required("Full is required"),
|
||||
email: Yup.string().email("Email is invalid").required("Email is required"),
|
||||
address: Yup.string().required("Present Address is required"),
|
||||
city: Yup.string().required("City is required"),
|
||||
postal: Yup.string().required("Post code is required"),
|
||||
country: Yup.string().required("country is required"),
|
||||
});
|
||||
|
||||
function PersonalInfo() {
|
||||
return (
|
||||
<>
|
||||
<Formik
|
||||
initialValues={initialValues}
|
||||
validationSchema={PersonalInfoSchema}
|
||||
onSubmit={(fields) => {
|
||||
alert(
|
||||
"SUCCESS!! :-)\n\n" + JSON.stringify(fields, null, 4)
|
||||
);
|
||||
}}
|
||||
>
|
||||
{({ errors, status, touched }) => (
|
||||
<Form>
|
||||
<div className="row">
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6 mb-3">
|
||||
<label className="form-label">Full Name</label>
|
||||
<Field
|
||||
name="fullName"
|
||||
type="text"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.fullName && touched.fullName
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="fullName"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6 mb-3">
|
||||
<label className="form-label">Email</label>
|
||||
<Field
|
||||
name="email"
|
||||
type="text"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.email && touched.email
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="email"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6 mb-3">
|
||||
<label className="form-label">Address</label>
|
||||
<Field
|
||||
name="address"
|
||||
type="text"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.address && touched.address
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="address"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6 mb-3">
|
||||
<label className="form-label">City</label>
|
||||
<Field
|
||||
name="city"
|
||||
type="text"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.city && touched.city
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="city"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6 mb-3">
|
||||
<label className="form-label">Post Code</label>
|
||||
<Field
|
||||
name="postal"
|
||||
type="text"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.postal && touched.postal
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="postal"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6 mb-3">
|
||||
<label className="form-label">Country</label>
|
||||
<Field
|
||||
name="country"
|
||||
as="select"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.country && touched.country
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
>
|
||||
<option value="Bangladesh">
|
||||
Bangladesh
|
||||
</option>
|
||||
<option value="United States">
|
||||
United States
|
||||
</option>
|
||||
<option value="United Kingdom">
|
||||
United Kingdom
|
||||
</option>
|
||||
</Field>
|
||||
<ErrorMessage
|
||||
name="country"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-3">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary mr-2"
|
||||
>
|
||||
Save
|
||||
</button>
|
||||
</div>
|
||||
</Form>
|
||||
)}
|
||||
</Formik>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default PersonalInfo;
|
||||
@@ -0,0 +1,153 @@
|
||||
import { ErrorMessage, Field, Form, Formik } from "formik";
|
||||
import * as Yup from "yup";
|
||||
|
||||
const initialValues = {
|
||||
language: "",
|
||||
currency: "",
|
||||
theme: "",
|
||||
timeZone: "",
|
||||
};
|
||||
|
||||
const PreferencesSchema = Yup.object().shape({
|
||||
language: Yup.string().required("Language is required"),
|
||||
currency: Yup.string().required("Currency is required"),
|
||||
theme: Yup.string().required("Theme is required"),
|
||||
timeZone: Yup.string().required("Timezone is required"),
|
||||
});
|
||||
|
||||
function Preferences() {
|
||||
return (
|
||||
<>
|
||||
<Formik
|
||||
initialValues={initialValues}
|
||||
validationSchema={PreferencesSchema}
|
||||
onSubmit={(fields) => {
|
||||
alert(
|
||||
"SUCCESS!! :-)\n\n" + JSON.stringify(fields, null, 4)
|
||||
);
|
||||
}}
|
||||
>
|
||||
{({ errors, status, touched }) => (
|
||||
<Form>
|
||||
<div className="row">
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6 mb-3">
|
||||
<label className="form-label">
|
||||
Language Default
|
||||
</label>
|
||||
<Field
|
||||
name="language"
|
||||
as="select"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.language && touched.language
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
>
|
||||
<option value="Bangladesh">
|
||||
Bangladesh
|
||||
</option>
|
||||
<option value="United States">
|
||||
United States
|
||||
</option>
|
||||
<option value="United Kingdom">
|
||||
United Kingdom
|
||||
</option>
|
||||
</Field>
|
||||
<ErrorMessage
|
||||
name="language"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6 mb-3">
|
||||
<label className="form-label">Currency</label>
|
||||
<Field
|
||||
name="currency"
|
||||
as="select"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.currency && touched.currency
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
>
|
||||
<option value="">USD</option>
|
||||
<option value="">Euro</option>
|
||||
<option value="">BDT</option>
|
||||
</Field>
|
||||
<ErrorMessage
|
||||
name="currency"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6 mb-3">
|
||||
<label className="form-label">Theme</label>
|
||||
<Field
|
||||
name="theme"
|
||||
as="select"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.theme && touched.theme
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
>
|
||||
<option value="">Light</option>
|
||||
<option value="">Dark</option>
|
||||
<option value="">Blue</option>
|
||||
</Field>
|
||||
<ErrorMessage
|
||||
name="theme"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6 mb-3">
|
||||
<label className="form-label">Time Zone</label>
|
||||
<Field
|
||||
name="timeZone"
|
||||
as="select"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.timeZone && touched.timeZone
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
>
|
||||
<option>
|
||||
(GMT-12:00) International Date Line West
|
||||
</option>
|
||||
<option>
|
||||
(GMT-11:00) Midway Island, Samoa
|
||||
</option>
|
||||
<option>(GMT-10:00) Hawaii</option>
|
||||
<option>(GMT-09:00) Alaska</option>
|
||||
<option>
|
||||
(GMT-08:00) Pacific Time (US & Canada)
|
||||
</option>
|
||||
</Field>
|
||||
<ErrorMessage
|
||||
name="timeZone"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-3">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary mr-2"
|
||||
>
|
||||
Save
|
||||
</button>
|
||||
</div>
|
||||
</Form>
|
||||
)}
|
||||
</Formik>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Preferences;
|
||||
@@ -0,0 +1,125 @@
|
||||
import { ErrorMessage, Field, Form, Formik } from "formik";
|
||||
import * as Yup from "yup";
|
||||
import Link from "next/link";
|
||||
import AuthIcon from "./authselection/AuthIcon";
|
||||
const initialValues = {
|
||||
email: "",
|
||||
password: "",
|
||||
};
|
||||
|
||||
const SigninFormSchema = Yup.object().shape({
|
||||
email: Yup.string().email("Email is invalid").required("Email is required"),
|
||||
password: Yup.string()
|
||||
.min(6, "Password must be at least 6 characters")
|
||||
.required("Password is required"),
|
||||
});
|
||||
|
||||
function SigninForm() {
|
||||
return (
|
||||
<>
|
||||
<Formik
|
||||
initialValues={initialValues}
|
||||
validationSchema={SigninFormSchema}
|
||||
onSubmit={(fields) => {
|
||||
alert(
|
||||
"SUCCESS!! :-)\n\n" + JSON.stringify(fields, null, 4)
|
||||
);
|
||||
}}
|
||||
>
|
||||
{({ errors, status, touched }) => (
|
||||
<Form>
|
||||
<div className="row">
|
||||
|
||||
<div className="col-12 mb-3 d-flex justify-content-around">
|
||||
<input type="radio" id="html" className="d-none" name="fav_language" value="HTML" />
|
||||
<label className="auth-icon-label" for="html">
|
||||
<AuthIcon isActive={true} title="Consumer" icon="user" />
|
||||
</label>
|
||||
<input className="d-none" type="radio" id="css" name="fav_language" value="CSS" />
|
||||
<label className="auth-icon-label" for="css">
|
||||
<AuthIcon title="Employee" icon="address-card" />
|
||||
</label>
|
||||
<input className="d-none" type="radio" id="javascript" name="fav_language" value="JavaScript" />
|
||||
<label className="auth-icon-label" for="javascript">
|
||||
<AuthIcon title="Plumber" icon="gear" />
|
||||
</label>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="col-12 mb-3">
|
||||
<label className="form-label">Email</label>
|
||||
<Field
|
||||
name="email"
|
||||
type="text"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.email && touched.email
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="email"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div className="col-12 mb-3">
|
||||
<label className="form-label">Password</label>
|
||||
<Field
|
||||
name="password"
|
||||
type="text"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.password && touched.password
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="password"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-6">
|
||||
<div className="form-check">
|
||||
<Field
|
||||
type="checkbox"
|
||||
name="acceptTerms"
|
||||
className={
|
||||
"form-check-input "
|
||||
}
|
||||
/>
|
||||
<label
|
||||
className="form-check-label"
|
||||
>
|
||||
Remember me
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-6 text-end">
|
||||
<Link href="/reset">
|
||||
<a>Forgot Password?</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-3 d-grid gap-2">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary mr-2"
|
||||
>
|
||||
Sign In
|
||||
</button>
|
||||
</div>
|
||||
</Form>
|
||||
)}
|
||||
</Formik>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default SigninForm;
|
||||
@@ -0,0 +1,167 @@
|
||||
import { ErrorMessage, Field, Form, Formik } from "formik";
|
||||
import * as Yup from "yup";
|
||||
import AuthIcon from "./authselection/AuthIcon";
|
||||
import Link from "next/link";
|
||||
|
||||
const initialValues = {
|
||||
fullName: "",
|
||||
email: "",
|
||||
password: "",
|
||||
acceptTerms: false,
|
||||
};
|
||||
|
||||
const SignupFormSchema = Yup.object().shape({
|
||||
fullName: Yup.string().required("Full is required"),
|
||||
email: Yup.string().email("Email is invalid").required("Email is required"),
|
||||
password: Yup.string()
|
||||
.min(6, "Password must be at least 6 characters")
|
||||
.required("Password is required"),
|
||||
acceptTerms: Yup.bool().oneOf([true], "Accept Ts & Cs is required"),
|
||||
});
|
||||
|
||||
function SignupForm() {
|
||||
return (
|
||||
<>
|
||||
<Formik
|
||||
initialValues={initialValues}
|
||||
|
||||
onSubmit={(fields) => {
|
||||
alert(
|
||||
"SUCCESS!! :-)\n\n" + JSON.stringify(fields, null, 4)
|
||||
);
|
||||
}}
|
||||
>
|
||||
{({ errors, status, touched }) => (
|
||||
<Form>
|
||||
<div className="row">
|
||||
|
||||
<div className="col-12 mb-1 d-flex justify-content-around">
|
||||
<input type="radio" id="html" className="d-none" name="fav_language" value="HTML" />
|
||||
<label className="auth-icon-label" for="html">
|
||||
<AuthIcon isActive={true} title="Consumer" icon="user" />
|
||||
</label>
|
||||
<input className="d-none" type="radio" id="css" name="fav_language" value="CSS" />
|
||||
<label className="auth-icon-label" for="css">
|
||||
<AuthIcon title="Employee" icon="address-card" />
|
||||
</label>
|
||||
<input className="d-none" type="radio" id="javascript" name="fav_language" value="JavaScript" />
|
||||
<label className="auth-icon-label" for="javascript">
|
||||
<AuthIcon title="Plumber" icon="gear" />
|
||||
</label>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="col-12 mb-1">
|
||||
<label className="form-label">Name</label>
|
||||
<Field
|
||||
name="name"
|
||||
type="text"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.email && touched.email
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="name"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-12 mb-1">
|
||||
<label className="form-label">Email</label>
|
||||
<Field
|
||||
name="email"
|
||||
type="text"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.email && touched.email
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="email"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="col-12 mb-1">
|
||||
<label className="form-label">Number</label>
|
||||
<Field
|
||||
name="number"
|
||||
type="number"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.email && touched.email
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="number"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div className="col-12 mb-1">
|
||||
<label className="form-label">Password</label>
|
||||
<Field
|
||||
name="password"
|
||||
type="text"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.password && touched.password
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="password"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-6">
|
||||
<div className="form-check">
|
||||
<Field
|
||||
type="checkbox"
|
||||
name="acceptTerms"
|
||||
className={
|
||||
"form-check-input "
|
||||
}
|
||||
/>
|
||||
<label
|
||||
className="form-check-label"
|
||||
>
|
||||
Remember me
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-6 text-end">
|
||||
<Link href="/reset">
|
||||
<a>Forgot Password?</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-1 d-grid gap-2">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary mr-2"
|
||||
>
|
||||
Sign Up
|
||||
</button>
|
||||
</div>
|
||||
</Form>
|
||||
)}
|
||||
</Formik>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default SignupForm;
|
||||
@@ -0,0 +1,97 @@
|
||||
import { ErrorMessage, Field, Form, Formik } from "formik";
|
||||
import * as Yup from "yup";
|
||||
|
||||
const initialValues = {
|
||||
fullName: "",
|
||||
photo: "",
|
||||
};
|
||||
|
||||
const UpdateAvatarSchema = Yup.object().shape({
|
||||
fullName: Yup.string().required("Full Name is required"),
|
||||
photo: Yup.string().required("Photo required"),
|
||||
});
|
||||
|
||||
function UpdateAvatar() {
|
||||
return (
|
||||
<>
|
||||
<Formik
|
||||
initialValues={initialValues}
|
||||
validationSchema={UpdateAvatarSchema}
|
||||
onSubmit={(fields) => {
|
||||
alert(
|
||||
"SUCCESS!! :-)\n\n" + JSON.stringify(fields, null, 4)
|
||||
);
|
||||
}}
|
||||
>
|
||||
{({ errors, status, touched }) => (
|
||||
<Form>
|
||||
<div className="row">
|
||||
<div className="col-12 mb-3">
|
||||
<label className="form-label">Full Name</label>
|
||||
<Field
|
||||
name="fullName"
|
||||
type="text"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.fullName && touched.fullName
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="fullName"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-xxl-12">
|
||||
<div className="d-flex align-items-center mb-3">
|
||||
<img
|
||||
className="me-3 rounded-circle me-0 me-sm-3"
|
||||
src="images/profile/3.png"
|
||||
width="55"
|
||||
height="55"
|
||||
alt=""
|
||||
/>
|
||||
<div className="media-body">
|
||||
<h4 className="mb-0">Jannatul Maowa</h4>
|
||||
<p className="mb-0">
|
||||
Max file size is 20mb
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<Field
|
||||
name="photo"
|
||||
type="file"
|
||||
className={
|
||||
|
||||
(errors.photo && touched.photo
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="photo"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-3">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary mr-2"
|
||||
>
|
||||
Save
|
||||
</button>
|
||||
</div>
|
||||
</Form>
|
||||
)}
|
||||
</Formik>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default UpdateAvatar;
|
||||
@@ -0,0 +1,83 @@
|
||||
import { ErrorMessage, Field, Form, Formik } from "formik";
|
||||
import * as Yup from "yup";
|
||||
|
||||
const initialValues = {
|
||||
email: "",
|
||||
password: "",
|
||||
};
|
||||
|
||||
const UpdateInfoSchema = Yup.object().shape({
|
||||
email: Yup.string().email("Email is invalid").required("Email is required"),
|
||||
password: Yup.string()
|
||||
.min(6, "Password must be at least 6 characters")
|
||||
.required("Password is required"),
|
||||
});
|
||||
|
||||
function UpdateInfo() {
|
||||
return (
|
||||
<>
|
||||
<Formik
|
||||
initialValues={initialValues}
|
||||
validationSchema={UpdateInfoSchema}
|
||||
onSubmit={(fields) => {
|
||||
alert(
|
||||
"SUCCESS!! :-)\n\n" + JSON.stringify(fields, null, 4)
|
||||
);
|
||||
}}
|
||||
>
|
||||
{({ errors, status, touched }) => (
|
||||
<Form>
|
||||
<div className="row">
|
||||
<div className="col-12 mb-3">
|
||||
<label className="form-label">Email</label>
|
||||
<Field
|
||||
name="email"
|
||||
type="text"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.email && touched.email
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="email"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-12 mb-3">
|
||||
<label className="form-label">Password</label>
|
||||
<Field
|
||||
name="password"
|
||||
type="text"
|
||||
className={
|
||||
"form-control" +
|
||||
(errors.password && touched.password
|
||||
? " is-invalid"
|
||||
: "")
|
||||
}
|
||||
/>
|
||||
<ErrorMessage
|
||||
name="password"
|
||||
component="div"
|
||||
className="invalid-feedback"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-3">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary mr-2"
|
||||
>
|
||||
Save
|
||||
</button>
|
||||
</div>
|
||||
</Form>
|
||||
)}
|
||||
</Formik>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default UpdateInfo;
|
||||
@@ -0,0 +1,16 @@
|
||||
import React from 'react'
|
||||
|
||||
function AuthIcon({title,icon,isActive=false}) {
|
||||
return (
|
||||
<div className={`align-items-center d-flex justify-content-center text-center flex-column `}>
|
||||
<div style={{fontSize:'25px',width:'50px',height:'50px'}} className=' text-center'>
|
||||
<i className={`px-2 fa-solid w-100 align-items-center d-flex justify-content-center h-100 fa-${icon} ${isActive ? 'auth-select-icon bg-primary text-white':''}`}></i>
|
||||
</div>
|
||||
<div className='font-13'>
|
||||
{title}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default AuthIcon
|
||||
@@ -0,0 +1,59 @@
|
||||
import Tab from 'react-bootstrap/Tab';
|
||||
import Tabs from 'react-bootstrap/Tabs';
|
||||
import SigninForm from '../SigninForm';
|
||||
import React from 'react';
|
||||
|
||||
|
||||
function Layoutform({ doughnutData }) {
|
||||
const [key, setKey] = React.useState('consumer');
|
||||
return (
|
||||
<React.Fragment>
|
||||
|
||||
|
||||
<Tabs
|
||||
defaultActiveKey="profile"
|
||||
id="justify-tab-example"
|
||||
className="mb-3 biz-tab-main"
|
||||
onSelect={(k) => setKey(k)}
|
||||
value={key}
|
||||
>
|
||||
<Tab className='border-bottom biz-tab-item selectedtab-biz' eventKey="consumer" title={ <div>
|
||||
<div>
|
||||
<i className="px-2 fa-solid fa-user"></i>
|
||||
</div>
|
||||
<div>
|
||||
Consumer
|
||||
</div>
|
||||
</div>
|
||||
}>
|
||||
<SigninForm />
|
||||
</Tab>
|
||||
|
||||
<Tab className='border-bottom biz-tab-item' eventKey="employee" title={ <div>
|
||||
<div>
|
||||
<i className="px-2 fa-solid fa-user"></i>
|
||||
</div>
|
||||
<div>
|
||||
Employee
|
||||
</div>
|
||||
</div>
|
||||
} >
|
||||
<SigninForm />
|
||||
</Tab>
|
||||
<Tab className='border-bottom biz-tab-item' eventKey="plumber" title={ <div>
|
||||
<div>
|
||||
<i className="px-2 fa-solid fa-gear"></i>
|
||||
</div>
|
||||
<div>
|
||||
Plumber
|
||||
</div>
|
||||
</div>
|
||||
}>
|
||||
<SigninForm />
|
||||
</Tab>
|
||||
|
||||
</Tabs>
|
||||
</React.Fragment>
|
||||
);
|
||||
}
|
||||
export default Layoutform;
|
||||
@@ -0,0 +1,251 @@
|
||||
import Link from "next/link";
|
||||
import { DropdownMenu, DropdownToggle, UncontrolledDropdown } from "reactstrap";
|
||||
function Header() {
|
||||
return (
|
||||
<>
|
||||
<div className="header">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xxl-12">
|
||||
<div className="header-content">
|
||||
<div className="">
|
||||
|
||||
<div className="search">
|
||||
<form action="#">
|
||||
{/* <div className="input-group">
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
placeholder="Search Here"
|
||||
/>
|
||||
<span className="input-group-text">
|
||||
<i className="ri-search-line"></i>
|
||||
</span>
|
||||
</div> */}
|
||||
|
||||
<div className="d-flex align-items-center gap-2 ">
|
||||
<a className="full-logo">
|
||||
<img style={{width:'200px'}} src="./images/kerala/keralawater.png" alt="" width="30" />
|
||||
</a>
|
||||
{/* <h1 className="p-0 m-0">Kerala Water Authority</h1> */}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="header-right">
|
||||
<div
|
||||
className="dark-light-toggle"
|
||||
onclick="themeToggle()"
|
||||
>
|
||||
<span className="dark">
|
||||
<i className="ri-moon-line"></i>
|
||||
</span>
|
||||
<span className="light">
|
||||
<i className="ri-sun-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<UncontrolledDropdown
|
||||
tag="div"
|
||||
className="nav-item dropdown notification"
|
||||
>
|
||||
<DropdownToggle
|
||||
tag="div"
|
||||
data-toggle="dropdown"
|
||||
>
|
||||
<div className="notify-bell icon-menu">
|
||||
<span>
|
||||
<i className="ri-notification-2-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
</DropdownToggle>
|
||||
<DropdownMenu
|
||||
right
|
||||
className="dropdown-menu notification-list"
|
||||
>
|
||||
<h4>Recent Notification</h4>
|
||||
<div className="lists">
|
||||
<Link href="#">
|
||||
<a className="">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon success">
|
||||
<i className="ri-check-line"></i>
|
||||
</span>
|
||||
<div>
|
||||
<p>
|
||||
Account
|
||||
created
|
||||
successfully
|
||||
</p>
|
||||
<span>
|
||||
2020-11-04
|
||||
12:00:23
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<Link href="#">
|
||||
<a className="">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon fail">
|
||||
<i className="ri-close-line"></i>
|
||||
</span>
|
||||
<div>
|
||||
<p>
|
||||
2FA
|
||||
verification
|
||||
failed
|
||||
</p>
|
||||
<span>
|
||||
2020-11-04
|
||||
12:00:23
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<Link href="#">
|
||||
<a className="">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon success">
|
||||
<i className="ri-check-line"></i>
|
||||
</span>
|
||||
<div>
|
||||
<p>
|
||||
Device
|
||||
confirmation
|
||||
completed
|
||||
</p>
|
||||
<span>
|
||||
2020-11-04
|
||||
12:00:23
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<Link href="#">
|
||||
<a className="">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon pending">
|
||||
<i className="ri-question-mark"></i>
|
||||
</span>
|
||||
<div>
|
||||
<p>
|
||||
Phone
|
||||
verification
|
||||
pending
|
||||
</p>
|
||||
<span>
|
||||
2020-11-04
|
||||
12:00:23
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<Link href="/notification">
|
||||
<a>
|
||||
More
|
||||
<i className="ri-arrow-right-s-line"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
</DropdownMenu>
|
||||
</UncontrolledDropdown>
|
||||
|
||||
<UncontrolledDropdown
|
||||
tag="div"
|
||||
className="dropdown profile_log"
|
||||
>
|
||||
<DropdownToggle
|
||||
tag="div"
|
||||
data-toggle="dropdown"
|
||||
>
|
||||
<div className="user icon-menu ">
|
||||
<span>
|
||||
<i className="ri-user-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
</DropdownToggle>
|
||||
<DropdownMenu
|
||||
right
|
||||
className="dropdown-menu"
|
||||
>
|
||||
<div className="user-email">
|
||||
<div className="user">
|
||||
<span className="thumb">
|
||||
<img
|
||||
src="./images/profile/3.png"
|
||||
alt=""
|
||||
/>
|
||||
</span>
|
||||
<div className="user-info">
|
||||
<h5>Jannatul Maowa</h5>
|
||||
<span>
|
||||
Intez.inc@gmail.com
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Link href="/profile">
|
||||
<a className="dropdown-item">
|
||||
<span>
|
||||
<i className="ri-user-line"></i>
|
||||
</span>
|
||||
Profile
|
||||
</a>
|
||||
</Link>
|
||||
<Link href="/balance">
|
||||
<a className="dropdown-item">
|
||||
<span>
|
||||
<i className="ri-wallet-line"></i>
|
||||
</span>
|
||||
Balance
|
||||
</a>
|
||||
</Link>
|
||||
<Link href="/settings-profile">
|
||||
<a className="dropdown-item">
|
||||
<span>
|
||||
<i className="ri-settings-3-line"></i>
|
||||
</span>
|
||||
Settings
|
||||
</a>
|
||||
</Link>
|
||||
<Link href="/settings-activity">
|
||||
<a className="dropdown-item">
|
||||
<span>
|
||||
<i className="ri-time-line"></i>
|
||||
</span>
|
||||
Activity
|
||||
</a>
|
||||
</Link>
|
||||
<Link href="/lock">
|
||||
<a className="dropdown-item">
|
||||
<span>
|
||||
<i className="ri-lock-line"></i>
|
||||
</span>
|
||||
Lock
|
||||
</a>
|
||||
</Link>
|
||||
<Link href="/signin">
|
||||
<a className="dropdown-item logout">
|
||||
<i className="ri-logout-circle-line"></i>
|
||||
Logout
|
||||
</a>
|
||||
</Link>
|
||||
</DropdownMenu>
|
||||
</UncontrolledDropdown>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Header;
|
||||
@@ -0,0 +1,41 @@
|
||||
import Link from "next/link";
|
||||
function HeaderLanding() {
|
||||
return (
|
||||
<>
|
||||
<div className="header landing">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-12">
|
||||
<nav className="navbar">
|
||||
<div className="brand-logo">
|
||||
<Link href="/">
|
||||
<a>
|
||||
<img src="./images/logo.png" alt="" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="header-right">
|
||||
<div
|
||||
className="dark-light-toggle"
|
||||
onclick="themeToggle()"
|
||||
>
|
||||
<span className="dark">
|
||||
<i className="icofont-moon"></i>
|
||||
</span>
|
||||
<span className="light">
|
||||
<i className="icofont-sun-alt"></i>
|
||||
</span>
|
||||
</div>
|
||||
<a href="#" className="btn btn-primary">
|
||||
Buy
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default HeaderLanding;
|
||||
@@ -0,0 +1,46 @@
|
||||
import { useEffect, useState } from "react";
|
||||
import Header from "./Header";
|
||||
import PageHead from "./PageHead";
|
||||
import PageTitle from "./PageTitle";
|
||||
import Sidebar from "./sidebar";
|
||||
|
||||
const Layout = ({
|
||||
headTitle,
|
||||
children,
|
||||
pageTitle,
|
||||
pageTitleSub,
|
||||
pageClass,
|
||||
parent,
|
||||
child,
|
||||
}) => {
|
||||
const [height, setHeight] = useState();
|
||||
useEffect(() => {
|
||||
setHeight(window.screen.height);
|
||||
}, []);
|
||||
return (
|
||||
<>
|
||||
<PageHead headTitle={headTitle} />
|
||||
<div id="main-wrapper" className={pageClass}>
|
||||
<Header />
|
||||
<Sidebar />
|
||||
|
||||
<div className="content-body" style={{ minHeight: height - 122 }}>
|
||||
|
||||
<div className="container ">
|
||||
{pageTitle && (
|
||||
<PageTitle
|
||||
pageTitle={pageTitle}
|
||||
pageTitleSub={pageTitleSub}
|
||||
parent={parent}
|
||||
child={child}
|
||||
/>
|
||||
)}
|
||||
{children}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default Layout;
|
||||
@@ -0,0 +1,14 @@
|
||||
import Head from "next/head";
|
||||
function PageHead({headTitle}) {
|
||||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>
|
||||
{headTitle ? headTitle : "Intez - Dashboard React App"}
|
||||
</title>
|
||||
<link rel="icon" href="/favicon.png" />
|
||||
</Head>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default PageHead;
|
||||
@@ -0,0 +1,26 @@
|
||||
function PageTitle({ pageTitle, pageTitleSub, parent, child }) {
|
||||
return (
|
||||
<>
|
||||
<div className="page-title">
|
||||
<div className="row align-items-center justify-content-between">
|
||||
<div className="col-6 d-none d-md-block">
|
||||
<div className="page-title-content">
|
||||
<h3>{pageTitle}</h3>
|
||||
<p className="mb-2">{pageTitleSub}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-auto">
|
||||
<div className="breadcrumbs">
|
||||
<a href="#">{parent} </a>
|
||||
<span>
|
||||
<i className="ri-arrow-right-s-line"></i>
|
||||
</span>
|
||||
<a href="#">{child}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default PageTitle;
|
||||
@@ -0,0 +1,82 @@
|
||||
import Link from "next/link";
|
||||
import { useRouter } from "next/router";
|
||||
|
||||
function SettingsMenu() {
|
||||
const router = useRouter();
|
||||
return (
|
||||
<>
|
||||
{/* <li className={router.pathname == "/" ? "active" : ""}>
|
||||
<Link href="/">
|
||||
<a>
|
||||
<span>
|
||||
<i className="bi bi-house"></i>
|
||||
</span>
|
||||
<span className="nav-text">Dashboard</span>
|
||||
</a>
|
||||
</Link>
|
||||
</li> */}
|
||||
|
||||
<ul className="settings-menu">
|
||||
<li
|
||||
className={
|
||||
router.pathname == "/settings-profile" ? "active" : ""
|
||||
}
|
||||
>
|
||||
<Link href="/settings-profile">
|
||||
<a>Profile</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li
|
||||
className={
|
||||
router.pathname == "/settings-application"
|
||||
? "active"
|
||||
: ""
|
||||
}
|
||||
>
|
||||
<Link href="/settings-application">
|
||||
<a>Application</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li
|
||||
className={
|
||||
router.pathname == "/settings-security" ? "active" : ""
|
||||
}
|
||||
>
|
||||
<Link href="/settings-security">
|
||||
<a>Security</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li
|
||||
className={
|
||||
router.pathname == "/settings-activity" ? "active" : ""
|
||||
}
|
||||
>
|
||||
<Link href="/settings-activity">
|
||||
<a>Activity</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li
|
||||
className={
|
||||
router.pathname == "/settings-payment-method"
|
||||
? "active"
|
||||
: ""
|
||||
}
|
||||
>
|
||||
<Link href="/settings-payment-method">
|
||||
<a>Payment Method</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li
|
||||
className={
|
||||
router.pathname == "/settings-api" ? "active" : ""
|
||||
}
|
||||
>
|
||||
<Link href="/settings-api">
|
||||
<a>API</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default SettingsMenu;
|
||||
@@ -0,0 +1,199 @@
|
||||
import Link from "next/link";
|
||||
import { useRouter } from "next/router";
|
||||
import React from 'react';
|
||||
|
||||
function Sidebar() {
|
||||
const router = useRouter();
|
||||
return (
|
||||
<>
|
||||
<div className="sidebar">
|
||||
<div className="brand-logo">
|
||||
|
||||
{/* <Link href="/">
|
||||
<a className="mini-logo">
|
||||
<img src="./images/logoi.png" alt="" width="40" />
|
||||
</a>
|
||||
</Link> */}
|
||||
</div>
|
||||
<div className="menu">
|
||||
<ul>
|
||||
<li className={`${router.pathname == "/" ? "active" : ""} align-items-center d-flex flex-column justify-content-center`}>
|
||||
<Link href="/">
|
||||
<span>
|
||||
<a>
|
||||
<span>
|
||||
<i className="ri-home-5-line"></i>
|
||||
|
||||
</span>
|
||||
|
||||
|
||||
</a>
|
||||
<span className="text-white">Home</span>
|
||||
</span>
|
||||
</Link>
|
||||
</li>
|
||||
<li
|
||||
className={
|
||||
` align-items-center d-flex flex-column justify-content-center`
|
||||
}
|
||||
>
|
||||
<Link href="/water">
|
||||
|
||||
<span >
|
||||
<a>
|
||||
<span>
|
||||
<i className="fa-solid fa-droplet"></i>
|
||||
</span>
|
||||
|
||||
</a>
|
||||
<span className="text-white">Water</span>
|
||||
</span>
|
||||
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li
|
||||
className={
|
||||
`align-items-center d-flex flex-column justify-content-center`
|
||||
}
|
||||
>
|
||||
<Link href="/services">
|
||||
|
||||
<span className="d-flex flex-column align-items-center">
|
||||
<a>
|
||||
<span>
|
||||
<i class="fa-solid fa-screwdriver-wrench"></i>
|
||||
</span>
|
||||
|
||||
</a>
|
||||
<span className="text-white">Services</span>
|
||||
</span>
|
||||
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li
|
||||
className={
|
||||
`${ router.pathname == "/bill"
|
||||
? "active"
|
||||
: ""} align-items-center d-flex flex-column justify-content-center`
|
||||
}
|
||||
>
|
||||
<Link href="/bill">
|
||||
<span className="d-flex flex-column align-items-center">
|
||||
<a>
|
||||
<span>
|
||||
<i className="ri-wallet-line"></i>
|
||||
</span>
|
||||
|
||||
</a>
|
||||
<span className="text-white">Payment</span>
|
||||
</span>
|
||||
</Link>
|
||||
</li>
|
||||
<li
|
||||
className={
|
||||
`${router.pathname == "/signin"
|
||||
? "active"
|
||||
: " logout"} d-none d-md-block`
|
||||
}
|
||||
>
|
||||
<Link href="/signin">
|
||||
<a>
|
||||
<span>
|
||||
<i className="ri-logout-circle-line"></i>
|
||||
</span>
|
||||
<span className="nav-text">Signout</span>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="card-limit-progress">
|
||||
<div className="d-flex justify-content-between align-items-center mb-3">
|
||||
<div className="flex-grow-2 me-3">
|
||||
<div className="d-flex justify-content-between mb-1">
|
||||
<h5 className="mb-1">Visa</h5>
|
||||
<p className="mb-0">
|
||||
<strong>75% </strong>
|
||||
</p>
|
||||
</div>
|
||||
<div className="progress">
|
||||
<div
|
||||
className="progress-bar bg-light"
|
||||
role="progressbar"
|
||||
style={{
|
||||
width: "75%",
|
||||
}}
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="d-flex justify-content-between align-items-center mb-3">
|
||||
<div className="flex-grow-2 me-3">
|
||||
<div className="d-flex justify-content-between mb-1">
|
||||
<h5 className="mb-1">Master</h5>
|
||||
<p className="mb-0">
|
||||
<strong>65% </strong>
|
||||
</p>
|
||||
</div>
|
||||
<div className="progress">
|
||||
<div
|
||||
className="progress-bar bg-white"
|
||||
role="progressbar"
|
||||
style={{
|
||||
width: "65%",
|
||||
}}
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="d-flex justify-content-between align-items-center mb-3">
|
||||
<div className="flex-grow-2 me-3">
|
||||
<div className="d-flex justify-content-between mb-1">
|
||||
<h5 className="mb-1">Paypal</h5>
|
||||
<p className="mb-0">
|
||||
<strong>50% </strong>
|
||||
</p>
|
||||
</div>
|
||||
<div className="progress">
|
||||
<div
|
||||
className="progress-bar bg-white"
|
||||
role="progressbar"
|
||||
style={{
|
||||
width: "50%",
|
||||
}}
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="d-flex justify-content-between align-items-center mb-2">
|
||||
<div className="flex-grow-2 me-3">
|
||||
<div className="d-flex justify-content-between mb-1">
|
||||
<h5 className="mb-1">Amex</h5>
|
||||
<p className="mb-0">
|
||||
<strong>20% </strong>
|
||||
</p>
|
||||
</div>
|
||||
<div className="progress">
|
||||
<div
|
||||
className="progress-bar bg-white"
|
||||
role="progressbar"
|
||||
style={{
|
||||
width: "20%",
|
||||
}}
|
||||
>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Sidebar;
|
||||
@@ -0,0 +1,165 @@
|
||||
import React from 'react'
|
||||
|
||||
function InvoiceKPI({num}) {
|
||||
|
||||
|
||||
return (
|
||||
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Previous Invoices</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
|
||||
<div className="invoice-table">
|
||||
<div className="table-responsive">
|
||||
<table className="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</th>
|
||||
<th>Client</th>
|
||||
<th>Amount</th>
|
||||
<th>Status</th>
|
||||
<th>Due</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="/images/avatar/1.jpg"
|
||||
alt=""
|
||||
width="30"
|
||||
className="me-2"
|
||||
/>
|
||||
Weston P. Thomas
|
||||
</td>
|
||||
<td>₹7000</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Paid
|
||||
</span>
|
||||
</td>
|
||||
<td>February 16, 2021</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="/images/avatar/2.jpg"
|
||||
alt=""
|
||||
width="30"
|
||||
className="me-2"
|
||||
/>
|
||||
William D. Gibson
|
||||
</td>
|
||||
<td>₹650</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Paid
|
||||
</span>
|
||||
</td>
|
||||
<td>December 21, 2021</td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="/images/avatar/5.jpg"
|
||||
alt=""
|
||||
width="30"
|
||||
className="me-2"
|
||||
/>
|
||||
Terry P. Camacho
|
||||
</td>
|
||||
<td>₹465</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-danger">
|
||||
Cancel
|
||||
</span>
|
||||
</td>
|
||||
<td>November 26, 2021</td>
|
||||
</tr>
|
||||
|
||||
{num?<React.Fragment>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="/images/avatar/5.jpg"
|
||||
alt=""
|
||||
width="30"
|
||||
className="me-2"
|
||||
/>
|
||||
Terry P. Camacho
|
||||
</td>
|
||||
<td>₹645</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-danger">
|
||||
Cancel
|
||||
</span>
|
||||
</td>
|
||||
<td>November 26, 2021</td>
|
||||
</tr>
|
||||
|
||||
</React.Fragment>:null}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
)
|
||||
}
|
||||
|
||||
export default InvoiceKPI
|
||||
@@ -0,0 +1,24 @@
|
||||
import React from 'react'
|
||||
|
||||
function NewConnection() {
|
||||
return (
|
||||
<div className="col-xl-12 col-lg-12">
|
||||
{/* </div> <div className="col-xl-6 col-lg-6"> */}
|
||||
<div className="card">
|
||||
<div className="card-body">
|
||||
<div className='d-flex flex-column align-items-center'>
|
||||
<div className='water-connection'>
|
||||
<img src='./images/kerala/tap.jpg' className='w-100 h-100' />
|
||||
</div>
|
||||
<div className='d-flex flex-column pt-3'>
|
||||
<span className='text-dark' style={{fontSize:'20px'}}> </span>
|
||||
<button className="btn bg-primary br-btn">Click here for new Connection</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default NewConnection
|
||||
@@ -0,0 +1,49 @@
|
||||
import React from 'react'
|
||||
|
||||
function PaymentAddKPI() {
|
||||
return (
|
||||
|
||||
<div className="card">
|
||||
{/* <div className="card-header">
|
||||
<h4 className="card-title">Stats</h4>
|
||||
</div> */}
|
||||
<div className="card-body">
|
||||
<div>
|
||||
<h3>Your Wallet</h3>
|
||||
</div>
|
||||
<hr />
|
||||
<div>
|
||||
<h1 className='p-0 m-0'>₹0.00</h1>
|
||||
<span className='font-14'>Your Current Balance</span>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div>
|
||||
<div className='text-dark'>Add money to wallet</div>
|
||||
<span style={{fontSize:'10px'}}>We recommend to recharge your Wallet with <span className='text-success'>₹500.00</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="py-4 position-relative">
|
||||
<span style={{top:'30px'}} className="align-items-center pl-2 position-absolute pt-2">
|
||||
<span className='px-2'>₹</span>
|
||||
</span>
|
||||
|
||||
<input type="number" className="form-control hs_borderRadius-4 pl-4" />
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button className='btn bg-primary br-btn'>Proceed</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
)
|
||||
}
|
||||
|
||||
export default PaymentAddKPI
|
||||
@@ -0,0 +1,29 @@
|
||||
import React from 'react'
|
||||
|
||||
function PaymentKPI() {
|
||||
return (
|
||||
<div className="col-xxl-12 col-xl-6 col-lg-12">
|
||||
<div id="user-activity" className="card" data-aos="fade-up">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Amount To Be Paid</h4>
|
||||
</div>
|
||||
|
||||
<div className="card-body">
|
||||
|
||||
<div className='d-flex justify-content-between '>
|
||||
{/* <div className='text-dark'>Amount To Be Paid</div> */}
|
||||
<div className='d-flex justify-content-center align-items-center'><div className='pb-0 text-danger' style={{fontWeight:'900',fontSize:'1.3rem'}}>₹14000</div></div>
|
||||
<div className='d-flex justify-content-end '>
|
||||
<button className='btn bg-primary br-btn'>Pay Now</button>
|
||||
</div>
|
||||
</div>
|
||||
{/* <div className='d-flex justify-content-end pt-2 '>
|
||||
<button className='btn bg-primary br-btn'>Pay Now</button>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default PaymentKPI
|
||||
@@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
function PrevPayment() {
|
||||
return (
|
||||
<div>PrevPayment</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default PrevPayment
|
||||
Whitespace-only changes.
@@ -0,0 +1,22 @@
|
||||
import React from 'react'
|
||||
|
||||
function SupportKPI() {
|
||||
return (
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6">
|
||||
<div id="user-activity" className="card" data-aos="fade-up">
|
||||
|
||||
<div className="card-body">
|
||||
|
||||
<div>
|
||||
<img src='./images/kerala/support.png' className='w-100 h-100' />
|
||||
</div>
|
||||
<div className='d-flex justify-content-around py-2'>
|
||||
<button className='btn bg-primary br-btn'>Create Support Ticket</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default SupportKPI
|
||||
@@ -0,0 +1 @@
|
||||
export const COMPANY_NAME = 'kerala water board';
|
||||
Generated
+9117
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,32 @@
|
||||
{
|
||||
"name": "Intez",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev -p 5000",
|
||||
"build": "next build",
|
||||
"start": "next start",
|
||||
"sass": "node-sass --watch public/scss/style.scss public/css/style.css --source-map public/css/style.css.map"
|
||||
},
|
||||
"dependencies": {
|
||||
"@fortawesome/fontawesome-svg-core": "^6.4.2",
|
||||
"bootstrap": "^5.3.2",
|
||||
"chart.js": "^2.9.4",
|
||||
"formik": "^2.2.6",
|
||||
"next": "10.0.9",
|
||||
"node-sass": "^5.0.0",
|
||||
"react": "17.0.2",
|
||||
"react-bootstrap": "^2.9.1",
|
||||
"react-chartjs-2": "^2.11.1",
|
||||
"react-dom": "17.0.2",
|
||||
"react-perfect-scrollbar": "^1.5.8",
|
||||
"react-redux": "^7.2.3",
|
||||
"reactstrap": "^8.9.0",
|
||||
"redux": "^4.0.5",
|
||||
"redux-thunk": "^2.3.0",
|
||||
"yup": "^0.32.9"
|
||||
},
|
||||
"devDependencies": {
|
||||
"sass": "^1.69.5"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
import { Provider } from 'react-redux';
|
||||
import '../public/css/style.css';
|
||||
import store from '../redux/store';
|
||||
import 'react-perfect-scrollbar/dist/css/styles.css';
|
||||
import Head from 'next/head';
|
||||
|
||||
|
||||
function MyApp({ Component, pageProps }) {
|
||||
return (
|
||||
<Provider store={store}>
|
||||
<Head>
|
||||
<script
|
||||
src="https://kit.fontawesome.com/15e70ec3fb.js"
|
||||
crossOrigin="anonymous"
|
||||
></script>
|
||||
</Head>
|
||||
<Component {...pageProps} />
|
||||
|
||||
</Provider>
|
||||
)
|
||||
}
|
||||
|
||||
export default MyApp
|
||||
@@ -0,0 +1,5 @@
|
||||
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
|
||||
|
||||
export default (req, res) => {
|
||||
res.status(200).json({ name: 'John Doe' })
|
||||
}
|
||||
@@ -0,0 +1,178 @@
|
||||
import { useState } from "react";
|
||||
import { connect } from "react-redux";
|
||||
import Bills from '../components/elements/Bills';
|
||||
import Layout from "../components/layout/Layout";
|
||||
import LineInvestment from "./../components/chart/LineInvestment";
|
||||
import BalanceDetails from './../components/elements/BalanceDetails';
|
||||
|
||||
function Balance({ investmentData }) {
|
||||
const [open, setOpen] = useState("a1");
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Wallet"
|
||||
pageTitle="Wallet"
|
||||
pageTitleSub={"Welcome Intez Wallet page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Home"}
|
||||
child={"Wallet"}
|
||||
>
|
||||
<div className="row">
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Balance Details</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<BalanceDetails/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Bills</h4>
|
||||
<a href="#">See More</a>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<Bills/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-8 col-xl-8 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Investment</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
|
||||
<LineInvestment
|
||||
investmentData={investmentData}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className=" col-xxl-4 col-xl-4 col-lg-6">
|
||||
<div className="row">
|
||||
<div className="col-xxl-12 col-xl-12 col-lg-12">
|
||||
<div className="credit-card visa">
|
||||
<div className="type-brand">
|
||||
<h4>Debit Card</h4>
|
||||
<img
|
||||
src="./images/cc/visa.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div className="cc-number">
|
||||
<h6>1234</h6>
|
||||
<h6>5678</h6>
|
||||
<h6>7890</h6>
|
||||
<h6>9875</h6>
|
||||
</div>
|
||||
<div className="cc-holder-exp">
|
||||
<h5>Saiful Islam</h5>
|
||||
<div className="exp">
|
||||
<span>EXP:</span>
|
||||
<strong>12/21</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="cc-info">
|
||||
<div className="row justify-content-between align-items-center">
|
||||
<div className="col-5">
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Status</p>
|
||||
<p>
|
||||
<strong>Active</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Currency</p>
|
||||
<p>
|
||||
<strong>USD</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-7">
|
||||
<div className="d-flex justify-content-between">
|
||||
<div className="ms-3">
|
||||
<p>Credit Limit</p>
|
||||
<p>
|
||||
<strong>
|
||||
2000 USD
|
||||
</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div id="circle1"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-12 col-xl-12 col-lg-12">
|
||||
<div className="credit-card payoneer">
|
||||
<div className="type-brand">
|
||||
<h4>Debit Card</h4>
|
||||
<img
|
||||
src="./images/cc/payoneer.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div className="cc-number">
|
||||
<h6>1234</h6>
|
||||
<h6>5678</h6>
|
||||
<h6>7890</h6>
|
||||
<h6>9875</h6>
|
||||
</div>
|
||||
<div className="cc-holder-exp">
|
||||
<h5>Saiful Islam</h5>
|
||||
<div className="exp">
|
||||
<span>EXP:</span>
|
||||
<strong>12/21</strong>
|
||||
</div>
|
||||
</div>
|
||||
<div className="cc-info">
|
||||
<div className="row">
|
||||
<div className="col-5">
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Status</p>
|
||||
<p>
|
||||
<strong>Active</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Currency</p>
|
||||
<p>
|
||||
<strong>USD</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-7">
|
||||
<div className="d-flex justify-content-between">
|
||||
<div className="ms-3">
|
||||
<p>Credit Limit</p>
|
||||
<p>
|
||||
<strong>
|
||||
1500/2000 USD
|
||||
</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div id="circle3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
const mapStateToProps = (state) => ({
|
||||
investmentData: state.LineInvestment.investment,
|
||||
});
|
||||
export default connect(mapStateToProps, {})(Balance);
|
||||
@@ -0,0 +1,98 @@
|
||||
import Layout from "../components/layout/Layout";
|
||||
import InvoiceKPI from "../components/widget/InvoiceKPI";
|
||||
import PaymentAddKPI from "../components/widget/PaymentAddKPI";
|
||||
import StackedBarChart from "./../components/chart/StackedBarChart";
|
||||
|
||||
function Bill() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Payments"
|
||||
pageTitle="Payments"
|
||||
pageTitleSub={"Welcome Intez Payments page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Home"}
|
||||
child={"Payments"}
|
||||
>
|
||||
<div className="row">
|
||||
<div className="col-lg-5">
|
||||
|
||||
<PaymentAddKPI/>
|
||||
|
||||
</div>
|
||||
<div className="col-lg-7">
|
||||
|
||||
<InvoiceKPI num={true}/>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-7">
|
||||
<div
|
||||
id="user-activity"
|
||||
className="card"
|
||||
data-aos="fade-up"
|
||||
>
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Expenses</h4>
|
||||
</div>
|
||||
|
||||
<div className="card-body">
|
||||
<div className="tab-content" id="myTabContent">
|
||||
<StackedBarChart />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-lg-5">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Unpaid Bills</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="unpaid-content">
|
||||
<ul>
|
||||
<li>
|
||||
<p className="mb-0">Service</p>
|
||||
<h5 className="mb-0">Payoneer</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Issued</p>
|
||||
<h5 className="mb-0">
|
||||
March 17, 2021
|
||||
</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Payment Due</p>
|
||||
<h5 className="mb-0">17 Days</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Paid</p>
|
||||
<h5 className="mb-0">0.00</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">
|
||||
Amount to pay
|
||||
</p>
|
||||
<h5 className="mb-0">$ 532.69</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">
|
||||
Payment Method
|
||||
</p>
|
||||
<h5 className="mb-0">Paypal</h5>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Bill;
|
||||
@@ -0,0 +1,101 @@
|
||||
import Layout from "../components/layout/Layout";
|
||||
|
||||
function CreateInvoice() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Create Invoice"
|
||||
pageTitle="Create Invoice"
|
||||
pageTitleSub={"Welcome Intez Create Invoice page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Home"}
|
||||
child={"Create Invoice"}
|
||||
>
|
||||
<div className="row">
|
||||
<div className="col-xl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Create Invoice </h4>
|
||||
<div className="btn-group">
|
||||
<a href="#" className="btn btn-primary">Save</a>
|
||||
<a href="#" className="btn btn-outline-primary">Send</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<form className="invoice-form">
|
||||
<form>
|
||||
<div className="row justify-content-between">
|
||||
<div className="col-xl-3">
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Invoice Name</label>
|
||||
<input type="email" className="form-control" placeholder="Jonaed Bogdadi"/>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Bill To</label>
|
||||
<input type="email" className="form-control"
|
||||
placeholder="Jonaed@bogdad.com "/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3">
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Date</label>
|
||||
<input type="email" className="form-control" placeholder="21/03/2021"/>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Due Date</label>
|
||||
<input type="email" className="form-control" placeholder="28/04/2021"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div className="row">
|
||||
<div className="mb-3 col-xl-6">
|
||||
<label className="form-label">Items</label>
|
||||
<input type="email" className="form-control" placeholder="Wireframe" />
|
||||
</div>
|
||||
<div className=" mb-3 col-xl-3">
|
||||
<label className="form-label">Quantity</label>
|
||||
<input type="email" className="form-control" placeholder="360"/>
|
||||
</div>
|
||||
<div className="mb-3 col-xl-2">
|
||||
<label className="form-label">Price</label>
|
||||
<input type="email" className="form-control" placeholder="82"/>
|
||||
</div>
|
||||
<div className="col-1">
|
||||
<span><i className="ri-close-fill"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="mb-3 col-xl-6">
|
||||
<input type="email" className="form-control" placeholder="High-Fidelity"/>
|
||||
</div>
|
||||
<div className="mb-3 col-xl-3">
|
||||
<input type="email" className="form-control" placeholder="220"/>
|
||||
</div>
|
||||
<div className="mb-3 col-xl-2">
|
||||
<input type="email" className="form-control" placeholder="67"/>
|
||||
</div>
|
||||
<div className="col-1">
|
||||
<span><i className="ri-close-fill"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="add-reset d-flex justify-content-between">
|
||||
<button className="btn btn-outline-primary"><span><i
|
||||
className="bi bi-plus"></i></span>Reset</button>
|
||||
<button className="btn btn-primary"><span><i className="bi bi-plus"></i></span>Add
|
||||
Item</button>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default CreateInvoice;
|
||||
+359
@@ -0,0 +1,359 @@
|
||||
import Link from "next/link";
|
||||
import HeaderLanding from "../components/layout/HeaderLanding";
|
||||
function Demo() {
|
||||
return (
|
||||
<>
|
||||
<HeaderLanding />
|
||||
<div className="intro section-padding" id="intro">
|
||||
<div className="container">
|
||||
<div className="row align-items-center justify-content-between">
|
||||
<div className="col-xl-4 col-md-6">
|
||||
<div className="intro-content my-5">
|
||||
<h1>
|
||||
Intez - Dashboard React App
|
||||
</h1>
|
||||
<p>
|
||||
Intez is the complete UX & UI dashboard for
|
||||
online payment. Here included wallet, payment,
|
||||
invoice, and all user setting pages
|
||||
including profile, application, activity,
|
||||
payment method, api, sign in & sign up etc.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-5 col-md-6 py-md-5">
|
||||
<div className="intro-demo_img">
|
||||
<img
|
||||
src="/images/demo/intez.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="demo section-padding">
|
||||
<div className="container">
|
||||
<div className="row py-lg-5 justify-content-center">
|
||||
<div className="col-xl-7">
|
||||
<div className="section-title text-center">
|
||||
<h2>Pages</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/dashboard.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Dashboard</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/balance">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/wallet.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Wallet</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/bill">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/payment.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Payment</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/invoice">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/invoice.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Invoice</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/create-invoice">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/create-invoice.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Create Invoice</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/notification">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/notification.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Notification</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/settings-profile">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/settings-profile.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Profile Settings</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/profile">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/profile.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>User Profile</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/settings-application">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/settings-application.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Application</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/settings-security">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/settings-security.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Security</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/settings-activity">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/settings-activity.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Activity</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/settings-payment-method">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/settings-payment-method.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Payment Method</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/settings-api">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/settings-api.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Api</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/signin">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/signin.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Sign in Page</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/signup">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/signup.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Sign up page</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="/lock">
|
||||
<a>
|
||||
<div className="img-wrap">
|
||||
<img
|
||||
src="/images/demo/locked.jpg"
|
||||
alt=""
|
||||
className="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Locked Page</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="./otp1" target="_blank"><a>
|
||||
<div className="img-wrap">
|
||||
<img src="./images/demo/otp-1.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>1 of 2-Step-Verification</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="./otp2" target="_blank"><a>
|
||||
<div className="img-wrap">
|
||||
<img src="./images/demo/otp-2.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>2 of 2-Step-Verification</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="./verify-email" target="_blank"><a>
|
||||
<div className="img-wrap">
|
||||
<img src="./images/demo/email-verification.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Email Verification</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xl-4 col-md-4 col-sm-6">
|
||||
<div className="demo_img">
|
||||
<Link href="./reset" target="_blank"><a>
|
||||
<div className="img-wrap">
|
||||
<img src="./images/demo/reset.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
</a>
|
||||
</Link>
|
||||
<h4>Reset Page</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Demo;
|
||||
+355
@@ -0,0 +1,355 @@
|
||||
import { connect } from "react-redux";
|
||||
import DoughnutChart from "../components/chart/DoughnutChart";
|
||||
import BarChart from "../components/chart/LineChart";
|
||||
import Layout from "../components/layout/Layout";
|
||||
import BalanceDetails from "./../components/elements/BalanceDetails";
|
||||
import GoalsBudget from "./../components/elements/GoalsBudget";
|
||||
import TransactionHistory from "./../components/elements/TransactionHistory";
|
||||
import NewConnection from "../components/widget/NewConnection";
|
||||
import Link from "next/link";
|
||||
import PaymentAddKPI from "../components/widget/PaymentAddKPI";
|
||||
import PaymentKPI from "../components/widget/PaymentKPI";
|
||||
import SupportKPI from "../components/widget/SupportKPI";
|
||||
import InvoiceKPI from "../components/widget/InvoiceKPI";
|
||||
|
||||
function Home({ lineData, doughnutData }) {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Dashboard"
|
||||
pageTitle="Dashboard"
|
||||
pageTitleSub={"Welcome Rahul"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Home"}
|
||||
child={"Dashboard"}
|
||||
>
|
||||
<div className="row">
|
||||
|
||||
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6">
|
||||
<div className="row">
|
||||
<NewConnection />
|
||||
<PaymentKPI />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-6 col-lg-6">
|
||||
<div id="user-activity" className="card" data-aos="fade-up">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Water Consumption Levels</h4>
|
||||
</div>
|
||||
|
||||
<div className="card-body">
|
||||
<BarChart lineData={lineData} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div className="col-xl-6 col-lg-6">
|
||||
<PaymentAddKPI />
|
||||
|
||||
</div>
|
||||
|
||||
<div className="col-xl-6 col-lg-6">
|
||||
<InvoiceKPI />
|
||||
</div>
|
||||
<hr />
|
||||
<SupportKPI />
|
||||
|
||||
<div className="col-xl-6 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Stats</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="row">
|
||||
<div className="col-xl-6 col-lg-6 col-md-6 col-sm-6">
|
||||
<div className="stat-widget d-flex align-items-center">
|
||||
<div className="widget-icon me-3 bg-primary">
|
||||
<span>
|
||||
<i className="ri-wallet-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>432568</h3>
|
||||
<p>Last Balance</p>
|
||||
</div>
|
||||
|
||||
{/* <p className="text-success mb-0">
|
||||
+168.001%{" "}
|
||||
<span>
|
||||
<i className="bi bi-arrow-up"></i>
|
||||
</span>
|
||||
</p> */}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xl-6 col-lg-6 col-md-6 col-sm-6">
|
||||
<div className="stat-widget d-flex align-items-center">
|
||||
<div className="widget-icon me-3 bg-secondary">
|
||||
<span>
|
||||
<i className="ri-wallet-2-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>245860</h3>
|
||||
<p>Hold Balance</p>
|
||||
{/* <p className="text-success mb-0">
|
||||
+168.001%{" "}
|
||||
<span>
|
||||
<i className="bi bi-arrow-up"></i>
|
||||
</span>
|
||||
</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xl-6 col-lg-6 col-md-6 col-sm-6">
|
||||
<div className="stat-widget d-flex align-items-center">
|
||||
<div className="widget-icon me-3 bg-success">
|
||||
<span>
|
||||
<i className="ri-wallet-3-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>25.35</h3>
|
||||
<p>Current Rate</p>
|
||||
{/* <p className="text-danger mb-0">
|
||||
-15.034%{" "}
|
||||
<span>
|
||||
<i className="bi bi-arrow-down"></i>
|
||||
</span>
|
||||
</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-6 col-lg-6 col-md-6 col-sm-6">
|
||||
<div className="stat-widget d-flex align-items-center">
|
||||
<div className="widget-icon me-3 bg-danger">
|
||||
<span>
|
||||
<i className="ri-wallet-3-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>22.56</h3>
|
||||
<p>Bounce Rate</p>
|
||||
{/* <p className="text-danger mb-0">
|
||||
-15.034%{" "}
|
||||
<span>
|
||||
<i className="bi bi-arrow-down"></i>
|
||||
</span>
|
||||
</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="d-none">
|
||||
<div className="col-xxl-4 col-xl-4 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Unpaid Bills</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="unpaid-content">
|
||||
<ul>
|
||||
<li>
|
||||
<p className="mb-0">Service</p>
|
||||
<h5 className="mb-0">Youtube Chanel</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Issued</p>
|
||||
<h5 className="mb-0">March 17, 2021</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Payment Due</p>
|
||||
<h5 className="mb-0">17 Days</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Paid</p>
|
||||
<h5 className="mb-0">0.00</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Amount to pay</p>
|
||||
<h5 className="mb-0">$ 532.69</h5>
|
||||
</li>
|
||||
<li>
|
||||
<p className="mb-0">Payment Method</p>
|
||||
<h5 className="mb-0">Paypal</h5>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-xxl-4 col-lg-6">
|
||||
<div className="row">
|
||||
<div className="col-xl-12 col-lg-12">
|
||||
<div className="credit-card visa">
|
||||
<div className="type-brand">
|
||||
<h4>Debit Card</h4>
|
||||
<img src="/images/cc/visa.png" alt="" />
|
||||
</div>
|
||||
<div className="cc-number">
|
||||
<h6>1234</h6>
|
||||
<h6>5678</h6>
|
||||
<h6>7890</h6>
|
||||
<h6>9875</h6>
|
||||
</div>
|
||||
<div className="cc-holder-exp">
|
||||
<h5>Saiful Islam</h5>
|
||||
<div className="exp">
|
||||
<span>EXP:</span>
|
||||
<strong>12/21</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* <div className="cc-info">
|
||||
<div className="row justify-content-between align-items-center">
|
||||
<div className="col-5">
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Status</p>
|
||||
<p>
|
||||
<strong>Active</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Currency</p>
|
||||
<p>
|
||||
<strong>USD</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-7">
|
||||
<div className="d-flex justify-content-between">
|
||||
<div className="ms-3">
|
||||
<p>Credit Limit</p>
|
||||
<p>
|
||||
<strong>
|
||||
2000 USD
|
||||
</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div id="circle1"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-12 col-lg-12">
|
||||
<div className="credit-card payoneer">
|
||||
<div className="type-brand">
|
||||
<h4>Debit Card</h4>
|
||||
<img
|
||||
src="/images/cc/payoneer.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div className="cc-number">
|
||||
<h6>1234</h6>
|
||||
<h6>5678</h6>
|
||||
<h6>7890</h6>
|
||||
<h6>9875</h6>
|
||||
</div>
|
||||
<div className="cc-holder-exp">
|
||||
<h5>Saiful Islam</h5>
|
||||
<div className="exp">
|
||||
<span>EXP:</span>
|
||||
<strong>12/21</strong>
|
||||
</div>
|
||||
</div>
|
||||
{/* <div className="cc-info">
|
||||
<div className="row">
|
||||
<div className="col-5">
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Status</p>
|
||||
<p>
|
||||
<strong>Active</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div className="d-flex">
|
||||
<p className="me-3">Currency</p>
|
||||
<p>
|
||||
<strong>USD</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-7">
|
||||
<div className="d-flex justify-content-between">
|
||||
<div className="ms-3">
|
||||
<p>Credit Limit</p>
|
||||
<p>
|
||||
<strong>
|
||||
1500/2000 USD
|
||||
</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div id="circle3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className=" col-xxl-4 col-xl-4 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Balance Details</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<BalanceDetails />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className=" col-xxl-4 col-xl-4 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Statistics</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<DoughnutChart doughnutData={doughnutData} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Transaction History</h4>
|
||||
<a href="#">See more</a>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<TransactionHistory />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Goals Budget</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<GoalsBudget />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
const mapStateToProps = (state) => ({
|
||||
lineData: state.LineChart.expenses,
|
||||
doughnutData: state.DoughnutChart.statistics,
|
||||
});
|
||||
export default connect(mapStateToProps, {})(Home);
|
||||
@@ -0,0 +1,257 @@
|
||||
import Link from "next/link";
|
||||
import Layout from "../components/layout/Layout";
|
||||
function Invoice() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Invoice"
|
||||
pageTitle="Invoice"
|
||||
pageTitleSub={"Welcome Intez Invoice page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Home"}
|
||||
child={"Invoice"}
|
||||
>
|
||||
<div className="row">
|
||||
<div class="col-xl-3 col-sm-6">
|
||||
<div class="stat-widget d-flex align-items-center bg-white">
|
||||
<div class="widget-icon me-3 bg-primary">
|
||||
<span>
|
||||
<i className="ri-file-copy-2-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="widget-content">
|
||||
<h3>483</h3>
|
||||
<p>Total Invoices</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-sm-6">
|
||||
<div class="stat-widget d-flex align-items-center bg-white">
|
||||
<div class="widget-icon me-3 bg-success">
|
||||
<span>
|
||||
<i className="ri-file-list-3-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="widget-content">
|
||||
<h3>273</h3>
|
||||
<p>Paid Invoices</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-sm-6">
|
||||
<div class="stat-widget d-flex align-items-center bg-white">
|
||||
<div class="widget-icon me-3 bg-warning">
|
||||
<span>
|
||||
<i className="ri-file-paper-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="widget-content">
|
||||
<h3>121</h3>
|
||||
<p>Unpaid Invoices</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-sm-6">
|
||||
<div class="stat-widget d-flex align-items-center bg-white">
|
||||
<div class="widget-icon me-3 bg-danger">
|
||||
<span>
|
||||
<i className="ri-file-paper-2-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="widget-content">
|
||||
<h3>89</h3>
|
||||
<p>Canceled Invoices</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-12">
|
||||
<div className="card">
|
||||
<div className="card-header flex-row">
|
||||
<h4 className="card-title">Invoice </h4>
|
||||
<Link href="/create-invoice">
|
||||
<a
|
||||
className="btn btn-primary"
|
||||
>
|
||||
<span>
|
||||
<i className="bi bi-plus"></i>
|
||||
</span>
|
||||
Create Invoice
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="invoice-table">
|
||||
<div className="table-responsive">
|
||||
<table className="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</th>
|
||||
<th>Client</th>
|
||||
<th>Amount</th>
|
||||
<th>Status</th>
|
||||
<th>Due</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="/images/avatar/1.jpg"
|
||||
alt=""
|
||||
width="30"
|
||||
className="me-2"
|
||||
/>
|
||||
Weston P. Thomas
|
||||
</td>
|
||||
<td>$254</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Paid
|
||||
</span>
|
||||
</td>
|
||||
<td>February 16, 2021</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="/images/avatar/2.jpg"
|
||||
alt=""
|
||||
width="30"
|
||||
className="me-2"
|
||||
/>
|
||||
William D. Gibson
|
||||
</td>
|
||||
<td>$254</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Paid
|
||||
</span>
|
||||
</td>
|
||||
<td>December 21, 2021</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="/images/avatar/3.jpg"
|
||||
alt=""
|
||||
width="30"
|
||||
className="me-2"
|
||||
/>
|
||||
John C. Adams
|
||||
</td>
|
||||
<td>$254</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Paid
|
||||
</span>
|
||||
</td>
|
||||
<td>March 21, 2021</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="/images/avatar/4.jpg"
|
||||
alt=""
|
||||
width="30"
|
||||
className="me-2"
|
||||
/>
|
||||
John L. Foster
|
||||
</td>
|
||||
<td>$254</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-warning">
|
||||
Due
|
||||
</span>
|
||||
</td>
|
||||
<td>April 29, 2021</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<img
|
||||
src="/images/avatar/5.jpg"
|
||||
alt=""
|
||||
width="30"
|
||||
className="me-2"
|
||||
/>
|
||||
Terry P. Camacho
|
||||
</td>
|
||||
<td>$254</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-danger">
|
||||
Cancel
|
||||
</span>
|
||||
</td>
|
||||
<td>November 26, 2021</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Invoice;
|
||||
@@ -0,0 +1,50 @@
|
||||
import Link from "next/link";
|
||||
function Lock() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="authincation section-padding">
|
||||
<div className="container h-100">
|
||||
<div className="row justify-content-center h-100 align-items-center">
|
||||
<div className="col-xl-4 col-md-5">
|
||||
<div className="mini-logo text-center my-3">
|
||||
<Link href="/">
|
||||
<a>
|
||||
<img src="./images/logo.png" alt="" />
|
||||
</a>
|
||||
</Link>
|
||||
<h4 className="card-title mt-5">Locked</h4>
|
||||
</div>
|
||||
<div className="auth-form card">
|
||||
<div className="card-body">
|
||||
<form className="row g-3">
|
||||
<div className="col-12">
|
||||
<label className="form-label">
|
||||
Enter Password
|
||||
</label>
|
||||
|
||||
<input
|
||||
type="password"
|
||||
className="form-control"
|
||||
placeholder="***********"
|
||||
/>
|
||||
</div>
|
||||
<div className="text-center mt-4">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary btn-block"
|
||||
>
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Lock;
|
||||
@@ -0,0 +1,83 @@
|
||||
import Layout from "../components/layout/Layout";
|
||||
|
||||
function Notification() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Notification"
|
||||
pageTitle="Notification"
|
||||
// pageTitleSub={"Welcome Intez Notification page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Home"}
|
||||
child={"Notification"}
|
||||
>
|
||||
<div className="row">
|
||||
<div className="col-xl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Recent Notification </h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="all-notification">
|
||||
<div className="notification-list">
|
||||
<div className="lists">
|
||||
<a href="#" className="">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon pending">
|
||||
<i className="bi bi-cash-stack"></i>
|
||||
</span>
|
||||
<div>
|
||||
<p>Oops! It seems like your wallet balance is insufficient to complete this transaction.</p>
|
||||
<span>Please add funds to your wallet to proceed.</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" className="">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon fail">
|
||||
<i className="bi bi-calendar2-date"></i>
|
||||
</span>
|
||||
<div>
|
||||
<p>Your water bill is due on 12-10-2023.</p>
|
||||
<span>Please ensure it's paid on time.</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" className="">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon fail">
|
||||
|
||||
<i className="bi bi-x"></i>
|
||||
</span>
|
||||
<div>
|
||||
<p>Payment unsuccessful.</p>
|
||||
<span>Please check your payment details and try again.</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" className="">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon success">
|
||||
<i className="bi bi-check"></i>
|
||||
</span>
|
||||
<div>
|
||||
<p>Your application has been verified successfully.</p>
|
||||
<span>2022-12-24 12:00:23</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a>
|
||||
More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Notification;
|
||||
+837
@@ -0,0 +1,837 @@
|
||||
import Link from "next/link";
|
||||
function Otp1() {
|
||||
return (
|
||||
<>
|
||||
<div className="authincation section-padding">
|
||||
<div className="container h-100">
|
||||
<div className="row justify-content-center h-100 align-items-center">
|
||||
<div className="col-xl-5 col-md-6">
|
||||
<div className="mini-logo text-center my-3">
|
||||
<Link href="/">
|
||||
<a>
|
||||
<img src="./images/logo.png" alt="" />
|
||||
</a>
|
||||
</Link>
|
||||
<h4 className="card-title mt-5">
|
||||
2-Step Verification
|
||||
</h4>
|
||||
</div>
|
||||
<div className="auth-form card">
|
||||
<div className="card-body">
|
||||
<p className="text-center mb-3">
|
||||
Enter the verification code generated by
|
||||
your phone ending in +xxx xxxxxxxx60.
|
||||
</p>
|
||||
<form className="row g-3">
|
||||
<div className="col-12">
|
||||
<label className="form-label">
|
||||
Country
|
||||
</label>
|
||||
<select
|
||||
className="form-select"
|
||||
name="country"
|
||||
>
|
||||
<option value="">Select</option>
|
||||
<option value="Afghanistan">
|
||||
Afghanistan
|
||||
</option>
|
||||
<option value="Åland Islands">
|
||||
Åland Islands
|
||||
</option>
|
||||
<option value="Albania">
|
||||
Albania
|
||||
</option>
|
||||
<option value="Algeria">
|
||||
Algeria
|
||||
</option>
|
||||
<option value="American Samoa">
|
||||
American Samoa
|
||||
</option>
|
||||
<option value="Andorra">
|
||||
Andorra
|
||||
</option>
|
||||
<option value="Angola">
|
||||
Angola
|
||||
</option>
|
||||
<option value="Anguilla">
|
||||
Anguilla
|
||||
</option>
|
||||
<option value="Antarctica">
|
||||
Antarctica
|
||||
</option>
|
||||
<option value="Antigua and Barbuda">
|
||||
Antigua and Barbuda
|
||||
</option>
|
||||
<option value="Argentina">
|
||||
Argentina
|
||||
</option>
|
||||
<option value="Armenia">
|
||||
Armenia
|
||||
</option>
|
||||
<option value="Aruba">
|
||||
Aruba
|
||||
</option>
|
||||
<option value="Australia">
|
||||
Australia
|
||||
</option>
|
||||
<option value="Austria">
|
||||
Austria
|
||||
</option>
|
||||
<option value="Azerbaijan">
|
||||
Azerbaijan
|
||||
</option>
|
||||
<option value="Bahamas">
|
||||
Bahamas
|
||||
</option>
|
||||
<option value="Bahrain">
|
||||
Bahrain
|
||||
</option>
|
||||
<option value="Bangladesh">
|
||||
Bangladesh
|
||||
</option>
|
||||
<option value="Barbados">
|
||||
Barbados
|
||||
</option>
|
||||
<option value="Belarus">
|
||||
Belarus
|
||||
</option>
|
||||
<option value="Belgium">
|
||||
Belgium
|
||||
</option>
|
||||
<option value="Belize">
|
||||
Belize
|
||||
</option>
|
||||
<option value="Benin">
|
||||
Benin
|
||||
</option>
|
||||
<option value="Bermuda">
|
||||
Bermuda
|
||||
</option>
|
||||
<option value="Bhutan">
|
||||
Bhutan
|
||||
</option>
|
||||
<option value="Bolivia">
|
||||
Bolivia
|
||||
</option>
|
||||
<option value="Bosnia and Herzegovina">
|
||||
Bosnia and Herzegovina
|
||||
</option>
|
||||
<option value="Botswana">
|
||||
Botswana
|
||||
</option>
|
||||
<option value="Bouvet Island">
|
||||
Bouvet Island
|
||||
</option>
|
||||
<option value="Brazil">
|
||||
Brazil
|
||||
</option>
|
||||
<option value="British Indian Ocean Territory">
|
||||
British Indian Ocean
|
||||
Territory
|
||||
</option>
|
||||
<option value="Brunei Darussalam">
|
||||
Brunei Darussalam
|
||||
</option>
|
||||
<option value="Bulgaria">
|
||||
Bulgaria
|
||||
</option>
|
||||
<option value="Burkina Faso">
|
||||
Burkina Faso
|
||||
</option>
|
||||
<option value="Burundi">
|
||||
Burundi
|
||||
</option>
|
||||
<option value="Cambodia">
|
||||
Cambodia
|
||||
</option>
|
||||
<option value="Cameroon">
|
||||
Cameroon
|
||||
</option>
|
||||
<option value="Canada">
|
||||
Canada
|
||||
</option>
|
||||
<option value="Cape Verde">
|
||||
Cape Verde
|
||||
</option>
|
||||
<option value="Cayman Islands">
|
||||
Cayman Islands
|
||||
</option>
|
||||
<option value="Central African Republic">
|
||||
Central African Republic
|
||||
</option>
|
||||
<option value="Chad">
|
||||
Chad
|
||||
</option>
|
||||
<option value="Chile">
|
||||
Chile
|
||||
</option>
|
||||
<option value="China">
|
||||
China
|
||||
</option>
|
||||
<option value="Christmas Island">
|
||||
Christmas Island
|
||||
</option>
|
||||
<option value="Cocos (Keeling) Islands">
|
||||
Cocos (Keeling) Islands
|
||||
</option>
|
||||
<option value="Colombia">
|
||||
Colombia
|
||||
</option>
|
||||
<option value="Comoros">
|
||||
Comoros
|
||||
</option>
|
||||
<option value="Congo">
|
||||
Congo
|
||||
</option>
|
||||
<option value="Congo, The Democratic Republic of The">
|
||||
Congo, The Democratic
|
||||
Republic of The
|
||||
</option>
|
||||
<option value="Cook Islands">
|
||||
Cook Islands
|
||||
</option>
|
||||
<option value="Costa Rica">
|
||||
Costa Rica
|
||||
</option>
|
||||
<option value="Cote D'ivoire">
|
||||
Cote D'ivoire
|
||||
</option>
|
||||
<option value="Croatia">
|
||||
Croatia
|
||||
</option>
|
||||
<option value="Cuba">
|
||||
Cuba
|
||||
</option>
|
||||
<option value="Cyprus">
|
||||
Cyprus
|
||||
</option>
|
||||
<option value="Czech Republic">
|
||||
Czech Republic
|
||||
</option>
|
||||
<option value="Denmark">
|
||||
Denmark
|
||||
</option>
|
||||
<option value="Djibouti">
|
||||
Djibouti
|
||||
</option>
|
||||
<option value="Dominica">
|
||||
Dominica
|
||||
</option>
|
||||
<option value="Dominican Republic">
|
||||
Dominican Republic
|
||||
</option>
|
||||
<option value="Ecuador">
|
||||
Ecuador
|
||||
</option>
|
||||
<option value="Egypt">
|
||||
Egypt
|
||||
</option>
|
||||
<option value="El Salvador">
|
||||
El Salvador
|
||||
</option>
|
||||
<option value="Equatorial Guinea">
|
||||
Equatorial Guinea
|
||||
</option>
|
||||
<option value="Eritrea">
|
||||
Eritrea
|
||||
</option>
|
||||
<option value="Estonia">
|
||||
Estonia
|
||||
</option>
|
||||
<option value="Ethiopia">
|
||||
Ethiopia
|
||||
</option>
|
||||
<option value="Falkland Islands (Malvinas)">
|
||||
Falkland Islands (Malvinas)
|
||||
</option>
|
||||
<option value="Faroe Islands">
|
||||
Faroe Islands
|
||||
</option>
|
||||
<option value="Fiji">
|
||||
Fiji
|
||||
</option>
|
||||
<option value="Finland">
|
||||
Finland
|
||||
</option>
|
||||
<option value="France">
|
||||
France
|
||||
</option>
|
||||
<option value="French Guiana">
|
||||
French Guiana
|
||||
</option>
|
||||
<option value="French Polynesia">
|
||||
French Polynesia
|
||||
</option>
|
||||
<option value="French Southern Territories">
|
||||
French Southern Territories
|
||||
</option>
|
||||
<option value="Gabon">
|
||||
Gabon
|
||||
</option>
|
||||
<option value="Gambia">
|
||||
Gambia
|
||||
</option>
|
||||
<option value="Georgia">
|
||||
Georgia
|
||||
</option>
|
||||
<option value="Germany">
|
||||
Germany
|
||||
</option>
|
||||
<option value="Ghana">
|
||||
Ghana
|
||||
</option>
|
||||
<option value="Gibraltar">
|
||||
Gibraltar
|
||||
</option>
|
||||
<option value="Greece">
|
||||
Greece
|
||||
</option>
|
||||
<option value="Greenland">
|
||||
Greenland
|
||||
</option>
|
||||
<option value="Grenada">
|
||||
Grenada
|
||||
</option>
|
||||
<option value="Guadeloupe">
|
||||
Guadeloupe
|
||||
</option>
|
||||
<option value="Guam">
|
||||
Guam
|
||||
</option>
|
||||
<option value="Guatemala">
|
||||
Guatemala
|
||||
</option>
|
||||
<option value="Guernsey">
|
||||
Guernsey
|
||||
</option>
|
||||
<option value="Guinea">
|
||||
Guinea
|
||||
</option>
|
||||
<option value="Guinea-bissau">
|
||||
Guinea-bissau
|
||||
</option>
|
||||
<option value="Guyana">
|
||||
Guyana
|
||||
</option>
|
||||
<option value="Haiti">
|
||||
Haiti
|
||||
</option>
|
||||
<option value="Heard Island and Mcdonald Islands">
|
||||
Heard Island and Mcdonald
|
||||
Islands
|
||||
</option>
|
||||
<option value="Holy See (Vatican City State)">
|
||||
Holy See (Vatican City
|
||||
State)
|
||||
</option>
|
||||
<option value="Honduras">
|
||||
Honduras
|
||||
</option>
|
||||
<option value="Hong Kong">
|
||||
Hong Kong
|
||||
</option>
|
||||
<option value="Hungary">
|
||||
Hungary
|
||||
</option>
|
||||
<option value="Iceland">
|
||||
Iceland
|
||||
</option>
|
||||
<option value="India">
|
||||
India
|
||||
</option>
|
||||
<option value="Indonesia">
|
||||
Indonesia
|
||||
</option>
|
||||
<option value="Iran, Islamic Republic of">
|
||||
Iran, Islamic Republic of
|
||||
</option>
|
||||
<option value="Iraq">
|
||||
Iraq
|
||||
</option>
|
||||
<option value="Ireland">
|
||||
Ireland
|
||||
</option>
|
||||
<option value="Isle of Man">
|
||||
Isle of Man
|
||||
</option>
|
||||
<option value="Israel">
|
||||
Israel
|
||||
</option>
|
||||
<option value="Italy">
|
||||
Italy
|
||||
</option>
|
||||
<option value="Jamaica">
|
||||
Jamaica
|
||||
</option>
|
||||
<option value="Japan">
|
||||
Japan
|
||||
</option>
|
||||
<option value="Jersey">
|
||||
Jersey
|
||||
</option>
|
||||
<option value="Jordan">
|
||||
Jordan
|
||||
</option>
|
||||
<option value="Kazakhstan">
|
||||
Kazakhstan
|
||||
</option>
|
||||
<option value="Kenya">
|
||||
Kenya
|
||||
</option>
|
||||
<option value="Kiribati">
|
||||
Kiribati
|
||||
</option>
|
||||
<option value="Korea, Democratic People's Republic of">
|
||||
Korea, Democratic People's
|
||||
Republic of
|
||||
</option>
|
||||
<option value="Korea, Republic of">
|
||||
Korea, Republic of
|
||||
</option>
|
||||
<option value="Kuwait">
|
||||
Kuwait
|
||||
</option>
|
||||
<option value="Kyrgyzstan">
|
||||
Kyrgyzstan
|
||||
</option>
|
||||
<option value="Lao People's Democratic Republic">
|
||||
Lao People's Democratic
|
||||
Republic
|
||||
</option>
|
||||
<option value="Latvia">
|
||||
Latvia
|
||||
</option>
|
||||
<option value="Lebanon">
|
||||
Lebanon
|
||||
</option>
|
||||
<option value="Lesotho">
|
||||
Lesotho
|
||||
</option>
|
||||
<option value="Liberia">
|
||||
Liberia
|
||||
</option>
|
||||
<option value="Libyan Arab Jamahiriya">
|
||||
Libyan Arab Jamahiriya
|
||||
</option>
|
||||
<option value="Liechtenstein">
|
||||
Liechtenstein
|
||||
</option>
|
||||
<option value="Lithuania">
|
||||
Lithuania
|
||||
</option>
|
||||
<option value="Luxembourg">
|
||||
Luxembourg
|
||||
</option>
|
||||
<option value="Macao">
|
||||
Macao
|
||||
</option>
|
||||
<option value="Macedonia, The Former Yugoslav Republic of">
|
||||
Macedonia, The Former
|
||||
Yugoslav Republic of
|
||||
</option>
|
||||
<option value="Madagascar">
|
||||
Madagascar
|
||||
</option>
|
||||
<option value="Malawi">
|
||||
Malawi
|
||||
</option>
|
||||
<option value="Malaysia">
|
||||
Malaysia
|
||||
</option>
|
||||
<option value="Maldives">
|
||||
Maldives
|
||||
</option>
|
||||
<option value="Mali">
|
||||
Mali
|
||||
</option>
|
||||
<option value="Malta">
|
||||
Malta
|
||||
</option>
|
||||
<option value="Marshall Islands">
|
||||
Marshall Islands
|
||||
</option>
|
||||
<option value="Martinique">
|
||||
Martinique
|
||||
</option>
|
||||
<option value="Mauritania">
|
||||
Mauritania
|
||||
</option>
|
||||
<option value="Mauritius">
|
||||
Mauritius
|
||||
</option>
|
||||
<option value="Mayotte">
|
||||
Mayotte
|
||||
</option>
|
||||
<option value="Mexico">
|
||||
Mexico
|
||||
</option>
|
||||
<option value="Micronesia, Federated States of">
|
||||
Micronesia, Federated States
|
||||
of
|
||||
</option>
|
||||
<option value="Moldova, Republic of">
|
||||
Moldova, Republic of
|
||||
</option>
|
||||
<option value="Monaco">
|
||||
Monaco
|
||||
</option>
|
||||
<option value="Mongolia">
|
||||
Mongolia
|
||||
</option>
|
||||
<option value="Montenegro">
|
||||
Montenegro
|
||||
</option>
|
||||
<option value="Montserrat">
|
||||
Montserrat
|
||||
</option>
|
||||
<option value="Morocco">
|
||||
Morocco
|
||||
</option>
|
||||
<option value="Mozambique">
|
||||
Mozambique
|
||||
</option>
|
||||
<option value="Myanmar">
|
||||
Myanmar
|
||||
</option>
|
||||
<option value="Namibia">
|
||||
Namibia
|
||||
</option>
|
||||
<option value="Nauru">
|
||||
Nauru
|
||||
</option>
|
||||
<option value="Nepal">
|
||||
Nepal
|
||||
</option>
|
||||
<option value="Netherlands">
|
||||
Netherlands
|
||||
</option>
|
||||
<option value="Netherlands Antilles">
|
||||
Netherlands Antilles
|
||||
</option>
|
||||
<option value="New Caledonia">
|
||||
New Caledonia
|
||||
</option>
|
||||
<option value="New Zealand">
|
||||
New Zealand
|
||||
</option>
|
||||
<option value="Nicaragua">
|
||||
Nicaragua
|
||||
</option>
|
||||
<option value="Niger">
|
||||
Niger
|
||||
</option>
|
||||
<option value="Nigeria">
|
||||
Nigeria
|
||||
</option>
|
||||
<option value="Niue">
|
||||
Niue
|
||||
</option>
|
||||
<option value="Norfolk Island">
|
||||
Norfolk Island
|
||||
</option>
|
||||
<option value="Northern Mariana Islands">
|
||||
Northern Mariana Islands
|
||||
</option>
|
||||
<option value="Norway">
|
||||
Norway
|
||||
</option>
|
||||
<option value="Oman">
|
||||
Oman
|
||||
</option>
|
||||
<option value="Pakistan">
|
||||
Pakistan
|
||||
</option>
|
||||
<option value="Palau">
|
||||
Palau
|
||||
</option>
|
||||
<option value="Palestinian Territory, Occupied">
|
||||
Palestinian Territory,
|
||||
Occupied
|
||||
</option>
|
||||
<option value="Panama">
|
||||
Panama
|
||||
</option>
|
||||
<option value="Papua New Guinea">
|
||||
Papua New Guinea
|
||||
</option>
|
||||
<option value="Paraguay">
|
||||
Paraguay
|
||||
</option>
|
||||
<option value="Peru">
|
||||
Peru
|
||||
</option>
|
||||
<option value="Philippines">
|
||||
Philippines
|
||||
</option>
|
||||
<option value="Pitcairn">
|
||||
Pitcairn
|
||||
</option>
|
||||
<option value="Poland">
|
||||
Poland
|
||||
</option>
|
||||
<option value="Portugal">
|
||||
Portugal
|
||||
</option>
|
||||
<option value="Puerto Rico">
|
||||
Puerto Rico
|
||||
</option>
|
||||
<option value="Qatar">
|
||||
Qatar
|
||||
</option>
|
||||
<option value="Reunion">
|
||||
Reunion
|
||||
</option>
|
||||
<option value="Romania">
|
||||
Romania
|
||||
</option>
|
||||
<option value="Russian Federation">
|
||||
Russian Federation
|
||||
</option>
|
||||
<option value="Rwanda">
|
||||
Rwanda
|
||||
</option>
|
||||
<option value="Saint Helena">
|
||||
Saint Helena
|
||||
</option>
|
||||
<option value="Saint Kitts and Nevis">
|
||||
Saint Kitts and Nevis
|
||||
</option>
|
||||
<option value="Saint Lucia">
|
||||
Saint Lucia
|
||||
</option>
|
||||
<option value="Saint Pierre and Miquelon">
|
||||
Saint Pierre and Miquelon
|
||||
</option>
|
||||
<option value="Saint Vincent and The Grenadines">
|
||||
Saint Vincent and The
|
||||
Grenadines
|
||||
</option>
|
||||
<option value="Samoa">
|
||||
Samoa
|
||||
</option>
|
||||
<option value="San Marino">
|
||||
San Marino
|
||||
</option>
|
||||
<option value="Sao Tome and Principe">
|
||||
Sao Tome and Principe
|
||||
</option>
|
||||
<option value="Saudi Arabia">
|
||||
Saudi Arabia
|
||||
</option>
|
||||
<option value="Senegal">
|
||||
Senegal
|
||||
</option>
|
||||
<option value="Serbia">
|
||||
Serbia
|
||||
</option>
|
||||
<option value="Seychelles">
|
||||
Seychelles
|
||||
</option>
|
||||
<option value="Sierra Leone">
|
||||
Sierra Leone
|
||||
</option>
|
||||
<option value="Singapore">
|
||||
Singapore
|
||||
</option>
|
||||
<option value="Slovakia">
|
||||
Slovakia
|
||||
</option>
|
||||
<option value="Slovenia">
|
||||
Slovenia
|
||||
</option>
|
||||
<option value="Solomon Islands">
|
||||
Solomon Islands
|
||||
</option>
|
||||
<option value="Somalia">
|
||||
Somalia
|
||||
</option>
|
||||
<option value="South Africa">
|
||||
South Africa
|
||||
</option>
|
||||
<option value="South Georgia and The South Sandwich Islands">
|
||||
South Georgia and The South
|
||||
Sandwich Islands
|
||||
</option>
|
||||
<option value="Spain">
|
||||
Spain
|
||||
</option>
|
||||
<option value="Sri Lanka">
|
||||
Sri Lanka
|
||||
</option>
|
||||
<option value="Sudan">
|
||||
Sudan
|
||||
</option>
|
||||
<option value="Suriname">
|
||||
Suriname
|
||||
</option>
|
||||
<option value="Svalbard and Jan Mayen">
|
||||
Svalbard and Jan Mayen
|
||||
</option>
|
||||
<option value="Swaziland">
|
||||
Swaziland
|
||||
</option>
|
||||
<option value="Sweden">
|
||||
Sweden
|
||||
</option>
|
||||
<option value="Switzerland">
|
||||
Switzerland
|
||||
</option>
|
||||
<option value="Syrian Arab Republic">
|
||||
Syrian Arab Republic
|
||||
</option>
|
||||
<option value="Taiwan, Province of China">
|
||||
Taiwan, Province of China
|
||||
</option>
|
||||
<option value="Tajikistan">
|
||||
Tajikistan
|
||||
</option>
|
||||
<option value="Tanzania, United Republic of">
|
||||
Tanzania, United Republic of
|
||||
</option>
|
||||
<option value="Thailand">
|
||||
Thailand
|
||||
</option>
|
||||
<option value="Timor-leste">
|
||||
Timor-leste
|
||||
</option>
|
||||
<option value="Togo">
|
||||
Togo
|
||||
</option>
|
||||
<option value="Tokelau">
|
||||
Tokelau
|
||||
</option>
|
||||
<option value="Tonga">
|
||||
Tonga
|
||||
</option>
|
||||
<option value="Trinidad and Tobago">
|
||||
Trinidad and Tobago
|
||||
</option>
|
||||
<option value="Tunisia">
|
||||
Tunisia
|
||||
</option>
|
||||
<option value="Turkey">
|
||||
Turkey
|
||||
</option>
|
||||
<option value="Turkmenistan">
|
||||
Turkmenistan
|
||||
</option>
|
||||
<option value="Turks and Caicos Islands">
|
||||
Turks and Caicos Islands
|
||||
</option>
|
||||
<option value="Tuvalu">
|
||||
Tuvalu
|
||||
</option>
|
||||
<option value="Uganda">
|
||||
Uganda
|
||||
</option>
|
||||
<option value="Ukraine">
|
||||
Ukraine
|
||||
</option>
|
||||
<option value="United Arab Emirates">
|
||||
United Arab Emirates
|
||||
</option>
|
||||
<option value="United Kingdom">
|
||||
United Kingdom
|
||||
</option>
|
||||
<option value="United States">
|
||||
United States
|
||||
</option>
|
||||
<option value="United States Minor Outlying Islands">
|
||||
United States Minor Outlying
|
||||
Islands
|
||||
</option>
|
||||
<option value="Uruguay">
|
||||
Uruguay
|
||||
</option>
|
||||
<option value="Uzbekistan">
|
||||
Uzbekistan
|
||||
</option>
|
||||
<option value="Vanuatu">
|
||||
Vanuatu
|
||||
</option>
|
||||
<option value="Venezuela">
|
||||
Venezuela
|
||||
</option>
|
||||
<option value="Viet Nam">
|
||||
Viet Nam
|
||||
</option>
|
||||
<option value="Virgin Islands, British">
|
||||
Virgin Islands, British
|
||||
</option>
|
||||
<option value="Virgin Islands, U.S.">
|
||||
Virgin Islands, U.S.
|
||||
</option>
|
||||
<option value="Wallis and Futuna">
|
||||
Wallis and Futuna
|
||||
</option>
|
||||
<option value="Western Sahara">
|
||||
Western Sahara
|
||||
</option>
|
||||
<option value="Yemen">
|
||||
Yemen
|
||||
</option>
|
||||
<option value="Zambia">
|
||||
Zambia
|
||||
</option>
|
||||
<option value="Zimbabwe">
|
||||
Zimbabwe
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<label className="form-label">
|
||||
Your Phone Number
|
||||
</label>
|
||||
<div className="input-group">
|
||||
<div className="input-group-prepend">
|
||||
<span className="input-group-text">
|
||||
+880
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
placeholder=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="alert-text">
|
||||
<small>
|
||||
Security is critical in Xtrader.
|
||||
to help keep your account safe,
|
||||
we'll text you a verification
|
||||
code when you sign in on a new
|
||||
device
|
||||
</small>
|
||||
</div>
|
||||
<div className="text-center mt-4">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary btn-block"
|
||||
>
|
||||
Send Code
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<div className="new-account mt-3">
|
||||
<p>
|
||||
Don't get code?
|
||||
<Link href="/otp1">
|
||||
<a
|
||||
className="text-primary"
|
||||
>
|
||||
Resend
|
||||
</a>
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Otp1;
|
||||
+104
@@ -0,0 +1,104 @@
|
||||
import Link from "next/link";
|
||||
function Otp2() {
|
||||
return (
|
||||
<>
|
||||
<div className="authincation section-padding">
|
||||
<div className="container h-100">
|
||||
<div className="row justify-content-center h-100 align-items-center">
|
||||
<div className="col-xl-5 col-md-6">
|
||||
<div
|
||||
className="alert alert-success fade show d-flex justify-content-between"
|
||||
role="alert"
|
||||
>
|
||||
<span>
|
||||
Please enter verification token from your
|
||||
device
|
||||
</span>
|
||||
<span className="c-pointer" data-dismiss="alert">
|
||||
<i className="ri-close-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="mini-logo text-center my-3">
|
||||
<Link href="/">
|
||||
<a>
|
||||
<img src="./images/logo.png" alt="" />
|
||||
</a>
|
||||
</Link>
|
||||
<h4 className="card-title mt-5">
|
||||
2-Step Verification
|
||||
</h4>
|
||||
</div>
|
||||
<div className="auth-form card">
|
||||
<div className="card-body">
|
||||
<p className="text-center mb-3">
|
||||
Enter the verification code generated by
|
||||
your phone ending in +xxx xxxxxxxx60.
|
||||
</p>
|
||||
<form className="row g-3">
|
||||
<div className="col-12">
|
||||
<div className="input-group">
|
||||
<div className="input-group-prepend">
|
||||
<span className="input-group-text">
|
||||
<i className="ri-smartphone-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
placeholder="verification code"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<div className="text-center">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary btn-block"
|
||||
>
|
||||
Send
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<div className="form-check form-switch">
|
||||
<input
|
||||
type="checkbox"
|
||||
className="form-check-input"
|
||||
id="exampleCheck1"
|
||||
/>
|
||||
<label
|
||||
className="form-check-label"
|
||||
for="exampleCheck1"
|
||||
>
|
||||
<small>
|
||||
Don't ask me for the
|
||||
code again for 30 days
|
||||
when I use this
|
||||
computer.
|
||||
</small>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div className="new-account mt-3">
|
||||
<p>
|
||||
Don't get code?
|
||||
<Link href="/otp-1">
|
||||
<a
|
||||
className="text-primary"
|
||||
>
|
||||
Resend
|
||||
</a>
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Otp2;
|
||||
@@ -0,0 +1,188 @@
|
||||
import Link from "next/link";
|
||||
import Layout from "../components/layout/Layout";
|
||||
function Profile() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Profile"
|
||||
pageTitle="Profile"
|
||||
pageTitleSub={"Welcome Intez Profile page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Home"}
|
||||
child={"Profile"}
|
||||
>
|
||||
<div className="row">
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6">
|
||||
<div className="card welcome-profile">
|
||||
<div className="card-body">
|
||||
<div className="d-flex align-items-center">
|
||||
<img src="./images/profile/pic.jpg" alt="" />
|
||||
<div className="ms-2">
|
||||
<h4 className="mb-0">Welcome, Jannatul Maowa!</h4>
|
||||
<p>
|
||||
Looks like you are not verified yet. Verify
|
||||
yourself.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span className="verified">
|
||||
<i className="ri-check-line"></i>
|
||||
</span>
|
||||
Verify account
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span className="not-verified">
|
||||
<i className="ri-shield-check-line"></i>
|
||||
</span>
|
||||
Two-factor authentication (2FA)
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6">
|
||||
<div class="card">
|
||||
<div className="card-body">
|
||||
<h4>Billing Information</h4>
|
||||
<div className="d-md-flex">
|
||||
<div class="billing-section">
|
||||
<p>Bill <h5 className="d-inline"> #12344</h5></p>
|
||||
<p>Date:<h5 className="d-inline"> August 1, 2023</h5></p>
|
||||
<p>Amount:<h5 className="d-inline"> $72.50</h5></p>
|
||||
<p className="pb-0">Due Date:<h5 className="d-inline"> September 30, 2023</h5></p>
|
||||
</div>
|
||||
<div class="billing-section ms-md-5">
|
||||
<p>Amount Due:<h5 className="d-inline"> $75.00</h5></p>
|
||||
<p>Paperless Billing:<h5 className="d-inline"> Enabled</h5></p>
|
||||
<p >Billing Frequency:<h5 className="d-inline"> Monthly</h5></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6 d-none">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Download App</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="app-link">
|
||||
<h5>Get Verified On Our Mobile App</h5>
|
||||
<p>
|
||||
Verifying your identity on our mobile
|
||||
app more secure, faster, and reliable.
|
||||
</p>
|
||||
<a href="#" className="btn btn-primary">
|
||||
<img
|
||||
src="./images/android.svg"
|
||||
alt=""
|
||||
/>
|
||||
</a>
|
||||
<br />
|
||||
<div className="mt-3"></div>
|
||||
<a href="#" className="btn btn-primary">
|
||||
<img src="./images/apple.svg" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-8 col-xl-6 d-none">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">VERIFY & UPGRADE </h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<h5>
|
||||
Account Status :
|
||||
<span className="text-warning">
|
||||
Pending <i className="icofont-warning"></i>
|
||||
</span>
|
||||
</h5>
|
||||
<p>
|
||||
Your account is unverified. Get verified to
|
||||
enable funding, trading, and withdrawal.
|
||||
</p>
|
||||
<a href="#" className="btn btn-primary">
|
||||
Get Verified
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="col-xxl-4 col-xl-6 d-none">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Earn 30% Commission </h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<p>
|
||||
Refer your friends and earn 30% of their
|
||||
trading fees.
|
||||
</p>
|
||||
<a href="#" className="btn btn-primary">
|
||||
Referral Program
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-xxl-12">
|
||||
<div className="card">
|
||||
<div className="card-header flex-row">
|
||||
<h4 className="card-title">Information </h4>
|
||||
<Link href="/settings-profile">
|
||||
<a className="btn btn-primary">Edit</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<form className="row">
|
||||
<div className="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
||||
<div className="user-info">
|
||||
<span>USER ID</span>
|
||||
<h4>818778</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
||||
<div className="user-info">
|
||||
<span>EMAIL ADDRESS</span>
|
||||
<h4>email@example.com</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
||||
<div className="user-info">
|
||||
<span>COUNTRY OF RESIDENCE</span>
|
||||
<h4>India</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
||||
<div className="user-info">
|
||||
<span>JOINED SINCE</span>
|
||||
<h4>20/10/2020</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
||||
<div className="user-info">
|
||||
<span>TYPE</span>
|
||||
<h4>Personal</h4>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Profile;
|
||||
@@ -0,0 +1,63 @@
|
||||
import Link from "next/link";
|
||||
function Reset() {
|
||||
return (
|
||||
<>
|
||||
<div className="authincation section-padding">
|
||||
<div className="container h-100">
|
||||
<div className="row justify-content-center h-100 align-items-center">
|
||||
<div className="col-xl-4 col-md-5">
|
||||
<div className="mini-logo text-center my-3">
|
||||
<Link href="/">
|
||||
<a>
|
||||
<img src="./images/logo.png" alt="" />
|
||||
</a>
|
||||
</Link>
|
||||
<h4 className="card-title mt-5">Reset Password</h4>
|
||||
</div>
|
||||
<div className="auth-form card">
|
||||
<div className="card-body">
|
||||
<form
|
||||
className="row g-3"
|
||||
>
|
||||
<div className="col-12">
|
||||
<label className="form-label">
|
||||
Email
|
||||
</label>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
placeholder="***********"
|
||||
/>
|
||||
</div>
|
||||
<div className="text-center mt-4">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn-primary btn-block"
|
||||
>
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<div className="new-account mt-3">
|
||||
<p>
|
||||
Don't get code?
|
||||
<Link href="/otp-1">
|
||||
<a
|
||||
className="text-primary"
|
||||
>
|
||||
Resend
|
||||
</a>
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Reset;
|
||||
@@ -0,0 +1,431 @@
|
||||
import React from "react";
|
||||
import Layout from "../components/layout/Layout";
|
||||
import Button from "react-bootstrap/Button";
|
||||
import Modal from "react-bootstrap/Modal";
|
||||
import { useState } from "react";
|
||||
import { Form } from "reactstrap";
|
||||
function services() {
|
||||
const [show, setShow] = useState(false);
|
||||
|
||||
const handleClose = () => setShow(false);
|
||||
const handleShow = () => setShow(true);
|
||||
return (
|
||||
<Layout
|
||||
headTitle="Services"
|
||||
pageTitle="Services"
|
||||
pageTitleSub={"Welcome User"}
|
||||
pageclassName={"Services"}
|
||||
parent={"Home"}
|
||||
child={"Services"}
|
||||
>
|
||||
<div className="row">
|
||||
<div className="col-xl-3 col-sm-6">
|
||||
<div className="stat-widget d-flex align-items-center bg-white">
|
||||
<div className="widget-icon me-3 bg-primary">
|
||||
<span>
|
||||
<i className="ri-file-copy-2-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>483</h3>
|
||||
<p>Total Requests</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3 col-sm-6">
|
||||
<div className="stat-widget d-flex align-items-center bg-white">
|
||||
<div className="widget-icon me-3 bg-success">
|
||||
<span>
|
||||
<i className="ri-file-list-3-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>273</h3>
|
||||
<p>Completed Requests</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3 col-sm-6">
|
||||
<div className="stat-widget d-flex align-items-center bg-white">
|
||||
<div className="widget-icon me-3 bg-warning">
|
||||
<span>
|
||||
<i className="ri-file-paper-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>121</h3>
|
||||
<p>Pending Requests</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3 col-sm-6 mb-3">
|
||||
<div className="stat-widget d-flex align-items-center bg-white">
|
||||
<div className="widget-icon me-3 bg-danger">
|
||||
<span>
|
||||
<i className="ri-file-paper-2-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<h3>89</h3>
|
||||
<p>Canceled Requests</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-12 d-block d-md-none bg-white mt-1">
|
||||
|
||||
<div className="d-flex align-items-center justify-content-between py-2 bg-white">
|
||||
<div> <p className="fw-bold text-dark mb-0">Service Request</p></div>
|
||||
<div> <button className="btn-sm btn-primary" onClick={handleShow}>+</button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-12 d-block d-md-none bg-white p-3 mb-2 mt-1">
|
||||
|
||||
<div className="d-flex align-items-center justify-content-between">
|
||||
<div>
|
||||
<span>ABCD4556464QWE</span>
|
||||
</div>
|
||||
<div>
|
||||
<span className="badge px-3 py-2 bg-success"> Completed</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="d-flex align-items-center justify-content-between py-2">
|
||||
<div>
|
||||
<span>Water Leakage</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>DT:23/5/23</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>{" "}
|
||||
<div className="col-sm-12 d-block d-md-none bg-white p-3">
|
||||
<div className="d-flex align-items-center justify-content-between">
|
||||
<div>
|
||||
<span>ABCD4556464QWE</span>
|
||||
</div>
|
||||
<div>
|
||||
<span className="badge px-3 py-2 bg-warning"> Pending</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="d-flex align-items-center justify-content-between py-2">
|
||||
<div>
|
||||
<span>Water Leakage</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>DT:25/5/23</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>{" "}
|
||||
<div className="col-xl-12 d-none d-md-block">
|
||||
<div className="card">
|
||||
<div className="card-header flex-row">
|
||||
<h4 className="card-title">Services Request</h4>
|
||||
<Button
|
||||
variant="primary"
|
||||
onClick={handleShow}
|
||||
size="sm"
|
||||
className="p-1"
|
||||
>
|
||||
+ New Request
|
||||
</Button>
|
||||
</div>
|
||||
<Modal show={show} onHide={handleClose}>
|
||||
<Modal.Header closeButton>
|
||||
<Modal.Title>New Service Request</Modal.Title>
|
||||
</Modal.Header>
|
||||
<Modal.Body>
|
||||
<form className="row g-3 needs-validation" novalidate>
|
||||
<div className="col-md-6">
|
||||
<label for="validationCustom01" className="form-label">
|
||||
Full Name
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
id="validationCustom01"
|
||||
value="Mathew"
|
||||
required
|
||||
/>
|
||||
<div className="valid-feedback">Looks good!</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<label for="validationCustom01" className="form-label">
|
||||
Mobile
|
||||
</label>
|
||||
<input
|
||||
type="tel"
|
||||
className="form-control"
|
||||
id="validationCustom02"
|
||||
value="123456"
|
||||
required
|
||||
/>
|
||||
<div className="valid-feedback">Looks good!</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<label for="validationCustom04" className="form-label">
|
||||
Service
|
||||
</label>
|
||||
<select
|
||||
className="form-select"
|
||||
id="validationCustom04"
|
||||
required
|
||||
>
|
||||
<option>New Water Connection</option>
|
||||
<option>Water Leakage</option>
|
||||
<option>Water Shortage</option>
|
||||
</select>
|
||||
<div className="invalid-feedback">
|
||||
Please select a valid state.
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<label for="validationCustom03" className="form-label">
|
||||
Building NO / Street
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
id="validationCustom03"
|
||||
value="5/35-1 ,River Rd, Fort Kochi"
|
||||
required
|
||||
/>
|
||||
<div className="invalid-feedback">
|
||||
Please provide Building no / Street.
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<label for="validationCustom03" className="form-label">
|
||||
City
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
id="validationCustom03"
|
||||
value="Kochi"
|
||||
required
|
||||
/>
|
||||
<div className="invalid-feedback">
|
||||
Please provide a valid city.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6">
|
||||
<label for="validationCustom05" className="form-label">
|
||||
Zip
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
id="validationCustom05"
|
||||
value="682001"
|
||||
required
|
||||
/>
|
||||
<div className="invalid-feedback">
|
||||
Please provide a valid zip.
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<div className="mb-3">
|
||||
<label for="formFileSm" className="form-label">Documents</label>
|
||||
<a type="file" className="border p-2 mx-2 text-dark text-uppercase"> Upload</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="invalidCheck"
|
||||
required
|
||||
/>
|
||||
<label className="form-check-label" for="invalidCheck">
|
||||
Agree to terms and conditions
|
||||
</label>
|
||||
<div className="invalid-feedback">
|
||||
You must agree before submitting.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</Modal.Body>
|
||||
<Modal.Footer>
|
||||
<Button variant="primary" onClick={handleClose}>
|
||||
Submit Request
|
||||
</Button>
|
||||
</Modal.Footer>
|
||||
</Modal>
|
||||
<div className="card-body">
|
||||
<div className="invoice-table">
|
||||
<div className="table-responsive">
|
||||
<table className="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</th>
|
||||
<th>Application No</th>
|
||||
<th>Service</th>
|
||||
<th>Name</th>
|
||||
<th>Documents</th>
|
||||
<th>Mobile</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>ABCD4556464QWE</td>
|
||||
<td>New Water Connection</td>
|
||||
<td>Jhon</td>
|
||||
<td>File_090-1</td>
|
||||
<td>5678909876</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
{" "}
|
||||
Completed
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABMK846493CFE</td>
|
||||
<td>New Sewerage Connection</td>
|
||||
<td>Jhon</td>
|
||||
<td>File_08982_-1</td>
|
||||
<td>5678907865</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-danger ">
|
||||
Cancel
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABGU745632CFE</td>
|
||||
<td>Water Leak</td>
|
||||
<td>Rajesh</td>
|
||||
<td>File_08_88-1</td>
|
||||
<td>5678903491</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Completed
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABJK879125HNE</td>
|
||||
<td>Water Shortage</td>
|
||||
<td>Karan</td>
|
||||
<td>File_070-1</td>
|
||||
<td>5678905672</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-warning ">
|
||||
Pending
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABTY876545JIE</td>
|
||||
<td>New Water Connection</td>
|
||||
<td>Rathod</td>
|
||||
<td></td>
|
||||
<td>5678901232</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Completed
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>ABQW345678RTE</td>
|
||||
<td>New Sewerage Connection</td>
|
||||
<td>Smith</td>
|
||||
<td></td>
|
||||
<td>5678903456</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-warning ">
|
||||
Pending
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
export default services;
|
||||
@@ -0,0 +1,409 @@
|
||||
|
||||
import Layout from "../components/layout/Layout";
|
||||
import SettingsMenu from "./../components/layout/SettingsMenu";
|
||||
|
||||
function SettingsActivity() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Activity"
|
||||
pageTitle="Activity"
|
||||
pageTitleSub={"Welcome Intez Activity page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Settings"}
|
||||
child={"Activity"}
|
||||
>
|
||||
<SettingsMenu />
|
||||
<div className="row">
|
||||
<div className="col-xxl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Third-Party Applications </h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon-circle bg-warning text-white">
|
||||
<i className="ri-question-answer-line"></i>
|
||||
</span>
|
||||
<div>
|
||||
<h5 className="mb-0">You haven't authorized any applications yet.
|
||||
</h5>
|
||||
<p>After connecting an application with your account, you can
|
||||
manage or revoke its access here.</p>
|
||||
<a className="btn btn-primary">Authorize now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Web Sessions</h4>
|
||||
|
||||
<small>These sessions are currently signed in to your account. Sign out
|
||||
all other sessions</small>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="table-responsive table-icon">
|
||||
<table className="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Signed In</th>
|
||||
<th>Browser</th>
|
||||
<th>IP Address</th>
|
||||
<th>Near</th>
|
||||
<th>Current</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1 day ago</td>
|
||||
<td>Chrome (Windows)</td>
|
||||
<td>250.364.239.254</td>
|
||||
<td>Bangladesh, Dhaka</td>
|
||||
<td>
|
||||
<span><i className="ri-check-line text-success me-1"></i></span>
|
||||
<span><i className="ri-close-line text-danger"></i></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1 day ago</td>
|
||||
<td>Chrome (Windows)</td>
|
||||
<td>250.364.239.254</td>
|
||||
<td>Bangladesh, Dhaka</td>
|
||||
<td>
|
||||
<span><i className="ri-check-line text-success me-1"></i></span>
|
||||
<span><i className="ri-close-line text-danger"></i></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1 day ago</td>
|
||||
<td>Chrome (Windows)</td>
|
||||
<td>250.364.239.254</td>
|
||||
<td>Bangladesh, Dhaka</td>
|
||||
<td>
|
||||
<span><i className="ri-check-line text-success me-1"></i></span>
|
||||
<span><i className="ri-close-line text-danger"></i></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Confirmed Devices</h4>
|
||||
|
||||
<small>These devices are currently allowed to access your account.
|
||||
Remove all other devices</small>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="table-responsive">
|
||||
<table className="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Confirmed</th>
|
||||
<th>Browser</th>
|
||||
<th>IP Address</th>
|
||||
<th>Near</th>
|
||||
<th>Current</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1 day ago</td>
|
||||
<td>Chrome (Windows)</td>
|
||||
<td> 250.364.239.254</td>
|
||||
<td>Bangladesh, Dhaka</td>
|
||||
<td>
|
||||
<span><i className="ri-check-line text-success me-1"></i></span>
|
||||
<span><i className="ri-close-line text-danger"></i></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>8 days ago</td>
|
||||
<td>Chrome (Windows)</td>
|
||||
<td> 250.364.239.254</td>
|
||||
<td>Bangladesh, Dhaka</td>
|
||||
|
||||
|
||||
<td>
|
||||
<span><i className="ri-check-line text-success me-1"></i></span>
|
||||
<span><i className="ri-close-line text-danger"></i></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>15 days ago</td>
|
||||
<td>Chrome (Windows)</td>
|
||||
<td> 250.364.239.254</td>
|
||||
<td>Bangladesh, Dhaka</td>
|
||||
|
||||
|
||||
<td>
|
||||
<span><i className="ri-check-line text-success me-1"></i></span>
|
||||
<span><i className="ri-close-line text-danger"></i></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Account Activity</h4>
|
||||
|
||||
<small>Recent activity on your account.</small>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="table-responsive">
|
||||
<table className="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Action</th>
|
||||
<th>Source</th>
|
||||
<th>IP Address</th>
|
||||
<th>Location</th>
|
||||
<th>When</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.254</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">about 1 hour ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.254</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">about 2 hours
|
||||
ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>second factor failure</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.254</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">about 2 hours
|
||||
ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>device confirmation completed</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.254</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">1 day ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signin</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.254</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">1 day ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.254</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">1 day ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signout</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signin</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signout</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signout</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>device confirmation completed</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signin</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">8 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signout</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signin</td>
|
||||
<td>web</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signout</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>web</td>
|
||||
<td>23.106.249.39</td>
|
||||
<td>Singapore</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>verified second factor</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>phone verified</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>phone added</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>signin</td>
|
||||
<td>api</td>
|
||||
<td>157.119.239.214</td>
|
||||
<td>Bangladesh</td>
|
||||
<td>
|
||||
<a href="#">15 days ago</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="card transparent">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Close Account</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<p>Withdraw funds and close your Xtrader account - <span className="text-danger">this
|
||||
cannot be undone</span></p>
|
||||
<a href="#" className="btn btn-danger">Close Account</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default SettingsActivity;
|
||||
@@ -0,0 +1,121 @@
|
||||
|
||||
import Layout from "../components/layout/Layout";
|
||||
import CreateApi from './../components/form/CreateApi';
|
||||
import SettingsMenu from "./../components/layout/SettingsMenu";
|
||||
function SettingsApi() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="API"
|
||||
pageTitle="API"
|
||||
pageTitleSub={"Welcome Intez API page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Settings"}
|
||||
child={"API"}
|
||||
>
|
||||
<SettingsMenu />
|
||||
|
||||
<div className="row">
|
||||
<div className="col-xxl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Create API Key</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<CreateApi/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Your API Keys</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="table-responsive api-table">
|
||||
<table className="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Key</th>
|
||||
<th>Status</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>69e387f1-31c3-45ad-9c68-5a51e5e78b43</td>
|
||||
<td>
|
||||
<div className="form-check form-switch">
|
||||
<input className="form-check-input" type="checkbox" checked={true}/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span>
|
||||
<i className="ri-delete-bin-line"></i>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>69e387f1-31c3-45ad-9c68-5a51e5e78b43</td>
|
||||
<td>
|
||||
<div className="form-check form-switch">
|
||||
<input className="form-check-input" type="checkbox"/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span>
|
||||
<i className="ri-delete-bin-line"></i>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>69e387f1-31c3-45ad-9c68-5a51e5e78b43</td>
|
||||
<td>
|
||||
<div className="form-check form-switch">
|
||||
<input className="form-check-input" type="checkbox"/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span>
|
||||
<i className="ri-delete-bin-line"></i>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>69e387f1-31c3-45ad-9c68-5a51e5e78b43</td>
|
||||
<td>
|
||||
<div className="form-check form-switch">
|
||||
<input className="form-check-input" type="checkbox"/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span>
|
||||
<i className="ri-delete-bin-line"></i>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>69e387f1-31c3-45ad-9c68-5a51e5e78b43</td>
|
||||
<td>
|
||||
<div className="form-check form-switch">
|
||||
<input className="form-check-input" type="checkbox"/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span>
|
||||
<i className="ri-delete-bin-line"></i>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default SettingsApi;
|
||||
@@ -0,0 +1,33 @@
|
||||
import Preferences from "../components/form/Preferences";
|
||||
import Layout from "../components/layout/Layout";
|
||||
import SettingsMenu from "./../components/layout/SettingsMenu";
|
||||
function SettingsPreferences() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Application"
|
||||
pageTitle="Application"
|
||||
pageTitleSub={"Welcome Intez Settings Application page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Settings"}
|
||||
child={"Application"}
|
||||
>
|
||||
<SettingsMenu />
|
||||
|
||||
<div className="row">
|
||||
<div className="col-xxl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Preperences</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<Preferences/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default SettingsPreferences;
|
||||
@@ -0,0 +1,69 @@
|
||||
|
||||
import Layout from "../components/layout/Layout";
|
||||
import SettingsMenu from "./../components/layout/SettingsMenu";
|
||||
function SettingsPayment() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Payment Method"
|
||||
pageTitle="Payment Method"
|
||||
pageTitleSub={"Welcome Intez Settings Payment Method page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Settings"}
|
||||
child={"Payment Method"}
|
||||
>
|
||||
<SettingsMenu />
|
||||
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Add a payment method </h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="verify-content">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon-circle bg-primary text-white">
|
||||
<i className="ri-bank-line"></i>
|
||||
</span>
|
||||
<div className="primary-number">
|
||||
<h5 className="mb-0">Bank of America</h5>
|
||||
<small>Bank **************5421</small>
|
||||
<br />
|
||||
<span className="text-success">Verified</span>
|
||||
</div>
|
||||
</div>
|
||||
<button className=" btn btn-outline-primary">Manage</button>
|
||||
</div>
|
||||
<hr className="dropdown-divider my-4" />
|
||||
<div className="verify-content">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon-circle bg-primary text-white">
|
||||
<i className="ri-mastercard-line"></i>
|
||||
</span>
|
||||
<div className="primary-number">
|
||||
<h5 className="mb-0">Master Card</h5>
|
||||
<small>Credit Card *********5478</small>
|
||||
<br />
|
||||
<span className="text-success">Verified</span>
|
||||
</div>
|
||||
</div>
|
||||
<button className=" btn btn-outline-primary">Manage</button>
|
||||
</div>
|
||||
|
||||
<div className="mt-5 text-center">
|
||||
<button type="button" className="btn btn-primary m-2" data-toggle="modal"
|
||||
data-target="#addBank">Add New Bank</button>
|
||||
<button type="button" className="btn btn-success m-2" data-toggle="modal"
|
||||
data-target="#addCard">Add New Card</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default SettingsPayment;
|
||||
@@ -0,0 +1,55 @@
|
||||
import UpdateInfo from "../components/form/UpdateInfo";
|
||||
import Layout from "../components/layout/Layout";
|
||||
import PersonalInfo from "./../components/form/PersonalInfo";
|
||||
import UpdateAvatar from "./../components/form/UpdateAvatar";
|
||||
import SettingsMenu from "./../components/layout/SettingsMenu";
|
||||
|
||||
function SettingsProfile() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Profile"
|
||||
pageTitle="Profile"
|
||||
pageTitleSub={"Welcome Intez Settings Profile page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Settings"}
|
||||
child={"Profile"}
|
||||
>
|
||||
<SettingsMenu />
|
||||
<div className="row">
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">User Profile</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<UpdateAvatar />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-6 col-xl-6 col-lg-6">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Update Profile</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<UpdateInfo />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Personal Information</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<PersonalInfo />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default SettingsProfile;
|
||||
@@ -0,0 +1,97 @@
|
||||
|
||||
import Layout from "../components/layout/Layout";
|
||||
import SettingsMenu from "./../components/layout/SettingsMenu";
|
||||
function SettingsSecurity() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Security"
|
||||
pageTitle="Security"
|
||||
pageTitleSub={"Welcome Intez Settings Security page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Settings"}
|
||||
child={"Security"}
|
||||
>
|
||||
<SettingsMenu />
|
||||
|
||||
<div className="row">
|
||||
<div className="col-xxl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">2-step verification </h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="verify-content ">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon-circle bg-primary text-white">
|
||||
<i className="ri-smartphone-line"></i>
|
||||
</span>
|
||||
<div className="primary-number">
|
||||
<p className="mb-0"><strong>+xxx xxxxxxxx60</strong></p>
|
||||
<small>Keep your primary phone number up-to-date</small>
|
||||
<br />
|
||||
<span className="text-success">Required</span>
|
||||
</div>
|
||||
</div>
|
||||
<button className=" btn btn-primary">Manage</button>
|
||||
</div>
|
||||
<hr className="dropdown-divider my-4" />
|
||||
<div className="verify-content">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon-circle bg-primary text-white"><i className="ri-mail-line"></i></span>
|
||||
<div className="primary-number">
|
||||
<p className="mb-0"><strong>hello@example.com</strong></p>
|
||||
<small>Keep your primary email up-to-date</small>
|
||||
<br />
|
||||
<span className="text-success">Required</span>
|
||||
</div>
|
||||
</div>
|
||||
<button className=" btn btn-primary">Manage</button>
|
||||
</div>
|
||||
<hr className="dropdown-divider my-4" />
|
||||
<div className="verify-content">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon-circle bg-primary text-white"><i className="ri-key-line"></i></span>
|
||||
<div className="primary-number">
|
||||
<p className="mb-0"><strong>*************</strong></p>
|
||||
<small>You can change your password</small>
|
||||
<br />
|
||||
<span className="text-success">Required</span>
|
||||
</div>
|
||||
</div>
|
||||
<button className=" btn btn-primary">Manage</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Identity verification </h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="verify-content">
|
||||
<div className="d-flex align-items-center">
|
||||
<span className="me-3 icon-circle bg-primary text-white">
|
||||
<i className="ri-lock-password-line"></i>
|
||||
</span>
|
||||
<div className="primary-number">
|
||||
<p className="mb-0">xxx xxxxx xxx40</p>
|
||||
<small>Social Security Number</small>
|
||||
<br />
|
||||
<span className="text-success">Verified</span>
|
||||
</div>
|
||||
</div>
|
||||
<button className=" btn btn-primary" data-toggle="modal"
|
||||
data-target="#idCardModal">Manage</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default SettingsSecurity;
|
||||
@@ -0,0 +1,55 @@
|
||||
import Link from "next/link";
|
||||
import SigninForm from "../components/form/SigninForm";
|
||||
import { COMPANY_NAME } from "../helpers/helpers";
|
||||
import Layoutform from "../components/form/authselection/layoutform";
|
||||
|
||||
function Signin() {
|
||||
return (
|
||||
<>
|
||||
<div className="authincation section-padding auth-bg">
|
||||
<div className="container h-100">
|
||||
<div className="row justify-content-center h-100 align-items-center">
|
||||
<div className="col-xl-5 col-md-6">
|
||||
|
||||
<div className="mini-logo d-flex justify-content-center align-items-center flex-column text-center my-4">
|
||||
<Link href="/">
|
||||
<div className="logocontainer">
|
||||
<img src="./images/kerala/keralawater.png" alt={COMPANY_NAME} />
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
{/* <h4 className="card-title mt-5 w-100 d-flex justify-content-center align-items-center gap-2">
|
||||
<div> Sign in as</div>
|
||||
<div>
|
||||
<select className="form-control">
|
||||
<option>Consumer</option>
|
||||
<option>Employee</option>
|
||||
|
||||
<option>Plumber</option>
|
||||
</select>
|
||||
</div>
|
||||
</h4> */}
|
||||
</div>
|
||||
<div className="auth-form card">
|
||||
<div className="card-body">
|
||||
|
||||
|
||||
<SigninForm />
|
||||
<p className="mt-3 mb-0">
|
||||
Don't have an account?
|
||||
<Link href="/signup">
|
||||
<a className="text-primary">Sign up</a>
|
||||
</Link>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Signin;
|
||||
@@ -0,0 +1,54 @@
|
||||
import Link from "next/link";
|
||||
import SignupForm from "./../components/form/SignupForm";
|
||||
import { COMPANY_NAME } from "../helpers/helpers";
|
||||
|
||||
function Signin() {
|
||||
return (
|
||||
<>
|
||||
<div className="authincation section-padding auth-bg">
|
||||
<div className="container h-100">
|
||||
<div className="row justify-content-center h-100 align-items-center">
|
||||
<div className="col-xl-5 col-md-6">
|
||||
|
||||
<div className="mini-logo d-flex justify-content-center align-items-center flex-column text-center my-4">
|
||||
<Link href="/">
|
||||
<div className="logocontainer">
|
||||
<img src="./images/kerala/keralawater.png" alt={COMPANY_NAME} />
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
{/* <h4 className="card-title mt-5 w-100 d-flex justify-content-center align-items-center gap-2">
|
||||
<div> Sign in as</div>
|
||||
<div>
|
||||
<select className="form-control">
|
||||
<option>Consumer</option>
|
||||
<option>Employee</option>
|
||||
|
||||
<option>Plumber</option>
|
||||
</select>
|
||||
</div>
|
||||
</h4> */}
|
||||
</div>
|
||||
<div className="auth-form card">
|
||||
<div className="card-body">
|
||||
|
||||
|
||||
<SignupForm/>
|
||||
<p className="mt-3 mb-0">
|
||||
Don't have an account?
|
||||
<Link href="/signup">
|
||||
<a className="text-primary">Sign up</a>
|
||||
</Link>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Signin;
|
||||
@@ -0,0 +1,21 @@
|
||||
|
||||
import Layout from "../components/layout/Layout";
|
||||
|
||||
function Test() {
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headTitle="Profile"
|
||||
pageTitle="Profile"
|
||||
pageTitleSub={"Welcome Intez Settings Profile page"}
|
||||
pageClass={"dashboard"}
|
||||
parent={"Settings"}
|
||||
child={"Profile"}
|
||||
>
|
||||
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Test;
|
||||
@@ -0,0 +1,51 @@
|
||||
import Link from "next/link";
|
||||
|
||||
function Test() {
|
||||
return (
|
||||
<>
|
||||
<div className="verification section-padding">
|
||||
<div className="container h-100">
|
||||
<div className="row justify-content-center h-100 align-items-center">
|
||||
<div className="col-xl-5 col-md-6">
|
||||
<div className="mini-logo text-center my-4">
|
||||
<Link href="/">
|
||||
<a>
|
||||
<img src="./images/logo.png" alt="" />
|
||||
</a>
|
||||
</Link>
|
||||
<h4 className="card-title mt-5">
|
||||
Verify your Email
|
||||
</h4>
|
||||
</div>
|
||||
<div className="auth-form card">
|
||||
<div className="card-body">
|
||||
<form className="identity-upload">
|
||||
<div className="identity-content">
|
||||
<span className="icon">
|
||||
<i className="ri-mail-check-line"></i>
|
||||
</span>
|
||||
<p>
|
||||
We sent verification email to
|
||||
<strong className="text-dark">
|
||||
example@email.com
|
||||
</strong>
|
||||
. Click the link inside to get
|
||||
started!
|
||||
</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div className="card-footer text-center">
|
||||
<Link href="/signup">
|
||||
<a>Email didn't arrive?</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default Test;
|
||||
+258
@@ -0,0 +1,258 @@
|
||||
import React from 'react'
|
||||
import Layout from '../components/layout/Layout'
|
||||
|
||||
function water() {
|
||||
return (
|
||||
<Layout headTitle="Dashboard" pageTitle="Water" pageTitleSub={""} pageClass={"dashboard"} parent={"Home"} child={"Water"}>
|
||||
<div className="row">
|
||||
<div className="col-xxl-12 col-xl-12 col-lg-12">
|
||||
<div className="card">
|
||||
<div className="card-header">
|
||||
<h4 className="card-title">Create Connection</h4>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<form className="invoice-form">
|
||||
<form>
|
||||
<div className="row justify-content-between">
|
||||
<div className="col-xl-6">
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Name</label>
|
||||
<input type="email" className="form-control" placeholder="Jonaed Bogdadi"/>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Email</label>
|
||||
<input type="email" className="form-control"
|
||||
placeholder="Jonaed@bogdad.com "/>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Location</label>
|
||||
<input type="text" className="form-control"
|
||||
placeholder="Location"/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-6">
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Phone</label>
|
||||
<input type="number" className="form-control" placeholder="+91 9876543218"/>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Pincode</label>
|
||||
<input type="text" className="form-control" placeholder="987654"/>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<label className="form-label">Address</label>
|
||||
<input type="text" className="form-control"
|
||||
placeholder="Address"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='d-none'>
|
||||
<div className="row">
|
||||
<div className="mb-3 col-xl-6">
|
||||
<label className="form-label">Items</label>
|
||||
<input type="email" className="form-control" placeholder="Wireframe" />
|
||||
</div>
|
||||
<div className=" mb-3 col-xl-3">
|
||||
<label className="form-label">Quantity</label>
|
||||
<input type="email" className="form-control" placeholder="360"/>
|
||||
</div>
|
||||
<div className="mb-3 col-xl-2">
|
||||
<label className="form-label">Price</label>
|
||||
<input type="email" className="form-control" placeholder="82"/>
|
||||
</div>
|
||||
<div className="col-1">
|
||||
<span><i className="ri-close-fill"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="mb-3 col-xl-6">
|
||||
<input type="email" className="form-control" placeholder="High-Fidelity"/>
|
||||
</div>
|
||||
<div className="mb-3 col-xl-3">
|
||||
<input type="email" className="form-control" placeholder="220"/>
|
||||
</div>
|
||||
<div className="mb-3 col-xl-2">
|
||||
<input type="email" className="form-control" placeholder="67"/>
|
||||
</div>
|
||||
<div className="col-1">
|
||||
<span><i className="ri-close-fill"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="add-reset d-flex justify-content-between">
|
||||
<button className="btn btn-outline-primary"><span><i
|
||||
className="bi bi-plus"></i></span>Reset</button>
|
||||
<button className="btn btn-primary"><span><i className="bi bi-plus"></i></span>Add
|
||||
Item</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
<div className="text-end">
|
||||
<a href="#" className="btn btn-primary">Save</a>
|
||||
{/* <a href="#" className="btn btn-outline-primary">Send</a> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-xxl-12 col-xl-12 col-lg-12">
|
||||
<div className='pb-2 card'>
|
||||
<div className="payments-content">
|
||||
<div className="table-responsive">
|
||||
<table className="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<div className="form-check">
|
||||
<input className="form-check-input" type="checkbox" value="" id="flexCheckDefault"/>
|
||||
</div>
|
||||
</th>
|
||||
<th>Application No</th>
|
||||
<th>File No</th>
|
||||
<th>Name</th>
|
||||
<th>Mobile</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>ABCD4556464QWE</td>
|
||||
<td>File_2023_01</td>
|
||||
<td>Jhon</td>
|
||||
<td>5678909876</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success"> Paid</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABMK846493CFE</td>
|
||||
<td>File_2023_02</td>
|
||||
<td>Jhon</td>
|
||||
<td>5678907865</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-danger">
|
||||
Cancel
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABGU745632CFE</td>
|
||||
<td>File_2023_03</td>
|
||||
<td>Rajesh</td>
|
||||
<td>5678903491</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Paid
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABJK879125HNE</td>
|
||||
<td>File_2023_04</td>
|
||||
<td>Karan</td>
|
||||
<td>5678905672</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-warning">
|
||||
Due
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td>ABTY876545JIE</td>
|
||||
<td>File_2023_05</td>
|
||||
<td>Rathod</td>
|
||||
<td>5678901232</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-success">
|
||||
Paid
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div className="form-check">
|
||||
<input
|
||||
className="form-check-input"
|
||||
type="checkbox"
|
||||
value=""
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>ABQW345678RTE</td>
|
||||
<td>File_2023_06</td>
|
||||
<td>Smith</td>
|
||||
<td>5678903456</td>
|
||||
<td>
|
||||
<span className="badge px-3 py-2 bg-warning">
|
||||
Due
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
|
||||
export default water
|
||||
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,120 @@
|
||||
{
|
||||
"version": 3,
|
||||
"file": "style.css",
|
||||
"sources": [
|
||||
"../scss/style.scss",
|
||||
"../scss/abstract/_abstract.scss",
|
||||
"../scss/abstract/_variable.scss",
|
||||
"../scss/abstract/_mixins.scss",
|
||||
"../scss/abstract/_maps.scss",
|
||||
"../../node_modules/bootstrap/scss/bootstrap.scss",
|
||||
"../../node_modules/bootstrap/scss/_functions.scss",
|
||||
"../../node_modules/bootstrap/scss/_variables.scss",
|
||||
"../../node_modules/bootstrap/scss/_mixins.scss",
|
||||
"../../node_modules/bootstrap/scss/vendor/_rfs.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_deprecate.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_breakpoints.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_image.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_resize.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_visually-hidden.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_reset-text.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_text-truncate.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_utilities.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_alert.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_buttons.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_caret.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_pagination.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_lists.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_list-group.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_forms.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_table-variants.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_border-radius.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_box-shadow.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_gradients.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_transition.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_clearfix.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_container.scss",
|
||||
"../../node_modules/bootstrap/scss/mixins/_grid.scss",
|
||||
"../../node_modules/bootstrap/scss/_utilities.scss",
|
||||
"../../node_modules/bootstrap/scss/_root.scss",
|
||||
"../../node_modules/bootstrap/scss/_reboot.scss",
|
||||
"../../node_modules/bootstrap/scss/_type.scss",
|
||||
"../../node_modules/bootstrap/scss/_images.scss",
|
||||
"../../node_modules/bootstrap/scss/_containers.scss",
|
||||
"../../node_modules/bootstrap/scss/_grid.scss",
|
||||
"../../node_modules/bootstrap/scss/_tables.scss",
|
||||
"../../node_modules/bootstrap/scss/_forms.scss",
|
||||
"../../node_modules/bootstrap/scss/forms/_labels.scss",
|
||||
"../../node_modules/bootstrap/scss/forms/_form-text.scss",
|
||||
"../../node_modules/bootstrap/scss/forms/_form-control.scss",
|
||||
"../../node_modules/bootstrap/scss/forms/_form-select.scss",
|
||||
"../../node_modules/bootstrap/scss/forms/_form-check.scss",
|
||||
"../../node_modules/bootstrap/scss/forms/_form-range.scss",
|
||||
"../../node_modules/bootstrap/scss/forms/_floating-labels.scss",
|
||||
"../../node_modules/bootstrap/scss/forms/_input-group.scss",
|
||||
"../../node_modules/bootstrap/scss/forms/_validation.scss",
|
||||
"../../node_modules/bootstrap/scss/_buttons.scss",
|
||||
"../../node_modules/bootstrap/scss/_transitions.scss",
|
||||
"../../node_modules/bootstrap/scss/_dropdown.scss",
|
||||
"../../node_modules/bootstrap/scss/_button-group.scss",
|
||||
"../../node_modules/bootstrap/scss/_nav.scss",
|
||||
"../../node_modules/bootstrap/scss/_navbar.scss",
|
||||
"../../node_modules/bootstrap/scss/_card.scss",
|
||||
"../../node_modules/bootstrap/scss/_accordion.scss",
|
||||
"../../node_modules/bootstrap/scss/_breadcrumb.scss",
|
||||
"../../node_modules/bootstrap/scss/_pagination.scss",
|
||||
"../../node_modules/bootstrap/scss/_badge.scss",
|
||||
"../../node_modules/bootstrap/scss/_alert.scss",
|
||||
"../../node_modules/bootstrap/scss/_progress.scss",
|
||||
"../../node_modules/bootstrap/scss/_list-group.scss",
|
||||
"../../node_modules/bootstrap/scss/_close.scss",
|
||||
"../../node_modules/bootstrap/scss/_toasts.scss",
|
||||
"../../node_modules/bootstrap/scss/_modal.scss",
|
||||
"../../node_modules/bootstrap/scss/_tooltip.scss",
|
||||
"../../node_modules/bootstrap/scss/_popover.scss",
|
||||
"../../node_modules/bootstrap/scss/_carousel.scss",
|
||||
"../../node_modules/bootstrap/scss/_spinners.scss",
|
||||
"../../node_modules/bootstrap/scss/_offcanvas.scss",
|
||||
"../../node_modules/bootstrap/scss/_helpers.scss",
|
||||
"../../node_modules/bootstrap/scss/helpers/_clearfix.scss",
|
||||
"../../node_modules/bootstrap/scss/helpers/_colored-links.scss",
|
||||
"../../node_modules/bootstrap/scss/helpers/_ratio.scss",
|
||||
"../../node_modules/bootstrap/scss/helpers/_position.scss",
|
||||
"../../node_modules/bootstrap/scss/helpers/_visually-hidden.scss",
|
||||
"../../node_modules/bootstrap/scss/helpers/_stretched-link.scss",
|
||||
"../../node_modules/bootstrap/scss/helpers/_text-truncation.scss",
|
||||
"../../node_modules/bootstrap/scss/utilities/_api.scss",
|
||||
"../scss/base/_base.scss",
|
||||
"../scss/base/_reset.scss",
|
||||
"../scss/base/_fonts.scss",
|
||||
"../scss/base/_color.scss",
|
||||
"../scss/base/_preloader.scss",
|
||||
"../scss/base/_shortcode.scss",
|
||||
"../scss/layout/_layout.scss",
|
||||
"../scss/layout/_header.scss",
|
||||
"../scss/layout/_bottom.scss",
|
||||
"../scss/layout/_footer.scss",
|
||||
"../scss/layout/_sidebar.scss",
|
||||
"../scss/layout/_theme-bg.scss",
|
||||
"../scss/element/_element.scss",
|
||||
"../scss/element/_testimonial.scss",
|
||||
"../scss/element/_credit-card.scss",
|
||||
"../scss/components/_component.scss",
|
||||
"../scss/components/_card.scss",
|
||||
"../scss/components/_form.scss",
|
||||
"../scss/components/_button.scss",
|
||||
"../scss/components/_table.scss",
|
||||
"../scss/pages/_pages.scss",
|
||||
"../scss/pages/_dashboard.scss",
|
||||
"../scss/pages/_auth.scss",
|
||||
"../scss/pages/_settings.scss",
|
||||
"../scss/pages/_profile.scss",
|
||||
"../scss/pages/_wallet.scss",
|
||||
"../scss/pages/_balance.scss",
|
||||
"../scss/pages/_bill.scss",
|
||||
"../scss/pages/_notification.scss",
|
||||
"../scss/pages/_demo.scss"
|
||||
],
|
||||
"names": [],
|
||||
"mappings": "AAAA;;;;;;;;;;;;;;;;EAgBE;AKhBF;;;;;GAKG;A+EJH,OAAO,CAAC,wFAAI;AACZ,OAAO,CAAC,mEAAI;AAIZ,OAAO,CAAC,mDAAI;AACZ,OAAO,CAAC,wCAAI;AlDPZ,AAAA,KAAK,CAAC;EAGF,SAA8B,CAAE,QAAC;EAAjC,WAA8B,CAAE,QAAC;EAAjC,WAA8B,CAAE,QAAC;EAAjC,SAA8B,CAAE,QAAC;EAAjC,QAA8B,CAAE,QAAC;EAAjC,WAA8B,CAAE,QAAC;EAAjC,WAA8B,CAAE,QAAC;EAAjC,UAA8B,CAAE,QAAC;EAAjC,SAA8B,CAAE,QAAC;EAAjC,SAA8B,CAAE,QAAC;EAAjC,UAA8B,CAAE,KAAC;EAAjC,SAA8B,CAAE,QAAC;EAAjC,cAA8B,CAAE,QAAC;EAIjC,YAA8B,CAAE,QAAC;EAAjC,cAA8B,CAAE,QAAC;EAAjC,YAA8B,CAAE,QAAC;EAAjC,SAA8B,CAAE,QAAC;EAAjC,YAA8B,CAAE,QAAC;EAAjC,WAA8B,CAAE,QAAC;EAAjC,UAA8B,CAAE,QAAC;EAAjC,SAA8B,CAAE,QAAC;EAKnC,oBAAoC,CAAiB,gMAAC;EACtD,mBAAmC,CAAgB,qFAAC;EACpD,aAA6B,CAAU,2EAAC,GACzC;;ACAD,AAAA,CAAC;AACD,CAAC,AAAA,QAAQ;AACT,CAAC,AAAA,OAAO,CAAC;EACP,UAAU,EAAE,UAAU,GACvB;;AAYG,MAAM,EAAE,sBAAsB,EAAE,aAAa;ED/BjD,AAAA,KAAK,CC2BC;IAKA,eAAe,EAAE,MAAM,GAG5B;;AAUD,AAAA,IAAI,CAAC;EACH,MAAM,EAAE,CAAC;EACT,WAAW,EjC/BM,QAAQ,EAC3B,UAAU;EO0OJ,SAAY,EAvER,QAA2B;E0BnInC,WAAW,EjC7Ba,GAAG;EiC8B3B,WAAW,E5BqYiB,GAAG;E4BpY/B,KAAK,EjCtCM,OAAO;EiCwClB,gBAAgB,EjCzCL,OAAO;EiC0ClB,wBAAwB,EAAE,IAAI;EAC9B,2BAA2B,E5BrClB,gBAAI,G4BsCd;;AAQD,AAAA,EAAE,CAAC;EACD,MAAM,E5BwLC,IAAI,C4BxLU,CAAC;EACtB,KAAK,E5BqbuB,OAAO;E4BpbnC,gBAAgB,EAAE,YAAY;EAC9B,MAAM,EAAE,CAAC;EACT,OAAO,E5BobqB,IAAG,G4BnbhC;;AAED,AAAA,EAAE,AAAA,IAAK,EAAA,AAAA,IAAC,AAAA,GAAO;EACb,MAAM,E5B+RsB,GAAG,G4B9RhC;;AAmBD,AAVA,EAUE,EC1FF,GAAG,ED+FH,EAAE,EC3FF,GAAG,EDgGH,EAAE,EC5FF,GAAG,EDiGH,EAAE,EC7FF,GAAG,EDkGH,EAAE,EC9FF,GAAG,EDmGH,EAAE,EC/FF,GAAG,CD4DM;EACP,UAAU,EAAE,CAAC;EACb,aAAa,E5B0Xe,MAAW;E4BvXvC,WAAW,EjCtEa,GAAG;EiCuE3B,WAAW,EjCnEa,GAAG;EiCoE3B,KAAK,EjCrDiB,OAAO,GiCsD9B;;AAED,AAAA,EAAE,EC1FF,GAAG,CD0FA;E1BkKK,SAAY,EAfV,qBAA2B,G0BhJpC;E1BHG,MAAM,EAAE,SAAS,EAAE,MAAM;I0BA7B,AAAA,EAAE,EC1FF,GAAG,CD0FA;M1ByKK,SAAY,EAlFV,OAA2B,G0BpFpC;;AAED,AAAA,EAAE,EC3FF,GAAG,CD2FA;E1B6JK,SAAY,EAfV,wBAA2B,G0B3IpC;E1BRG,MAAM,EAAE,SAAS,EAAE,MAAM;I0BK7B,AAAA,EAAE,EC3FF,GAAG,CD2FA;M1BoKK,SAAY,EAlFV,QAA2B,G0B/EpC;;AAED,AAAA,EAAE,EC5FF,GAAG,CD4FA;E1BwJK,SAAY,EAfV,sBAA2B,G0BtIpC;E1BbG,MAAM,EAAE,SAAS,EAAE,MAAM;I0BU7B,AAAA,EAAE,EC5FF,GAAG,CD4FA;M1B+JK,SAAY,EAlFV,MAA2B,G0B1EpC;;AAED,AAAA,EAAE,EC7FF,GAAG,CD6FA;E1B+IG,SAAY,EAvER,QAA2B,G0BrEpC;;AAED,AAAA,EAAE,EC9FF,GAAG,CD8FA;E1B0IG,SAAY,EAvER,IAA2B,G0BhEpC;;AAED,AAAA,EAAE,EC/FF,GAAG,CD+FA;E1BqIG,SAAY,EAvER,IAA2B,G0B3DpC;;AAQD,AAAA,CAAC,CAAC;EACA,UAAU,EAAE,CAAC;EACb,aAAa,E5ByKa,IAAI,G4BxK/B;;AAUD,AAAA,IAAI,CAAA,AAAA,KAAC,AAAA;AACL,IAAI,CAAA,AAAA,sBAAC,AAAA,EAAwB;EAC3B,eAAe,EAAE,gBAAgB;EACjC,MAAM,EAAE,IAAI;EACZ,wBAAwB,EAAE,IAAI,GAC/B;;AAKD,AAAA,OAAO,CAAC;EACN,aAAa,EAAE,IAAI;EACnB,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,OAAO,GACrB;;AAKD,AAAA,EAAE;AACF,EAAE,CAAC;EACD,YAAY,EAAE,IAAI,GACnB;;AAED,AAAA,EAAE;AACF,EAAE;AACF,EAAE,CAAC;EACD,UAAU,EAAE,CAAC;EACb,aAAa,EAAE,IAAI,GACpB;;AAED,AAAA,EAAE,CAAC,EAAE;AACL,EAAE,CAAC,EAAE;AACL,EAAE,CAAC,EAAE;AACL,EAAE,CAAC,EAAE,CAAC;EACJ,aAAa,EAAE,CAAC,GACjB;;AAED,AAAA,EAAE,CAAC;EACD,WAAW,E5B6PiB,GAAG,G4B5PhC;;AAID,AAAA,EAAE,CAAC;EACD,aAAa,EAAE,KAAK;EACpB,WAAW,EAAE,CAAC,GACf;;AAKD,AAAA,UAAU,CAAC;EACT,MAAM,EAAE,QAAQ,GACjB;;AAOD,AAAA,CAAC;AACD,MAAM,CAAC;EACL,WAAW,E5BsOiB,MAAM,G4BrOnC;;AAOD,AAAA,KAAK,ECxKL,MAAM,CDwKA;E1BsCA,SAAY,EAvER,OAA2B,G0BmCpC;;AAKD,AAAA,IAAI,EC3KJ,KAAK,CD2KA;EACH,OAAO,E5BkSqB,KAAI;E4BjShC,gBAAgB,E5BySY,OAAO,G4BxSpC;;AAQD,AAAA,GAAG;AACH,GAAG,CAAC;EACF,QAAQ,EAAE,QAAQ;E1BkBd,SAAY,EAvER,MAA2B;E0BuDnC,WAAW,EAAE,CAAC;EACd,cAAc,EAAE,QAAQ,GACzB;;AAED,AAAA,GAAG,CAAC;EAAE,MAAM,EAAE,MAAM,GAAI;;AACxB,AAAA,GAAG,CAAC;EAAE,GAAG,EAAE,KAAK,GAAI;;AAKpB,AAAA,CAAC,CAAC;EACA,KAAK,EjCrPK,OAAO;EiCsPjB,eAAe,E5ByCyB,SAAS,G4BnClD;EARD,AAIE,CAJD,AAIE,MAAM,CAAC;IACN,KAAK,E7B1FC,OAA2B,G6B4FlC;;AAQH,AACE,CADD,AAAA,IAAK,EAAA,AAAA,IAAC,AAAA,EAAM,IAAK,EAAA,AAAA,KAAC,AAAA,IAAnB,CAAC,AAAA,IAAK,EAAA,AAAA,IAAC,AAAA,EAAM,IAAK,EAAA,AAAA,KAAC,AAAA,EAEhB,MAAM,CAAC;EACN,KAAK,EAAE,OAAO;EACd,eAAe,EAAE,IAAI,GACtB;;AAMH,AAAA,GAAG;AACH,IAAI;AACJ,GAAG;AACH,IAAI,CAAC;EACH,WAAW,E5BmJiB,wBAAwD;EE3KhF,SAAY,EAvER,GAA2B;E0BiGnC,SAAS,EAAE,GAAG,CAAC,gBAAqB;EACpC,YAAY,EAAE,aAAa,GAC5B;;AAMD,AAAA,GAAG,CAAC;EACF,OAAO,EAAE,KAAK;EACd,UAAU,EAAE,CAAC;EACb,aAAa,EAAE,IAAI;EACnB,QAAQ,EAAE,IAAI;E1BtCV,SAAY,EAvER,OAA2B,G0BuHpC;EAdD,AASE,GATC,CASD,IAAI,CAAC;I1B3CD,SAAY,EAvER,OAA2B;I0BoHjC,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,MAAM,GACnB;;AAGH,AAAA,IAAI,CAAC;E1BlDC,SAAY,EAvER,OAA2B;E0B2HnC,KAAK,E5BtQG,OAAO;E4BuQf,SAAS,EAAE,UAAU,GAMtB;EAHC,AAAA,CAAC,GANH,IAAI,CAMI;IACJ,KAAK,EAAE,OAAO,GACf;;AAGH,AAAA,GAAG,CAAC;EACF,OAAO,E5BwnC2B,MAAK,CACL,MAAK;EEvrCnC,SAAY,EAvER,OAA2B;E0BuInC,KAAK,E5BnTI,IAAI;E4BoTb,gBAAgB,E5B3SP,OAAO;EmBEd,aAAa,EnBmWa,MAAK,G4BlDlC;EAZD,AAOE,GAPC,CAOD,GAAG,CAAC;IACF,OAAO,EAAE,CAAC;I1BrER,SAAY,EAvER,GAA2B;I0B8IjC,WAAW,E5BgHe,GAAG,G4B/G9B;;AAQH,AAAA,MAAM,CAAC;EACL,MAAM,EAAE,QAAQ,GACjB;;AAKD,AAAA,GAAG;AACH,GAAG,CAAC;EACF,cAAc,EAAE,MAAM,GACvB;;AAOD,AAAA,KAAK,CAAC;EACJ,YAAY,EAAE,MAAM;EACpB,eAAe,EAAE,QAAQ,GAC1B;;AAED,AAAA,OAAO,CAAC;EACN,WAAW,E5B8KiB,MAAK;E4B7KjC,cAAc,E5B6Kc,MAAK;E4B5KjC,KAAK,EjCtUM,OAAO;EiCuUlB,UAAU,EAAE,IAAI,GACjB;;AAMD,AAAA,EAAE,CAAC;EAED,UAAU,EAAE,OAAO;EACnB,UAALine truncated
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
+1222
File diff suppressed because it is too large.
Load diff
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large.
Load diff
|
After Width: | Height: | Size: 1.1 MiB |
File diff suppressed because it is too large.
Load diff
|
After Width: | Height: | Size: 877 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,46 @@
|
||||
<svg width="103" height="25" viewBox="0 0 103 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M33.1165 3.98586C33.1469 4.64143 32.9072 5.28078 32.4532 5.75472C31.9459 6.28167 31.2384 6.56789 30.5075 6.54187C29.7719 6.54907 29.0645 6.25944 28.5452 5.73846C28.0258 5.21747 27.7385 4.50914 27.748 3.77359C27.7385 3.03805 28.0258 2.32971 28.5452 1.80873C29.0645 1.28775 29.7719 0.998115 30.5075 1.00532C30.8814 1.00407 31.2516 1.07932 31.5953 1.22643C31.9154 1.35551 32.2003 1.55858 32.4267 1.819L31.9579 2.28775C31.6 1.86205 31.0628 1.62945 30.5075 1.6598C29.9508 1.65715 29.417 1.88075 29.0285 2.27932C28.6399 2.67789 28.4299 3.21722 28.4467 3.77359C28.4349 4.61663 28.9314 5.384 29.7052 5.71869C30.4791 6.05338 31.3783 5.88964 31.9845 5.30366C32.2566 5.00874 32.4136 4.62575 32.4267 4.22465H30.5075V3.58786H33.0812C33.1048 3.71921 33.1166 3.85241 33.1165 3.98586Z" fill="white" stroke="white" stroke-width="0.2"/>
|
||||
<path d="M37.1668 1.77454H34.7788V3.45496H36.9545V4.09175H34.7788V5.77217H37.1668V6.42665H34.0713V1.12006H37.1668V1.77454Z" fill="white" stroke="white" stroke-width="0.2"/>
|
||||
<path d="M40.068 6.42665H39.387V1.77454H37.9011V1.12006H41.5892V1.77454H40.068V6.42665Z" fill="white" stroke="white" stroke-width="0.2"/>
|
||||
<path d="M44.1892 6.42665V1.12006H44.8702V6.42665H44.1892Z" fill="white" stroke="white" stroke-width="0.2"/>
|
||||
<path d="M47.8951 6.42665H47.2141V1.77454H45.7283V1.12006H49.3721V1.77454H47.8951V6.42665Z" fill="white" stroke="white" stroke-width="0.2"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M51.61 3.77355C51.5939 4.50625 51.8746 5.21437 52.3883 5.73699C53.4647 6.80736 55.2035 6.80736 56.2798 5.73699C56.7936 5.21437 57.0743 4.50625 57.0581 3.77355C57.0743 3.04085 56.7936 2.33273 56.2798 1.81011C55.7651 1.29161 55.0647 1 54.3341 1C53.6035 1 52.9031 1.29161 52.3883 1.81011C51.8746 2.33273 51.5939 3.04085 51.61 3.77355ZM55.7756 5.2951C54.9784 6.08894 53.6895 6.08894 52.8924 5.2951C52.4956 4.89008 52.2816 4.34055 52.2998 3.77388C52.2721 3.21231 52.4731 2.66349 52.857 2.25266C53.6541 1.45882 54.9431 1.45882 55.7402 2.25266C56.1499 2.65173 56.3771 3.202 56.3682 3.77388C56.3864 4.34055 56.1723 4.89008 55.7756 5.2951Z" fill="white"/>
|
||||
<path d="M52.3883 5.73699L52.317 5.8071L52.3178 5.8079L52.3883 5.73699ZM51.61 3.77355L51.7101 3.77576L51.71 3.77134L51.61 3.77355ZM56.2798 5.73699L56.3504 5.8079L56.3512 5.8071L56.2798 5.73699ZM57.0581 3.77355L56.9581 3.77134L56.9582 3.77576L57.0581 3.77355ZM56.2798 1.81011L56.3512 1.74001L56.3508 1.73966L56.2798 1.81011ZM52.3883 1.81011L52.3174 1.73966L52.317 1.74001L52.3883 1.81011ZM52.8924 5.2951L52.8209 5.36509L52.8218 5.36596L52.8924 5.2951ZM55.7756 5.2951L55.8462 5.36597L55.847 5.36508L55.7756 5.2951ZM52.2998 3.77388L52.4001 3.77711L52.3997 3.76896L52.2998 3.77388ZM52.857 2.25266L52.7864 2.18175L52.7839 2.18439L52.857 2.25266ZM55.7402 2.25266L55.6697 2.32352L55.6705 2.32429L55.7402 2.25266ZM56.3682 3.77388L56.2681 3.77232L56.2682 3.77709L56.3682 3.77388ZM52.4596 5.66689C51.9648 5.16351 51.6944 4.48147 51.71 3.77576L51.5101 3.77134C51.4933 4.53103 51.7843 5.26523 52.317 5.8071L52.4596 5.66689ZM56.2093 5.66608C55.172 6.69766 53.4962 6.69766 52.4589 5.66608L52.3178 5.8079C53.4332 6.91706 55.235 6.91706 56.3504 5.8079L56.2093 5.66608ZM56.9582 3.77576C56.9738 4.48147 56.7034 5.16351 56.2085 5.66689L56.3512 5.8071C56.8839 5.26523 57.1749 4.53103 57.1581 3.77134L56.9582 3.77576ZM56.2085 1.88022C56.7034 2.38359 56.9738 3.06563 56.9582 3.77134L57.1581 3.77576C57.1749 3.01608 56.8839 2.28188 56.3512 1.74001L56.2085 1.88022ZM54.3341 1.1C55.0381 1.1 55.7129 1.38097 56.2089 1.88056L56.3508 1.73966C55.8173 1.20225 55.0914 0.9 54.3341 0.9V1.1ZM52.4593 1.88056C52.9553 1.38097 53.6301 1.1 54.3341 1.1V0.9C53.5768 0.9 52.8509 1.20225 52.3174 1.73966L52.4593 1.88056ZM51.71 3.77134C51.6944 3.06563 51.9648 2.38359 52.4596 1.88022L52.317 1.74001C51.7843 2.28188 51.4933 3.01608 51.5101 3.77576L51.71 3.77134ZM52.8218 5.36596C53.658 6.19865 55.01 6.19865 55.8462 5.36596L55.705 5.22425C54.9469 5.97923 53.7211 5.97923 52.9629 5.22425L52.8218 5.36596ZM52.1998 3.77066C52.1807 4.3646 52.4051 4.94057 52.8209 5.36508L52.9638 5.22513C52.5861 4.83959 52.3824 4.3165 52.3997 3.77709L52.1998 3.77066ZM52.7839 2.18439C52.3816 2.61499 52.1709 3.19022 52.1999 3.7788L52.3997 3.76896C52.3733 3.23441 52.5647 2.71199 52.93 2.32093L52.7839 2.18439ZM55.8108 2.1818C54.9746 1.34911 53.6226 1.34911 52.7864 2.1818L52.9275 2.32351C53.6857 1.56853 54.9115 1.56853 55.6697 2.32351L55.8108 2.1818ZM56.4682 3.77544C56.4775 3.17605 56.2394 2.5993 55.81 2.18102L55.6705 2.32429C56.0604 2.70416 56.2767 3.22796 56.2682 3.77232L56.4682 3.77544ZM55.847 5.36508C56.2629 4.94057 56.4872 4.3646 56.4681 3.77066L56.2682 3.77709C56.2856 4.3165 56.0818 4.83959 55.7042 5.22513L55.847 5.36508Z" fill="white"/>
|
||||
<path d="M58.022 6.42665V1.12006H58.8533L61.4359 5.25036V5.25036V4.22441V1.12006H62.1169V6.42665H61.4093L58.703 2.10178V2.10178V3.12772V6.42665H58.022Z" fill="white" stroke="white" stroke-width="0.2"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.3994 15.3242V16.9162H37.2201C37.1602 17.666 36.8485 18.3735 36.3357 18.9238C35.5627 19.7112 34.493 20.1352 33.3905 20.0913C31.0459 20.0913 29.1453 18.1906 29.1453 15.846C29.1453 13.5014 31.0459 11.6007 33.3905 11.6007C34.4676 11.5832 35.5076 11.9935 36.2826 12.7416L37.4059 11.6184C36.3489 10.5481 34.9035 9.95148 33.3994 9.96452C31.2581 9.88119 29.2429 10.976 28.1475 12.8178C27.0521 14.6595 27.0521 16.9529 28.1475 18.7946C29.2429 20.6364 31.2581 21.7312 33.3994 21.6479C34.931 21.7171 36.4177 21.1205 37.4766 20.0117C38.4032 18.9936 38.8979 17.6553 38.8563 16.2794C38.8592 15.9442 38.8296 15.6095 38.7679 15.28L33.3994 15.3242ZM43.2081 14.1654C41.1333 14.1703 39.4549 15.8553 39.4581 17.9301C39.4614 20.0049 41.1451 21.6847 43.2199 21.683C45.2947 21.6814 46.9758 19.999 46.9758 17.9242C46.9904 16.9198 46.5966 15.9526 45.8846 15.2439C45.1727 14.5353 44.2036 14.1461 43.1993 14.1654H43.2081ZM47.7009 17.936C47.6944 15.8623 49.3684 14.1751 51.442 14.1654C52.4463 14.1461 53.4154 14.5353 54.1274 15.2439C54.8393 15.9526 55.2331 16.9198 55.2186 17.9242C55.2185 19.9979 53.5392 21.6798 51.4656 21.683C49.3919 21.6862 47.7074 20.0096 47.7009 17.936ZM49.3892 18.9141C49.7931 19.7595 50.6727 20.2721 51.6074 20.2068C52.194 20.1932 52.7503 19.9432 53.1499 19.5135C53.5496 19.0839 53.7588 18.511 53.73 17.9249C53.7277 16.988 53.153 16.1477 52.2806 15.8059C51.4082 15.4641 50.4156 15.6903 49.7774 16.3763C49.1393 17.0623 48.9854 18.0687 49.3892 18.9141ZM41.1274 18.9202C41.5342 19.7651 42.4163 20.2752 43.3515 20.2061H43.3426C43.9293 20.1925 44.4855 19.9425 44.8852 19.5129C45.2849 19.0832 45.4941 18.5104 45.4653 17.9243C45.4627 16.9866 44.8868 16.1459 44.0133 15.8049C43.1399 15.4639 42.1467 15.6919 41.5095 16.3798C40.8723 17.0677 40.7207 18.0754 41.1274 18.9202ZM70.2539 14.1656C71.7202 14.2196 73.001 15.1731 73.4733 16.5624L73.659 16.9604L68.6266 19.0388C68.942 19.7571 69.6645 20.2096 70.4485 20.1797C71.2054 20.1816 71.9076 19.7852 72.297 19.1361L73.5794 20.0205C72.8813 21.0654 71.7052 21.69 70.4485 21.6832C69.4496 21.6979 68.4877 21.3057 67.7838 20.5968C67.0798 19.8879 66.6945 18.9232 66.7162 17.9244C66.6551 16.9485 67.0006 15.9907 67.6708 15.2787C68.341 14.5666 69.2761 14.1637 70.2539 14.1656ZM68.3435 17.8183C68.3073 17.2657 68.495 16.7218 68.8644 16.3091C69.2338 15.8965 69.7537 15.6499 70.3069 15.6249C70.8901 15.5865 71.4399 15.8997 71.7043 16.4209L68.3435 17.8183ZM65.9111 21.4621H64.2572V10.4067H65.9111V21.4621ZM61.5511 15.0059H61.4892C60.9851 14.4423 60.2643 14.1205 59.5081 14.1215C57.5006 14.2189 55.9229 15.8749 55.9229 17.8848C55.9229 19.8947 57.5006 21.5507 59.5081 21.648C60.2668 21.6608 60.9922 21.337 61.4892 20.7636H61.5423V21.3031C61.5423 22.7447 60.7728 23.5142 59.5346 23.5142C58.6911 23.4944 57.9433 22.9668 57.6419 22.1787L56.2003 22.7801C56.7555 24.1305 58.0746 25.0088 59.5346 25C61.4715 25 63.0724 23.8591 63.0724 21.082V14.3868H61.5511V15.0059ZM59.6555 20.2059L59.6583 20.2062H59.6494L59.6555 20.2059ZM61.1459 19.4967C60.7663 19.9262 60.228 20.1822 59.6555 20.2059C58.4743 20.1004 57.5687 19.1106 57.5687 17.9243C57.5687 16.7372 58.4757 15.7467 59.6583 15.6425C60.2297 15.6718 60.7651 15.9306 61.1431 16.3602C61.5211 16.7898 61.7096 17.3538 61.6659 17.9243C61.7147 18.4975 61.5268 19.0656 61.1459 19.4967ZM81.2208 10.407H77.2585V21.4624H78.9124V17.2702H81.2208C82.5056 17.3625 83.7343 16.7293 84.4049 15.6295C85.0754 14.5297 85.0754 13.1474 84.4049 12.0476C83.7343 10.9478 82.5056 10.3147 81.2208 10.407ZM78.9125 15.7135H81.2209L81.2563 15.7401C82.304 15.7401 83.1534 14.8907 83.1534 13.8429C83.1534 12.7952 82.304 11.9458 81.2563 11.9458H78.9125V15.7135ZM91.4183 14.1219C90.1878 14.0483 89.0309 14.7119 88.4731 15.8111L89.9413 16.4214C90.2371 15.8763 90.8267 15.5572 91.4448 15.6077C91.8689 15.5582 92.2952 15.6811 92.6278 15.9489C92.9604 16.2166 93.1715 16.6068 93.2137 17.0317V17.1466C92.6825 16.8654 92.0901 16.7196 91.4891 16.7221C89.9059 16.7221 88.3051 17.6065 88.3051 19.2074C88.3367 19.897 88.6458 20.5445 89.1622 21.0026C89.6786 21.4607 90.3584 21.6904 91.0468 21.6395C91.8952 21.7005 92.7092 21.2935 93.1695 20.5782H93.2225V21.4627H94.8145V17.2085C94.8145 15.2716 93.3464 14.1484 91.4625 14.1484L91.4183 14.1219ZM89.9237 19.2424C89.9237 19.9057 90.6754 20.1799 91.215 20.1799L91.2592 20.2064C92.2555 20.1821 93.0817 19.4276 93.1961 18.4375C92.7372 18.1814 92.2179 18.0531 91.6926 18.0661C90.8612 18.0661 89.9237 18.3579 89.9237 19.2424ZM100.616 14.3867L98.7237 19.1803H98.6707L96.7072 14.3867H94.9383L97.8835 21.0907L96.2031 24.8141H97.9277L102.456 14.3867H100.616ZM87.4031 21.4621H85.7492V10.4067H87.4031V21.4621Z" fill="white"/>
|
||||
<path d="M0.409985 1.59829C0.12806 1.9468 -0.0110286 2.38936 0.0208346 2.83649V22.4001C-0.00609314 22.8496 0.139406 23.2924 0.427674 23.6383L0.489584 23.7003L11.43 12.751V12.4945L0.471895 1.53638L0.409985 1.59829Z" fill="url(#paint0_linear)"/>
|
||||
<path d="M15.0561 16.4037L11.4299 12.751V12.4945L15.0561 8.83295L15.1357 8.87717L19.4783 11.3447C20.7165 12.0434 20.7165 13.1932 19.4783 13.9007L15.1534 16.3595L15.0561 16.4037Z" fill="url(#paint1_linear)"/>
|
||||
<path d="M15.1622 16.3588L11.4299 12.6177L0.409912 23.6377C0.930593 24.0954 1.70333 24.1177 2.24953 23.6908L15.1711 16.35" fill="url(#paint2_linear)"/>
|
||||
<path d="M15.1623 8.88586L2.24074 1.54507C1.69454 1.11813 0.921804 1.14042 0.401123 1.59814L11.43 12.6182L15.1623 8.88586Z" fill="url(#paint3_linear)"/>
|
||||
<path opacity="0.2" d="M15.0561 16.2703L2.24069 23.5668C1.71625 23.9589 0.996257 23.9589 0.471822 23.5668V23.5668L0.409912 23.6287V23.6287L0.471822 23.6907V23.6907C0.99527 24.0857 1.71724 24.0857 2.24069 23.6907L15.1622 16.3499L15.0561 16.2703Z" fill="black"/>
|
||||
<path opacity="0.12" d="M0.410007 23.5138C0.12174 23.1679 -0.0237595 22.7251 0.00316822 22.2756V22.4083C-0.0237595 22.8578 0.12174 23.3006 0.410007 23.6465L0.471918 23.5846L0.410007 23.5138Z" fill="black"/>
|
||||
<path opacity="0.12" d="M19.4783 13.7674L15.0562 16.2704L15.1358 16.35L19.4783 13.8913C19.9799 13.6557 20.3172 13.1699 20.3627 12.6177V12.6177C20.2619 13.1172 19.9353 13.5419 19.4783 13.7674Z" fill="black"/>
|
||||
<path opacity="0.25" d="M2.24068 1.66841L19.4783 11.4679C19.9353 11.6935 20.2619 12.1181 20.3627 12.6177V12.6177C20.3171 12.0654 19.9798 11.5797 19.4783 11.3441L2.24068 1.54459C1.01132 0.837044 0.020752 1.42077 0.020752 2.83586V2.96853C0.020752 1.55343 1.01132 0.969709 2.24068 1.66841Z" fill="white"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear" x1="6.63589" y1="-11.7764" x2="-10.9068" y2="-7.12423" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#00A0FF"/>
|
||||
<stop offset="0.01" stop-color="#00A1FF"/>
|
||||
<stop offset="0.26" stop-color="#00BEFF"/>
|
||||
<stop offset="0.51" stop-color="#00D2FF"/>
|
||||
<stop offset="0.76" stop-color="#00DFFF"/>
|
||||
<stop offset="1" stop-color="#00E3FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear" x1="21.0968" y1="3.59683" x2="-0.297646" y2="3.59683" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FFE000"/>
|
||||
<stop offset="0.41" stop-color="#FFBD00"/>
|
||||
<stop offset="0.78" stop-color="#FFA500"/>
|
||||
<stop offset="1" stop-color="#FF9C00"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear" x1="0.0861131" y1="6.89321" x2="-14.0086" y2="30.6018" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FF3A44"/>
|
||||
<stop offset="1" stop-color="#C31162"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear" x1="-8.19555" y1="-1.44784" x2="-1.90432" y2="9.13923" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#32A071"/>
|
||||
<stop offset="0.07" stop-color="#2DA771"/>
|
||||
<stop offset="0.48" stop-color="#15CF74"/>
|
||||
<stop offset="0.8" stop-color="#06E775"/>
|
||||
<stop offset="1" stop-color="#00F076"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
@@ -0,0 +1,5 @@
|
||||
<svg width="90" height="24" viewBox="0 0 90 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14.2631 11.1592C14.2392 8.50821 16.4343 7.21849 16.5346 7.15845C15.2915 5.34644 13.3646 5.09886 12.6875 5.07912C11.0692 4.90886 9.4994 6.04723 8.67502 6.04723C7.83418 6.04723 6.5647 5.09557 5.19649 5.12354C3.43583 5.15068 1.78871 6.16978 0.885344 7.75231C-0.978979 10.9791 0.411448 15.7209 2.19761 18.3291C3.0911 19.6073 4.13516 21.0327 5.50172 20.9825C6.83867 20.9283 7.33807 20.1312 8.95146 20.1312C10.55 20.1312 11.019 20.9825 12.4127 20.9505C13.8476 20.9283 14.7509 19.6673 15.6132 18.3784C16.6457 16.9152 17.0604 15.4725 17.0768 15.3985C17.0439 15.3869 14.291 14.3358 14.2631 11.1592V11.1592ZM11.6303 3.36334C12.3494 2.46433 12.8414 1.24124 12.7048 6.10352e-05C11.664 0.0461221 10.3625 0.719766 9.61294 1.59904C8.94982 2.37385 8.35744 3.64382 8.51047 4.83812C9.67958 4.92531 10.88 4.24838 11.6303 3.36334V3.36334Z" fill="white"/>
|
||||
<path d="M33.6277 20.7998H31.7593L30.7358 17.5846H27.1783L26.2034 20.7998H24.3843L27.9097 9.85375H30.0867L33.6277 20.7998V20.7998ZM30.4273 16.2357L29.5017 13.3774C29.4038 13.0854 29.2195 12.3978 28.9497 11.3154H28.9167C28.8081 11.7809 28.6345 12.4685 28.3968 13.3774L27.4868 16.2357H30.4273ZM42.6762 16.7563C42.6762 18.0987 42.3117 19.1597 41.582 19.9387C40.9287 20.632 40.1167 20.9783 39.1483 20.9783C38.1026 20.9783 37.3506 20.6057 36.894 19.8589V24.0003H35.1399V15.5012C35.1399 14.6581 35.1177 13.7936 35.0749 12.9069H36.6176L36.7155 14.158H36.7484C37.3334 13.2154 38.2211 12.7441 39.4124 12.7441C40.3438 12.7441 41.1212 13.1117 41.7432 13.8479C42.3644 14.5857 42.6762 15.5546 42.6762 16.7563ZM40.8892 16.8205C40.8892 16.0523 40.7165 15.4189 40.3693 14.9196C39.99 14.4006 39.4807 14.1407 38.8423 14.1407C38.4095 14.1407 38.0162 14.2855 37.6649 14.5709C37.3128 14.8588 37.0824 15.2347 36.9746 15.7002C36.9265 15.8743 36.8992 16.0535 36.8932 16.234V17.5509C36.8932 18.1242 37.0693 18.6086 37.4214 19.0051C37.7735 19.3999 38.231 19.5981 38.7937 19.5981C39.4544 19.5981 39.9686 19.3423 40.3364 18.8348C40.7049 18.3257 40.8892 17.6545 40.8892 16.8205V16.8205ZM51.7568 16.7563C51.7568 18.0987 51.3923 19.1597 50.6625 19.9387C50.0085 20.632 49.1972 20.9783 48.2281 20.9783C47.1824 20.9783 46.4304 20.6057 45.9738 19.8589V24.0003H44.2197V15.5012C44.2197 14.6581 44.1975 13.7936 44.1547 12.9069H45.6973L45.7952 14.158H45.8281C46.4123 13.2154 47.3 12.7441 48.4922 12.7441C49.4227 12.7441 50.2002 13.1117 50.8238 13.8479C51.4441 14.5857 51.7568 15.5546 51.7568 16.7563V16.7563ZM49.969 16.8205C49.969 16.0523 49.7954 15.4189 49.4482 14.9196C49.0689 14.4006 48.5613 14.1407 47.9228 14.1407C47.4901 14.1407 47.0968 14.2855 46.7438 14.5709C46.3917 14.8588 46.1622 15.2347 46.0544 15.7002C46.0009 15.9174 45.9721 16.0942 45.9721 16.234V17.5509C45.9721 18.1242 46.149 18.6086 46.4995 19.0051C46.8516 19.3991 47.3091 19.5981 47.8735 19.5981C48.5349 19.5981 49.0492 19.3423 49.4161 18.8348C49.7847 18.3257 49.969 17.6545 49.969 16.8205V16.8205ZM61.9094 17.7294C61.9094 18.6613 61.5836 19.4188 60.9361 20.0036C60.2236 20.6419 59.2289 20.9619 57.9537 20.9619C56.7755 20.9619 55.831 20.7349 55.1185 20.28L55.5241 18.8184C56.2934 19.2741 57.1383 19.5011 58.0581 19.5011C58.7196 19.5011 59.2338 19.3514 59.6008 19.0545C59.9685 18.7567 60.1545 18.3586 60.1545 17.8618C60.1545 17.4168 60.0006 17.0442 59.6987 16.7407C59.3951 16.438 58.8932 16.1559 58.1881 15.8968C56.2711 15.182 55.3118 14.1366 55.3118 12.7614C55.3118 11.8632 55.6508 11.1278 56.3271 10.5529C57.0034 9.97877 57.9002 9.69171 59.0158 9.69171C60.0121 9.69171 60.8423 9.86526 61.5013 10.2115L61.0611 11.6411C60.4408 11.3055 59.7406 11.1377 58.9574 11.1377C58.3387 11.1377 57.8533 11.2899 57.5061 11.5926C57.214 11.8632 57.0659 12.193 57.0659 12.5845C57.0659 13.0163 57.2346 13.375 57.5703 13.6563C57.8615 13.9154 58.393 14.1975 59.1614 14.5002C60.1043 14.8802 60.797 15.3227 61.2405 15.831C61.6872 16.3393 61.9094 16.9735 61.9094 17.7294ZM67.7237 14.223H65.7902V18.0551C65.7902 19.0298 66.1308 19.5159 66.8137 19.5159C67.1272 19.5159 67.3872 19.4896 67.5929 19.4345L67.6414 20.7661C67.2958 20.8953 66.8409 20.9602 66.2773 20.9602C65.5845 20.9602 65.0432 20.7488 64.6524 20.3261C64.2632 19.9033 64.0674 19.1951 64.0674 18.1982V14.2197H62.9156V12.9037H64.0674V11.4585L65.7902 10.9387V12.9037H67.7237V14.223V14.223ZM76.4299 16.7884C76.4299 18.0016 76.0827 18.9977 75.3899 19.7766C74.6651 20.5786 73.7009 20.9783 72.4988 20.9783C71.3388 20.9783 70.4165 20.5942 69.7287 19.8268C69.0409 19.0577 68.697 18.0888 68.697 16.92C68.697 15.6969 69.0524 14.6951 69.7608 13.9162C70.4708 13.1364 71.4268 12.7465 72.6288 12.7465C73.7873 12.7465 74.7178 13.1315 75.422 13.8997C76.095 14.6449 76.4299 15.6073 76.4299 16.7884ZM74.6116 16.8287C74.6116 16.1057 74.4553 15.4855 74.1418 14.9665C73.7741 14.3398 73.2475 14.0264 72.5655 14.0264C71.8629 14.0264 71.324 14.3398 70.957 14.9665C70.6427 15.4855 70.4864 16.1164 70.4864 16.8616C70.4864 17.5854 70.6427 18.2073 70.957 18.7246C71.3363 19.3514 71.8653 19.6648 72.5507 19.6648C73.2212 19.6648 73.7469 19.3448 74.127 18.709C74.4496 18.1776 74.6116 17.5534 74.6116 16.8287ZM82.1339 14.4492C81.9515 14.4162 81.7664 14.4 81.581 14.4006C80.964 14.4006 80.4868 14.6326 80.1511 15.0998C79.8599 15.511 79.7134 16.0309 79.7134 16.6585V20.7998H77.9594V15.3926C77.9609 14.564 77.9439 13.7356 77.9083 12.9078H79.4362L79.5003 14.4179H79.5489C79.7348 13.8989 80.0261 13.4802 80.4259 13.1669C80.7919 12.893 81.2366 12.7447 81.6938 12.7441C81.8558 12.7441 82.0023 12.7556 82.1323 12.7762L82.1339 14.4492V14.4492ZM89.9787 16.48C89.9832 16.7465 89.9617 17.0129 89.9146 17.2753H84.6523C84.6721 18.0551 84.9271 18.6522 85.4158 19.0635C85.8593 19.4303 86.4327 19.6146 87.137 19.6146C87.9161 19.6146 88.627 19.4912 89.2663 19.242L89.541 20.4585C88.794 20.7842 87.912 20.9462 86.8943 20.9462C85.6701 20.9462 84.7091 20.586 84.0098 19.8671C83.3121 19.1474 82.9624 18.1801 82.9624 16.9685C82.9624 15.7792 83.2874 14.788 83.9382 13.9976C84.6194 13.1537 8Line truncated
|
||||
<path d="M26.6724 5.98295C26.1845 5.98295 25.7624 5.95909 25.4111 5.91879V0.6267C25.9025 0.550818 26.399 0.513417 26.8962 0.514837C28.9078 0.514837 29.8342 1.50433 29.8342 3.11729C29.8342 4.97783 28.7399 5.98295 26.6724 5.98295ZM26.9669 1.19342C26.6954 1.19342 26.4642 1.20987 26.2725 1.24935V5.27229C26.3762 5.28874 26.5753 5.29614 26.855 5.29614C28.1731 5.29614 28.9234 4.54601 28.9234 3.14114C28.9234 1.88844 28.2446 1.19342 26.9669 1.19342V1.19342ZM32.7212 6.02325C31.5874 6.02325 30.8527 5.17688 30.8527 4.02782C30.8527 2.83023 31.6031 1.97645 32.7853 1.97645C33.9026 1.97645 34.6538 2.78252 34.6538 3.96448C34.6538 5.17688 33.8796 6.02325 32.7212 6.02325ZM32.7541 2.6065C32.1312 2.6065 31.7322 3.18885 31.7322 4.00314C31.7322 4.80181 32.1395 5.38415 32.7458 5.38415C33.3522 5.38415 33.7594 4.76151 33.7594 3.98669C33.7594 3.19707 33.3604 2.6065 32.7541 2.6065ZM41.1188 2.05624L39.9053 5.93524H39.1146L38.6119 4.25072C38.487 3.83868 38.3829 3.42058 38.3001 2.99802H38.2837C38.2203 3.4208 38.1002 3.8444 37.9727 4.25072L37.4379 5.93524H36.639L35.4971 2.05624H36.3832L36.8225 3.90033C36.9262 4.33955 37.0134 4.7541 37.0858 5.14562H37.1022C37.1656 4.81908 37.2692 4.41111 37.4214 3.90855L37.9727 2.05706H38.6753L39.2027 3.86907C39.3302 4.3083 39.4339 4.7393 39.5145 5.14645H39.5375C39.5935 4.74752 39.6815 4.32393 39.8008 3.86907L40.2722 2.05706L41.1188 2.05624V2.05624ZM45.5863 5.93524H44.7241V3.70786C44.7241 3.02188 44.4608 2.67806 43.9416 2.67806C43.4307 2.67806 43.0794 3.11729 43.0794 3.62807V5.93524H42.2172V3.16499C42.2172 2.822 42.209 2.45434 42.1851 2.05542H42.9437L42.984 2.65421H43.0078C43.2398 2.23966 43.7104 1.97645 44.2378 1.97645C45.0523 1.97645 45.5871 2.5991 45.5871 3.61245L45.5863 5.93524V5.93524ZM47.964 5.93524H47.101V0.276306H47.964V5.93524ZM51.1077 6.02325C49.9748 6.02325 49.2392 5.17688 49.2392 4.02782C49.2392 2.83023 49.9896 1.97645 51.171 1.97645C52.2891 1.97645 53.0395 2.78252 53.0395 3.96448C53.0403 5.17688 52.2653 6.02325 51.1077 6.02325ZM51.1398 2.6065C50.517 2.6065 50.1179 3.18885 50.1179 4.00314C50.1179 4.80181 50.526 5.38415 51.1307 5.38415C51.7379 5.38415 52.1443 4.76151 52.1443 3.98669C52.1452 3.19707 51.7469 2.6065 51.1398 2.6065V2.6065ZM56.439 5.93524L56.3765 5.48861H56.3535C56.0902 5.84805 55.706 6.02325 55.2189 6.02325C54.5237 6.02325 54.03 5.53632 54.03 4.88159C54.03 3.92418 54.8602 3.42902 56.2975 3.42902V3.35746C56.2975 2.84668 56.0268 2.59088 55.492 2.59088C55.1095 2.59088 54.7738 2.68711 54.4784 2.87876L54.3032 2.31204C54.6619 2.08832 55.1095 1.97645 55.6352 1.97645C56.6488 1.97645 57.1606 2.51109 57.1606 3.58119V5.00991C57.1606 5.40143 57.1778 5.70494 57.2165 5.93606L56.439 5.93524V5.93524ZM56.3205 4.00314C55.3629 4.00314 54.8824 4.23509 54.8824 4.78536C54.8824 5.19251 55.13 5.39156 55.4739 5.39156C55.9125 5.39156 56.3205 5.05679 56.3205 4.60194V4.00314V4.00314ZM61.3475 5.93524L61.3072 5.31259H61.2833C61.0356 5.78308 60.6193 6.02325 60.0377 6.02325C59.1022 6.02325 58.4095 5.20073 58.4095 4.04345C58.4095 2.83023 59.1277 1.97563 60.1084 1.97563C60.6276 1.97563 60.9953 2.15083 61.2027 2.50287H61.2199V0.276306H62.083V4.88982C62.083 5.26489 62.092 5.6161 62.1151 5.93524H61.3475ZM61.2199 3.65275C61.2199 3.10989 60.8604 2.64681 60.3116 2.64681C59.6724 2.64681 59.2816 3.21352 59.2816 4.01137C59.2816 4.79358 59.6872 5.32904 60.2944 5.32904C60.8366 5.32904 61.2199 4.85774 61.2199 4.29925V3.65275ZM67.555 6.02325C66.4221 6.02325 65.6874 5.17688 65.6874 4.02782C65.6874 2.83023 66.4377 1.97645 67.6192 1.97645C68.7373 1.97645 69.4876 2.78252 69.4876 3.96448C69.4885 5.17688 68.7143 6.02325 67.555 6.02325ZM67.5871 2.6065C66.9651 2.6065 66.5661 3.18885 66.5661 4.00314C66.5661 4.80181 66.9733 5.38415 67.5789 5.38415C68.1861 5.38415 68.5925 4.76151 68.5925 3.98669C68.5941 3.19707 68.1951 2.6065 67.5871 2.6065ZM74.1246 5.93524H73.2615V3.70786C73.2615 3.02188 72.9982 2.67806 72.4791 2.67806C71.9682 2.67806 71.6177 3.11729 71.6177 3.62807V5.93524H70.7546V3.16499C70.7546 2.822 70.7464 2.45434 70.7226 2.05542H71.4811L71.5214 2.65421H71.5453C71.7765 2.23966 72.2479 1.97563 72.7745 1.97563C73.589 1.97563 74.1246 2.59828 74.1246 3.61162V5.93524ZM79.9257 2.70274H78.9771V4.58631C78.9771 5.06584 79.1433 5.30519 79.4789 5.30519C79.6312 5.30519 79.7587 5.28874 79.8615 5.26489L79.8854 5.91961C79.7184 5.98377 79.4946 6.01585 79.2165 6.01585C78.5369 6.01585 78.1305 5.64078 78.1305 4.65869V2.70274H77.5644V2.05624H78.1305V1.34558L78.9771 1.08978V2.05542H79.9257V2.70274V2.70274ZM84.4902 5.93524H83.6288V3.72431C83.6288 3.0301 83.3664 2.67889 82.8464 2.67889C82.3997 2.67889 81.9834 2.9824 81.9834 3.59682V5.93524H81.122V0.276306H81.9834V2.6065H82.0006C82.2721 2.18373 82.6654 1.97563 83.1673 1.97563C83.9884 1.97563 84.4902 2.61391 84.4902 3.62807V5.93524V5.93524ZM89.1667 4.20301H86.5792C86.5956 4.93752 87.0819 5.35208 87.8018 5.35208C88.1843 5.35208 88.5365 5.28792 88.8475 5.16865L88.9816 5.76745C88.6146 5.92702 88.1827 6.0068 87.68 6.0068C86.4665 6.0068 85.7482 5.24021 85.7482 4.05167C85.7482 2.86231 86.4837 1.96823 87.5829 1.96Line truncated
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 391 B |
Binary file not shown.
|
After Width: | Height: | Size: 391 B |
Binary file not shown.
|
After Width: | Height: | Size: 391 B |
Binary file not shown.
|
After Width: | Height: | Size: 391 B |
Binary file not shown.
|
After Width: | Height: | Size: 391 B |
Binary file not shown.
|
After Width: | Height: | Size: 391 B |
Binary file not shown.
|
After Width: | Height: | Size: 391 B |
Binary file not shown.
|
After Width: | Height: | Size: 417 B |
Binary file not shown.
|
After Width: | Height: | Size: 391 B |
Binary file not shown.
|
After Width: | Height: | Size: 391 B |
Binary file not shown.
|
After Width: | Height: | Size: 391 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Loaded 100 of 188 files, more files were not shown because too many files have changed in this diff.
Show more
Reference in new issue
Block a user