From 9bfc38b12279d735cb8f14a081414a0f17853445 Mon Sep 17 00:00:00 2001
From: Tommy Mikkelsen <tm@orstrand.dk>
Date: Mon, 15 Aug 2022 22:08:25 +0200
Subject: [PATCH] #553 WIP

---
 .../modules/General/wtng-ttlabel.vue          | 31 +++++++++++++------
 .../modules/PMS/Settings/settings.vue         | 14 +++++++--
 2 files changed, 32 insertions(+), 13 deletions(-)

diff --git a/src/components/modules/General/wtng-ttlabel.vue b/src/components/modules/General/wtng-ttlabel.vue
index 0db56af..acd6156 100644
--- a/src/components/modules/General/wtng-ttlabel.vue
+++ b/src/components/modules/General/wtng-ttlabel.vue
@@ -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`) }}
-                </b-tooltip>
-                <span id="FilterSettingsTT"><i :style="getStyle" class="ttqmark far fa-question-circle"></i></span>
-            </div>
+<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="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>
diff --git a/src/components/modules/PMS/Settings/settings.vue b/src/components/modules/PMS/Settings/settings.vue
index 2e8c52a..a0ebb35 100644
--- a/src/components/modules/PMS/Settings/settings.vue
+++ b/src/components/modules/PMS/Settings/settings.vue
@@ -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 {