mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-06-25 16:19:19 +02:00
Add SQLite indexes for contenus page language/tag queries + WIP: Peertube orphans, dialogs, contact decoupling, context note, finality types
This commit is contained in:
Pontoporeia
@@ -948,7 +948,7 @@ th.admin-ap-col {
|
||||
border-bottom: 1px solid var(--border-primary);
|
||||
}
|
||||
|
||||
.admin-dialog__header h2 {
|
||||
.admin-dialog__header h3 {
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.06em;
|
||||
text-transform: uppercase;
|
||||
@@ -1014,6 +1014,9 @@ th.admin-ap-col {
|
||||
padding: var(--space-m) var(--space-l);
|
||||
font-size: var(--step--1);
|
||||
line-height: 1.6;
|
||||
overflow-y: auto;
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.admin-dialog__body > *:first-child {
|
||||
@@ -1045,6 +1048,116 @@ th.admin-ap-col {
|
||||
padding: 0 var(--space-l) var(--space-m);
|
||||
}
|
||||
|
||||
/* Side-panel variant: pinned to right, full height */
|
||||
.admin-dialog--sheet {
|
||||
max-width: 720px;
|
||||
max-height: 100vh;
|
||||
height: 100vh;
|
||||
margin: 0 0 0 auto;
|
||||
border-radius: 16px 0 0 16px;
|
||||
animation: adminSheetIn 0.3s ease-out;
|
||||
overflow: hidden;
|
||||
}
|
||||
.admin-dialog--sheet[open] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
@keyframes adminSheetIn {
|
||||
from { transform: translateX(100%); }
|
||||
to { transform: translateX(0); }
|
||||
}
|
||||
.admin-dialog--sheet::backdrop {
|
||||
background: rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
/* Dialog table: replaces grey background box with flat table + heading */
|
||||
.n-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 0.85em;
|
||||
margin: var(--space-xs) 0 var(--space-md) 0;
|
||||
}
|
||||
.n-table thead th {
|
||||
text-align: left;
|
||||
padding: var(--space-3xs) var(--space-xs);
|
||||
border-bottom: 1px solid var(--border-primary);
|
||||
font-weight: 600;
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.n-table tbody td {
|
||||
padding: var(--space-3xs) var(--space-xs);
|
||||
border-bottom: 1px solid var(--border-secondary);
|
||||
vertical-align: top;
|
||||
}
|
||||
.n-table .n-table__info {
|
||||
color: var(--text-tertiary);
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.n-heading {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: var(--space-2xs);
|
||||
margin: 0 0 var(--space-xs) 0;
|
||||
font-size: var(--step--1);
|
||||
font-weight: 600;
|
||||
color: var(--text-primary);
|
||||
line-height: 1.4;
|
||||
}
|
||||
.n-meta {
|
||||
font-weight: 400;
|
||||
font-size: 0.9em;
|
||||
color: var(--text-secondary);
|
||||
margin-left: var(--space-2xs);
|
||||
}
|
||||
|
||||
.n-grid {
|
||||
display: block;
|
||||
}
|
||||
.n-section,
|
||||
.n-grid > section,
|
||||
.n-grid > details {
|
||||
margin: 2ch 0;
|
||||
}
|
||||
.n-section:first-child,
|
||||
.n-grid > section:first-child,
|
||||
.n-grid > details:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.n-section:last-child,
|
||||
.n-grid > section:last-child,
|
||||
.n-grid > details:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.n-grid .n-heading {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* <details>/<summary> inside cleanup sections */
|
||||
.n-grid > details > summary {
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
font-size: var(--step--1);
|
||||
color: var(--text-primary);
|
||||
padding: var(--space-xs) 0;
|
||||
list-style: none;
|
||||
}
|
||||
.n-grid > details > summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
.n-grid > details > summary::before {
|
||||
content: '▸ ';
|
||||
display: inline-block;
|
||||
transition: transform 0.15s;
|
||||
}
|
||||
.n-grid > details[open] > summary::before {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.n-grid > details > :not(summary) {
|
||||
padding-left: calc(1ch + var(--space-xs));
|
||||
}
|
||||
|
||||
/* ── Import results log ─────────────────────────────────────────────── */
|
||||
.admin-import-log {
|
||||
list-style: none;
|
||||
|
||||
@@ -6,6 +6,11 @@
|
||||
/* Keep the base flex layout (no html/body overrides) —
|
||||
main scrolls internally so the body gradient stays at viewport bottom. */
|
||||
|
||||
/* Override inherited padding on main-content (apropós, licence, charte) */
|
||||
#main-content {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.page-content {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
@@ -30,7 +35,7 @@
|
||||
|
||||
.apropos-toc-label {
|
||||
font-family: var(--font-display);
|
||||
font-size: var(--step--2);
|
||||
font-size: var(--step-1);
|
||||
font-weight: 400;
|
||||
color: var(--text-primary);
|
||||
margin: 0 0 var(--space-2xs) 0;
|
||||
@@ -49,8 +54,9 @@
|
||||
|
||||
.apropos-toc ul a {
|
||||
font-family: var(--font-body);
|
||||
font-size: var(--step--1);
|
||||
color: var(--text-secondary);
|
||||
font-size: var(--step-0);
|
||||
font-weight: 300;
|
||||
color: var(--text-primary);
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
padding: var(--space-3xs) 0;
|
||||
@@ -112,6 +118,10 @@
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-bottom: var(--space-xl);
|
||||
}
|
||||
|
||||
.content p,
|
||||
.content-section p {
|
||||
margin: 0 0 1em 0;
|
||||
@@ -127,6 +137,11 @@
|
||||
margin: 1.5em 0 0.5em 0;
|
||||
}
|
||||
|
||||
.content :where(h1, h2, h3):first-child,
|
||||
.content-section :where(h1, h2, h3):first-child {
|
||||
margin-top: 2.2rem;
|
||||
}
|
||||
|
||||
.content a,
|
||||
.content-section a {
|
||||
color: inherit;
|
||||
|
||||
@@ -62,9 +62,15 @@ main * {
|
||||
}
|
||||
|
||||
/* Global heading scale — used by admin + public pages */
|
||||
h1 { font-size: var(--step-4); }
|
||||
h2 { font-size: var(--step-3); }
|
||||
h3 { font-size: var(--step-2); }
|
||||
h4 { font-size: var(--step-1); }
|
||||
h5 { font-size: var(--step-0); }
|
||||
h6 { font-size: var(--step--1); }
|
||||
|
||||
:where(h1, h2, h3, h4, h5, h6) {
|
||||
font-family: var(--font-display);
|
||||
font-size: var(--step-2);
|
||||
font-weight: 400;
|
||||
margin: 0 0 var(--space-l) 0;
|
||||
line-height: 1.15;
|
||||
|
||||
@@ -8,12 +8,11 @@
|
||||
header {
|
||||
vertical-align: center;
|
||||
flex-shrink: 0;
|
||||
background: #9557B5;
|
||||
background: #c05de1;
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgba(149, 87, 181, 1) 0%,
|
||||
rgba(192, 93, 225, 1) 25%,
|
||||
rgba(51, 191, 135, 1) 75%,
|
||||
rgba(192, 93, 225, 1) 0%,
|
||||
rgba(51, 191, 135, 1) 66%,
|
||||
rgba(60, 133, 108, 1) 100%
|
||||
);
|
||||
}
|
||||
@@ -56,9 +55,6 @@ header nav ul a:hover {
|
||||
|
||||
header nav ul a[aria-current="page"] {
|
||||
color: var(--accent-primary);
|
||||
text-shadow:
|
||||
0 0 4px white,
|
||||
0 0 8px white;
|
||||
border-radius: 0;
|
||||
border-bottom: 2px solid currentColor;
|
||||
padding-bottom: 1px;
|
||||
|
||||
@@ -6,7 +6,8 @@
|
||||
.header-search-wrap {
|
||||
padding: 0;
|
||||
flex-shrink: 0;
|
||||
background: linear-gradient(180deg, #9557B5 0%, #ffffffee 100%);
|
||||
background: #C05DE1;
|
||||
background: linear-gradient(180deg, rgba(192, 93, 225, 1) 0%, rgba(255, 255, 255, 1) 100%);
|
||||
}
|
||||
|
||||
.header-search-form { width: 100%; }
|
||||
|
||||
@@ -83,6 +83,7 @@
|
||||
text-transform: uppercase;
|
||||
color: var(--text-primary);
|
||||
font-weight: 398;
|
||||
line-height: 23px;
|
||||
margin: 0;
|
||||
padding: var(--space-xs) 0 var(--space-3xs) 0;
|
||||
border-bottom: 1px solid var(--text-primary);
|
||||
@@ -150,7 +151,7 @@
|
||||
/* Years column — big numbers, semi-bold (BBBDMSans Medium weight) */
|
||||
.repertoire-col[data-col="years"] .rep-entry {
|
||||
font-size: var(--step-3);
|
||||
font-weight: 498;
|
||||
font-weight: 300;
|
||||
line-height: 1.1;
|
||||
letter-spacing: -0.02em;
|
||||
padding: var(--space-3xs) 0;
|
||||
|
||||
@@ -76,6 +76,25 @@
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Synopsis column wrapper (context note + synopsis) */
|
||||
.tfe-synopsis-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-xs);
|
||||
}
|
||||
|
||||
/* Contextual note above synopsis */
|
||||
.tfe-context-note {
|
||||
font-style: italic;
|
||||
font-size: var(--step--1);
|
||||
line-height: 1.6;
|
||||
color: var(--text-secondary);
|
||||
margin: 0;
|
||||
padding: var(--space-xs) var(--space-s);
|
||||
background: color-mix(in srgb, var(--accent-primary) 10%, var(--bg-primary));
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
|
||||
.tfe-synopsis-empty {
|
||||
/* placeholder to maintain grid column */
|
||||
}
|
||||
|
||||
@@ -948,4 +948,110 @@
|
||||
bodyEl.innerHTML = '<p class="file-browser-error">Erreur réseau.</p>';
|
||||
});
|
||||
};
|
||||
|
||||
// PeerTube video relink (edit page — binds a channel-orphan video to the thesis)
|
||||
window.XamxamRelinkPeerTube = (el) => {
|
||||
var li = el.closest(".file-browser-entry");
|
||||
if (!li) return;
|
||||
|
||||
var uuid = li.dataset.ptUuid;
|
||||
var name = li.dataset.ptName;
|
||||
if (!uuid) return;
|
||||
|
||||
var ctx = window.__xamxamPeertubeRelinkCtx || {};
|
||||
var thesisId = ctx.thesisId;
|
||||
if (!thesisId) return;
|
||||
|
||||
var bodyEl = document.getElementById("peertube-relink-modal-body");
|
||||
if (bodyEl)
|
||||
bodyEl.innerHTML =
|
||||
'<p class="file-browser-loading">Reliage en cours…</p>';
|
||||
|
||||
var csrfToken =
|
||||
document
|
||||
.querySelector('meta[name="csrf-token"]')
|
||||
?.getAttribute("content") || "";
|
||||
|
||||
fetch("/admin/actions/peertube-relink.php", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
"X-CSRF-Token": csrfToken,
|
||||
},
|
||||
body: JSON.stringify({
|
||||
thesis_id: parseInt(thesisId, 10),
|
||||
uuid: uuid,
|
||||
}),
|
||||
})
|
||||
.then((r) =>
|
||||
r.json().then((data) => ({ ok: r.ok, status: r.status, data })),
|
||||
)
|
||||
.then(({ ok, status, data }) => {
|
||||
if (!ok || (data && data.ok === false)) {
|
||||
var msg = data?.error
|
||||
? data.error
|
||||
: typeof data === "string"
|
||||
? data
|
||||
: "Erreur " + status;
|
||||
if (bodyEl)
|
||||
bodyEl.innerHTML = '<p class="file-browser-error">Erreur : ' + msg + '</p>';
|
||||
return;
|
||||
}
|
||||
console.log("[pt-relink] success | new_id=" + data.id);
|
||||
|
||||
var input = document.querySelector(
|
||||
'.tfe-file-picker[data-queue-type="tfe"]',
|
||||
);
|
||||
var closeAndRefresh = () => {
|
||||
var modal = document.getElementById("peertube-relink-modal");
|
||||
if (modal) modal.close();
|
||||
var block = document.getElementById("format-fichiers-block");
|
||||
if (block && window.htmx) {
|
||||
var url = "/admin/fragments/fichiers.php";
|
||||
if (thesisId)
|
||||
url += "?_thesis_id=" + encodeURIComponent(thesisId);
|
||||
htmx.ajax("GET", url, {
|
||||
target: "#format-fichiers-block",
|
||||
swap: "outerHTML",
|
||||
});
|
||||
}
|
||||
};
|
||||
if (input) {
|
||||
var pond = FilePond.find(input);
|
||||
if (pond) {
|
||||
pond
|
||||
.addFile(String(data.id), {
|
||||
type: "limbo",
|
||||
file: {
|
||||
name: name,
|
||||
size: 0,
|
||||
type: "video/mp4",
|
||||
},
|
||||
})
|
||||
.then(() => {
|
||||
console.log("[pt-relink] addFile resolved");
|
||||
closeAndRefresh();
|
||||
})
|
||||
.catch((err) => {
|
||||
console.error("[pt-relink] addFile rejected", err);
|
||||
closeAndRefresh();
|
||||
});
|
||||
} else {
|
||||
console.error("[pt-relink] FilePond.find returned null");
|
||||
closeAndRefresh();
|
||||
}
|
||||
} else {
|
||||
console.warn("[pt-relink] input not found");
|
||||
closeAndRefresh();
|
||||
}
|
||||
|
||||
window.__xamxamDirty = true;
|
||||
})
|
||||
.catch((err) => {
|
||||
console.error("[pt-relink] fetch error", err);
|
||||
if (bodyEl)
|
||||
bodyEl.innerHTML =
|
||||
'<p class="file-browser-error">Erreur réseau.</p>';
|
||||
});
|
||||
};
|
||||
})();
|
||||
|
||||
Reference in New Issue
Block a user