Skip to content

Commit

Permalink
add new page for uswds
Browse files Browse the repository at this point in the history
  • Loading branch information
@ricmars
ricmars committed Oct 2, 2023
1 parent 22858fe commit e131e20
Show file tree
Hide file tree
Showing 13 changed files with 3,391 additions and 1,354 deletions.
8 changes: 4 additions & 4 deletions docs/demos/frgov/pega-govfr.js
View file

Large diffs are not rendered by default.

8 changes: 4 additions & 4 deletions docs/demos/ukgds/pega-govuk.js
View file

Large diffs are not rendered by default.

235 changes: 235 additions & 0 deletions docs/demos/uswds/case2.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,235 @@
<!DOCTYPE html>
<html lang="en">

<head>
<title>Pega GovUS</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, viewport-fit=cover" />
<script src="./assets/js/uswds-init.min.js"></script>
<link rel="stylesheet" href="./assets/css/uswds.min.css" />
<link rel="stylesheet" href="./app.css" type="text/css">
</head>

<body>
<a class="usa-skipnav" href="#main-content">Skip to main content</a>
<header class="usa-header usa-header--extended usa-header-dark">
<div class="usa-navbar">
<div class="usa-logo" id="extended-logo">
<em class="usa-logo__text">
<a style="margin-left:0.5rem" href="./main1.html" title="HealthCare">
US Agency
</a>
</em>
</div>
<button class="usa-menu-btn">Menu</button>
</div>
<nav aria-label="Primary navigation" class="usa-nav">
<div class="usa-nav__inner">
<button class="usa-nav__close">
<img src="assets/img/close.svg" role="img" alt="Close">
</button>
<ul class="usa-nav__primary usa-accordion">
<li class="usa-nav__primary-item">
<button class="usa-accordion__button usa-nav__link usa-current" aria-expanded="false"
aria-controls="extended-nav-section-one">
<span>Benefits</span>
</button>
<ul id="extended-nav-section-one" class="usa-nav__submenu">
<li class="usa-nav__submenu-item">
<a href="#">Retirement</a>
</li>
<li class="usa-nav__submenu-item">
<a href="#">Disability</a>
</li>
<li class="usa-nav__submenu-item">
<a href="#">Medicare</a>
</li>
<li class="usa-nav__submenu-item">
<a href="#">Survivors</a>
</li>
<li class="usa-nav__submenu-item">
<a href="#">Supplemental Security Income</a>
</li>
<li class="usa-nav__submenu-item">
<a href="#">Retirement Estimator</a>
</li>
</ul>
</li>
<li class="usa-nav__primary-item">
<button class="usa-accordion__button usa-nav__link" aria-expanded="false"
aria-controls="extended-nav-section-two">
<span>Business & Government</span>
</button>
<ul id="extended-nav-section-two" class="usa-nav__submenu">
<li class="usa-nav__submenu-item">
<a href="#">Business Services</a>
</li>
<li class="usa-nav__submenu-item">
<a href="#">Congress</a>
</li>
<li class="usa-nav__submenu-item">
<a href="#">Data Exchange</a>
</li>
<li class="usa-nav__submenu-item">
<a href="#">Electronic Records Expressrvivors</a>
</li>
<li class="usa-nav__submenu-item">
<a href="#">Employers</a>
</li>
<li class="usa-nav__submenu-item">
<a href="#">Financial Institutions</a>
</li>
</ul>
</li>
<li class="usa-nav__primary-item">
<a href="javascript:void(0)" class="usa-nav__link">
<span>Agency Information</span>
</a>
</li>
</ul>
<div class="usa-nav__secondary">
<ul class="usa-nav__secondary-links">
<li class="usa-nav__secondary-item">
<a href="">Languages</a>
</li>
<li class="usa-nav__secondary-item">
<a href="">Log out</a>
</li>
</ul>
<form class="usa-search usa-search--small" role="search">
<label class="usa-sr-only" for="extended-search-field-en-small">
Search
</label>
<input class="usa-input" id="extended-search-field-en-small" type="search" name="search">
<button class="usa-button" type="submit">
<span class="usa-sr-only">Search</span>
</button>
</form>
</div>
</div>
</nav>
</header>

<main>
<div id="main-content"></div>
</main>
<footer class="usa-footer">
<div class="grid-container usa-footer__return-to-top">
<a href="#">Return to top</a>
</div>
<div class="usa-footer__primary-section">
<nav class="usa-footer__nav" aria-label="Footer navigation">
<ul class="grid-row grid-gap">
<li class="mobile-lg:grid-col-4 desktop:grid-col-auto usa-footer__primary-content">
<a class="usa-footer__primary-link" href="javascript:void(0);">
Help
</a>
</li>
<li class="mobile-lg:grid-col-4 desktop:grid-col-auto usa-footer__primary-content">
<a class="usa-footer__primary-link" href="javascript:void(0);">
About
</a>
</li>
<li class="mobile-lg:grid-col-4 desktop:grid-col-auto usa-footer__primary-content">
<a class="usa-footer__primary-link" href="javascript:void(0);">
Contact Us
</a>
</li>
<li class="mobile-lg:grid-col-4 desktop:grid-col-auto usa-footer__primary-content">
<a class="usa-footer__primary-link" href="javascript:void(0);">
Offices
</a>
</li>
</ul>
</nav>
</div>

<div class="usa-footer__secondary-section">
<div class="grid-container">
<div class="grid-row grid-gap">
<div class="usa-footer__logo grid-row mobile-lg:grid-col-6 mobile-lg:grid-gap-2">
<div class="mobile-lg:grid-col-auto">
<p class="usa-footer__logo-heading">
US Agency
</p>
</div>
</div>
<div class="usa-footer__contact-links mobile-lg:grid-col-6">
<div class="usa-footer__social-links grid-row grid-gap-1">

<div class="grid-col-auto">
<a class="usa-social-link usa-social-link--facebook" href="javascript:void(0);">
<span>Facebook</span>
</a>
</div>

<div class="grid-col-auto">
<a class="usa-social-link usa-social-link--twitter" href="javascript:void(0);">
<span>Twitter</span>
</a>
</div>

<div class="grid-col-auto">
<a class="usa-social-link usa-social-link--youtube" href="javascript:void(0);">
<span>YouTube</span>
</a>
</div>

<div class="grid-col-auto">
<a class="usa-social-link usa-social-link--instagram" href="javascript:void(0);">
<span>Instagram</span>
</a>
</div>

<div class="grid-col-auto">
<a class="usa-social-link usa-social-link--rss" href="javascript:void(0);">
<span>RSS</span>
</a>
</div>

</div>
</div>
</div>
</div>
</div>
</footer>
<script src="./assets/js/uswds.min.js"></script>
<script src="./pega-govus.js"></script>
<script>
document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
const defaultSettings = localStorage.getItem('defaultcfg');
let defaultCfg = {
url: "https://ssi.pegatsdemo.com/prweb",
portalName: "WebPortal",
clientid: "52611610458100286192",
clientsecret: "6CA6065BFA4D9F40B6D5C01836B5F1FF"
};
if (defaultSettings != null) {
defaultCfg = JSON.parse(defaultSettings);
}
function startcase(id) {
const elem = document.querySelector("#main-content");
const mytag = document.createElement("pega-govus");
mytag.setAttribute("action", 'openWorkByHandle');
mytag.setAttribute("caseid", id);
mytag.bShowCancel = 'true';
mytag.url = defaultCfg.url;
mytag.authentication = 'oauth2clientcredentials';
mytag.clientid = defaultCfg.clientid;
mytag.clientsecret = defaultCfg.clientsecret;
mytag.portalName = defaultCfg.portalName;
mytag.addEventListener("message", function (event) {
const redirectURL = `${window.location.href.substring(0, window.location.href.lastIndexOf('/'))}`;
if (event.detail.type === "cancel") {
window.location.href = `${redirectURL}/main2.html`;
}
});
elem.appendChild(mytag);
}
var id = new URLSearchParams(window.location.search).get("case");
startcase("OPGO8L-CARINSUR-WORK " + id);
</script>
</body>

</html>
Loading

0 comments on commit e131e20

Please sign in to comment.