Mirrors/WebTools-NG
2
0
Fork 0
mirror of https://github.com/WebTools-NG/WebTools-NG synced 2024-11-26 21:10:19 +00:00
Code Issues Projects Releases Packages Wiki Activity

#553 WIP

Browse source
This commit is contained in:
Tommy Mikkelsen 2022-08-16 11:27:58 +02:00
parent d71afaf20c
commit cf48dd107b
6 changed files with 37 additions and 65 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/modules/General/wtng-tt.vue
View file

@ -19,7 +19,7 @@
}, },
color:{ color:{
type:String, type:String,
default: 'teal' default: 'limegreen'
} }
}, },
computed:{ computed:{

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

@ -1,14 +1,11 @@
<template v-slot:label> <template v-slot:label>
<span class="icon is-right font-weight-bold" v-bind:id="ttid"> <p class="icon is-right font-weight-bold" :style="getStyle">
<!--<slot name="label"></slot>--> {{ getLabel }}
<span size="lg"> <span :id="ttid"><i :style="getIconStyle" class="ttqmark far fa-question-circle"></i></span>
{{ label }}
</span>
<b-tooltip v-bind:target="ttid" triggers="hover"> <b-tooltip v-bind:target="ttid" triggers="hover">
{{ tooltip }} {{ tooltip }}
</b-tooltip> </b-tooltip>
<span id="ttid"><i :style="getStyle" class="ttqmark far fa-question-circle"></i></span> </p>
</span>
</template> </template>
<script> <script>
@ -21,11 +18,15 @@
}, },
size:{ size:{
type:String, type:String,
default: "lg" default: "20px"
}, },
color:{ color:{
type:String, type:String,
default: 'teal' default: 'black'
},
iconColor:{
type:String,
default: 'limegreen'
}, },
label:{ label:{
type: String type: String
@ -36,17 +37,22 @@
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() { getLabel: function() {
return this.label; return i18n.t(this.label);
}, },
getStyle: function(){ getStyle: function(){
return { return {
color: this.color, color: this.color,
fontSize: this.size fontSize: this.size
} }
},
getIconStyle: function(){
return {
color: this.iconColor,
fontSize: this.size
}
} }
}, },
methods:{ methods:{

2
src/components/modules/Main/Settings/SettingsGeneral.vue
View file

@ -50,7 +50,7 @@
<script> <script>
import i18n from '../../../../i18n'; import i18n from '../../../../i18n';
import { wtconfig } from '../../General/wtutils'; import { wtconfig } from '../../General/wtutils';
import WTNGtt from '../../General/wtng-tt.vue' import WTNGtt from '../../General/wtng-tt.vue';
const log = require("electron-log"); const log = require("electron-log");
export default { export default {

26
src/components/modules/Main/Settings/SettingsLibraryMapping.vue
View file

@ -9,7 +9,8 @@
<br> <br>
<!-- Select Lib --> <!-- Select Lib -->
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<b-form-group id="SelLibGroup" v-bind:label="$t('Modules.ET.optExpType.lblSelectSelection')" label-size="lg" label-class="font-weight-bold pt-0"> <b-form-group>
<WTNGttlabel tt="Common.Settings.LibMapping.ttSelectLibrary" label="Modules.ET.optExpType.lblSelectSelection" />
<b-form-select <b-form-select
v-model="selLib" v-model="selLib"
id="selLib" id="selLib"
@ -18,28 +19,10 @@
style="width: auto" style="width: auto"
name="selLib"> name="selLib">
</b-form-select> </b-form-select>
<WTNGtt tt="Common.Settings.LibMapping.ttSelectLibrary" size="20px"></WTNGtt>
</b-form-group> </b-form-group>
</div> </div>
<br> <br>
<div class="d-flex align-items-center">
<b-form-group id="SelLibGroup" v-bind:label="$t('Modules.ET.optExpType.lblSelectSelection')" label-size="lg" label-class="font-weight-bold pt-0">
<b-form-select
v-model="selLib"
id="selLib"
:options="selLibOptions"
@change="getLibPath"
style="width: auto"
name="selLib">
</b-form-select>
<WTNGtt tt="Common.Settings.LibMapping.ttSelectLibrary" size="20px"></WTNGtt>
</b-form-group>
</div>
<br>
<!-- Table of section path --> <!-- Table of section path -->
<b-table ref="table" <b-table ref="table"
striped striped
@ -66,13 +49,14 @@
import i18n from '../../../../i18n'; import i18n from '../../../../i18n';
import store from '../../../../store'; import store from '../../../../store';
import { wtconfig, dialog } from '../../General/wtutils'; import { wtconfig, dialog } from '../../General/wtutils';
import WTNGtt from '../../General/wtng-tt.vue' import WTNGttlabel from '../../General/wtng-ttlabel.vue'
import { pms } from '../../General/pms'; import { pms } from '../../General/pms';
const log = require("electron-log"); const log = require("electron-log");
export default { export default {
components: { components: {
WTNGtt WTNGttlabel
}, },
data() { data() {
return { return {

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

@ -11,27 +11,8 @@
<p>{{ $t("Modules.PMS.Settings.Notice") }}</p> <p>{{ $t("Modules.PMS.Settings.Notice") }}</p>
<br> <br>
<div> <!-- Settings to show --> <div> <!-- Settings to show -->
<b-form-group>
<!-- tt="Modules.PMS.Settings.TTSettingsFilter" color="green" --> <WTNGttlabel tt="Modules.PMS.Settings.TTSettingsFilter" label="Modules.PMS.Settings.SettingsFilter" />
<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 class="ttqmark far fa-question-circle"></i></span>
</div>
</template>
-->
<b-form-radio-group <b-form-radio-group
id="FilterSettings" id="FilterSettings"
v-model="selFilterSetting" v-model="selFilterSetting"
@ -43,7 +24,9 @@
</b-form-group> </b-form-group>
</div> </div>
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<b-form-group id="etLibraryGroup" v-bind:label="$t('Modules.PMS.Settings.SelectSettingsSelection')" label-size="lg" label-class="font-weight-bold pt-0"> <!--<b-form-group id="etLibraryGroup" v-bind:label="$t('Modules.PMS.Settings.SelectSettingsSelection')" label-size="lg" label-class="font-weight-bold pt-0"> -->
<b-form-group>
<WTNGttlabel tt="Modules.PMS.Settings.TTSelectSettingsSelection" label="Modules.PMS.Settings.SelectSettingsSelection" />
<b-form-select <b-form-select
v-model="selSection" v-model="selSection"
id="selSection" id="selSection"
@ -52,7 +35,6 @@
style="width: 75%" style="width: 75%"
name="selSection"> name="selSection">
</b-form-select> </b-form-select>
<WTNGtt tt="Modules.PMS.Settings.TTSelectSettingsSelection" size="20px"></WTNGtt>
</b-form-group> </b-form-group>
</div> </div>
<div> <!-- Modal popup --> <div> <!-- Modal popup -->
@ -133,14 +115,14 @@
const log = require("electron-log"); const log = require("electron-log");
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() {

12
src/components/modules/PMS/ViewState/ViewState.vue
View file

@ -7,7 +7,8 @@
<h5>{{ $t(`Modules.PMS.ViewState.Description`) }}</h5> <h5>{{ $t(`Modules.PMS.ViewState.Description`) }}</h5>
</div> </div>
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<b-form-group id="ViewStateSelSourceUsrGroup" v-bind:label="$t('Modules.PMS.ViewState.selSourceUsr')" label-size="lg" label-class="font-weight-bold pt-0" name="ViewStateSelSourceUsrGroup"> <b-form-group name="ViewStateSelSourceUsrGroup">
<WTNGttlabel tt="Modules.PMS.ViewState.ttSelSourceUsr" label="Modules.PMS.ViewState.selSourceUsr" />
<b-form-select <b-form-select
v-model="selSrcUsr" v-model="selSrcUsr"
id="selSrcUsr" id="selSrcUsr"
@ -16,14 +17,14 @@
style="width: 75%" style="width: 75%"
name="selSrcUsr"> name="selSrcUsr">
</b-form-select> </b-form-select>
<WTNGtt tt="Modules.PMS.ViewState.ttSelSourceUsr" size="20px"></WTNGtt>
</b-form-group> </b-form-group>
</div> </div>
<div ref="libSpinner" id="libSpinner" :hidden="WaitForUsers"> <div ref="libSpinner" id="libSpinner" :hidden="WaitForUsers">
<b-spinner id="libLoad" class="ml-auto text-danger"></b-spinner> <b-spinner id="libLoad" class="ml-auto text-danger"></b-spinner>
</div> </div>
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<b-form-group id="ViewStateSelTargetUsrGroup" v-bind:label="$t('Modules.PMS.ViewState.selTargetUsr')" label-size="lg" label-class="font-weight-bold pt-0" name="ViewStateSelTargetUsrGroup"> <b-form-group name="ViewStateSelTargetUsrGroup">
<WTNGttlabel tt="Modules.PMS.ViewState.ttSelTargetUsr" label="Modules.PMS.ViewState.selTargetUsr" />
<b-form-select <b-form-select
v-model="selTargetUsr" v-model="selTargetUsr"
@change="selTargetUsrChanged" @change="selTargetUsrChanged"
@ -32,7 +33,6 @@
style="width: 75%" style="width: 75%"
name="selTargetUsr"> name="selTargetUsr">
</b-form-select> </b-form-select>
<WTNGtt tt="Modules.PMS.ViewState.ttSelTargetUsr" size="20px"></WTNGtt>
</b-form-group> </b-form-group>
</div> </div>
<br> <br>
@ -72,7 +72,7 @@
import i18n from '../../../../i18n'; import i18n from '../../../../i18n';
import store from '../../../../store'; import store from '../../../../store';
import { wtconfig } from '../../General/wtutils' import { wtconfig } from '../../General/wtutils'
import WTNGtt from '../../General/wtng-tt.vue' import WTNGttlabel from './../../General/wtng-ttlabel.vue'
import { status } from '../../General/status'; import { status } from '../../General/status';
import { viewstate } from "./scripts/viewstate"; import { viewstate } from "./scripts/viewstate";
import statusDiv from '../../General/status.vue' import statusDiv from '../../General/status.vue'
@ -80,7 +80,7 @@
export default { export default {
components: { components: {
statusDiv, statusDiv,
WTNGtt WTNGttlabel
}, },
data() { data() {
return { return {