From 0ed2b8172b317e0a30d7d943dc8308b2e0b883f8 Mon Sep 17 00:00:00 2001
From: Brano5 <97288158+Brano5@users.noreply.github.com>
Date: Tue, 11 Jun 2024 12:23:31 +0200
Subject: [PATCH] Add call js for adding tooltip and popup after selecting tab
 (#318)

---
 .../Layouts/TabControlComponents/TabControl.razor    | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/Layouts/TabControlComponents/TabControl.razor b/src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/Layouts/TabControlComponents/TabControl.razor
index a98fd186..f101fe50 100644
--- a/src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/Layouts/TabControlComponents/TabControl.razor
+++ b/src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/Layouts/TabControlComponents/TabControl.razor
@@ -1,11 +1,14 @@
-<CascadingValue Value="this">
+@using Microsoft.JSInterop
+@inject IJSRuntime JSRuntime
+
+<CascadingValue Value="this">
     <ul class="nav nav-tabs mb-3">
         @foreach (TabPage tabPage in Pages)
         {
         <li class="nav-item">
             <button type="button"
                     class="@GetButtonClass(tabPage)"
-                    @onclick=@( () => ActivatePage(tabPage) )>
+                    @onclick=@( () => ActivatePageAsync(tabPage) )>
                 <b> @tabPage.Text</b>
             </button>
         </li>
@@ -35,8 +38,11 @@
         return page == ActivePage ? "nav-link active" : "nav-link";
     }
 
-    void ActivatePage(TabPage page)
+    async Task ActivatePageAsync(TabPage page)
     {
         ActivePage = page;
+
+        var module = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "/js/addToolTipsAndPopOvers.js");
+        await module.InvokeVoidAsync("addToolTipsAndPopOvers");
     }
 }
\ No newline at end of file