- inserito il componente per scegliere il colore e la trasparenza, dello sfondo della pagina introduttiva

- corretto i margini del testo e la dimensione del font.
This commit is contained in:
Surya Paolo
2025-06-29 18:33:20 +02:00
parent 99fab39c4b
commit 4b65400d50
13 changed files with 1247 additions and 211 deletions

View File

@@ -112,16 +112,20 @@ body {
.book-text-up {
font-family: 'DINPro', sans-serif;
margin-bottom: calc(5 * var(--scalecatalogy) * 1px);
font-size: calc(20 * var(--scalecatalogx) * 1px);
margin: calc(30 * var(--scalecatalogx) * 1px);
font-size: calc(17 * var(--scalecatalogx) * 1px);
height: calc(380 * var(--scalecatalogy) * 1px);
line-height: 130%;
font-weight: bold;
padding: 8px;
border-radius: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
text-shadow: 1px 1px 2px black;
overflow: hidden; /* Nasconde il testo che esce dalla height fissa */
}
.book-text-down {

View File

@@ -96,6 +96,8 @@ export default defineComponent({
const rigeneraLibri = ref(false);
const search = ref('');
const showColorPicker = ref(false);
const optauthors = ref(<any>[]);
const strout = ref('');
@@ -2691,9 +2693,10 @@ export default defineComponent({
updateCatalogoPadre();
}
function updatecatalogmodif(field: string, val: any) {
async function updatecatalogmodif(field: string, val: any) {
if (field) {
myCatalog.value[field] = val;
await saveCatalog();
}
}
@@ -2792,6 +2795,8 @@ export default defineComponent({
updatecatalogmodif,
tabgen,
generaListaTempLibri,
globalStore,
showColorPicker,
};
},
});

View File

@@ -577,7 +577,14 @@
<q-td :props="props">
<a
v-if="props.row.pdf"
:href="tools.getURLByHostAndFilePath(props.row.pdf, props.row.data ? (new Date(props.row.data)).getTime() : undefined)"
:href="
tools.getURLByHostAndFilePath(
props.row.pdf,
props.row.data
? new Date(props.row.data).getTime()
: undefined
)
"
target="_blank"
class="text-bold"
>
@@ -681,7 +688,14 @@
color="primary"
icon="fas fa-file-pdf"
:label="`Apri PDF`"
:href="tools.getURLByHostAndFilePath(myCatalog.pdf_online, myCatalog.data_online ? (new Date(myCatalog.data_online)).getTime() : undefined)"
:href="
tools.getURLByHostAndFilePath(
myCatalog.pdf_online,
myCatalog.data_online
? new Date(myCatalog.data_online).getTime()
: undefined
)
"
size="md"
class="hover-lift"
/>
@@ -692,7 +706,14 @@
color="primary"
icon="download"
:label="`Scarica PDF`"
:href="tools.getURLByHostAndFilePath(myCatalog.pdf_online, myCatalog.data_online ? (new Date(myCatalog.data_online)).getTime() : undefined)"
:href="
tools.getURLByHostAndFilePath(
myCatalog.pdf_online,
myCatalog.data_online
? new Date(myCatalog.data_online).getTime()
: undefined
)
"
download
size="md"
class="hover-lift"
@@ -764,7 +785,12 @@
icon="fas fa-file-pdf"
:label="`Apri PDF`"
:href="
tools.getURLByHostAndFilePath(myCatalog.pdf_online_stampa, myCatalog.data_online_stampa ? (new Date(myCatalog.data_online_stampa)).getTime() : undefined)
tools.getURLByHostAndFilePath(
myCatalog.pdf_online_stampa,
myCatalog.data_online_stampa
? new Date(myCatalog.data_online_stampa).getTime()
: undefined
)
"
size="md"
class="hover-lift"
@@ -777,7 +803,12 @@
icon="download"
:label="`Scarica PDF`"
:href="
tools.getURLByHostAndFilePath(myCatalog.pdf_online_stampa, myCatalog.data_online_stampa ? (new Date(myCatalog.data_online_stampa)).getTime() : undefined)
tools.getURLByHostAndFilePath(
myCatalog.pdf_online_stampa,
myCatalog.data_online_stampa
? new Date(myCatalog.data_online_stampa).getTime()
: undefined
)
"
download
size="md"
@@ -1214,6 +1245,93 @@
zIndex: '10', // Assicura che il testo sia visibile sopra altri elementi
}"
>
<q-btn
v-if="
globalStore.editOn &&
recscheda.scheda.dimensioni.pagina?.testo_up
?.contenuto
"
floating
icon="fas fa-pencil-alt"
@click="showColorPicker = !showColorPicker"
color="primary"
style="
position: absolute;
z-index: 1000;
"
></q-btn>
<q-dialog
v-model="showColorPicker"
:full-width="false"
:full-height="false"
:maximized="false"
transition-show="slide-up"
transition-hide="slide-down"
>
<q-card>
<q-card-section>
<div class="text-h6">
{{ t('cataloglist.impostazioni_intestazione') }}
</div>
</q-card-section>
<q-card-section class="q-pt-none">
<CMyValueDb
v-if="myCatalog"
:editOn="false"
:isInModif="true"
:title="t('cataloglist.backcolor')"
table="catalogs"
:id="myCatalog._id"
:rec="myCatalog"
mykey="backcolor"
debounce="1000"
:type="costanti.FieldType.pickcolor"
@save="
(v) => updatecatalogmodif('backcolor', v)
"
:dense="false"
>
</CMyValueDb>
<CMyValueDb
v-if="myCatalog"
:editOn="true"
:title="
t(
'cataloglist.pagina_introduttiva_sfondo_nero'
)
"
table="catalogs"
:id="myCatalog._id"
:rec="myCatalog"
mykey="pagina_introduttiva_sfondo_nero"
debounce="1000"
:type="costanti.FieldType.boolean"
@save="
(v) =>
updatecatalogmodif(
'pagina_introduttiva_sfondo_nero',
v
)
"
:dense="false"
>
</CMyValueDb>
</q-card-section>
<q-card-actions
align="right"
class="text-primary"
>
<q-btn
flat
label="Chiudi"
@click="showColorPicker = false"
/>
</q-card-actions>
</q-card>
</q-dialog>
<div
v-html="getTitoloPagina(null, recscheda)"
style="
@@ -1223,6 +1341,7 @@
"
></div>
</div>
<div
v-if="
recscheda.scheda.dimensioni.pagina?.testo_up