Mirrors/WebTools-NG
2
0
Fork 0
mirror of https://github.com/WebTools-NG/WebTools-NG synced 2024-11-23 03:23:05 +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>
<div class="icon is-right">
{{$t(`Modules.PMS.Settings.SettingsFilter`)}}
<b-tooltip target="FilterSettingsTT" triggers="hover">
{{ $t(`Modules.PMS.Settings.TTSettingsFilter`) }}
<template v-slot:label>
<span class="icon is-right font-weight-bold" v-bind:id="ttid">
<!--<slot name="label"></slot>-->
<span size="lg">
{{ label }}
</span>
<b-tooltip v-bind:target="ttid" triggers="hover">
{{ tooltip }}
</b-tooltip>
<span id="FilterSettingsTT"><i :style="getStyle" class="ttqmark far fa-question-circle"></i></span>
</div>
<span id="ttid"><i :style="getStyle" class="ttqmark far fa-question-circle"></i></span>
</span>
</template>
<script>
import i18n from '../../../i18n'
export default{
name: "WTNGttlabel",
props:{
tt:{
type:String
},
size:{
type:String
type:String,
default: "lg"
},
color:{
type:String,
default: 'teal'
},
label:{
type: String
}
},
computed:{
@ -28,8 +36,12 @@
return this.makeid(16)
},
tooltip: function() {
console.log('Ged 44-3', this.tt)
return i18n.t(this.tt);
},
getLabel: function() {
return this.label;
},
getStyle: function(){
return {
color: this.color,
@ -48,7 +60,6 @@
}
return result;
}
}
}
</script>

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

@ -12,17 +12,25 @@
<br>
<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">
<WTNGttlabel tt="Modules.PMS.Settings.TTSettingsFilter" label="GummiGed 664 lidt mere" />
<!--
<template v-slot:label>
<div class="icon is-right">
{{$t(`Modules.PMS.Settings.SettingsFilter`)}}
<b-tooltip target="FilterSettingsTT" triggers="hover">
{{ $t(`Modules.PMS.Settings.TTSettingsFilter`) }}
</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>
</template>
-->
<b-form-radio-group
id="FilterSettings"
@ -126,14 +134,14 @@
const {JSONPath} = require('jsonpath-plus');
import {wtconfig} from './../../General/wtutils';
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 store from '../../../../store';
import { pmssettings } from "./scripts/settings";
export default {
components: {
WTNGtt,
// WTNGttlabel
WTNGttlabel
},
data() {
return {