huntingclubroster/xsl/content.xsl

<?xml version='1.0' encoding='UTF-8'?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
    <xsl:param name="CSRF_TOKEN"/>
    <xsl:param name="CAN_MANAGE_CLUBS"/><xsl:param name="IS_SUPER"/>
    <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 name="NAVIGATION_AREA_WIDTH">xxl</xsl:param>
    <xsl:param name="CONTENT_AREA_WIDTH">xxl</xsl:param>

    <!-- Main Template -->

    <xsl:template match="/">

        <xsl:text disable-output-escaping="yes">&lt;!DOCTYPE html&gt;</xsl:text>

        <html lang="en" data-bs-theme="{$THEME}">

            <head>
                <meta name="csrf-token" content="{$CSRF_TOKEN}"/>

                <meta charset="utf-8"/>
                <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
                <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

                <title>
                    <xsl:value-of select="$APPLICATION_NAME"/>
                </title>

                <link rel="icon" type="image/x-icon" href="images/baseproject-logo.png"/>

                <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.7.1.min.js?version={$VERSION}"/>
                <script src="js/bootstrap.bundle.min.js?version={$VERSION}"/>
                <script src="js/base.js?version={$VERSION}"/>
                <script src="js/content.js?version={$VERSION}"/>
                <script src="js/bootstrap-datepicker.min.js?version={$VERSION}"/>
                <script src="js/jquery.inputmask.min.js?version={$VERSION}"/>
                <script src="js/bootstrap-select.min.js?version={$VERSION}"/>
                <script src="js/dinero.min.js?version={$VERSION}"/>
                <!--<script src="js/autologout.js?version={$VERSION}"/>-->

            </head>

            <body class="hr-app">

                <a href="#main-content" class="hr-skip btn btn-primary">Skip to content</a>
                <script src="js/browser-support.js"/>

                <input type="hidden" id="APPLICATION_MNEMONIC" value="{$APPLICATION_MNEMONIC}"/>

                <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"/>
                        </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">
                        <xsl:if test="$IS_SUPER = '1'"><a class="nav-link" href="main.php?Xaction=Roster.createClub"><i class="bi bi-plus-circle me-1" aria-hidden="true"/>Create club</a></xsl:if>
                        <div class="hr-sidebar-caption">Club workspace</div>
                        <ul class="navbar-nav">

                            <li class="nav-item">
                                <a class="nav-link" href="main.php?Xaction=Roster.workspace">
                                    <i class="bi bi-people me-1" aria-hidden="true"/>Clubs</a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" href="main.php?Xaction=Roster.invitations">
                                    <i class="bi bi-calendar4-event me-1"></i>Invitations</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="main.php?Xaction=Roster.tickets">
                                    <i class="bi bi-ticket-perforated me-1"></i>Tickets</a>
                            </li>

                            <!-- MANAGE/REPORTS/SETUP is only available to Administrators -->

                            <xsl:if test="$CAN_MANAGE_CLUBS = '1'">

                                <li class="nav-link disabled">
                                    <xsl:text>  |  </xsl:text>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link select-report" href="#">
                                        <i class="bi bi-printer me-1" aria-hidden="true"/>
                                        Reports
                                    </a>
                                </li>

                            </xsl:if>

                            <li class="nav-link disabled">
                                <xsl:text>  |  </xsl:text>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" href="main.php?Xaction=Roster.help">
                                    <i class="bi bi-question-circle"></i>
                                    Help</a>
                            </li>

                        </ul>

                        <div class="hr-sidebar-foot">Hunting Club Management Software</div>
                    </div>
                </aside>
                
                <!-- Content Area -->

                <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="#" 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>
                                        <xsl:value-of select="$USER_FULL_NAME"/>
                                    </span>
                                </a>

                                <div class="dropdown-menu dropdown-menu-end mt-2 pt-0 pb-0">

                                    <!--                                        <a class="dropdown-item ps-2 my-account" href="#">
                                    <i class="bi bi-person me-2"/>My Account</a>-->

                                    <a class="dropdown-item ps-2 toggle-theme" href="#">
                                        <i class="bi bi-moon me-2"/>Toggle Dark/Light</a>

                                    <xsl:if test="$USER_ROLE = 'Super System Administrator'">

                                        <div class="dropdown-divider mt-1 mb-1"/>

                                        <a class="dropdown-item ps-2 setup-alerts" href="#">
                                            <i class="bi bi-info-circle me-2"/>Alerts</a>

                                        <a class="dropdown-item ps-2 setup-dropdowntypes" href="#">
                                            <i class="bi bi-caret-down-square me-2"/>Dropdown Types
                                        </a>

                                        <a class="dropdown-item ps-2 setup-dropdowns" href="#">
                                            <i class="bi bi-caret-down me-2"/>Dropdowns
                                        </a>

                                        <a class="dropdown-item ps-2 setup-popovers" href="#">
                                            <i class="bi bi-chat-left-dots me-2"/>Popovers
                                        </a>

                                        <a class="dropdown-item ps-2 setup-statuses" href="#">
                                            <i class="bi bi-card-checklist me-2"/>Statuses
                                        </a>

                                        <!--                                            <a class="dropdown-item ps-2 setup-subscriptions" href="#">
                                              <i class="bi bi-list-check me-2"/>Subscriptions
                                          </a>
                                        -->

                                        <div class="dropdown-divider mt-1 mb-1"/>

                                        <a class="dropdown-item ps-2 setup-users" href="#">
                                            <i class="bi bi-person-circle me-2"/>Users
                                        </a>

                                        <a class="dropdown-item ps-2 view-journal" href="#">
                                            <i class="bi bi-journal me-2"/>Journal
                                        </a>

                                        <!--                                            <a class="dropdown-item ps-2 view-support-tickets" href="#">
                                            <i class="bi bi-question-circle me-2"/>Support Tickets
                                        </a>-->

                                        <div class="dropdown-divider mt-1 mb-1"/>

                                    </xsl:if>

                                    <a class="dropdown-item ps-2 sign-out" href="#">
                                        <i class="bi bi-box-arrow-left me-2"/>Sign Out</a>

                                </div>

                            </li>

                        </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>

                    </footer>

                </div><!-- Footer -->

                <!-- Spinner Modal Dialog -->

                <div class="modal" id="spinner-dialog" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
                    <div class="modal-dialog modal-sm modal-dialog-centered">
                        <div class="modal-content bg-transparent border-0">
                            <div class="modal-body text-center">
                                <div class="spinner-border text-white" style="width:5rem;height:5rem;" role="status">
                                    <span class="visually-hidden">Loading...</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Confirm Modal Dialog -->

                <div class="modal" id="confirm-dialog" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
                    <div class="modal-dialog modal-dialog-centered">
                        <div class="modal-content">
                            <div class="modal-header bg-primary p-1 ps-3">
                                <h6 class="modal-title text-white"/>
                            </div>
                            <div class="modal-body mt-2"/>
                            <div class="buttons m-3 mt-2">
                                <button type="button" class="btn btn-sm btn-primary me-2 btnConfirmDialogCancel" data-bs-dismiss="modal">
                                    <i class="bi bi-box-arrow-left me-2"/>Cancel</button>
                                <button type="button" class="btn btn-sm btn-primary me-2 btnConfirmDialogConfirm">
                                    <i class="bi-check-lg me-2"/>Confirm</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Continue Modal Dialog -->

                <div class="modal" id="continue-dialog" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
                    <div class="modal-dialog modal-dialog-centered">
                        <div class="modal-content">
                            <div class="modal-header bg-primary p-1 ps-3">
                                <h6 class="modal-title text-white"/>
                            </div>
                            <div class="modal-body mt-2"/>
                            <div class="buttons m-3 mt-2">
                                <button type="button" class="btn btn-sm btn-primary me-1 btnClose" data-bs-dismiss="modal">
                                    <i class="bi bi-box-arrow-left me-2"/>Close</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Toast -->

                <div class="toast-container position-fixed bottom-0 start-50 translate-middle-x p-2">
                    <div id="toast-message" class="toast bg-primary text-center" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="3000">
                        <div class="toast-body fs-100 text-white"/>
                    </div>
                </div>

                <!-- Print Dialog -->

                <div class="modal fade" id="print-dialog" tabindex="-1" role="dialog" data-bs-backdrop="static" data-bs-keyboard="false">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header bg-primary p-2 pl-2">
                                <h6 class="modal-title text-white">
                                    View / Print
                                </h6>
                            </div>
                            <div class="modal-body">
                                <div id="print-report-container"/>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn page-link btn-sm mr-auto" data-dismiss="modal" data-toggle="tooltip" title="Close" data-placement="top">Close</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Common Submit Form -->

                <form action="./" method="post" id="formSubmit"/>

            </body>

        </html>

    </xsl:template>

</xsl:stylesheet>