488 lines
21 KiB
JavaScript
488 lines
21 KiB
JavaScript
import Link from "next/link";
|
|
import jsonpath from "jsonpath";
|
|
import _ from "lodash";
|
|
import { useRouter } from "next/router";
|
|
import useTranslation from "next-translate/useTranslation";
|
|
|
|
const Breadcrumbs = (props) => {
|
|
const { courseContent, slug, currentView } = props;
|
|
const router = useRouter();
|
|
const { appealType, section } = router.query;
|
|
|
|
let { t } = useTranslation();
|
|
|
|
function Breadcrumb() {
|
|
if (slug) {
|
|
var coursePageURL = appealType + "/" + slug;
|
|
if (_.isEmpty(courseContent)) {
|
|
return null;
|
|
} else {
|
|
var sectionObj = jsonpath.query(
|
|
courseContent,
|
|
'$..sections[?(@.path=="/' + coursePageURL + '")]'
|
|
);
|
|
var breadcrumb = sectionObj[0].chapter.title; //sectionObj[0].chapter
|
|
return (
|
|
<li
|
|
className="govuk-breadcrumbs__list-item"
|
|
aria-current="page"
|
|
>
|
|
{breadcrumb}
|
|
</li>
|
|
);
|
|
}
|
|
} else {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
return (
|
|
<nav
|
|
aria-label={"Breadcrumb for " + _.startCase(_.toLower(appealType))}
|
|
role="navigation"
|
|
data-module="track-click"
|
|
>
|
|
<div className="govuk-breadcrumbs ">
|
|
<ol className="govuk-breadcrumbs__list">
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link href={t("common:gov-wales-link")}>
|
|
<a className="govuk-breadcrumbs__link">
|
|
{t("common:gov-wales-label")}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.pathname.includes("/dns/") ? "/dns" : "/"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
{router.pathname.includes("/dns/")
|
|
? t("dnsCommon:service-name")
|
|
: t("common:service-name")}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
{router.pathname == "/myportal" ? (
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
{t("myportal:page-title")}
|
|
</li>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/myportal/searchresults" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale + "/myportal"
|
|
: "/myportal"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
{t("common:breadcrumb-my-portal")}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
{t("common:breadcrumb-search-results")}
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/searchresults" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
{t("common:breadcrumb-search-results")}
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/newappeal" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale + "/myportal"
|
|
: "/myportal"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
{t("newappeal:parent-page-title")}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
{t("newappeal:page-title")}
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/newappeal/selectappeal" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale + "/myportal"
|
|
: "/myportal"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
{t("newappeal:parent-page-title")}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale + "/myportal"
|
|
: "/myportal"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
{t("newappeal:page-title")}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
Select Appeal
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/viewall" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale + "/myportal"
|
|
: "/myportal"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
{t("common:breadcrumb-my-portal")}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
Your cases
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/myportal/viewall" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale + "/myportal"
|
|
: "/myportal"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
{t("common:breadcrumb-my-portal")}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
{currentView.viewName}
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/myportal/case" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale + "/myportal"
|
|
: "/myportal"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
{t("common:breadcrumb-my-portal")}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale + "/viewall"
|
|
: "/viewall"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
Your cases{" "}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
{t("common:breadcrumb-case-reference")}:{" "}
|
|
{
|
|
props.props.currentView.caseReference
|
|
.currentReference
|
|
}
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/case" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale +
|
|
"/searchresults?q=" +
|
|
props.props.search.searchString
|
|
: "/searchresults?q=" +
|
|
props.props.search.searchString
|
|
}
|
|
>
|
|
<a
|
|
onClick={() => router.back()}
|
|
className="govuk-breadcrumbs__link"
|
|
>
|
|
{t("common:breadcrumb-search-results")}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
{t("common:breadcrumb-case-reference")}:{" "}
|
|
{
|
|
props.props.currentView.caseReference
|
|
.currentReference
|
|
}
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/myportal/representation" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale + "/myportal"
|
|
: "/myportal"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
{t("common:breadcrumb-my-portal")}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
Make representation for:{" "}
|
|
{
|
|
props.props.currentView.caseReference
|
|
.currentReference
|
|
}
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/account/personaldetails" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale + "/myportal"
|
|
: "/myportal"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
{t("common:breadcrumb-my-portal")}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
Your account
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/account/register" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
Register your account
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/account/changepassword" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale + "/myportal"
|
|
: "/myportal"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
{t("common:breadcrumb-my-portal")}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
Update your password
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/dns" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale + "/dns"
|
|
: "/dns"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
{t("dnsCommon:service-name")}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/dnsapplications" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
{t("dnsCommon:service-name")}
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/dns/application-process" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
Guidance
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/dns/help" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
Help
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/dns/contact-us" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
Contact us
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/dns/applications" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
{t("dnsApplications:page-title")}
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{router.pathname == "/dns/application-view" ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale +
|
|
"/dns/applications"
|
|
: "/dns/applications"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
{t(
|
|
"dnsApplicationView:page-parent-title"
|
|
)}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
TWA - Morlais Demonstration Zone
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
{!_.isEmpty(slug) ? (
|
|
<>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale + "/myportal"
|
|
: "/myportal"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
{t("common:breadcrumb-my-portal")}
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? router.locale + "/newappeal"
|
|
: "/newappeal"
|
|
}
|
|
>
|
|
<a className="govuk-breadcrumbs__link">
|
|
New Appeal
|
|
</a>
|
|
</Link>
|
|
</li>
|
|
<li className="govuk-breadcrumbs__list-item">
|
|
{props.formTitle}
|
|
</li>
|
|
</>
|
|
) : (
|
|
""
|
|
)}
|
|
|
|
<Breadcrumb />
|
|
</ol>
|
|
</div>
|
|
</nav>
|
|
);
|
|
};
|
|
export default Breadcrumbs;
|