wmantly
077c41844d
- A ? icon in the top-right header deep-links to the doc most relevant to the current page (client-side path mapping, same pattern already used for top-nav active-link highlighting -- no server-side "current section" local exists to key off of instead). Falls back to the docs index. - GET /docs/search does a plain line-substring search over the existing allowlisted doc set. No new dependency, stays usable with no internet access. Bumps to v1.1.10. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01KDEx8ghuZR61pqPXc6da9C
166 lines
7.6 KiB
Plaintext
Executable File
166 lines
7.6 KiB
Plaintext
Executable File
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title><%- name %> <%- title %></title>
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/svg+xml" href="<%- logo %>">
|
|
<!-- CSS are placed here -->
|
|
<link rel="stylesheet" href="/static-modules/bootstrap/dist/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/static-modules/@fortawesome/fontawesome-free/css/all.min.css">
|
|
|
|
<link rel='stylesheet' href='/static/css/styles.css' />
|
|
<!-- Scripts are placed here -->
|
|
<script type="text/javascript" src="/socket.io/socket.io.js"></script>
|
|
<script type="text/javascript" src='/static-modules/jquery/dist/jquery.js'></script>
|
|
<!-- <script type="text/javascript" src="/static/lib/js/popper-1.16.0.min.js"></script> -->
|
|
<!-- <script type="text/javascript" src="/static-modules/bootstrap/dist/js/bootstrap.min.js"></script> -->
|
|
<script type="text/javascript" src="/static-modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script type="text/javascript" src="/static-modules/@fortawesome/fontawesome-free/js/all.min.js"></script>
|
|
<script type="text/javascript" src='/static-modules/mustache/mustache.min.js'></script>
|
|
<script type="text/javascript" src='/static-modules/jq-repeat/dist/js/jq-repeat.js'></script>
|
|
<script type="text/javascript" src='/static/lib/js/val.js'></script>
|
|
<script type="text/javascript" src="/static-modules/moment/moment.js"></script>
|
|
<script type="text/javascript" src="/static/lib/js/app-base.js"></script>
|
|
<script type="text/javascript" src="/static/js/app.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
|
|
<a class="navbar-brand" href="#"><img src="<%- logo %>" height="28" class="me-2" alt=""><%- name %> <%- titleIcon %></a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
|
|
<ul class="navbar-nav top-nav">
|
|
<li class="nav-item group-required group-required-app_sso_admin">
|
|
<a class="nav-link" href="/users"><i class="fa-solid fa-users"></i>
|
|
Users
|
|
</a>
|
|
</li>
|
|
<li class="nav-item group-required group-required-app_sso_admin">
|
|
<a class="nav-link" href="/groups"><i class="fa-solid fa-users-viewfinder"></i>
|
|
Groups
|
|
</a>
|
|
</li>
|
|
<li class="nav-item group-required group-required-app_sso_admin group-required-app_sso_oauth_admin">
|
|
<a class="nav-link" href="/integrations">
|
|
<i class="fa-solid fa-plug"></i>
|
|
Integrations
|
|
</a>
|
|
</li>
|
|
<li class="nav-item group-required group-required-app_sso_admin group-required-app_sso_invite">
|
|
<a class="nav-link" href="/invites">
|
|
<i class="fa-solid fa-envelope-open-text"></i>
|
|
Invites
|
|
</a>
|
|
</li>
|
|
<li class="nav-item group-required group-required-app_sso_admin">
|
|
<a class="nav-link" href="/dashboard">
|
|
<i class="fa-solid fa-gauge-high"></i>
|
|
Dashboard
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="form-inline mt-2 mt-md-0">
|
|
<a id="cl-help" class="nav-link text-light me-3" href="/docs" title="Help">
|
|
<i class="fa-solid fa-circle-question"></i>
|
|
</a>
|
|
<a id="cl-username" class="navbar-text text-light me-3" href="/" style="display: none;">
|
|
<i class="fa-solid fa-user me-1"></i><span id="cl-username-text"></span>
|
|
</a>
|
|
<a id="cl-login-button" class="btn btn-outline-danger my-2 my-sm-0" onclick="app.auth.forceLogin()" style="display: none;">
|
|
<i class="fas fa-sign-out"></i>
|
|
Login
|
|
</a>
|
|
|
|
<button id="cl-logout-button" class="btn btn-outline-danger my-2 my-sm-0" onclick="app.auth.logOut(e => window.location.href='/')" style="display: none;">
|
|
<i class="fas fa-sign-out"></i>
|
|
Log Out
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div id="update-banner" class="alert alert-info alert-dismissible mb-0 rounded-0 text-center" style="display:none; position:fixed; left:0; right:0; z-index:1029;">
|
|
<span id="update-banner-text"></span>
|
|
<button type="button" class="btn-close" onclick="dismissUpdateBanner()"></button>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
function showUpdateBanner(){
|
|
let $nav = $('nav.fixed-top');
|
|
let $banner = $('#update-banner');
|
|
$banner.css('top', $nav.outerHeight() + 'px').show();
|
|
$('#spa-shell').css('margin-top', ($nav.outerHeight() + $banner.outerHeight()) + 'px');
|
|
}
|
|
function dismissUpdateBanner(){
|
|
$('#update-banner').hide();
|
|
$('#spa-shell').css('margin-top', '');
|
|
sessionStorage.setItem('update-banner-dismissed', '1');
|
|
}
|
|
|
|
// Deep-link the header help icon to whichever doc is most relevant to
|
|
// the current page. No server-side "current section" local exists (every
|
|
// res.render() call shares one values object, see routes/index.js), so
|
|
// this follows the same client-side path-matching convention already
|
|
// used for the top-nav active-link highlighting just below. Unmapped
|
|
// pages fall back to the docs index (already /docs, the anchor's default).
|
|
var HELP_DOCS_BY_PATH = {
|
|
'/users': 'ldap',
|
|
'/groups': 'ldap',
|
|
'/integrations': 'ldap',
|
|
'/oauth/authorize': 'oauth',
|
|
};
|
|
|
|
$(document).ready(async function(){
|
|
|
|
// Set the correct link to active in the top nav bar
|
|
$('.top-nav a').each(function(index){
|
|
let $this = $(this);
|
|
$this.removeClass('active');
|
|
if($this.attr('href').toLocaleLowerCase() === window.location.pathname.toLocaleLowerCase()){
|
|
$this.addClass('active')
|
|
}
|
|
})
|
|
|
|
// /users/:uid (profile pages) should still map like /users.
|
|
var path = window.location.pathname.toLocaleLowerCase();
|
|
var helpSlug = HELP_DOCS_BY_PATH[path] ||
|
|
(path.indexOf('/users/') === 0 ? HELP_DOCS_BY_PATH['/users'] : null);
|
|
if(helpSlug) $('#cl-help').attr('href', '/docs/' + helpSlug);
|
|
|
|
// Set the correct login/logout button, and reveal the current user's
|
|
// name (linking to their profile) once we know who they are.
|
|
var me = await app.auth.isLoggedIn();
|
|
if(me){
|
|
$('#cl-logout-button').show();
|
|
if(me.uid){
|
|
$('#cl-username-text').text(me.uid);
|
|
$('#cl-username').css('display', '');
|
|
}
|
|
|
|
if(await app.auth.memberOf('app_sso_admin', me) && !sessionStorage.getItem('update-banner-dismissed')){
|
|
app.api.get('update-check', function(error, info){
|
|
if(error || !info || !info.updateAvailable) return;
|
|
$('#update-banner-text').html(
|
|
'A newer version of SSO Manager is available: <b>v' + info.latestVersion + '</b> ' +
|
|
'(running v' + info.currentVersion + ') — ' +
|
|
'<a href="' + info.releaseUrl + '" target="_blank" class="alert-link">see what changed</a>.'
|
|
);
|
|
showUpdateBanner();
|
|
});
|
|
}
|
|
}else{
|
|
$('#cl-login-button').show();
|
|
}
|
|
|
|
});
|
|
</script>
|
|
|
|
|
|
<!-- Container -->
|
|
<div id="spa-shell" class="container-fluid">
|
|
<div class="actionMessage" style="display:none;"></div>
|