-> Settings the packages: "quasar-framework": "0.17.17" because with "0.17.18" gives an error!

-> the Build now works! But actually nothing is visible in the website remote.
This commit is contained in:
paolo
2018-12-15 01:30:21 +01:00
parent 4c93581539
commit 7198b07bb6
6 changed files with 6514 additions and 3289 deletions

View File

@@ -23,7 +23,7 @@
<div slot="subtitle">{{$t('msg.myDescriz')}}</div>
</q-toolbar-title>
<q-select class="sel_lang" v-model="lang" stack-label="" :options="selectOpLang"/>
<q-select class="sel_lang" v-model="setlang" stack-label="" :options="selectOpLang"/>
<!--<message-popover></message-popover>-->
@@ -49,66 +49,71 @@
</div>
</template>
<script>
import {openURL} from 'quasar';
<script lang="ts">
// import { openURL } from 'quasar'
import {Quasar} from 'quasar';
import Vue from 'vue'
import Component from 'vue-class-component'
import drawer from '../layouts/drawer/drawer.vue'
import messagePopover from '../layouts/toolbar/messagePopover.vue'
// import user from '../store/Modules/user';
export default {
@Component({
components: {
drawer,
messagePopover,
},
created() {
//this.$store.dispatch('initStocks');
},
methods: {
openURL,
},
data: function () {
return {
selectOpLang: [
{label: 'English (UK)', icon: 'fa-flag-us', value: 'en-uk'},
{label: 'German', icon: 'fa-flag-de', value: 'de'},
{label: 'Spanish', icon: 'fa-flag-es', value: 'es'},
{label: 'Italian', icon: 'fa-facebook', value: 'it'}
],
lang: this.$q.i18n.lang,
leftDrawerOpen: this.$q.platform.is.desktop
}
},
watch: {
lang(lang) {
this.$i18n.locale = snakeToCamel(lang);
console.log("LANG LOCALE = " + this.$i18n.locale);
// dynamic import, so loading on demand only
import(`quasar-framework/i18n/${lang}`).then(lang => {
//console.log("lang prima = " + this.$q.i18n.lang);
this.$q.i18n.set(lang.default);
var mylang = this.$q.i18n.lang;
console.log("lang = " + this.$q.i18n.lang);
//console.log("lang DOPO = " + this.$q.i18n.lang);
import(`src/i18n`).then(function () {
});
});
// dynamic import, so loading on demand only
}
}
})
export default class Header extends Vue {
/*
public $v
public $q
public selectOpLang = [
{ label: 'English (UK)', icon: 'fa-flag-us', value: 'en-uk' },
{ label: 'German', icon: 'fa-flag-de', value: 'de' },
{ label: 'Spanish', icon: 'fa-flag-es', value: 'es' },
{ label: 'Italian', icon: 'fa-facebook', value: 'it' }
]
public lang = this.$q.i18n.lang
// public leftDrawerOpen = this.$q.platform.is.desktop
public setlang(lang) {
this.$i18n.locale = this.snakeToCamel(lang)
console.log("LANG LOCALE = " + this.$i18n.locale)
// dynamic import, so loading on demand only
import(`quasar-framework/i18n/${lang}`).then(lang => {
//console.log("lang prima = " + this.$q.i18n.lang);
this.$q.i18n.set(lang.default)
var mylang = this.$q.i18n.lang
console.log("lang = " + this.$q.i18n.lang)
//console.log("lang DOPO = " + this.$q.i18n.lang);
import(`src/i18n`).then(function () {
})
})
// dynamic import, so loading on demand only
}
public snakeToCamel(str) {
return str.replace(/(-\w)/g, m => {
return m[1].toUpperCase()
})
}
*/
}
function snakeToCamel(str) {
return str.replace(/(-\w)/g, m => {
return m[1].toUpperCase()
})
}
</script>

View File

@@ -1,7 +1,7 @@
import { ISignupOptions } from 'model'
import { required, minLength, email, sameAs } from 'vuelidate/lib/validators'
import { ValidationRuleset } from 'vuelidate'
import { complexity, registereduser, registeredemail } from 'validation'
// import { ValidationRuleset } from 'vuelidate'
import { complexity, registereduser, registeredemail } from '../../../validation'
export type TSignup = { signup: ISignupOptions, validationGroup: string[] }