Skip to content

Commit 223809e

Browse files
JBBianchiJBBianchi
committed
fix(Dashboard): added few tooltips on icons
Signed-off-by: Jean-Baptiste Bianchi <jb.bianchi@neuroglia.io>
1 parent 04cb1ff commit 223809e

File tree

16 files changed

+147
-45
lines changed

16 files changed

+147
-45
lines changed

‎src/api/Synapse.Api.Http/Synapse.Api.Http.csproj

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,8 +43,8 @@
4343
</ItemGroup>
4444

4545
<ItemGroup>
46-
<PackageReference Include="Neuroglia.Mediation.AspNetCore" Version="4.15.4" />
47-
<PackageReference Include="Neuroglia.Security.AspNetCore" Version="4.15.4" />
46+
<PackageReference Include="Neuroglia.Mediation.AspNetCore" Version="4.15.6" />
47+
<PackageReference Include="Neuroglia.Security.AspNetCore" Version="4.15.6" />
4848
<PackageReference Include="Swashbuckle.AspNetCore.SwaggerGen" Version="6.7.3" />
4949
</ItemGroup>
5050

‎src/core/Synapse.Core.Infrastructure/Synapse.Core.Infrastructure.csproj

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -45,11 +45,11 @@
4545
<ItemGroup>
4646
<PackageReference Include="IdentityModel" Version="7.0.0" />
4747
<PackageReference Include="Microsoft.IdentityModel.JsonWebTokens" Version="8.0.2" />
48-
<PackageReference Include="Neuroglia.Data.Expressions.Abstractions" Version="4.15.4" />
49-
<PackageReference Include="Neuroglia.Data.Infrastructure.Redis" Version="4.15.4" />
50-
<PackageReference Include="Neuroglia.Data.Infrastructure.ResourceOriented.Redis" Version="4.15.4" />
51-
<PackageReference Include="Neuroglia.Mediation" Version="4.15.4" />
52-
<PackageReference Include="Neuroglia.Plugins" Version="4.15.4" />
48+
<PackageReference Include="Neuroglia.Data.Expressions.Abstractions" Version="4.15.6" />
49+
<PackageReference Include="Neuroglia.Data.Infrastructure.Redis" Version="4.15.6" />
50+
<PackageReference Include="Neuroglia.Data.Infrastructure.ResourceOriented.Redis" Version="4.15.6" />
51+
<PackageReference Include="Neuroglia.Mediation" Version="4.15.6" />
52+
<PackageReference Include="Neuroglia.Plugins" Version="4.15.6" />
5353
<PackageReference Include="ServerlessWorkflow.Sdk.IO" Version="1.0.0-alpha2.15" />
5454
</ItemGroup>
5555

‎src/core/Synapse.Core/Synapse.Core.csproj

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -63,8 +63,8 @@
6363
<ItemGroup>
6464
<PackageReference Include="Docker.DotNet" Version="3.125.15" />
6565
<PackageReference Include="KubernetesClient" Version="14.0.12" />
66-
<PackageReference Include="Neuroglia.Data.Infrastructure.ResourceOriented" Version="4.15.4" />
67-
<PackageReference Include="Neuroglia.Eventing.CloudEvents" Version="4.15.4" />
66+
<PackageReference Include="Neuroglia.Data.Infrastructure.ResourceOriented" Version="4.15.6" />
67+
<PackageReference Include="Neuroglia.Eventing.CloudEvents" Version="4.15.6" />
6868
<PackageReference Include="Semver" Version="2.3.0" />
6969
<PackageReference Include="ServerlessWorkflow.Sdk" Version="1.0.0-alpha2.15" />
7070
</ItemGroup>

‎src/correlator/Synapse.Correlator/Synapse.Correlator.csproj

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -35,12 +35,12 @@
3535
<PackageReference Include="Microsoft.Extensions.Configuration.KeyPerFile" Version="8.0.8" />
3636
<PackageReference Include="Microsoft.Extensions.Hosting" Version="8.0.0" />
3737
<PackageReference Include="Microsoft.VisualStudio.Azure.Containers.Tools.Targets" Version="1.21.0" />
38-
<PackageReference Include="Neuroglia.Data.Expressions.JavaScript" Version="4.15.4" />
39-
<PackageReference Include="Neuroglia.Data.Expressions.JQ" Version="4.15.4" />
40-
<PackageReference Include="Neuroglia.Eventing.CloudEvents.AspNetCore" Version="4.15.4" />
41-
<PackageReference Include="Neuroglia.Mediation.AspNetCore" Version="4.15.4" />
42-
<PackageReference Include="Neuroglia.Eventing.CloudEvents.Infrastructure" Version="4.15.4" />
43-
<PackageReference Include="Neuroglia.Security.AspNetCore" Version="4.15.4" />
38+
<PackageReference Include="Neuroglia.Data.Expressions.JavaScript" Version="4.15.6" />
39+
<PackageReference Include="Neuroglia.Data.Expressions.JQ" Version="4.15.6" />
40+
<PackageReference Include="Neuroglia.Eventing.CloudEvents.AspNetCore" Version="4.15.6" />
41+
<PackageReference Include="Neuroglia.Mediation.AspNetCore" Version="4.15.6" />
42+
<PackageReference Include="Neuroglia.Eventing.CloudEvents.Infrastructure" Version="4.15.6" />
43+
<PackageReference Include="Neuroglia.Security.AspNetCore" Version="4.15.6" />
4444
<PackageReference Include="Swashbuckle.AspNetCore.SwaggerGen" Version="6.7.3" />
4545
<PackageReference Include="Swashbuckle.AspNetCore.SwaggerUI" Version="6.7.3" />
4646
</ItemGroup>

‎src/dashboard/Synapse.Dashboard/Components/WorkflowDiagram/Templates/CenterControl.razor

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
@*
2+
Copyright © 2024-Present The Synapse Authors
3+
4+
Licensed under the Apache License, Version 2.0 (the "License");
5+
you may not use this file except in compliance with the License.
6+
You may obtain a copy of the License at
7+
8+
http://www.apache.org/licenses/LICENSE-2.0
9+
10+
Unless required by applicable law or agreed to in writing, software
11+
distributed under the License is distributed on an "AS IS" BASIS,
12+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13+
See the License for the specific language governing permissions and
14+
limitations under the License.
15+
*@
16+
17+
@namespace Synapse.Dashboard
18+
19+
@if (Graph != null)
20+
{
21+
<Button Outline="true" Color="ButtonColor.Primary" Size="ButtonSize.Small" @onclick="async (_) => await Graph.CenterAsync()" TooltipTitle="Center graph">
22+
<svg>
23+
<use href="#center-target" />
24+
</svg>
25+
</Button>
26+
}
27+
28+
@code {
29+
[CascadingParameter] public DagreGraph? Graph { get; set; }
30+
}

‎src/dashboard/Synapse.Dashboard/Components/WorkflowDiagram/WorkflowDiagramLegend.razor renamed to ‎src/dashboard/Synapse.Dashboard/Components/WorkflowDiagram/Templates/Legend.razor

File renamed without changes.

‎src/dashboard/Synapse.Dashboard/Components/WorkflowDiagram/Templates/SaveAsPngControl.razor

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
@*
2+
Copyright © 2024-Present The Synapse Authors
3+
4+
Licensed under the Apache License, Version 2.0 (the "License");
5+
you may not use this file except in compliance with the License.
6+
You may obtain a copy of the License at
7+
8+
http://www.apache.org/licenses/LICENSE-2.0
9+
10+
Unless required by applicable law or agreed to in writing, software
11+
distributed under the License is distributed on an "AS IS" BASIS,
12+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13+
See the License for the specific language governing permissions and
14+
limitations under the License.
15+
*@
16+
17+
@namespace Synapse.Dashboard
18+
19+
@if (Graph != null)
20+
{
21+
<Button Outline="true" Color="ButtonColor.Primary" Size="ButtonSize.Small" @onclick="async (_) => await Graph.SaveAsPngAsync()" TooltipTitle="Save as png">
22+
<svg>
23+
<use href="#save" />
24+
</svg>
25+
</Button>
26+
}
27+
28+
@code {
29+
[CascadingParameter] public DagreGraph? Graph { get; set; }
30+
}

‎src/dashboard/Synapse.Dashboard/Components/WorkflowDiagram/Templates/ZoomToFitControl.razor

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
@*
2+
Copyright © 2024-Present The Synapse Authors
3+
4+
Licensed under the Apache License, Version 2.0 (the "License");
5+
you may not use this file except in compliance with the License.
6+
You may obtain a copy of the License at
7+
8+
http://www.apache.org/licenses/LICENSE-2.0
9+
10+
Unless required by applicable law or agreed to in writing, software
11+
distributed under the License is distributed on an "AS IS" BASIS,
12+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13+
See the License for the specific language governing permissions and
14+
limitations under the License.
15+
*@
16+
17+
@namespace Synapse.Dashboard
18+
19+
@if (Graph != null)
20+
{
21+
<Button Outline="true" Color="ButtonColor.Primary" Size="ButtonSize.Small" @onclick="async (_) => await Graph.ZoomToFitAsync()" TooltipTitle="Zoom to fit">
22+
<svg>
23+
<use href="#fit" />
24+
</svg>
25+
</Button>
26+
}
27+
28+
@code {
29+
[CascadingParameter] public DagreGraph? Graph { get; set; }
30+
}

‎src/dashboard/Synapse.Dashboard/Components/WorkflowDiagram/WorkflowDiagram.razor

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -35,18 +35,27 @@
3535
</defs>
3636
</svg>
3737
<DagreGraph @ref="Store.DagreGraph" OnMouseDown="HandleOnMouseDown" OnMouseUp="HandleOnMouseUp" Options="options" Graph="graph">
38+
<CenterControl>
39+
<CenterControl />
40+
</CenterControl>
41+
<ZoomToFitControl>
42+
<ZoomToFitControl />
43+
</ZoomToFitControl>
44+
<SaveAsPngControl>
45+
<SaveAsPngControl />
46+
</SaveAsPngControl>
3847
<ExtraControls>
39-
<button class="btn" type="button" title="legend" @onclick="Store.ToggleLegendAsync">
48+
<Button Outline="true" Color="ButtonColor.Primary" Size="ButtonSize.Small" @onclick="Store.ToggleLegendAsync" TooltipTitle="Legend">
4049
<svg>
4150
<use href="#legend" />
4251
</svg>
43-
</button>
52+
</Button>
4453
</ExtraControls>
4554
</DagreGraph>
4655

4756
@if (isLegendVisible)
4857
{
49-
<WorkflowDiagramLegend />
58+
<Legend />
5059
}
5160
}
5261

‎src/dashboard/Synapse.Dashboard/Pages/Workflows/Details/View.razor

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -77,10 +77,10 @@
7777
<div class="d-flex flex-column h-100 mh-100">
7878
<div class="d-flex justify-content-between mb-2">
7979
<div>
80-
<Button Outline="true" Color="ButtonColor.Primary" Size="ButtonSize.Small" class="ms-2" @onclick="_ => OnCreateWorkflowVersion()">
80+
<Button Outline="true" Color="ButtonColor.Primary" Size="ButtonSize.Small" class="ms-2" @onclick="OnCreateWorkflowVersion" TooltipTitle="Create new from">
8181
<Icon Name="IconName.FileEarmarkPlus" />
8282
</Button>
83-
<Button Outline="true" Color="ButtonColor.Primary" Size="ButtonSize.Small" class="ms-2" @onclick="_ => Store.OnCopyToClipboard()">
83+
<Button Outline="true" Color="ButtonColor.Primary" Size="ButtonSize.Small" @onclick="Store.OnCopyToClipboard" TooltipTitle="Copy to clipboard">
8484
<Icon Name="IconName.Clipboard" />
8585
</Button>
8686
</div>

‎src/dashboard/Synapse.Dashboard/Synapse.Dashboard.csproj

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Authentication" Version="8.0.8" />
3535
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.8" PrivateAssets="all" />
3636
<PackageReference Include="moment.net" Version="1.3.4" />
37-
<PackageReference Include="Neuroglia.Blazor.Dagre" Version="4.15.4" />
37+
<PackageReference Include="Neuroglia.Blazor.Dagre" Version="4.15.6" />
3838
</ItemGroup>
3939

4040
<ItemGroup>

‎src/dashboard/Synapse.Dashboard/wwwroot/css/app.css

Lines changed: 14 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -20825,31 +20825,33 @@ tr.row-placeholder td::after {
2082520825
.graph-container .graph-controls, .graph-canvas .graph-controls {
2082620826
display: flex;
2082720827
justify-content: flex-end;
20828-
gap: 1rem;
20828+
gap: 0.5rem;
2082920829
padding-right: 1rem;
2083020830
}
2083120831
.graph-container .graph-controls .btn, .graph-canvas .graph-controls .btn {
20832-
--bs-btn-color: #6c757d;
20833-
--bs-btn-border-color: #6c757d;
20834-
--bs-btn-hover-color: #fff;
20835-
--bs-btn-hover-bg: #6c757d;
20836-
--bs-btn-hover-border-color: #6c757d;
20837-
--bs-btn-focus-shadow-rgb: 108, 117, 125;
20838-
--bs-btn-active-color: #fff;
20839-
--bs-btn-active-bg: #6c757d;
20840-
--bs-btn-active-border-color: #6c757d;
20832+
--bs-btn-color: #8c68cd;
20833+
--bs-btn-border-color: #8c68cd;
20834+
--bs-btn-hover-color: #000;
20835+
--bs-btn-hover-bg: #8c68cd;
20836+
--bs-btn-hover-border-color: #8c68cd;
20837+
--bs-btn-focus-shadow-rgb: 140, 104, 205;
20838+
--bs-btn-active-color: #000;
20839+
--bs-btn-active-bg: #8c68cd;
20840+
--bs-btn-active-border-color: #8c68cd;
2084120841
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
20842-
--bs-btn-disabled-color: #6c757d;
20842+
--bs-btn-disabled-color: #8c68cd;
2084320843
--bs-btn-disabled-bg: transparent;
20844-
--bs-btn-disabled-border-color: #6c757d;
20844+
--bs-btn-disabled-border-color: #8c68cd;
2084520845
--bs-gradient: none;
2084620846
color: var(--bs-btn-color);
20847+
stroke: var(--bs-btn-color);
2084720848
fill: var(--bs-btn-color);
2084820849
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
2084920850
}
2085020851
.graph-container .graph-controls .btn:hover, .graph-canvas .graph-controls .btn:hover {
2085120852
color: var(--bs-btn-hover-color);
2085220853
fill: var(--bs-btn-hover-color);
20854+
stroke: var(--bs-btn-hover-color);
2085320855
background-color: var(--bs-btn-hover-bg);
2085420856
border-color: var(--bs-btn-hover-border-color);
2085520857
}

‎src/dashboard/Synapse.Dashboard/wwwroot/css/app.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/dashboard/Synapse.Dashboard/wwwroot/css/graph.scss

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -59,18 +59,19 @@ $viridisScale: // generated with 13 steps, using 12 to exclude the last yellow
5959
.graph-controls {
6060
display: flex;
6161
justify-content: flex-end;
62-
gap: $spacer;
62+
gap: calc($spacer / 2);
6363
padding-right: 1rem;
6464

6565
.btn {
66-
@include button-outline-variant($mute);
66+
@include button-outline-variant($primary);
6767
color: var(--bs-btn-color);
68+
stroke: var(--bs-btn-color);
6869
fill: var(--bs-btn-color);
6970
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
70-
7171
&:hover {
7272
color: var(--bs-btn-hover-color);
7373
fill: var(--bs-btn-hover-color);
74+
stroke: var(--bs-btn-hover-color);
7475
background-color: var(--bs-btn-hover-bg);
7576
border-color: var(--bs-btn-hover-border-color);
7677
}

‎src/runner/Synapse.Runner/Synapse.Runner.csproj

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -59,11 +59,11 @@
5959
<PackageReference Include="Microsoft.OpenApi.Readers" Version="1.6.21" />
6060
<PackageReference Include="Microsoft.VisualStudio.Azure.Containers.Tools.Targets" Version="1.21.0" />
6161
<PackageReference Include="MimeKit" Version="4.7.1" />
62-
<PackageReference Include="Neuroglia.Data.Expressions.JavaScript" Version="4.15.4" />
63-
<PackageReference Include="Neuroglia.Data.Expressions.JQ" Version="4.15.4" />
64-
<PackageReference Include="Neuroglia.Eventing.CloudEvents.Infrastructure" Version="4.15.4" />
65-
<PackageReference Include="Neuroglia.Scripting.NodeJS" Version="4.15.4" />
66-
<PackageReference Include="Neuroglia.Scripting.Python" Version="4.15.4" />
62+
<PackageReference Include="Neuroglia.Data.Expressions.JavaScript" Version="4.15.6" />
63+
<PackageReference Include="Neuroglia.Data.Expressions.JQ" Version="4.15.6" />
64+
<PackageReference Include="Neuroglia.Eventing.CloudEvents.Infrastructure" Version="4.15.6" />
65+
<PackageReference Include="Neuroglia.Scripting.NodeJS" Version="4.15.6" />
66+
<PackageReference Include="Neuroglia.Scripting.Python" Version="4.15.6" />
6767
<PackageReference Include="protobuf-net.Grpc.ClientFactory" Version="1.1.1" />
6868
<PackageReference Include="System.Reactive" Version="6.0.1" />
6969
</ItemGroup>

‎tests/Synapse.UnitTests/Synapse.UnitTests.csproj

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,9 +19,9 @@
1919
<PackageReference Include="Microsoft.Extensions.Hosting" Version="8.0.0" />
2020
<PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.11.1" />
2121
<PackageReference Include="Moq" Version="4.20.72" />
22-
<PackageReference Include="Neuroglia.Data.Expressions.JQ" Version="4.15.4" />
23-
<PackageReference Include="Neuroglia.Data.Infrastructure.Memory" Version="4.15.4" />
24-
<PackageReference Include="Neuroglia.Data.Infrastructure.ResourceOriented.Redis" Version="4.15.4" />
22+
<PackageReference Include="Neuroglia.Data.Expressions.JQ" Version="4.15.6" />
23+
<PackageReference Include="Neuroglia.Data.Infrastructure.Memory" Version="4.15.6" />
24+
<PackageReference Include="Neuroglia.Data.Infrastructure.ResourceOriented.Redis" Version="4.15.6" />
2525
<PackageReference Include="ServerlessWorkflow.Sdk.Builders" Version="1.0.0-alpha2.15" />
2626
<PackageReference Include="ServerlessWorkflow.Sdk.IO" Version="1.0.0-alpha2.15" />
2727
<PackageReference Include="Testcontainers" Version="3.10.0" />

0 commit comments

Comments
 (0)