generated from jric11/baseProject
added new bootstrap css and js for login and create account
This commit is contained in:
+162
-165
@@ -1,12 +1,11 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
|
||||
<?xml version='1.0' encoding='UTF-8'?>
|
||||
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
|
||||
<xsl:output method="html" encoding="utf-8" indent="yes"/>
|
||||
|
||||
<!-- Parameters -->
|
||||
|
||||
<xsl:param name="VERSION">1.0</xsl:param>
|
||||
<xsl:param name="APPLICATION_NAME"></xsl:param>
|
||||
<xsl:param name="APPLICATION_NAME"/>
|
||||
<xsl:param name="NAVIGATION_AREA_WIDTH">xxl</xsl:param>
|
||||
<xsl:param name="CONTENT_AREA_WIDTH">xxl</xsl:param>
|
||||
|
||||
@@ -14,7 +13,7 @@
|
||||
|
||||
<xsl:template match="/">
|
||||
|
||||
<xsl:text disable-output-escaping="yes"><!DOCTYPE html></xsl:text>
|
||||
<xsl:text disable-output-escaping="yes"><!DOCTYPE html></xsl:text>
|
||||
|
||||
<html lang="en" data-bs-theme="{$THEME}">
|
||||
|
||||
@@ -30,12 +29,13 @@
|
||||
|
||||
<link rel="icon" type="image/x-icon" href="images/baseproject-logo.png"/>
|
||||
|
||||
<link href="css/themes/Sandstone/bootstrap.min.css?version={$VERSION}" rel="stylesheet" media="screen"/>
|
||||
<link href="css/bootstrap-icons.min.css?version={$VERSION}" rel="stylesheet" media="screen"/>
|
||||
<link href="css/base.css?version={$VERSION}" rel="stylesheet" media="screen" />
|
||||
<link href="css/bootstrap-datepicker.min.css?version={$VERSION}" rel="stylesheet" media="screen" />
|
||||
<link href="css/bootstrap-select.min.css?version={$VERSION}" rel="stylesheet" media="screen" />
|
||||
|
||||
<link href="css/themes/MyHuntingClubRoster/bootstrap.css?version={$VERSION}" rel="stylesheet" media="screen"/>
|
||||
<link href="css/bootstrap-icons.min.css?version={$VERSION}" rel="stylesheet" media="screen"/>
|
||||
<link href="css/base.css?version={$VERSION}" rel="stylesheet" media="screen"/>
|
||||
<link href="css/bootstrap-datepicker.min.css?version={$VERSION}" rel="stylesheet" media="screen"/>
|
||||
<link href="css/bootstrap-select.min.css?version={$VERSION}" rel="stylesheet" media="screen"/>
|
||||
<link href="css/themes/MyHuntingClubRoster/huntroster-theme.css?version={$VERSION}" rel="stylesheet"/>
|
||||
|
||||
<script src="js/jquery-3.2.0.min.js?version={$VERSION}"/>
|
||||
<script src="js/bootstrap.bundle.min.js?version={$VERSION}"/>
|
||||
<script src="js/base.js?version={$VERSION}"/>
|
||||
@@ -48,12 +48,9 @@
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body class="hr-app">
|
||||
|
||||
<xsl:if test="$THEME = 'Sandstone'">
|
||||
<xsl:attribute name="class">bg-light bg-opacity-50</xsl:attribute>
|
||||
</xsl:if>
|
||||
|
||||
<a href="#main-content" class="hr-skip btn btn-primary">Skip to content</a>
|
||||
<script type="text/javascript">
|
||||
var msie = /msie\s|trident/i.test(window.navigator.userAgent);
|
||||
if (msie) {
|
||||
@@ -63,205 +60,205 @@
|
||||
|
||||
<input type="hidden" id="APPLICATION_MNEMONIC" value="{$APPLICATION_MNEMONIC}"/>
|
||||
|
||||
<nav class="navbar navbar-expand-lg fixed-top bg-primary navbar-dark">
|
||||
|
||||
<div class="container-xxl">
|
||||
|
||||
<a class="navbar-brand ms-1 me-0" href="./" aria-label="Home" data-bs-toggle="tooltip" data-bs-title="Home" data-bs-custom-class="custom-tooltip" data-bs-placement="right" data-bs-offset="0,5">
|
||||
<!--<i class="bi bi-cloud me-2"></i>-->
|
||||
<aside class="hr-sidebar offcanvas-lg offcanvas-start" id="hr-sidebar" tabindex="-1" aria-label="Main navigation">
|
||||
<a href="./" class="hr-brand">
|
||||
<i class="bi bi-tree" aria-hidden="true"/>
|
||||
<span>
|
||||
<xsl:value-of select="$APPLICATION_NAME"/>
|
||||
</a>
|
||||
</span>
|
||||
</a>
|
||||
<button type="button" class="btn-close btn-close-white d-lg-none position-absolute top-0 end-0 m-3" data-bs-dismiss="offcanvas" data-bs-target="#hr-sidebar" aria-label="Close navigation"/>
|
||||
<div class="offcanvas-body">
|
||||
<div class="hr-sidebar-caption">Club workspace</div>
|
||||
<ul class="navbar-nav">
|
||||
|
||||
<button type="button" class="navbar-toggler p-0" data-bs-toggle="collapse" data-bs-target="#navbar-main" aria-controls="navbar-main" aria-expanded="false" aria-label="Toggle Navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link user-subscriptions" href="javascript:void(0);">
|
||||
<i class="bi bi-credit-card me-1" aria-hidden="true"/>
|
||||
PAYMENTS
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<!-- MANAGE/REPORTS/SETUP is only available to Administrators -->
|
||||
|
||||
<xsl:if test="$USER_ROLE = 'Administrator' or $USER_ROLE = 'System Administrator'">
|
||||
|
||||
<!-- <li class="nav-link disabled">
|
||||
<xsl:text> | </xsl:text>
|
||||
</li>-->
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
|
||||
<div class="navbar-collapse collapse" id="navbar-main">
|
||||
|
||||
<ul class="navbar-nav mx-auto">
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link user-subscriptions" href="javascript:void(0);">
|
||||
<i class="bi bi-credit-card me-1" aria-hidden="true"/>
|
||||
PAYMENTS
|
||||
<a href="javascript:void(0);" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="bi bi-kanban me-1" aria-hidden="true"/>
|
||||
MANAGE
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<!-- MANAGE/REPORTS/SETUP is only available to Administrators -->
|
||||
|
||||
<xsl:if test="$USER_ROLE = 'Administrator' or $USER_ROLE = 'System Administrator'">
|
||||
|
||||
<!-- <li class="nav-link disabled">
|
||||
<xsl:text> | </xsl:text>
|
||||
</li>-->
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
|
||||
<a href="javascript:void(0);" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="bi bi-kanban me-1" aria-hidden="true"/>
|
||||
MANAGE
|
||||
</a>
|
||||
|
||||
<div class="dropdown-menu mt-2 pt-0 pb-0">
|
||||
<div class="dropdown-menu mt-2 pt-0 pb-0">
|
||||
|
||||
<a class="dropdown-item ps-2 manage-business-facts" href="javascript:void(0);">
|
||||
<i class="bi bi-briefcase me-2"/>Business Facts</a>
|
||||
<a class="dropdown-item ps-2 manage-business-facts" href="javascript:void(0);">
|
||||
<i class="bi bi-briefcase me-2"/>Business Facts</a>
|
||||
|
||||
<a class="dropdown-item ps-2 manage-permit-facts" href="javascript:void(0);">
|
||||
<i class="bi bi-hammer me-2"/>Permits Facts</a>
|
||||
<a class="dropdown-item ps-2 manage-permit-facts" href="javascript:void(0);">
|
||||
<i class="bi bi-hammer me-2"/>Permits Facts</a>
|
||||
|
||||
<a class="dropdown-item ps-2 manage-planningzoning-facts" href="javascript:void(0);">
|
||||
<i class="bi bi-rulers me-2"/>Planning/Zoning Facts</a>
|
||||
<a class="dropdown-item ps-2 manage-planningzoning-facts" href="javascript:void(0);">
|
||||
<i class="bi bi-rulers me-2"/>Planning/Zoning Facts</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</li>
|
||||
|
||||
<li class="nav-link disabled">
|
||||
<xsl:text> | </xsl:text>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link select-report" href="javascript:void(0);">
|
||||
<i class="bi bi-printer me-1" aria-hidden="true"/>
|
||||
REPORTS
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<!-- <li class="nav-link disabled">
|
||||
<xsl:text> | </xsl:text>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link run-developer-stub" href="javascript:void(0);">
|
||||
<i class="bi bi-code me-1" aria-hidden="true"/>
|
||||
DEV STUB
|
||||
</a>
|
||||
</li>-->
|
||||
|
||||
</xsl:if>
|
||||
|
||||
<li class="nav-link disabled">
|
||||
<xsl:text> | </xsl:text>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link start-support-ticket" href="javascript:void(0);">
|
||||
<i class="bi bi-question-circle me-1" aria-hidden="true"/>
|
||||
SUPPORT
|
||||
<a class="nav-link select-report" href="javascript:void(0);">
|
||||
<i class="bi bi-printer me-1" aria-hidden="true"/>
|
||||
REPORTS
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<!-- <li class="nav-link disabled">
|
||||
<xsl:text> | </xsl:text>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link run-developer-stub" href="javascript:void(0);">
|
||||
<i class="bi bi-code me-1" aria-hidden="true"/>
|
||||
DEV STUB
|
||||
</a>
|
||||
</li>-->
|
||||
|
||||
</xsl:if>
|
||||
|
||||
</ul>
|
||||
<li class="nav-link disabled">
|
||||
<xsl:text> | </xsl:text>
|
||||
</li>
|
||||
|
||||
<ul class="navbar-nav user-dropdown ms-0">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link start-support-ticket" href="javascript:void(0);">
|
||||
<i class="bi bi-question-circle me-1" aria-hidden="true"/>
|
||||
SUPPORT
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<div class="hr-sidebar-foot">MyHuntRoster · Club management</div>
|
||||
</div>
|
||||
</aside><!-- Content Area -->
|
||||
|
||||
<a href="javascript:void(0);" class="nav-link ps-2 dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false">
|
||||
<span class="username me-1">
|
||||
<span>
|
||||
<i class="bi bi-person-circle me-2" aria-hidden="true"></i>
|
||||
</span>
|
||||
<xsl:value-of select="$USER_FULL_NAME"/>
|
||||
<div class="hr-workspace">
|
||||
<header class="hr-topbar">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<button type="button" class="btn btn-outline-primary d-lg-none" data-bs-toggle="offcanvas" data-bs-target="#hr-sidebar" aria-controls="hr-sidebar" aria-label="Open navigation">
|
||||
<i class="bi bi-list" aria-hidden="true"/>
|
||||
</button>
|
||||
<span class="fw-semibold">Club management</span>
|
||||
</div>
|
||||
<ul class="navbar-nav user-dropdown">
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
|
||||
<a href="javascript:void(0);" class="nav-link ps-2 dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false">
|
||||
<span class="username me-1">
|
||||
<span>
|
||||
<i class="bi bi-person-circle me-2" aria-hidden="true"/>
|
||||
</span>
|
||||
</a>
|
||||
<xsl:value-of select="$USER_FULL_NAME"/>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-2 pt-0 pb-0">
|
||||
<div class="dropdown-menu dropdown-menu-end mt-2 pt-0 pb-0">
|
||||
|
||||
<!-- <a class="dropdown-item ps-2 my-account" href="javascript:void(0);">
|
||||
<i class="bi bi-person me-2"/>My Account</a>-->
|
||||
<!-- <a class="dropdown-item ps-2 my-account" href="javascript:void(0);">
|
||||
<i class="bi bi-person me-2"/>My Account</a>-->
|
||||
|
||||
<a class="dropdown-item ps-2 toggle-theme" href="javascript:void(0);">
|
||||
<i class="bi bi-moon me-2"/>Toggle Dark/Light</a>
|
||||
<a class="dropdown-item ps-2 toggle-theme" href="javascript:void(0);">
|
||||
<i class="bi bi-moon me-2"/>Toggle Dark/Light</a>
|
||||
|
||||
<xsl:if test="$USER_ROLE = 'Administrator' or $USER_ROLE = 'System Administrator'">
|
||||
<xsl:if test="$USER_ROLE = 'Administrator' or $USER_ROLE = 'System Administrator'">
|
||||
|
||||
<div class="dropdown-divider mt-1 mb-1"/>
|
||||
<div class="dropdown-divider mt-1 mb-1"/>
|
||||
|
||||
<a class="dropdown-item ps-2 setup-alerts" href="javascript:void(0);">
|
||||
<i class="bi bi-info-circle me-2"/>Alerts</a>
|
||||
<a class="dropdown-item ps-2 setup-alerts" href="javascript:void(0);">
|
||||
<i class="bi bi-info-circle me-2"/>Alerts</a>
|
||||
|
||||
<a class="dropdown-item ps-2 setup-dropdowntypes" href="javascript:void(0);">
|
||||
<i class="bi bi-caret-down-square me-2"/>Dropdown Types
|
||||
</a>
|
||||
<a class="dropdown-item ps-2 setup-dropdowntypes" href="javascript:void(0);">
|
||||
<i class="bi bi-caret-down-square me-2"/>Dropdown Types
|
||||
</a>
|
||||
|
||||
<a class="dropdown-item ps-2 setup-dropdowns" href="javascript:void(0);">
|
||||
<i class="bi bi-caret-down me-2"/>Dropdowns
|
||||
</a>
|
||||
<a class="dropdown-item ps-2 setup-dropdowns" href="javascript:void(0);">
|
||||
<i class="bi bi-caret-down me-2"/>Dropdowns
|
||||
</a>
|
||||
|
||||
<a class="dropdown-item ps-2 setup-popovers" href="javascript:void(0);">
|
||||
<i class="bi bi-chat-left-dots me-2"/>Popovers
|
||||
</a>
|
||||
<a class="dropdown-item ps-2 setup-popovers" href="javascript:void(0);">
|
||||
<i class="bi bi-chat-left-dots me-2"/>Popovers
|
||||
</a>
|
||||
|
||||
<a class="dropdown-item ps-2 setup-reports" href="javascript:void(0);">
|
||||
<i class="bi bi-printer me-2"/>Reports
|
||||
</a>
|
||||
<a class="dropdown-item ps-2 setup-reports" href="javascript:void(0);">
|
||||
<i class="bi bi-printer me-2"/>Reports
|
||||
</a>
|
||||
|
||||
<a class="dropdown-item ps-2 setup-statuses" href="javascript:void(0);">
|
||||
<i class="bi bi-card-checklist me-2"/>Statuses
|
||||
</a>
|
||||
<a class="dropdown-item ps-2 setup-statuses" href="javascript:void(0);">
|
||||
<i class="bi bi-card-checklist me-2"/>Statuses
|
||||
</a>
|
||||
|
||||
<!-- <a class="dropdown-item ps-2 setup-subscriptions" href="javascript:void(0);">
|
||||
<i class="bi bi-list-check me-2"/>Subscriptions
|
||||
</a>
|
||||
-->
|
||||
<!-- <a class="dropdown-item ps-2 setup-subscriptions" href="javascript:void(0);">
|
||||
<i class="bi bi-list-check me-2"/>Subscriptions
|
||||
</a>
|
||||
-->
|
||||
|
||||
<div class="dropdown-divider mt-1 mb-1"></div>
|
||||
<div class="dropdown-divider mt-1 mb-1"/>
|
||||
|
||||
<a class="dropdown-item ps-2 setup-users" href="javascript:void(0);">
|
||||
<i class="bi bi-person-circle me-2"/>Users
|
||||
</a>
|
||||
<a class="dropdown-item ps-2 setup-users" href="javascript:void(0);">
|
||||
<i class="bi bi-person-circle me-2"/>Users
|
||||
</a>
|
||||
|
||||
<a class="dropdown-item ps-2 view-journal" href="javascript:void(0);">
|
||||
<i class="bi bi-journal me-2"/>Journal
|
||||
</a>
|
||||
<a class="dropdown-item ps-2 view-journal" href="javascript:void(0);">
|
||||
<i class="bi bi-journal me-2"/>Journal
|
||||
</a>
|
||||
|
||||
<!-- <a class="dropdown-item ps-2 view-support-tickets" href="javascript:void(0);">
|
||||
<i class="bi bi-question-circle me-2"/>Support Tickets
|
||||
</a>-->
|
||||
<!-- <a class="dropdown-item ps-2 view-support-tickets" href="javascript:void(0);">
|
||||
<i class="bi bi-question-circle me-2"/>Support Tickets
|
||||
</a>-->
|
||||
|
||||
<div class="dropdown-divider mt-1 mb-1"/>
|
||||
<div class="dropdown-divider mt-1 mb-1"/>
|
||||
|
||||
</xsl:if>
|
||||
</xsl:if>
|
||||
|
||||
<a class="dropdown-item ps-2 sign-out" href="javascript:void(0);">
|
||||
<i class="bi bi-box-arrow-left me-2"/>Sign Out</a>
|
||||
<a class="dropdown-item ps-2 sign-out" href="javascript:void(0);">
|
||||
<i class="bi bi-box-arrow-left me-2"/>Sign Out</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
</header>
|
||||
<main class="container-xxl content" id="main-content" tabindex="-1">
|
||||
|
||||
$$$-CONTENT-$$$
|
||||
|
||||
</main>
|
||||
|
||||
<footer id="footer">
|
||||
|
||||
<div class="col text-center mt-3 lh-1">
|
||||
<div class="m-0 p-0">
|
||||
<small class="text-muted pb-4">Copyright © <span>
|
||||
<xsl:value-of select="$COPYRIGHT"/>
|
||||
|
|
||||
</span> OneSource IT Solutions | All Rights Reserved</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- Content Area -->
|
||||
|
||||
<div class="container-xxl content">
|
||||
|
||||
$$$-CONTENT-$$$
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Footer -->
|
||||
|
||||
<footer id="footer">
|
||||
|
||||
<div class="col text-center mt-3 lh-1">
|
||||
<div class="m-0 p-0">
|
||||
<small class="text-muted pb-4">Copyright © <span>
|
||||
<xsl:value-of select="$COPYRIGHT"/>
|
||||
|
|
||||
</span> OneSource IT Solutions | All Rights Reserved</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
</div><!-- Footer -->
|
||||
|
||||
<!-- Spinner Modal Dialog -->
|
||||
|
||||
|
||||
@@ -0,0 +1,133 @@
|
||||
<?xml version='1.0' encoding='UTF-8'?>
|
||||
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
|
||||
|
||||
<xsl:param name="APPLICATION_NAME">MyHuntRoster</xsl:param>
|
||||
<xsl:param name="PAGE_TITLE">Create your account to get started.</xsl:param>
|
||||
<xsl:param name="FORM_NAME">signUp</xsl:param>
|
||||
<xsl:param name="BTN_SUBMIT"></xsl:param>
|
||||
<xsl:param name="REGISTER_ACTION"></xsl:param>
|
||||
<xsl:param name="BTN_SIGNIN">?Xaction=signin</xsl:param>
|
||||
<xsl:param name="SIGNUP_ERROR"></xsl:param>
|
||||
<xsl:param name="SIGNUP_SUCCESSFUL"></xsl:param>
|
||||
<xsl:param name="USER_FIRST_NAME"></xsl:param>
|
||||
<xsl:param name="USER_LAST_NAME"></xsl:param>
|
||||
<xsl:param name="USER_EMAIL"></xsl:param>
|
||||
<xsl:param name="USER_NAME"></xsl:param>
|
||||
<xsl:param name="CSRF_TOKEN"></xsl:param>
|
||||
<xsl:param name="VERSION"></xsl:param>
|
||||
<xsl:output method="html" encoding="UTF-8" indent="yes"/>
|
||||
<xsl:template match="/">
|
||||
<xsl:text disable-output-escaping="yes"><!DOCTYPE html></xsl:text>
|
||||
<html lang="en" data-bs-theme="light">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
<meta name="robots" content="noindex"/>
|
||||
<title>Create account · <xsl:value-of select="$APPLICATION_NAME"/></title>
|
||||
<link href="css/bootstrap.css?version={$VERSION}" rel="stylesheet"/>
|
||||
<link href="css/bootstrap-icons.min.css?version={$VERSION}" rel="stylesheet"/>
|
||||
<link href="images/baseproject-logo.png" rel="icon" type="image/png"/>
|
||||
<link rel="stylesheet" href="css/signIn.css?version={$VERSION}"/>
|
||||
</head>
|
||||
<body>
|
||||
<div class="login-shell">
|
||||
<aside class="login-story" aria-label="About MyHuntRoster">
|
||||
<a href="./" class="login-brand">
|
||||
<svg class="brand-mark" viewBox="0 0 36 40" aria-hidden="true">
|
||||
<path fill="currentColor" d="M18 1 5 18h7L2 31h13v8h6v-8h13L24 18h7Z"/>
|
||||
</svg>
|
||||
<span>
|
||||
<xsl:value-of select="$APPLICATION_NAME"/>
|
||||
</span>
|
||||
</a>
|
||||
<div class="story-copy">
|
||||
<div class="eyebrow">Less paperwork. More outdoors.</div>
|
||||
<h1>Your club.<br/>Your people.<br/>Your season.</h1>
|
||||
<p>A simpler way to keep your hunting club connected, organized, and ready for what’s next.</p>
|
||||
</div>
|
||||
<svg class="landscape" viewBox="0 0 600 400" preserveAspectRatio="xMidYMax slice" aria-hidden="true">
|
||||
<path fill="#254e3c" d="M0 180Q150 70 320 200T600 140V400H0Z"/>
|
||||
<path fill="#102e24" d="M0 300Q200 160 380 280T600 210V400H0Z"/>
|
||||
<g fill="#0d291f">
|
||||
<path d="m70 145-45 100h27l-39 75h44v80h25v-80h44l-39-75h28Z"/>
|
||||
<path d="m505 105-50 120h30l-44 90h50v85h28v-85h50l-44-90h30Z"/>
|
||||
<path d="m400 205-32 75h18l-27 60h31v60h20v-60h31l-27-60h18Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<div class="story-footer">Built around the way your club works.</div>
|
||||
</aside>
|
||||
<main class="login-panel" id="main-content">
|
||||
<div class="login-form-wrap">
|
||||
<a href="./" class="login-brand mobile-brand">
|
||||
<svg class="brand-mark" viewBox="0 0 36 40" aria-hidden="true">
|
||||
<path fill="currentColor" d="M18 1 5 18h7L2 31h13v8h6v-8h13L24 18h7Z"/>
|
||||
</svg>
|
||||
<span>
|
||||
<xsl:value-of select="$APPLICATION_NAME"/>
|
||||
</span>
|
||||
</a>
|
||||
<div class="panel-label">Create account</div>
|
||||
<h2>Your next season starts here.</h2>
|
||||
<p class="login-intro">
|
||||
<xsl:value-of select="$PAGE_TITLE"/>
|
||||
</p>
|
||||
<xsl:if test="string-length(normalize-space($SIGNUP_ERROR)) > 0">
|
||||
<div class="alert alert-danger" role="alert">
|
||||
<xsl:value-of select="$SIGNUP_ERROR"/>
|
||||
</div>
|
||||
</xsl:if>
|
||||
<xsl:if test="$SIGNUP_SUCCESSFUL = 'TRUE'">
|
||||
<div class="alert alert-success" role="alert">Your account request has been received. Follow the instructions provided by your club administrator to complete access.</div>
|
||||
</xsl:if>
|
||||
<xsl:if test="$SIGNUP_SUCCESSFUL != 'TRUE'">
|
||||
<form action="{$BTN_SUBMIT}" name="{$FORM_NAME}" id="{$FORM_NAME}" method="post" data-create-account="true">
|
||||
<xsl:if test="string-length(normalize-space($REGISTER_ACTION)) > 0">
|
||||
<input type="hidden" name="action" value="{$REGISTER_ACTION}"/>
|
||||
</xsl:if>
|
||||
<xsl:if test="string-length($CSRF_TOKEN) > 0">
|
||||
<input type="hidden" name="csrf_token" value="{$CSRF_TOKEN}"/>
|
||||
</xsl:if>
|
||||
<div class="row g-3">
|
||||
<div class="col-sm-6">
|
||||
<label for="user_first_name" class="form-label">First name</label>
|
||||
<input type="text" id="user_first_name" name="user_first_name" class="form-control" autocomplete="given-name" required="required" value="{$USER_FIRST_NAME}"/>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<label for="user_last_name" class="form-label">Last name</label>
|
||||
<input type="text" id="user_last_name" name="user_last_name" class="form-control" autocomplete="family-name" required="required" value="{$USER_LAST_NAME}"/>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label for="user_email" class="form-label">Email address</label>
|
||||
<input type="email" id="user_email" name="user_email" class="form-control" autocomplete="email" required="required" value="{$USER_EMAIL}" autocapitalize="none" spellcheck="false"/>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label for="user_name" class="form-label">Username</label>
|
||||
<input type="text" id="user_name" name="user_name" class="form-control" autocomplete="username" required="required" value="{$USER_NAME}" autocapitalize="none" spellcheck="false"/>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label for="user_password" class="form-label">Password</label>
|
||||
<input type="password" id="user_password" name="user_password" class="form-control" autocomplete="new-password" required="required"/>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label for="user_password_confirm" class="form-label">Confirm password</label>
|
||||
<input type="password" id="user_password_confirm" name="user_password_confirm" class="form-control" autocomplete="new-password" required="required" aria-describedby="confirm-password-help"/>
|
||||
<div id="confirm-password-help" class="form-text">Enter your password again.</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary w-100 mt-4 btnSignUp">Create account</button>
|
||||
<p class="small text-secondary mt-3 mb-0">Your club administrator manages club membership and access.</p>
|
||||
</form>
|
||||
</xsl:if>
|
||||
<p class="login-help">Already have an account? <a href="{$BTN_SIGNIN}">Sign in</a></p>
|
||||
<div class="login-bottom">
|
||||
<div class="mb-2">Unauthorized Access is Prohibited</div>
|
||||
<span>OneSource IT Solutions · </span>
|
||||
<xsl:value-of select="$APPLICATION_NAME"/>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</xsl:template>
|
||||
</xsl:stylesheet>
|
||||
+129
@@ -0,0 +1,129 @@
|
||||
<?xml version='1.0' encoding='UTF-8'?>
|
||||
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
|
||||
<xsl:output method="html" encoding="UTF-8" indent="yes"/>
|
||||
|
||||
|
||||
|
||||
<!-- Parameters -->
|
||||
<xsl:param name="APPLICATION_NAME">My Hunting Club Roster</xsl:param>
|
||||
<xsl:param name="PAGE_TITLE">Sign in to your hunting club workspace.</xsl:param>
|
||||
<xsl:param name="FORM_NAME">login</xsl:param>
|
||||
<xsl:param name="BTN_SUBMIT"></xsl:param>
|
||||
<xsl:param name="BTN_RESET_PASSWORD">./?Xaction=resetpassword</xsl:param>
|
||||
<xsl:param name="INVALID_SIGNIN"></xsl:param>
|
||||
<xsl:param name="RESET_PASSWORD_SUCCESSFUL"></xsl:param>
|
||||
<xsl:param name="VERSION"></xsl:param>
|
||||
|
||||
<xsl:template match="/">
|
||||
<xsl:text disable-output-escaping="yes"><!DOCTYPE html></xsl:text>
|
||||
|
||||
<html lang="en" data-bs-theme="light">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
<meta name="robots" content="noindex"/>
|
||||
|
||||
<title>Sign in · <xsl:value-of select="$APPLICATION_NAME"/></title>
|
||||
|
||||
<link href="css/themes/MyHuntingClubRoster/bootstrap.css?version={$VERSION}" rel="stylesheet"/>
|
||||
<link href="css/bootstrap-icons.min.css?version={$VERSION}" rel="stylesheet"/>
|
||||
<link href="css/signin.css" rel="stylesheet"/>
|
||||
<link href="images/MyHuntRoster_Logo.png" rel="icon" type="image/png"/>
|
||||
|
||||
<script src="js/jquery-3.2.0.min.js?version={$VERSION}"> </script>
|
||||
<script src="js/bootstrap.bundle.min.js?version={$VERSION}"> </script>
|
||||
<script src="js/login.js?version={$VERSION}"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="login-shell">
|
||||
<aside class="login-story" aria-label="About MyHuntRoster">
|
||||
<a href="./" class="login-brand">
|
||||
<svg class="brand-mark" viewBox="0 0 36 40" aria-hidden="true">
|
||||
<path fill="currentColor" d="M18 1 5 18h7L2 31h13v8h6v-8h13L24 18h7Z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<div class="story-copy">
|
||||
<div class="eyebrow">Less paperwork. More outdoors.</div>
|
||||
<h1>Your club.<br/>Your people.<br/>Your season.</h1>
|
||||
<p>A simpler way to keep your hunting club connected, organized, and ready for what’s next.</p>
|
||||
</div>
|
||||
<svg class="landscape" viewBox="0 0 600 400" preserveAspectRatio="xMidYMax slice" aria-hidden="true">
|
||||
<path fill="#254e3c" d="M0 180Q150 70 320 200T600 140V400H0Z"/>
|
||||
<path fill="#102e24" d="M0 300Q200 160 380 280T600 210V400H0Z"/>
|
||||
<g fill="#0d291f">
|
||||
<path d="m70 145-45 100h27l-39 75h44v80h25v-80h44l-39-75h28Z"/>
|
||||
<path d="m505 105-50 120h30l-44 90h50v85h28v-85h50l-44-90h30Z"/>
|
||||
<path d="m400 205-32 75h18l-27 60h31v60h20v-60h31l-27-60h18Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<div class="story-footer">Built around the way your club works.</div>
|
||||
</aside>
|
||||
|
||||
<main class="login-panel" id="main-content">
|
||||
|
||||
<div class="login-form-wrap">
|
||||
<a href="./" class="login-brand mobile-brand">
|
||||
<svg class="brand-mark" viewBox="0 0 36 40" aria-hidden="true">
|
||||
<path fill="currentColor" d="M18 1 5 18h7L2 31h13v8h6v-8h13L24 18h7Z"/>
|
||||
</svg>
|
||||
<span>
|
||||
<xsl:value-of select="$APPLICATION_NAME"/>
|
||||
</span>
|
||||
</a>
|
||||
<div class="mb-4">
|
||||
<img src="images/MyHuntRoster_Logo.png"
|
||||
alt="{$APPLICATION_NAME}"
|
||||
class="img-fluid"
|
||||
style="max-width: 340px; max-height: 140px; object-fit: contain;"/>
|
||||
</div>
|
||||
<h2>Welcome!</h2>
|
||||
<p class="login-intro">
|
||||
<xsl:value-of select="$PAGE_TITLE"/>
|
||||
</p>
|
||||
|
||||
<xsl:if test="$INVALID_SIGNIN = 'TRUE'">
|
||||
<div class="alert alert-danger" role="alert">Invalid username or password.</div>
|
||||
</xsl:if>
|
||||
|
||||
<xsl:if test="$RESET_PASSWORD_SUCCESSFUL = 'TRUE'">
|
||||
<div class="alert alert-info" role="alert">If an account exists for the email address provided, you will receive an email containing a temporary password and a link to reset your password.</div>
|
||||
</xsl:if>
|
||||
|
||||
<form action="{$BTN_SUBMIT}" name="{$FORM_NAME}" method="post" id="{$FORM_NAME}">
|
||||
<input type="hidden" name="action" value="Users.login"/>
|
||||
<input type="hidden" name="step" value="authenticate"/>
|
||||
<div class="mb-4">
|
||||
<label class="form-label" for="user_email">Email Address</label>
|
||||
<input type="text" class="form-control" id="user_email" name="user_email" autocomplete="email" maxlength="128" placeholder="Enter Email Address" autofocus="autofocus"/>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="user_password">Password</label>
|
||||
<input id="user_password" name="user_password" type="password" class="form-control" autocomplete="current-password" maxlength="128" placeholder="Enter password"/>
|
||||
</div>
|
||||
<div class="d-grid gap-2 mt-4">
|
||||
<button type="submit" class="btn btn-primary btnSignIn" style="min-height:48px">Sign In</button>
|
||||
<button type="button" class="btn btn-warning btnSignUp" style="min-height:44px">Sign Up for New Account</button>
|
||||
<button type="button" class="btn btn-outline-secondary btnForgot" style="min-height:44px">Forgot/Reset Password</button>
|
||||
</div>
|
||||
</form>
|
||||
<form action="{$BTN_RESET_PASSWORD}" name="reset-password" method="post" id="reset-password">
|
||||
<input type="hidden" id="reset_user_email" name="user_email"/>
|
||||
</form>
|
||||
<p class="login-help">Need access to your club?<br/>Contact your club administrator to get started.</p>
|
||||
<div class="login-bottom">
|
||||
<div class="mb-2">Unauthorized Access is Prohibited</div>
|
||||
<xsl:value-of select="$APPLICATION_NAME"/>
|
||||
<span> · A product of OneSource IT Solutions</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</xsl:template>
|
||||
</xsl:stylesheet>
|
||||
Reference in New Issue
Block a user