Created XSLT Tooltips (#243)

Co-authored-by: widlam <mikolaj.widla@gmail.com>
Reviewed-on: #243

Frontend/src/components/xml/tooltips/TooltipComponent.vue

@@ -7,6 +7,8 @@ import xpath1 from '@/assets/tooltips/xpath/xpath1.json';
 import xpath2 from '@/assets/tooltips/xpath/xpath2.json';
 import xpath3 from '@/assets/tooltips/xpath/xpath3.json';
 import xpath31 from '@/assets/tooltips/xpath/xpath31.json';
+import xslt1 from '@/assets/tooltips/xslt/xslt1.json';
+import xslt3 from '@/assets/tooltips/xslt/xslt3.json'
 import TooltipDiffsComponent from './TooltipDiffsComponent.vue';
 
 
@@ -14,13 +16,18 @@ const props = defineProps({
     version: {
         type: String,
         required: true
+    },
+    toolType: {
+        type: String,
+        required: true
     }
 })
 
 const areTooltipsHidden = ref(true)
 
-function selectXPathVersion() {
-    switch(props.version) {
+function selectTooltip() {
+    if(props.toolType == "xpath"){
+        switch(props.version) {
         case "1.0":
             return xpath1;
         case "2.0":
@@ -31,6 +38,17 @@ function selectXPathVersion() {
         default:
             return xpath31;
     }
+    } else {
+        switch(props.version){
+            case "1.0":{
+                return xslt1;
+            }
+            case "3.0":{
+                return xslt3;
+            }
+        }
+    }
+    
 }
 
 function toggleTooltips() {
@@ -45,10 +63,10 @@ function toggleTooltips() {
             T<br/>o<br/>o<br/>l<br/>t<br/>i<br/>p<br/>s
         </button>
         <div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full flex flex-col gap-4 p-2 overflow-scroll rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
-            <TooltipDiffsComponent tool-name="XPath" :tool-version="props.version"></TooltipDiffsComponent>
+            <TooltipDiffsComponent :tool-name="toolType" :tool-version="props.version"></TooltipDiffsComponent>
             <div class="w-full h-2"> </div>
-            <tooltipCategoryComponent v-for="category in selectXPathVersion()" :name="category.name">
-                <tooltipEntryComponent v-for="entry in category.entries" :entry-data="entry"></tooltipEntryComponent>
+            <tooltipCategoryComponent v-for="category in selectTooltip()" :key="category.name" :name="category.name">
+                <tooltipEntryComponent :tool="toolType" v-for="entry in category.entries" :key="entry.name" :entry-data="entry"></tooltipEntryComponent>
             </tooltipCategoryComponent>
         </div>
     </div>