Add header image and link
Add a nice Orcinus header image with a link to https://greywyvern.com/orcinus/ Eventually this might link to online documentation or something? Move the show-page-titles checkbox from being created by javascript to actually being in the HTML. Unnecessary JS complexity removed. Add a popper tooltip
This commit is contained in:
parent
4c78a5245f
commit
da52e0f7bf
|
@ -1312,7 +1312,8 @@ if (!$_SESSION['admin_username']) {
|
|||
<body class="pt-5">
|
||||
<nav class="navbar fixed-top navbar-expand-md bg-body-secondary">
|
||||
<div class="container-fluid">
|
||||
<span class="navbar-brand flex-grow-1 flex-md-grow-0 mb-1">Orcinus</span><?php
|
||||
<a href="https://greywyvern.com/orcinus/" class="navbar-brand flex-grow-1 flex-md-grow-0 mb-1"
|
||||
target="_blank" title="Orcinus Search v<?php echo $_ODATA['version']; ?>">Orcinus</a><?php
|
||||
if ($_SESSION['admin_username']) { ?>
|
||||
<div class="flex-grow-0 order-md-last">
|
||||
<var class="me-1" title="Orcinus Site Search - Version: <?php echo $_ODATA['version']; ?>">
|
||||
|
@ -1938,7 +1939,10 @@ if (!$_SESSION['admin_username']) {
|
|||
</tr>
|
||||
<tr>
|
||||
<th class="pe-0"></th>
|
||||
<th class="fs-5 text-nowrap" scope="col" id="os_header_url">URL</th>
|
||||
<th class="fs-5 text-nowrap" scope="col">URL
|
||||
<input type="checkbox" class="form-check-input fs-6 ms-1 mt-2" id="os_show_page_titles"
|
||||
data-bs-toggle="tooltip" data-bs-placement="top" title="Show Page Titles">
|
||||
</th>
|
||||
<td class="text-center w-100">
|
||||
<span class="d-none d-sm-inline">Showing pages </span><?php
|
||||
echo min($_RDATA['page_index_offset'] + 1, $_RDATA['page_index_found_rows']);
|
||||
|
|
|
@ -83,3 +83,14 @@ img.svg-icon-flag {
|
|||
#os_queries_thead > tr > th.os_asc > img {
|
||||
transform:rotate(180deg);
|
||||
}
|
||||
|
||||
nav.navbar {
|
||||
background-image:url(../img/header/001.png);
|
||||
background-repeat:no-repeat;
|
||||
background-attachment:scroll;
|
||||
background-position:-0.6em -1em;
|
||||
background-size:7em;
|
||||
}
|
||||
nav.navbar .navbar-brand {
|
||||
opacity:0.01;
|
||||
}
|
BIN
orcinus/img/header/001.png
Normal file
BIN
orcinus/img/header/001.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 23 KiB |
|
@ -208,17 +208,13 @@ if (os_index_filter_by_status) {
|
|||
}, false);
|
||||
}
|
||||
|
||||
let os_header_url = document.getElementById('os_header_url');
|
||||
let os_show_page_titles = document.getElementById('os_show_page_titles');
|
||||
let os_index_table = document.getElementById('os_index_table');
|
||||
if (os_header_url && os_index_table) {
|
||||
let input = document.createElement('input');
|
||||
input.type = 'checkbox';
|
||||
input.title = 'Show Page Titles';
|
||||
input.classList.add('form-check-input', 'fs-6', 'ms-2', 'mt-2');
|
||||
if (os_show_page_titles && os_index_table) {
|
||||
if (os_index_table.classList.contains('show-page-titles'))
|
||||
input.checked = 'checked';
|
||||
os_header_url.appendChild(input);
|
||||
input.addEventListener('change', function() {
|
||||
os_show_page_titles.checked = 'checked';
|
||||
|
||||
os_show_page_titles.addEventListener('change', function() {
|
||||
if (this.checked) {
|
||||
os_index_table.classList.add('show-page-titles');
|
||||
} else os_index_table.classList.remove('show-page-titles');
|
||||
|
|
Loading…
Reference in a new issue