surya/myprojplanet_vite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Ricerca Titolo per nome o autore o ISBN o codice articolo

Browse Source
This commit is contained in:
Surya Paolo
2025-03-31 23:55:53 +02:00
parent 7624f16723
commit 61c1dc3d0d
67 changed files with 760 additions and 1618 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/CMyText/CMyText.ts
View File

@@ -74,6 +74,15 @@ export default defineComponent({
}, { immediate: true });
function mounted() {
if (!internalModel.font) {
internalModel.font = {
line_height: 1,
posiz_text: 0,
perc_text: '',
name: '',
size: '14px',
}
}
if (!internalModel.font?.perc_text) {
internalModel.font!.perc_text = ''
}

139
src/components/CMyText/CMyText.vue
View File

@@ -12,77 +12,82 @@
@update_col="update_col"
>
</CMyFieldRec>
<q-select
v-model="internalModel.font.posiz_text"
:options="tools.posizTextOptions"
label="Posizione"
options-dense
dense
emit-value
map-options
style="width: 100px"
@update:model-value="modifElem"
fill-input
text-color="white"
>
</q-select>
<CMySlider
label="Margine % tra l'immagine"
v-model="internalModel.font.perc_text"
:min="0"
:max="100"
color="blue"
addstr="%"
@update:model-value="modifElem"
></CMySlider>
<CMySlider
label="Line Height:"
v-model="internalModel.font.line_height"
:min="0.5"
:max="2"
color="blue"
@update:model-value="modifElem"
></CMySlider>
<CMySlider
v-if="show_maxlength"
label="Max numero di caratteri:"
v-model="internalModel.maxlength"
:min="0"
:max="1000"
color="blue"
addstr=""
@update:model-value="modifElem"
></CMySlider>
<CMySize
v-if="show_dimensioni"
label="Dimensioni:"
v-model="internalModel.size"
@update:model-value="modifElem"
></CMySize>
<div v-if="internalModel">
<q-select
v-if="internalModel.font"
v-model="internalModel.font.posiz_text"
:options="tools.posizTextOptions"
label="Posizione"
options-dense
dense
emit-value
map-options
style="width: 100px"
@update:model-value="modifElem"
fill-input
text-color="white"
>
</q-select>
<CMySlider
v-if="internalModel.font"
label="Margine % tra l'immagine"
v-model="internalModel.font.perc_text"
:min="0"
:max="100"
color="blue"
addstr="%"
@update:model-value="modifElem"
></CMySlider>
<CMySlider
v-if="internalModel.font"
label="Line Height:"
v-model="internalModel.font.line_height"
:min="0.5"
:max="2"
color="blue"
@update:model-value="modifElem"
></CMySlider>
<CMySlider
v-if="show_maxlength"
label="Max numero di caratteri:"
v-model="internalModel.maxlength"
:min="0"
:max="1000"
color="blue"
addstr=""
@update:model-value="modifElem"
></CMySlider>
<CMySize
v-if="show_dimensioni"
label="Dimensioni:"
v-model="internalModel.size"
@update:model-value="modifElem"
></CMySize>
<div>
Parole Chiave: {autore} {titolo} {descrizione} {date_pub} {ranking}
{sottotitolo} {prezzo} {prezzo_scontato} {descrizione_estesa}
<div>
Parole Chiave: {autore} {titolo} {descrizione} {date_pub} {ranking} {sottotitolo} {prezzo} {prezzo_scontato}
{descrizione_estesa}
</div>
<q-select
v-if="internalModel.font"
v-model="internalModel.font.size"
:options="tools.fontSizeOptions"
label="Size Titolo"
options-dense
dense
emit-value
map-options
style="width: 120px"
@update:model-value="modifElem"
fill-input
text-color="white"
>
</q-select>
</div>
<q-select
v-model="internalModel.font.size"
:options="tools.fontSizeOptions"
label="Size Titolo"
options-dense
dense
emit-value
map-options
style="width: 120px"
@update:model-value="modifElem"
fill-input
text-color="white"
>
</q-select>
</template>
<script lang="ts" src="./CMyText.ts">
</script>
<script lang="ts" src="./CMyText.ts"></script>
<style lang="scss" scoped>
@import './CMyText.scss';