added new bootstrap css and js for login and create account

This commit is contained in:
2026-10-18 18:42:24 -04:00
parent 387612fd14
commit a1643eb1b7
14 changed files with 12852 additions and 199 deletions
+162 -165
View File
@@ -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">&lt;!DOCTYPE html></xsl:text>
<xsl:text disable-output-escaping="yes">&lt;!DOCTYPE html&gt;</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 -->