@samitouri / QOSami-HFS / commits / d871435c

admin/custom: new section 'footer'

Massimo Melina committed Jun 6, 2024 at 12:03 UTC d871435cf411f6049d4c50714eeb07b7712daacb
4 files changed +5 -3
dev-plugins.md
+2 -1
@@ -356,9 +356,10 @@ This is a list of available frontend-events, with respective object parameter an
356 - All of the following have no parameters and you are supposed to output `Html` that will be displayed in the described place:
357 - `afterMenuBar` between menu-bar and breadcrumbs
358 - `afterList` at the end of the files list
359 + - `footer` at the bottom of the screen, even after the clipboard-bar (when visible)
360 - `unauthorized` displayed behind the login dialog accessing a protected folder
361 - `htmlHead` inside the `<head>` element
361 - - `userPanelAfterInfo` visible to logged-in users, after the click on the button with their username, between user-info and buttons
362 + - `userPanelAfterInfo` visible to logged-in users, after the click on the button with their username, between user-info and buttons
363
364 ## Back-end events
365
frontend/src/BrowseFiles.ts
+2
@@ -44,7 +44,9 @@ export function BrowseFiles() {
44 props?.comment && h('div', { className: 'entry-comment' }, props.comment),
45 error ? h(ErrorMsg, { err: error }) : h(FilesList),
46 h(CustomCode, { name: 'afterList' }),
47 + h('div', { style: { flex: 1 }}),
48 h(ClipBar),
49 + h(CustomCode, { name: 'footer' }),
50 )
51 )
52 }
frontend/src/index.scss
-1
@@ -270,7 +270,6 @@ kbd {
270 }
271
272 ul.dir {
273 - flex: 1;
273 padding: 0;
274 margin: 0;
275 clear: both;
src/customHtml.ts
+1 -1
@@ -9,7 +9,7 @@ import _ from 'lodash'
9 const FILE = 'custom.html'
10
11 export const customHtmlSections: ReadonlyArray<string> = ['style', 'beforeHeader', 'afterHeader', 'afterMenuBar', 'afterList',
12 - 'top', 'bottom', 'afterEntryName', 'beforeLogin', 'unauthorized', 'htmlHead', 'userPanelAfterInfo']
12 + 'footer', 'top', 'bottom', 'afterEntryName', 'beforeLogin', 'unauthorized', 'htmlHead', 'userPanelAfterInfo']
13
14 export const customHtmlState = proxy({
15 sections: watchLoadCustomHtml().state