mirror of
https://github.com/pldubouilh/gossa
synced 2025-12-06 08:22:32 +01:00
add help hint on main page
Co-authored-by: Pietro Bonaldo Gregori <pietro.bogre@gmail.com>
This commit is contained in:
parent
33c93fc0b4
commit
99a6aec8db
3 changed files with 26 additions and 1 deletions
10
ui/script.js
vendored
10
ui/script.js
vendored
|
|
@ -11,6 +11,7 @@ const rmMsg = () => !confirm('Remove file?\n')
|
||||||
const ensureMove = () => !confirm('move items?')
|
const ensureMove = () => !confirm('move items?')
|
||||||
const isRo = () => window.ro
|
const isRo = () => window.ro
|
||||||
|
|
||||||
|
// DOM elements
|
||||||
const upBarName = document.getElementById('upBarName')
|
const upBarName = document.getElementById('upBarName')
|
||||||
const upBarPc = document.getElementById('upBarPc')
|
const upBarPc = document.getElementById('upBarPc')
|
||||||
const upGrid = document.getElementById('drop-grid')
|
const upGrid = document.getElementById('drop-grid')
|
||||||
|
|
@ -29,6 +30,8 @@ const editor = document.getElementById('text-editor')
|
||||||
const crossIcon = document.getElementById('quitAll')
|
const crossIcon = document.getElementById('quitAll')
|
||||||
const toast = document.getElementById('toast')
|
const toast = document.getElementById('toast')
|
||||||
const table = document.getElementById('linkTable')
|
const table = document.getElementById('linkTable')
|
||||||
|
const helpMsg = document.getElementById('help_message')
|
||||||
|
|
||||||
const transparentPixel = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='
|
const transparentPixel = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='
|
||||||
|
|
||||||
// helpers
|
// helpers
|
||||||
|
|
@ -847,5 +850,12 @@ function init () {
|
||||||
const matchingA = allA.find(a => a.href === cleanURL)
|
const matchingA = allA.find(a => a.href === cleanURL)
|
||||||
padOn(matchingA)
|
padOn(matchingA)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// check if we're at root path
|
||||||
|
if (location.pathname === window.extraPath + '/') {
|
||||||
|
helpMsg.style.display = 'block'
|
||||||
|
} else {
|
||||||
|
helpMsg.style.display = 'none'
|
||||||
|
}
|
||||||
}
|
}
|
||||||
init()
|
init()
|
||||||
|
|
|
||||||
16
ui/style.css
vendored
16
ui/style.css
vendored
|
|
@ -24,6 +24,9 @@
|
||||||
.file-size {
|
.file-size {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
#help_message {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* hello standards 👋🏻 */
|
/* hello standards 👋🏻 */
|
||||||
|
|
@ -388,6 +391,18 @@ h1 > span:hover {
|
||||||
z-index: 101;
|
z-index: 101;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#help_message {
|
||||||
|
font-family: monospace;
|
||||||
|
font-size: 14px;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 5px;
|
||||||
|
right: 13px;
|
||||||
|
opacity: 50%;
|
||||||
|
user-select: none;
|
||||||
|
display: none;
|
||||||
|
margin: unset;
|
||||||
|
}
|
||||||
|
|
||||||
.icon-large-folder {
|
.icon-large-folder {
|
||||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEUAAACZmQAICAj4+Pj//5nMzGb/+/AAAAD/zJkzMwAAAP////+gebovAAAAAXRSTlMAQObYZgAAAAFiS0dECx/XxMAAAAAHdElNRQfiBhgXAy5jJ3EAAAAA1klEQVQoz42RMQ7CMBAEQ0mZIIp0/AGecJFO7kC2FKXmATxikaxUtPS48Ss5XxwnoWI7j3f3fHJV/aFa1KzOuwsRdacFHCjpthjuChbL0U261ipJnDd65IokJhCaGTCzEOZ25SAwaAUgASoOyFFzxWEsEkQGz2BskFJfHMMwWB07AVAXg/QwZscYPzHqXAVicDE4eJ47QOOoHexzhINxQRxIEVkC6I217OGLg9DLIn7qkHHEWiAvEwAdJyQlNKK3gKfcITuxZjzrO+qt2mr/3uj1z1//6AsSG3mwAQQN9wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wNi0yNFQyMzowMzo0Ni0wNDowMFfZ8nYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDYtMjRUMjM6MDM6NDYtMDQ6MDAmhErKAAAAAElFTkSuQmCC");
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEUAAACZmQAICAj4+Pj//5nMzGb/+/AAAAD/zJkzMwAAAP////+gebovAAAAAXRSTlMAQObYZgAAAAFiS0dECx/XxMAAAAAHdElNRQfiBhgXAy5jJ3EAAAAA1klEQVQoz42RMQ7CMBAEQ0mZIIp0/AGecJFO7kC2FKXmATxikaxUtPS48Ss5XxwnoWI7j3f3fHJV/aFa1KzOuwsRdacFHCjpthjuChbL0U261ipJnDd65IokJhCaGTCzEOZ25SAwaAUgASoOyFFzxWEsEkQGz2BskFJfHMMwWB07AVAXg/QwZscYPzHqXAVicDE4eJ47QOOoHexzhINxQRxIEVkC6I217OGLg9DLIn7qkHHEWiAvEwAdJyQlNKK3gKfcITuxZjzrO+qt2mr/3uj1z1//6AsSG3mwAQQN9wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wNi0yNFQyMzowMzo0Ni0wNDowMFfZ8nYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDYtMjRUMjM6MDM6NDYtMDQ6MDAmhErKAAAAAElFTkSuQmCC");
|
||||||
}
|
}
|
||||||
|
|
@ -466,4 +481,3 @@ h1 > span:hover {
|
||||||
.icon-dl {
|
.icon-dl {
|
||||||
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMCAxNVYxOEMyMCAxOS4xMDQ2IDE5LjEwNDYgMjAgMTggMjBINkM0Ljg5NTQzIDIwIDQgMTkuMTA0NiA0IDE4TDQgMTVNOCAxMUwxMiAxNU0xMiAxNUwxNiAxMU0xMiAxNVYzIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==");
|
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMCAxNVYxOEMyMCAxOS4xMDQ2IDE5LjEwNDYgMjAgMTggMjBINkM0Ljg5NTQzIDIwIDQgMTkuMTA0NiA0IDE4TDQgMTVNOCAxMUwxMiAxNU0xMiAxNUwxNiAxMU0xMiAxNVYzIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
1
ui/ui.tmpl
vendored
1
ui/ui.tmpl
vendored
|
|
@ -78,6 +78,7 @@
|
||||||
</tr>
|
</tr>
|
||||||
{{end}}
|
{{end}}
|
||||||
</table>
|
</table>
|
||||||
|
<p id="help_message">Help: Ctrl/Cmd + h<p>
|
||||||
</body>
|
</body>
|
||||||
<div id="upBar" class="bar">
|
<div id="upBar" class="bar">
|
||||||
<span style="display: none;" class="barName" id="upBarName"></span>
|
<span style="display: none;" class="barName" id="upBarName"></span>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue