- generazione del PDF riscritto totalmente
- ora è possibile generarlo anche da backend - FIX: corretto la qualità del PDF e la dimensione non esatta in pixel...
This commit is contained in:
Surya Paolo
@@ -1,8 +1,15 @@
|
||||
<template>
|
||||
<div>
|
||||
<div v-if="mypathin && !!rec">
|
||||
<q-inner-loading id="spinner" :showing="onloading">
|
||||
<q-spinner-tail color="primary" size="4em"> </q-spinner-tail>
|
||||
<q-inner-loading
|
||||
id="spinner"
|
||||
:showing="onloading"
|
||||
>
|
||||
<q-spinner-tail
|
||||
color="primary"
|
||||
size="4em"
|
||||
>
|
||||
</q-spinner-tail>
|
||||
</q-inner-loading>
|
||||
|
||||
<div v-if="!onloading">
|
||||
@@ -27,7 +34,10 @@
|
||||
elevated
|
||||
style="transition: 'width 0.3s ease'"
|
||||
>
|
||||
<q-bar dense class="q-ma-xs bg-primary text-white">
|
||||
<q-bar
|
||||
dense
|
||||
class="q-ma-xs bg-primary text-white"
|
||||
>
|
||||
<q-toolbar-title> Editor </q-toolbar-title>
|
||||
<q-btn
|
||||
flat
|
||||
@@ -57,54 +67,91 @@
|
||||
</CMyEditElem>
|
||||
</q-drawer>
|
||||
|
||||
<div class="q-gutter-xs" style="margin-left: 1px; margin-right: 1px">
|
||||
<div v-if="!!rec.img1" class="text-center">
|
||||
<q-img :src="`` + rec.img1" class="img"></q-img>
|
||||
<div
|
||||
:class="{ 'q-gutter-xs': !rec.hideHeader }"
|
||||
:style="[{'margin-left': rec.hideHeader ? 0 : 1 + 'px', 'margin-right': rec.hideHeader ? 0 : 1 + 'px' }]"
|
||||
>
|
||||
<div
|
||||
v-if="!!rec.img1"
|
||||
class="text-center"
|
||||
>
|
||||
<q-img
|
||||
:src="`` + rec.img1"
|
||||
class="img"
|
||||
></q-img>
|
||||
</div>
|
||||
|
||||
<div v-if="!!rec.content" v-html="rec.content"></div>
|
||||
<q-video v-if="!!rec.video1" :src="rec.video1" :ratio="rec.ratio1">
|
||||
<div
|
||||
v-if="!!rec.content"
|
||||
v-html="rec.content"
|
||||
></div>
|
||||
<q-video
|
||||
v-if="!!rec.video1"
|
||||
:src="rec.video1"
|
||||
:ratio="rec.ratio1"
|
||||
>
|
||||
</q-video>
|
||||
|
||||
<div v-if="!!rec.img2" class="text-center">
|
||||
<q-img :src="`` + rec.img2" class="img"></q-img>
|
||||
<div
|
||||
v-if="!!rec.img2"
|
||||
class="text-center"
|
||||
>
|
||||
<q-img
|
||||
:src="`` + rec.img2"
|
||||
class="img"
|
||||
></q-img>
|
||||
</div>
|
||||
|
||||
<div v-if="!!rec.content2" v-html="rec.content2"></div>
|
||||
<div
|
||||
v-if="!!rec.content2"
|
||||
v-html="rec.content2"
|
||||
></div>
|
||||
<q-video
|
||||
v-if="!!rec.video2"
|
||||
:src="rec.video2"
|
||||
:ratio="rec.ratio2"
|
||||
></q-video>
|
||||
|
||||
<div v-if="!!rec.img3" class="text-center">
|
||||
<q-img :src="`` + rec.img2" class="img"></q-img>
|
||||
<div
|
||||
v-if="!!rec.img3"
|
||||
class="text-center"
|
||||
>
|
||||
<q-img
|
||||
:src="`` + rec.img2"
|
||||
class="img"
|
||||
></q-img>
|
||||
</div>
|
||||
|
||||
<div v-if="!!rec.content3" v-html="rec.content3"></div>
|
||||
<div
|
||||
v-if="!!rec.content3"
|
||||
v-html="rec.content3"
|
||||
></div>
|
||||
<q-video
|
||||
v-if="!!rec.video3"
|
||||
:src="rec.video3"
|
||||
:ratio="rec.ratio3"
|
||||
></q-video>
|
||||
<div v-if="!!rec.content4" v-html="rec.content4"></div>
|
||||
<div
|
||||
v-if="!!rec.content4"
|
||||
v-html="rec.content4"
|
||||
></div>
|
||||
|
||||
<div v-for="myelem in myelems" :key="myelem._id">
|
||||
<div
|
||||
v-for="myelem in myelems"
|
||||
:key="myelem._id"
|
||||
>
|
||||
<div>
|
||||
<transition :duration="1000" appear>
|
||||
<transition
|
||||
:duration="1000"
|
||||
appear
|
||||
>
|
||||
<CTitleBanner
|
||||
v-if="
|
||||
(myelem.active || editOn) &&
|
||||
!!rec.path &&
|
||||
myelem.titleBanner
|
||||
"
|
||||
v-if="(myelem.active || editOn) && !!rec.path && myelem.titleBanner"
|
||||
:class="`q-pa-xs `"
|
||||
:title="myelem.titleBanner"
|
||||
bgcolor="bg-primary"
|
||||
:clcolor="myelem.color ? `` : `text-white`"
|
||||
:mystyle="
|
||||
myelem.color ? `color: ${myelem.color} !important;` : ``
|
||||
"
|
||||
:mystyle="myelem.color ? `color: ${myelem.color} !important;` : ``"
|
||||
:myclass="myelem.classBanner"
|
||||
:canopen="true"
|
||||
>
|
||||
@@ -164,7 +211,12 @@
|
||||
:styleadd="styleadd"
|
||||
></CTitle>
|
||||
<div v-if="!imgbackground">
|
||||
<CImgTitle v-if="img" :src="img" :title="title"> </CImgTitle>
|
||||
<CImgTitle
|
||||
v-if="img"
|
||||
:src="img"
|
||||
:title="title"
|
||||
>
|
||||
</CImgTitle>
|
||||
</div>
|
||||
<slot></slot>
|
||||
<div v-if="!nofooter"></div>
|
||||
@@ -175,7 +227,13 @@
|
||||
<q-card class="dialog_card">
|
||||
<q-toolbar class="bg-primary text-white">
|
||||
<q-toolbar-title> Esporta Pagina </q-toolbar-title>
|
||||
<q-btn flat round color="white" icon="close" v-close-popup></q-btn>
|
||||
<q-btn
|
||||
flat
|
||||
round
|
||||
color="white"
|
||||
icon="close"
|
||||
v-close-popup
|
||||
></q-btn>
|
||||
</q-toolbar>
|
||||
<q-card-section class="q-pa-xs inset-shadow">
|
||||
<br />
|
||||
@@ -193,7 +251,13 @@
|
||||
<q-card class="dialog_card">
|
||||
<q-toolbar class="bg-primary text-white">
|
||||
<q-toolbar-title> Esporta Pagina </q-toolbar-title>
|
||||
<q-btn flat round color="white" icon="close" v-close-popup></q-btn>
|
||||
<q-btn
|
||||
flat
|
||||
round
|
||||
color="white"
|
||||
icon="close"
|
||||
v-close-popup
|
||||
></q-btn>
|
||||
</q-toolbar>
|
||||
<q-card-section class="q-pa-xs inset-shadow">
|
||||
<br />
|
||||
@@ -209,8 +273,7 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" src="./CMyPageElem.ts">
|
||||
</script>
|
||||
<script lang="ts" src="./CMyPageElem.ts"></script>
|
||||
<style lang="scss" scoped>
|
||||
@import "./CMyPageElem.scss";
|
||||
@import './CMyPageElem.scss';
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user