- aggiornamento con proj RISO. postcss, pwa.
This commit is contained in:
@@ -60,14 +60,16 @@ export default defineComponent({
|
||||
const { t } = useI18n();
|
||||
|
||||
// Converti le props in riferimenti reattivi
|
||||
const { value, format, width, widthlines, height, fontsize } = toRefs(props);
|
||||
const { value, format, width, widthlines, height, fontsizeprop } = toRefs(props);
|
||||
|
||||
const fontsize = ref(<string>props.fontsizeprop)
|
||||
|
||||
// Funzione per disegnare il codice a barre
|
||||
const drawBarcode = () => {
|
||||
try {
|
||||
if (value.value && value.value.length > 2) {
|
||||
JsBarcode("#C" + value.value, value.value, {
|
||||
format: format.value,
|
||||
format: (format.value || 'CODE128'),
|
||||
width: widthlines.value,
|
||||
height: tools.convstrToNum(height.value),
|
||||
displayValue: true,
|
||||
|
||||
@@ -21,7 +21,7 @@ h4 {
|
||||
}
|
||||
|
||||
.landing_background {
|
||||
background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
|
||||
background: #000 url(/images/foto1.jpg) no-repeat 50% fixed;
|
||||
background-size: cover
|
||||
}
|
||||
|
||||
@@ -184,7 +184,7 @@ body.mobile .landing:before {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: -1;
|
||||
//background: #000 url(../../public/images/cover.jpg) 50%;
|
||||
//background: #000 url(/images/cover.jpg) 50%;
|
||||
|
||||
background-size: cover
|
||||
}
|
||||
@@ -256,17 +256,17 @@ body.mobile .landing:before {
|
||||
}
|
||||
|
||||
.homep-cover-img-1 {
|
||||
background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
|
||||
background: #000 url(/images/foto1.jpg) no-repeat 50% fixed;
|
||||
//transition: background-image 1s ease-in-out;
|
||||
}
|
||||
|
||||
.homep-cover-img-2 {
|
||||
background: #000 url(../../../public/images/foto2.jpg) no-repeat 50% fixed;
|
||||
background: #000 url(/images/foto2.jpg) no-repeat 50% fixed;
|
||||
//transition: background-image 1s ease-in-out;
|
||||
}
|
||||
|
||||
.homep-cover-img-3 {
|
||||
background: #000 url(../../../public/images/foto3.jpg) no-repeat 50% fixed;
|
||||
background: #000 url(/images/foto3.jpg) no-repeat 50% fixed;
|
||||
//transition: background-image 1s ease-in-out;
|
||||
}
|
||||
|
||||
@@ -306,7 +306,7 @@ body.mobile .landing:before {
|
||||
}
|
||||
|
||||
.carousel_img_3 {
|
||||
//background-image: url(../../public/images/cibo_sano.jpg);
|
||||
//background-image: url(/images/cibo_sano.jpg);
|
||||
background-size: cover !important;
|
||||
background-position: 50% center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
@@ -387,7 +387,7 @@ body.mobile .landing:before {
|
||||
}
|
||||
|
||||
.carousel_img_3 {
|
||||
//background-image: url(../../public/images/cibo_sano.jpg);
|
||||
//background-image: url(/images/cibo_sano.jpg);
|
||||
background-size: 620px 620px !important;
|
||||
background-position: 50% top !important;
|
||||
background-repeat: no-repeat !important;
|
||||
|
||||
0
src/components/CMyDialog/CMyDialog.scss
Executable file
0
src/components/CMyDialog/CMyDialog.scss
Executable file
59
src/components/CMyDialog/CMyDialog.ts
Executable file
59
src/components/CMyDialog/CMyDialog.ts
Executable file
@@ -0,0 +1,59 @@
|
||||
import { defineComponent, onMounted, ref, computed, watch } from 'vue'
|
||||
import { tools } from '@store/Modules/tools'
|
||||
import { useUserStore } from '@store/UserStore'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import { toolsext } from '@store/Modules/toolsext'
|
||||
import { costanti } from '@costanti'
|
||||
|
||||
import { shared_consts } from '@src/common/shared_vuejs'
|
||||
|
||||
export default defineComponent({
|
||||
name: 'CMyDialog',
|
||||
emits: ['update:modelValue'],
|
||||
props: {
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
required: true,
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
required: false,
|
||||
default: '',
|
||||
},
|
||||
},
|
||||
setup(props, { emit }) {
|
||||
const userStore = useUserStore()
|
||||
const { t } = useI18n();
|
||||
|
||||
const internalModel = ref(props.modelValue)
|
||||
|
||||
watch(
|
||||
() => props.modelValue,
|
||||
(newVal) => {
|
||||
internalModel.value = newVal
|
||||
}
|
||||
)
|
||||
|
||||
watch(internalModel, (newVal) => {
|
||||
emit('update:modelValue', newVal)
|
||||
})
|
||||
|
||||
function mounted() {
|
||||
|
||||
// ...
|
||||
}
|
||||
|
||||
|
||||
onMounted(mounted)
|
||||
|
||||
return {
|
||||
userStore,
|
||||
costanti,
|
||||
tools,
|
||||
toolsext,
|
||||
shared_consts,
|
||||
t,
|
||||
internalModel,
|
||||
}
|
||||
}
|
||||
})
|
||||
26
src/components/CMyDialog/CMyDialog.vue
Executable file
26
src/components/CMyDialog/CMyDialog.vue
Executable file
@@ -0,0 +1,26 @@
|
||||
<template>
|
||||
<q-dialog v-model="internalModel" maximized
|
||||
transition-show="slide-up"
|
||||
transition-hide="slide-down"
|
||||
>
|
||||
<q-card class="dialog_card">
|
||||
<q-toolbar class="bg-primary text-white">
|
||||
<q-toolbar-title>
|
||||
{{ title }}
|
||||
</q-toolbar-title>
|
||||
<q-btn flat round color="white" icon="close" v-close-popup></q-btn>
|
||||
</q-toolbar>
|
||||
|
||||
<q-card-section class="inset-shadow">
|
||||
<slot></slot>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
</template>
|
||||
|
||||
<script lang="ts" src="./CMyDialog.ts">
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './CMyDialog';
|
||||
</style>
|
||||
1
src/components/CMyDialog/index.ts
Executable file
1
src/components/CMyDialog/index.ts
Executable file
@@ -0,0 +1 @@
|
||||
export {default as CMyDialog} from './CMyDialog.vue'
|
||||
@@ -17,7 +17,7 @@ h4 {
|
||||
}
|
||||
|
||||
.landing_background {
|
||||
background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
|
||||
background: #000 url(/images/foto1.jpg) no-repeat 50% fixed;
|
||||
background-size: cover
|
||||
}
|
||||
|
||||
@@ -192,7 +192,7 @@ body.mobile .landing:before {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: -1;
|
||||
//background: #000 url(../../public/images/cover.jpg) 50%;
|
||||
//background: #000 url(/images/cover.jpg) 50%;
|
||||
|
||||
background-size: cover
|
||||
}
|
||||
@@ -291,7 +291,7 @@ h1 {
|
||||
}
|
||||
|
||||
.carousel_img_3 {
|
||||
//background-image: url(../../public/images/cibo_sano.jpg);
|
||||
//background-image: url(/images/cibo_sano.jpg);
|
||||
background-size: cover !important;
|
||||
background-position: 50% center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
|
||||
@@ -17,7 +17,7 @@ h4 {
|
||||
}
|
||||
|
||||
.landing_background {
|
||||
background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
|
||||
background: #000 url(/images/foto1.jpg) no-repeat 50% fixed;
|
||||
background-size: cover
|
||||
}
|
||||
|
||||
@@ -192,7 +192,7 @@ body.mobile .landing:before {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: -1;
|
||||
//background: #000 url(../../public/images/cover.jpg) 50%;
|
||||
//background: #000 url(/images/cover.jpg) 50%;
|
||||
|
||||
background-size: cover
|
||||
}
|
||||
@@ -292,7 +292,7 @@ h1 {
|
||||
}
|
||||
|
||||
.carousel_img_3 {
|
||||
//background-image: url(../../public/images/cibo_sano.jpg);
|
||||
//background-image: url(/images/cibo_sano.jpg);
|
||||
background-size: cover !important;
|
||||
background-position: 50% center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
|
||||
@@ -21,7 +21,7 @@ h4 {
|
||||
}
|
||||
|
||||
.landing_background {
|
||||
background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
|
||||
background: #000 url(/images/foto1.jpg) no-repeat 50% fixed;
|
||||
background-size: cover
|
||||
}
|
||||
|
||||
@@ -201,7 +201,7 @@ body.mobile .landing:before {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: -1;
|
||||
//background: #000 url(../../public/images/cover.jpg) 50%;
|
||||
//background: #000 url(/images/cover.jpg) 50%;
|
||||
|
||||
background-size: cover
|
||||
}
|
||||
@@ -268,17 +268,17 @@ body.mobile .landing:before {
|
||||
}
|
||||
|
||||
.homep-cover-img-1 {
|
||||
background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
|
||||
background: #000 url(/images/foto1.jpg) no-repeat 50% fixed;
|
||||
//transition: background-image 1s ease-in-out;
|
||||
}
|
||||
|
||||
.homep-cover-img-2 {
|
||||
background: #000 url(../../../public/images/foto2.jpg) no-repeat 50% fixed;
|
||||
background: #000 url(/images/foto2.jpg) no-repeat 50% fixed;
|
||||
//transition: background-image 1s ease-in-out;
|
||||
}
|
||||
|
||||
.homep-cover-img-3 {
|
||||
background: #000 url(../../../public/images/foto3.jpg) no-repeat 50% fixed;
|
||||
background: #000 url(/images/foto3.jpg) no-repeat 50% fixed;
|
||||
//transition: background-image 1s ease-in-out;
|
||||
}
|
||||
|
||||
@@ -318,7 +318,7 @@ body.mobile .landing:before {
|
||||
}
|
||||
|
||||
.carousel_img_3 {
|
||||
//background-image: url(../../public/images/cibo_sano.jpg);
|
||||
//background-image: url(/images/cibo_sano.jpg);
|
||||
background-size: contain !important;
|
||||
background-position: 50% center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
|
||||
@@ -7,14 +7,15 @@
|
||||
font-weight: 350;
|
||||
}
|
||||
|
||||
.q-toolbar__title{
|
||||
.q-toolbar__title {
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.q-toolbar__title{
|
||||
.q-toolbar__title {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.layout-padding {
|
||||
padding: 1.5em .5em;
|
||||
}
|
||||
@@ -157,13 +158,12 @@
|
||||
}
|
||||
|
||||
select {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
text-indent: 1px;
|
||||
text-overflow: '';
|
||||
}
|
||||
|
||||
.label-success .q-picker-textfield:after, .label-error .q-picker-textfield:after {
|
||||
.label-success .q-picker-textfield:after,
|
||||
.label-error .q-picker-textfield:after {
|
||||
content: "" !important;
|
||||
}
|
||||
|
||||
@@ -218,7 +218,8 @@ canvas {
|
||||
min-height: 43px;
|
||||
}
|
||||
|
||||
.right-itens a, .right-itens button {
|
||||
.right-itens a,
|
||||
.right-itens button {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
@@ -228,7 +229,7 @@ canvas {
|
||||
}
|
||||
|
||||
.fa-facebook:before {
|
||||
content: url('../../../public/svg/flag_it.svg');
|
||||
content: url('/svg/flag_it.svg');
|
||||
}
|
||||
|
||||
.clIconOnline {
|
||||
@@ -247,14 +248,17 @@ canvas {
|
||||
.clCloudUpload {
|
||||
transition: all 1s ease-out;
|
||||
color: initial;
|
||||
|
||||
&.send {
|
||||
transition: all 1s ease-in;
|
||||
background-color: lightgreen;
|
||||
}
|
||||
|
||||
&.receive {
|
||||
transition: all 1s ease-in;
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
&.error {
|
||||
transition: all 1s ease-in;
|
||||
background-color: red;
|
||||
@@ -264,14 +268,17 @@ canvas {
|
||||
.clIndexeddb {
|
||||
transition: all 1s ease-out;
|
||||
color: initial;
|
||||
|
||||
&.receive {
|
||||
transition: all 1s ease-in;
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
&.send {
|
||||
transition: all 1s ease-in;
|
||||
background-color: lightgreen;
|
||||
}
|
||||
|
||||
&.error {
|
||||
transition: all 1s ease-in;
|
||||
background-color: red;
|
||||
@@ -306,7 +313,7 @@ canvas {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.roundimg {
|
||||
.roundimg {
|
||||
border-radius: 50% !important;
|
||||
color: red;
|
||||
background-color: red;
|
||||
@@ -316,6 +323,6 @@ canvas {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.q-drawer-cart{
|
||||
.q-drawer-cart {
|
||||
width: 350px !important;
|
||||
}
|
||||
@@ -9,8 +9,8 @@
|
||||
>
|
||||
<q-toolbar
|
||||
color="primary"
|
||||
:glossy="$q.theme === 'mat'"
|
||||
:inverted="$q.theme === 'ios'"
|
||||
:glossy="!$q.platform.is.ios && !$q.platform.is.android"
|
||||
:inverted="$q.platform.is.ios"
|
||||
class="toolbar"
|
||||
>
|
||||
<q-btn flat dense round @click="clickMenu3Orizz" aria-label="Menu">
|
||||
@@ -71,7 +71,10 @@
|
||||
<q-toggle :icon="'fas fa-moon'" v-model="dark"> </q-toggle>
|
||||
</div>
|
||||
<div
|
||||
v-if="tools.isLogged() && (isAdmin() || tools.isEditor()|| tools.isGrafico())"
|
||||
v-if="
|
||||
tools.isLogged() &&
|
||||
(isAdmin() || tools.isEditor() || tools.isGrafico())
|
||||
"
|
||||
class="text-h7"
|
||||
>
|
||||
<q-toggle :icon="'fas fa-pencil-alt'" v-model="editOn"> </q-toggle>
|
||||
@@ -260,7 +263,7 @@
|
||||
<CSelectUserActive></CSelectUserActive>
|
||||
|
||||
<div v-if="tools.isLogged()" class="text-weight-bold text-cart">
|
||||
{{ $t('ecomm.carrello_di', { user: products.userActive.username }) }}
|
||||
{{ $t("ecomm.carrello_di", { user: products.userActive.username }) }}
|
||||
</div>
|
||||
<CMyCart v-if="isfinishLoading"></CMyCart>
|
||||
</q-drawer>
|
||||
@@ -288,7 +291,7 @@
|
||||
`text-center q-ma-xs boldhigh text-` + getColorText + ` text-h7`
|
||||
"
|
||||
>
|
||||
{{ t('header.area_personale') }}
|
||||
{{ t("header.area_personale") }}
|
||||
</div>
|
||||
|
||||
<q-avatar size="80px" class="center_img q-ma-md">
|
||||
@@ -366,14 +369,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!tools.isLogged()" class="text-user text-italic bg-red">
|
||||
{{ t('user.loggati') }}
|
||||
{{ t("user.loggati") }}
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-if="tools.isLogged() && !tools.isVerified()"
|
||||
class="text-verified"
|
||||
>
|
||||
{{ t('components.authentication.email_verification.verify_email') }}
|
||||
{{ t("components.authentication.email_verification.verify_email") }}
|
||||
</div>
|
||||
|
||||
<div v-if="tools.isLogged()" class="text-verified">
|
||||
@@ -382,7 +385,7 @@
|
||||
class="text-user text-italic bg-red"
|
||||
v-if="!tools.Verificato()"
|
||||
>
|
||||
{{ t('reg.non_verificato') }}
|
||||
{{ t("reg.non_verificato") }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -396,7 +399,7 @@
|
||||
color="primary"
|
||||
icon="person"
|
||||
:to="`/my/` + getMyUsername()"
|
||||
>{{ t('pages.profile') }}
|
||||
>{{ t("pages.profile") }}
|
||||
</q-btn>
|
||||
|
||||
<q-btn
|
||||
@@ -404,7 +407,7 @@
|
||||
color="negative"
|
||||
icon="exit_to_app"
|
||||
@click="logoutHandler"
|
||||
>{{ t('login.esci') }}</q-btn
|
||||
>{{ t("login.esci") }}</q-btn
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
@@ -429,5 +432,5 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './MyHeader.scss';
|
||||
@import "./MyHeader.scss";
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user