- 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:
@@ -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 {
|
||||
|
||||
@@ -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,
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user