Mirrors/WebTools-NG
2
0
Fork 0
mirror of https://github.com/WebTools-NG/WebTools-NG synced 2025-02-17 03:48:25 +00:00
Code Issues Projects Releases Packages Wiki Activity

#553 WIP

Browse source
This commit is contained in:
Tommy Mikkelsen 2022-08-15 22:08:25 +02:00
parent abaacd33c2
commit 9bfc38b122
2 changed files with 32 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/components/modules/General/wtng-ttlabel.vue
View file

@ -1,26 +1,34 @@
<template> <template v-slot:label>
<div class="icon is-right"> <span class="icon is-right font-weight-bold" v-bind:id="ttid">
{{$t(`Modules.PMS.Settings.SettingsFilter`)}} <!--<slot name="label"></slot>-->
<b-tooltip target="FilterSettingsTT" triggers="hover"> <span size="lg">
{{ $t(`Modules.PMS.Settings.TTSettingsFilter`) }} {{ label }}
</span>
<b-tooltip v-bind:target="ttid" triggers="hover">
{{ tooltip }}
</b-tooltip> </b-tooltip>
<span id="FilterSettingsTT"><i :style="getStyle" class="ttqmark far fa-question-circle"></i></span> <span id="ttid"><i :style="getStyle" class="ttqmark far fa-question-circle"></i></span>
</div> </span>
</template> </template>
<script> <script>
import i18n from '../../../i18n' import i18n from '../../../i18n'
export default{ export default{
name: "WTNGttlabel",
props:{ props:{
tt:{ tt:{
type:String type:String
}, },
size:{ size:{
type:String type:String,
default: "lg"
}, },
color:{ color:{
type:String, type:String,
default: 'teal' default: 'teal'
},
label:{
type: String
} }
}, },
computed:{ computed:{
@ -28,8 +36,12 @@
return this.makeid(16) return this.makeid(16)
}, },
tooltip: function() { tooltip: function() {
console.log('Ged 44-3', this.tt)
return i18n.t(this.tt); return i18n.t(this.tt);
}, },
getLabel: function() {
return this.label;
},
getStyle: function(){ getStyle: function(){
return { return {
color: this.color, color: this.color,
@ -48,7 +60,6 @@
} }
return result; return result;
} }
} }
} }
</script> </script>

14
src/components/modules/PMS/Settings/settings.vue
View file

@ -12,17 +12,25 @@
<br> <br>
<div> <!-- Settings to show --> <div> <!-- Settings to show -->
<!-- tt="Modules.PMS.Settings.TTSettingsFilter" color="green" -->
<b-form-group id="FilterSettingsGroup" label-size="lg" label-class="font-weight-bold pt-0"> <b-form-group id="FilterSettingsGroup" label-size="lg" label-class="font-weight-bold pt-0">
<WTNGttlabel tt="Modules.PMS.Settings.TTSettingsFilter" label="GummiGed 664 lidt mere" />
<!--
<template v-slot:label> <template v-slot:label>
<div class="icon is-right"> <div class="icon is-right">
{{$t(`Modules.PMS.Settings.SettingsFilter`)}} {{$t(`Modules.PMS.Settings.SettingsFilter`)}}
<b-tooltip target="FilterSettingsTT" triggers="hover"> <b-tooltip target="FilterSettingsTT" triggers="hover">
{{ $t(`Modules.PMS.Settings.TTSettingsFilter`) }} {{ $t(`Modules.PMS.Settings.TTSettingsFilter`) }}
</b-tooltip> </b-tooltip>
<span id="FilterSettingsTT"><i :style="getStyle" class="ttqmark far fa-question-circle"></i></span> <span id="FilterSettingsTT"><i class="ttqmark far fa-question-circle"></i></span>
</div> </div>
</template> </template>
-->
<b-form-radio-group <b-form-radio-group
id="FilterSettings" id="FilterSettings"
@ -126,14 +134,14 @@
const {JSONPath} = require('jsonpath-plus'); const {JSONPath} = require('jsonpath-plus');
import {wtconfig} from './../../General/wtutils'; import {wtconfig} from './../../General/wtutils';
import WTNGtt from './../../General/wtng-tt.vue'; import WTNGtt from './../../General/wtng-tt.vue';
//import WTNGttlabel from './../../General/wtng-ttlabel.vue' import WTNGttlabel from './../../General/wtng-ttlabel.vue'
import i18n from '../../../../i18n'; import i18n from '../../../../i18n';
import store from '../../../../store'; import store from '../../../../store';
import { pmssettings } from "./scripts/settings"; import { pmssettings } from "./scripts/settings";
export default { export default {
components: { components: {
WTNGtt, WTNGtt,
// WTNGttlabel WTNGttlabel
}, },
data() { data() {
return { return {