show wordpress specific only elements in the footer

This commit is contained in:
Marek Fraczyk
2021-08-30 11:52:06 +03:00
parent d1556aec5b
commit 8654db42b7
2 changed files with 11 additions and 8 deletions

View File

@ -12,7 +12,8 @@
<div class="col-md-8 text-left text-md-right"> <div class="col-md-8 text-left text-md-right">
<small v-b-tooltip.hover <small v-b-tooltip.hover
:title="$t('title')" :title="$t('title')"
class="pointer"> class="pointer"
v-if="!isStorageWordpress">
{{ $t('what_about_my_data') }} {{ $t('what_about_my_data') }}
</small> </small>
<small class="pl-2"> <small class="pl-2">
@ -23,7 +24,8 @@
</small> </small>
<a href="https://github.com/mokuappio/serverless-invoices" <a href="https://github.com/mokuappio/serverless-invoices"
class="btn btn-sm btn--icon ml-0 ml-md-2" class="btn btn-sm btn--icon ml-0 ml-md-2"
target="_blank"> target="_blank"
v-if="!isStorageWordpress">
<img src="@/assets/img/github.png" <img src="@/assets/img/github.png"
alt="Serverless Invoices Github" alt="Serverless Invoices Github"
v-if="theme === 'dark'"> v-if="theme === 'dark'">
@ -33,12 +35,14 @@
</a> </a>
<a href="https://app.mokuapp.io/" <a href="https://app.mokuapp.io/"
class="btn btn-sm btn-primary ml-2" class="btn btn-sm btn-primary ml-2"
target="_blank">{{ $t('upgrade') }}</a> target="_blank"
v-if="!isStorageWordpress">{{ $t('upgrade') }}</a>
</div> </div>
</footer> </footer>
</template> </template>
<script> <script>
import config from '@/config/app.config';
import { mapState } from 'vuex'; import { mapState } from 'vuex';
import { VBTooltip } from 'bootstrap-vue'; import { VBTooltip } from 'bootstrap-vue';
import LanguageSwitcher from './LanguageSwitcher'; import LanguageSwitcher from './LanguageSwitcher';
@ -53,6 +57,9 @@ export default {
...mapState({ ...mapState({
theme: state => state.themes.theme, theme: state => state.themes.theme,
}), }),
isStorageWordpress() {
return config.storageType === 'wordpress';
},
}, },
methods: { methods: {
toggleTheme() { toggleTheme() {

View File

@ -6,7 +6,7 @@
<transition name="fade" mode="out-in"> <transition name="fade" mode="out-in">
<router-view/> <router-view/>
</transition> </transition>
<TheFooter v-if="!isStorageWordpress"/> <TheFooter/>
</div> </div>
</div> </div>
</div> </div>
@ -27,7 +27,6 @@ import TeamModal from '@/components/team/TeamModal';
import TheFooter from '@/components/TheFooter'; import TheFooter from '@/components/TheFooter';
import CustomizationsModal from '@/components/invoices/CustomizationsModal'; import CustomizationsModal from '@/components/invoices/CustomizationsModal';
import ImportModal from '../../components/ImportModal'; import ImportModal from '../../components/ImportModal';
import config from '@/config/app.config';
export default { export default {
directives: { directives: {
@ -45,9 +44,6 @@ export default {
...mapGetters({ ...mapGetters({
team: 'teams/team', team: 'teams/team',
}), }),
isStorageWordpress() {
return config.storageType === 'wordpress';
},
}, },
}; };
</script> </script>