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

Setting MultiLanguage using Typescript : adding i18n.d.ts for the compiler

Browse Source
This commit is contained in:
paolo
2018-12-22 18:42:00 +01:00
parent 7198b07bb6
commit bd832d3f92
13 changed files with 1192 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/layouts/content-header.vue
View File

@@ -1,74 +0,0 @@
<template>
<div class="content-header" v-if="!getIsLoginPage">
<span id="content-header-title" class="vertical-bottom">{{routerTitle}}</span>
<button class="bg-blue-grey-8 text-white " id="configurations">
<i>settings</i>
<q-popover ref="popover" anchor="top left" self="top right" class="bg-blue-grey-8 text-white">
<div class="list highlight " >
<div class="item">
<div class="item-content has-secondary">Layout</div>
<div class="item-secondary">
<q-toggle
class="green"
v-model="getLayoutNeeded"
@input="setLayoutNeeded(!getLayoutNeeded)"
></q-toggle>
</div>
</div>
<div class="item">
<div class="item-content has-secondary">Menu Collapse</div>
<div class="item-secondary">
</div>
</div>
</div>
</q-popover>
</button>
<hr>
</div>
</template>
<script type="text/javascript">
import { mapActions, mapGetters } from 'vuex'
import * as types from '../store/mutation-types'
export default {
computed: {
...mapGetters("glob", ['getLayoutNeeded', 'getIsLoginPage']),
routerTitle () {
return this.$route.meta.name
}
},
methods: {
...mapActions("glob", {
setLayoutNeeded: types.SET_LAYOUT_NEEDED,
setMenuCollapse: types.SET_MENU_COLLAPSED
}),
}
}
</script>
<style scoped>
.list {
min-height: 120px;
}
#configurations {
position: absolute;
right: 65px;
top: 7px;
}
.content-header {
position: relative;
padding: 1em 4em 0em 4em;
}
@media screen and (max-width: 600px){
.content-header {
padding: 1.5em .5em;
}
#configurations {
position: absolute;
right: 8px;
top: 12px;
}
}
#content-header-title {
font-size: 22px;
font-weight: 300;
}
</style>