Add purchasing data sources and 3D simulation
This commit is contained in:
@@ -1,6 +1,8 @@
|
||||
@page "/einkauf"
|
||||
@using System.Globalization
|
||||
@using TrafagSalesExporter.Models
|
||||
@inject TrafagSalesExporter.Services.IUiTextService UiText
|
||||
@inject IJSRuntime JsRuntime
|
||||
|
||||
<PageTitle>@T("Einkauf", "Purchasing")</PageTitle>
|
||||
|
||||
@@ -119,9 +121,76 @@
|
||||
</MudTable>
|
||||
</MudPaper>
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="@T("3D Simulation", "3D simulation")" Icon="@Icons.Material.Filled.ViewInAr">
|
||||
<MudPaper Class="pa-3 mb-3" Outlined="true">
|
||||
<MudGrid Spacing="2">
|
||||
<MudItem xs="12" md="3">
|
||||
<MudSelect T="string" Value="_purchasing3dIndicator" ValueChanged="SetPurchasing3dIndicator" Label="@T("Indikator", "Indicator")" Dense="true">
|
||||
@foreach (var option in Purchasing3dIndicators)
|
||||
{
|
||||
<MudSelectItem Value="@option.Key">@T(option.TitleDe, option.TitleEn)</MudSelectItem>
|
||||
}
|
||||
</MudSelect>
|
||||
</MudItem>
|
||||
<MudItem xs="12" md="2">
|
||||
<MudSelect T="string" Value="_purchasing3dChartType" ValueChanged="SetPurchasing3dChartType" Label="@T("Grafik", "Chart")" Dense="true">
|
||||
<MudSelectItem Value="@("bar")">@T("Balken", "Bars")</MudSelectItem>
|
||||
<MudSelectItem Value="@("line")">@T("Linie", "Line")</MudSelectItem>
|
||||
<MudSelectItem Value="@("surface")">@T("Flaeche", "Surface")</MudSelectItem>
|
||||
<MudSelectItem Value="@("pie")">@T("Kreis", "Pie")</MudSelectItem>
|
||||
</MudSelect>
|
||||
</MudItem>
|
||||
<MudItem xs="12" md="3">
|
||||
<MudText Typo="Typo.caption">@T("Preis-/Wechselkurs-Szenario", "Price/exchange-rate scenario")</MudText>
|
||||
<div class="finance-3d-range-row">
|
||||
<MudButton Variant="Variant.Outlined" Size="Size.Small" OnClick="@(() => SetPurchasing3dFactorPreset(0.9d))">-10%</MudButton>
|
||||
<input class="finance-3d-range"
|
||||
type="range"
|
||||
min="0.5"
|
||||
max="1.5"
|
||||
step="0.01"
|
||||
value="@_purchasing3dFactor.ToString("0.00", CultureInfo.InvariantCulture)"
|
||||
@oninput="SetPurchasing3dFactor" />
|
||||
<MudText Typo="Typo.body2" Class="finance-3d-factor">@_purchasing3dFactor.ToString("0.00", CultureInfo.InvariantCulture)x</MudText>
|
||||
</div>
|
||||
<MudText Typo="Typo.caption">
|
||||
@T("Delta", "Delta"): @FormatScenarioDelta()
|
||||
</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" md="2">
|
||||
<MudText Typo="Typo.caption">@T("Beschriftung", "Labels")</MudText>
|
||||
<div class="finance-3d-range-row">
|
||||
<input class="finance-3d-range"
|
||||
type="range"
|
||||
min="0.8"
|
||||
max="2.5"
|
||||
step="0.1"
|
||||
value="@_purchasing3dLabelScale.ToString("0.0", CultureInfo.InvariantCulture)"
|
||||
@oninput="SetPurchasing3dLabelScale" />
|
||||
<MudText Typo="Typo.body2" Class="finance-3d-factor">@_purchasing3dLabelScale.ToString("0.0", CultureInfo.InvariantCulture)x</MudText>
|
||||
</div>
|
||||
</MudItem>
|
||||
<MudItem xs="12" md="2">
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Refresh" OnClick="RenderPurchasing3dAsync">
|
||||
@T("Neu zeichnen", "Redraw")
|
||||
</MudButton>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
</MudPaper>
|
||||
<MudPaper Class="pa-0 finance-3d-surface purchasing-3d-surface" Elevation="1">
|
||||
<canvas @ref="_purchasing3dCanvas" class="finance-3d-canvas" style="display:block;width:100%;height:100%;touch-action:none;"></canvas>
|
||||
</MudPaper>
|
||||
</MudTabPanel>
|
||||
</MudTabs>
|
||||
|
||||
@code {
|
||||
private ElementReference _purchasing3dCanvas;
|
||||
private string _purchasing3dIndicator = "spend";
|
||||
private string _purchasing3dChartType = "bar";
|
||||
private double _purchasing3dFactor = 1d;
|
||||
private double _purchasing3dLabelScale = 1.5d;
|
||||
|
||||
private readonly List<PurchasingKpiCard> KpiCards =
|
||||
[
|
||||
new("Spend total", "Total spend", "-", "Netwr CHF historisch", "Historic Netwr CHF", Icons.Material.Filled.Payments, Color.Primary),
|
||||
@@ -189,12 +258,134 @@
|
||||
new("Matrix Vol./WG", "Pivot, Slicer", "Sum(EKPOSet.Netwr CHF)", "Warengruppe, Lieferant, Artikel")
|
||||
];
|
||||
|
||||
private readonly List<Purchasing3dIndicator> Purchasing3dIndicators =
|
||||
[
|
||||
new("spend", "Spend CHF", "Spend CHF", "CHF"),
|
||||
new("openValue", "Offener Bestellwert", "Open order value", "CHF"),
|
||||
new("openQuantity", "Offene Menge", "Open quantity", "Qty"),
|
||||
new("contractValue", "Kontrakt-Restwert", "Contract remaining value", "CHF"),
|
||||
new("supplierScore", "Lieferantenperformance", "Supplier performance", "%")
|
||||
];
|
||||
|
||||
private readonly List<Purchasing3dBaseRow> Purchasing3dBaseRows =
|
||||
[
|
||||
new("Lieferant A", 2024, 1450000d, 260000d, 11800d, 420000d, 91d),
|
||||
new("Lieferant A", 2025, 1680000d, 310000d, 13200d, 460000d, 93d),
|
||||
new("Lieferant A", 2026, 1820000d, 335000d, 14100d, 490000d, 92d),
|
||||
new("Lieferant B", 2024, 980000d, 190000d, 9300d, 260000d, 86d),
|
||||
new("Lieferant B", 2025, 1120000d, 225000d, 10100d, 315000d, 88d),
|
||||
new("Lieferant B", 2026, 1240000d, 250000d, 10800d, 350000d, 89d),
|
||||
new("Warengruppe Sensorik", 2024, 760000d, 120000d, 6400d, 210000d, 94d),
|
||||
new("Warengruppe Sensorik", 2025, 890000d, 145000d, 7100d, 230000d, 95d),
|
||||
new("Warengruppe Sensorik", 2026, 940000d, 155000d, 7400d, 245000d, 94d),
|
||||
new("Artikel Top 10", 2024, 520000d, 83000d, 2800d, 160000d, 90d),
|
||||
new("Artikel Top 10", 2025, 610000d, 97000d, 3100d, 180000d, 91d),
|
||||
new("Artikel Top 10", 2026, 680000d, 105000d, 3350d, 195000d, 92d)
|
||||
];
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender)
|
||||
await RenderPurchasing3dAsync();
|
||||
}
|
||||
|
||||
private string T(string german, string english) => UiText.Text(german, english);
|
||||
|
||||
private async Task SetPurchasing3dIndicator(string value)
|
||||
{
|
||||
_purchasing3dIndicator = value;
|
||||
await RenderPurchasing3dAsync();
|
||||
}
|
||||
|
||||
private async Task SetPurchasing3dChartType(string value)
|
||||
{
|
||||
_purchasing3dChartType = value;
|
||||
await RenderPurchasing3dAsync();
|
||||
}
|
||||
|
||||
private async Task SetPurchasing3dFactor(ChangeEventArgs args)
|
||||
{
|
||||
if (double.TryParse(Convert.ToString(args.Value, CultureInfo.InvariantCulture), NumberStyles.Number, CultureInfo.InvariantCulture, out var value))
|
||||
{
|
||||
_purchasing3dFactor = Math.Clamp(value, 0.5d, 1.5d);
|
||||
await JsRuntime.InvokeVoidAsync("trafagFinance3d.updateFactor", _purchasing3dCanvas, ScenarioAffectsPurchasingValue ? _purchasing3dFactor : 1d);
|
||||
}
|
||||
}
|
||||
|
||||
private async Task SetPurchasing3dFactorPreset(double value)
|
||||
{
|
||||
_purchasing3dFactor = Math.Clamp(value, 0.5d, 1.5d);
|
||||
await JsRuntime.InvokeVoidAsync("trafagFinance3d.updateFactor", _purchasing3dCanvas, ScenarioAffectsPurchasingValue ? _purchasing3dFactor : 1d);
|
||||
}
|
||||
|
||||
private async Task SetPurchasing3dLabelScale(ChangeEventArgs args)
|
||||
{
|
||||
if (double.TryParse(Convert.ToString(args.Value, CultureInfo.InvariantCulture), NumberStyles.Number, CultureInfo.InvariantCulture, out var value))
|
||||
{
|
||||
_purchasing3dLabelScale = Math.Clamp(value, 0.8d, 2.5d);
|
||||
await RenderPurchasing3dAsync();
|
||||
}
|
||||
}
|
||||
|
||||
private async Task RenderPurchasing3dAsync()
|
||||
{
|
||||
await JsRuntime.InvokeVoidAsync("trafagFinance3d.render", _purchasing3dCanvas, BuildPurchasing3dRows(), new
|
||||
{
|
||||
indicator = _purchasing3dIndicator,
|
||||
title = ResolvePurchasing3dIndicatorLabel(),
|
||||
chartType = _purchasing3dChartType,
|
||||
xAxis = T("X: Lieferant / Warengruppe / Artikel", "X: supplier / material group / article"),
|
||||
yAxis = T("Y: Wert / Menge / Score", "Y: value / quantity / score"),
|
||||
zAxis = T("Z: Jahr / Zeit", "Z: year / time"),
|
||||
pieAxis = T("Kreis: Anteil am aktuellen Indikator", "Pie: share of current indicator"),
|
||||
labelScale = _purchasing3dLabelScale,
|
||||
scenarioFactor = ScenarioAffectsPurchasingValue ? _purchasing3dFactor : 1d
|
||||
});
|
||||
}
|
||||
|
||||
private IReadOnlyList<object> BuildPurchasing3dRows()
|
||||
=> Purchasing3dBaseRows
|
||||
.Select(row => new
|
||||
{
|
||||
country = row.Axis,
|
||||
year = row.Year,
|
||||
value = ResolvePurchasing3dValue(row)
|
||||
})
|
||||
.Cast<object>()
|
||||
.ToList();
|
||||
|
||||
private double ResolvePurchasing3dValue(Purchasing3dBaseRow row) => _purchasing3dIndicator switch
|
||||
{
|
||||
"openValue" => row.OpenValue,
|
||||
"openQuantity" => row.OpenQuantity,
|
||||
"contractValue" => row.ContractValue,
|
||||
"supplierScore" => row.SupplierScore,
|
||||
_ => row.Spend
|
||||
};
|
||||
|
||||
private bool ScenarioAffectsPurchasingValue => _purchasing3dIndicator is "spend" or "openValue" or "contractValue";
|
||||
|
||||
private string ResolvePurchasing3dIndicatorLabel()
|
||||
=> T(
|
||||
Purchasing3dIndicators.FirstOrDefault(x => x.Key == _purchasing3dIndicator)?.TitleDe ?? "Spend CHF",
|
||||
Purchasing3dIndicators.FirstOrDefault(x => x.Key == _purchasing3dIndicator)?.TitleEn ?? "Spend CHF");
|
||||
|
||||
private string FormatScenarioDelta()
|
||||
{
|
||||
if (!ScenarioAffectsPurchasingValue)
|
||||
return T("nicht auf diesen Indikator angewendet", "not applied to this indicator");
|
||||
|
||||
var baseTotal = Purchasing3dBaseRows.Sum(ResolvePurchasing3dValue);
|
||||
var delta = baseTotal * _purchasing3dFactor - baseTotal;
|
||||
return $"{delta:N0} {Purchasing3dIndicators.First(x => x.Key == _purchasing3dIndicator).Unit}";
|
||||
}
|
||||
|
||||
private sealed record PurchasingKpiCard(string TitleDe, string TitleEn, string Value, string DetailDe, string DetailEn, string Icon, Color Color);
|
||||
private sealed record PurchasingAxis(string LabelDe, string LabelEn, string Field, string UsageDe, string UsageEn);
|
||||
private sealed record PurchasingSource(string Name, string Description);
|
||||
private sealed record PowerBiPageInfo(string Page, string Visuals, string Measure, string Dimensions);
|
||||
private sealed record Purchasing3dIndicator(string Key, string TitleDe, string TitleEn, string Unit);
|
||||
private sealed record Purchasing3dBaseRow(string Axis, int Year, double Spend, double OpenValue, double OpenQuantity, double ContractValue, double SupplierScore);
|
||||
}
|
||||
|
||||
<style>
|
||||
@@ -218,4 +409,10 @@
|
||||
.purchasing-source-row:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.purchasing-3d-surface {
|
||||
height: calc(100vh - 300px);
|
||||
min-height: 620px;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -0,0 +1,272 @@
|
||||
@page "/einkauf/verbindungen"
|
||||
@using TrafagSalesExporter.Services
|
||||
@inject IPurchasingDataSourcePageService DataSourceService
|
||||
@inject TrafagSalesExporter.Services.IUiTextService UiText
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<PageTitle>@T("Einkauf Datenquellen", "Purchasing data sources")</PageTitle>
|
||||
|
||||
<MudText Typo="Typo.h4" Class="mb-1">@T("Einkauf Datenquellen", "Purchasing data sources")</MudText>
|
||||
<MudText Typo="Typo.body2" Class="mb-4 purchasing-muted">
|
||||
@T("Grafische SAP/OData-Anbindung fuer das Einkaufsdashboard, analog zur Finance-Quellenpflege.",
|
||||
"Graphical SAP/OData connection for the purchasing dashboard, following the finance source configuration pattern.")
|
||||
</MudText>
|
||||
|
||||
@if (_loading)
|
||||
{
|
||||
<MudProgressLinear Indeterminate="true" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<MudGrid Spacing="2" Class="mb-4">
|
||||
<MudItem xs="12" md="7">
|
||||
<MudPaper Class="pa-3" Outlined="true">
|
||||
<MudText Typo="Typo.h6" Class="mb-3">@T("Verbindung", "Connection")</MudText>
|
||||
<MudGrid Spacing="2">
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudTextField Value="_state.Site.TSC" Label="TSC" ReadOnly="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudTextField Value="_state.Site.SourceSystem" Label="@T("Quellsystem", "Source system")" ReadOnly="true" />
|
||||
</MudItem>
|
||||
<MudItem xs="12">
|
||||
<MudTextField @bind-Value="_state.Site.SapServiceUrl"
|
||||
Label="SAP Service URL Override"
|
||||
HelperText="@T("Leer lassen = zentrale SAP OData URL aus Settings verwenden.", "Leave empty = use central SAP OData URL from settings.")" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudTextField @bind-Value="_state.Site.UsernameOverride"
|
||||
Label="Username Override"
|
||||
HelperText="@T("Leer lassen = zentraler SAP User.", "Leave empty = central SAP user.")" />
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6">
|
||||
<MudTextField @bind-Value="_state.Site.PasswordOverride"
|
||||
Label="Password Override"
|
||||
InputType="InputType.Password"
|
||||
HelperText="@T("Leer lassen = zentrales SAP Passwort.", "Leave empty = central SAP password.")" />
|
||||
</MudItem>
|
||||
<MudItem xs="12">
|
||||
<MudCheckBox @bind-Value="_state.Site.IsActive"
|
||||
Label="@T("Einkaufsquelle fuer Import aktivieren", "Activate purchasing source for import")" />
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
<MudStack Row="true" Spacing="2" Class="mt-3">
|
||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Save" OnClick="SaveAsync" Disabled="_busy">
|
||||
@T("Speichern", "Save")
|
||||
</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.NetworkCheck" OnClick="TestConnectionAsync" Disabled="_busy">
|
||||
@T("Verbindung testen", "Test connection")
|
||||
</MudButton>
|
||||
<MudButton Variant="Variant.Outlined" StartIcon="@Icons.Material.Filled.Restore" OnClick="ResetDefaultsAsync" Disabled="_busy">
|
||||
@T("Defaults wiederherstellen", "Restore defaults")
|
||||
</MudButton>
|
||||
</MudStack>
|
||||
</MudPaper>
|
||||
</MudItem>
|
||||
<MudItem xs="12" md="5">
|
||||
<MudPaper Class="pa-3" Outlined="true">
|
||||
<MudText Typo="Typo.h6" Class="mb-2">@T("Aktuelle Basis", "Current basis")</MudText>
|
||||
<div class="purchasing-source-row">
|
||||
<MudIcon Icon="@Icons.Material.Filled.CloudQueue" Size="Size.Small" />
|
||||
<span>@T("Zentrale URL", "Central URL"): <code>@Display(_state.SourceSystem?.CentralServiceUrl)</code></span>
|
||||
</div>
|
||||
<div class="purchasing-source-row">
|
||||
<MudIcon Icon="@Icons.Material.Filled.TableChart" Size="Size.Small" />
|
||||
<span>@T("Quellen", "Sources"): @_state.Sources.Count(x => x.IsActive)</span>
|
||||
</div>
|
||||
<div class="purchasing-source-row">
|
||||
<MudIcon Icon="@Icons.Material.Filled.AccountTree" Size="Size.Small" />
|
||||
<span>@T("Joins", "Joins"): @_state.Joins.Count(x => x.IsActive)</span>
|
||||
</div>
|
||||
<div class="purchasing-source-row">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Schema" Size="Size.Small" />
|
||||
<span>@T("Mappings", "Mappings"): @_state.Mappings.Count(x => x.IsActive)</span>
|
||||
</div>
|
||||
</MudPaper>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<MudTabs Elevation="1" Rounded="false" PanelClass="pt-4">
|
||||
<MudTabPanel Text="@T("Quellen", "Sources")" Icon="@Icons.Material.Filled.Hub">
|
||||
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="mb-2">
|
||||
<MudText Typo="Typo.h6">@T("OData Entity Sets", "OData entity sets")</MudText>
|
||||
<MudButton Variant="Variant.Outlined" StartIcon="@Icons.Material.Filled.Add" OnClick="AddSource">@T("Quelle", "Source")</MudButton>
|
||||
</MudStack>
|
||||
<MudTable Items="_state.Sources" Dense="true" Hover="true" Striped="true">
|
||||
<HeaderContent>
|
||||
<MudTh>Alias</MudTh>
|
||||
<MudTh>Entity Set</MudTh>
|
||||
<MudTh>@T("Primaer", "Primary")</MudTh>
|
||||
<MudTh>@T("Aktiv", "Active")</MudTh>
|
||||
<MudTh></MudTh>
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd><MudTextField @bind-Value="context.Alias" Dense="true" /></MudTd>
|
||||
<MudTd><MudTextField @bind-Value="context.EntitySet" Dense="true" /></MudTd>
|
||||
<MudTd><MudCheckBox @bind-Value="context.IsPrimary" Dense="true" /></MudTd>
|
||||
<MudTd><MudCheckBox @bind-Value="context.IsActive" Dense="true" /></MudTd>
|
||||
<MudTd><MudIconButton Icon="@Icons.Material.Filled.Delete" Color="Color.Error" Size="Size.Small" OnClick="() => RemoveSource(context)" /></MudTd>
|
||||
</RowTemplate>
|
||||
</MudTable>
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="@T("Join-Fluss", "Join flow")" Icon="@Icons.Material.Filled.AccountTree">
|
||||
<MudGrid Spacing="2" Class="mb-3">
|
||||
@foreach (var join in _state.Joins.Where(x => x.IsActive))
|
||||
{
|
||||
<MudItem xs="12" sm="6" lg="3">
|
||||
<MudPaper Class="pa-3 purchasing-flow" Outlined="true">
|
||||
<MudText Typo="Typo.subtitle2">@join.LeftAlias -> @join.RightAlias</MudText>
|
||||
<MudText Typo="Typo.caption">@join.LeftKeys = @join.RightKeys</MudText>
|
||||
</MudPaper>
|
||||
</MudItem>
|
||||
}
|
||||
</MudGrid>
|
||||
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="mb-2">
|
||||
<MudText Typo="Typo.h6">@T("Joins", "Joins")</MudText>
|
||||
<MudButton Variant="Variant.Outlined" StartIcon="@Icons.Material.Filled.Add" OnClick="AddJoin">@T("Join", "Join")</MudButton>
|
||||
</MudStack>
|
||||
<MudTable Items="_state.Joins" Dense="true" Hover="true" Striped="true">
|
||||
<HeaderContent>
|
||||
<MudTh>@T("Links", "Left")</MudTh>
|
||||
<MudTh>Left Keys</MudTh>
|
||||
<MudTh>@T("Rechts", "Right")</MudTh>
|
||||
<MudTh>Right Keys</MudTh>
|
||||
<MudTh>@T("Typ", "Type")</MudTh>
|
||||
<MudTh>@T("Aktiv", "Active")</MudTh>
|
||||
<MudTh></MudTh>
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd><MudTextField @bind-Value="context.LeftAlias" Dense="true" /></MudTd>
|
||||
<MudTd><MudTextField @bind-Value="context.LeftKeys" Dense="true" /></MudTd>
|
||||
<MudTd><MudTextField @bind-Value="context.RightAlias" Dense="true" /></MudTd>
|
||||
<MudTd><MudTextField @bind-Value="context.RightKeys" Dense="true" /></MudTd>
|
||||
<MudTd><MudTextField @bind-Value="context.JoinType" Dense="true" /></MudTd>
|
||||
<MudTd><MudCheckBox @bind-Value="context.IsActive" Dense="true" /></MudTd>
|
||||
<MudTd><MudIconButton Icon="@Icons.Material.Filled.Delete" Color="Color.Error" Size="Size.Small" OnClick="() => RemoveJoin(context)" /></MudTd>
|
||||
</RowTemplate>
|
||||
</MudTable>
|
||||
</MudTabPanel>
|
||||
|
||||
<MudTabPanel Text="@T("Mapping", "Mapping")" Icon="@Icons.Material.Filled.Schema">
|
||||
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="mb-2">
|
||||
<MudText Typo="Typo.h6">@T("Zielfelder", "Target fields")</MudText>
|
||||
<MudButton Variant="Variant.Outlined" StartIcon="@Icons.Material.Filled.Add" OnClick="AddMapping">@T("Mapping", "Mapping")</MudButton>
|
||||
</MudStack>
|
||||
<MudTable Items="_state.Mappings" Dense="true" Hover="true" Striped="true">
|
||||
<HeaderContent>
|
||||
<MudTh>@T("Ziel", "Target")</MudTh>
|
||||
<MudTh>@T("Quelle", "Source")</MudTh>
|
||||
<MudTh>@T("Pflicht", "Required")</MudTh>
|
||||
<MudTh>@T("Aktiv", "Active")</MudTh>
|
||||
<MudTh></MudTh>
|
||||
</HeaderContent>
|
||||
<RowTemplate>
|
||||
<MudTd><MudTextField @bind-Value="context.TargetField" Dense="true" /></MudTd>
|
||||
<MudTd><MudTextField @bind-Value="context.SourceExpression" Dense="true" /></MudTd>
|
||||
<MudTd><MudCheckBox @bind-Value="context.IsRequired" Dense="true" /></MudTd>
|
||||
<MudTd><MudCheckBox @bind-Value="context.IsActive" Dense="true" /></MudTd>
|
||||
<MudTd><MudIconButton Icon="@Icons.Material.Filled.Delete" Color="Color.Error" Size="Size.Small" OnClick="() => RemoveMapping(context)" /></MudTd>
|
||||
</RowTemplate>
|
||||
</MudTable>
|
||||
</MudTabPanel>
|
||||
</MudTabs>
|
||||
}
|
||||
|
||||
@code {
|
||||
private PurchasingDataSourceState _state = new();
|
||||
private bool _loading = true;
|
||||
private bool _busy;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
_state = await DataSourceService.LoadAsync();
|
||||
_loading = false;
|
||||
}
|
||||
|
||||
private async Task SaveAsync()
|
||||
{
|
||||
await RunAsync(async () =>
|
||||
{
|
||||
_state = await DataSourceService.SaveAsync(_state);
|
||||
Snackbar.Add(T("Einkaufsdatenquellen gespeichert.", "Purchasing data sources saved."), Severity.Success);
|
||||
});
|
||||
}
|
||||
|
||||
private async Task ResetDefaultsAsync()
|
||||
{
|
||||
await RunAsync(async () =>
|
||||
{
|
||||
_state = await DataSourceService.ResetDefaultsAsync();
|
||||
Snackbar.Add(T("Einkaufsdatenquellen auf Defaults gesetzt.", "Purchasing data sources restored to defaults."), Severity.Info);
|
||||
});
|
||||
}
|
||||
|
||||
private async Task TestConnectionAsync()
|
||||
{
|
||||
await RunAsync(async () =>
|
||||
{
|
||||
var result = await DataSourceService.TestConnectionAsync(_state);
|
||||
Snackbar.Add(result.Message, result.Success ? Severity.Success : result.Warning ? Severity.Warning : Severity.Error);
|
||||
});
|
||||
}
|
||||
|
||||
private async Task RunAsync(Func<Task> action)
|
||||
{
|
||||
if (_busy)
|
||||
return;
|
||||
|
||||
_busy = true;
|
||||
try
|
||||
{
|
||||
await action();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Snackbar.Add(ex.Message, Severity.Error);
|
||||
}
|
||||
finally
|
||||
{
|
||||
_busy = false;
|
||||
}
|
||||
}
|
||||
|
||||
private void AddSource()
|
||||
=> _state.Sources.Add(new SapSourceDefinition { Alias = "NEW", EntitySet = "NewEntitySet", IsActive = true, SortOrder = (_state.Sources.Count + 1) * 10 });
|
||||
|
||||
private void AddJoin()
|
||||
=> _state.Joins.Add(new SapJoinDefinition { LeftAlias = "EKKO", RightAlias = "NEW", LeftKeys = "Key", RightKeys = "Key", JoinType = "Left", IsActive = true, SortOrder = (_state.Joins.Count + 1) * 10 });
|
||||
|
||||
private void AddMapping()
|
||||
=> _state.Mappings.Add(new SapFieldMapping { TargetField = "NewField", SourceExpression = "Alias.Field", IsActive = true, SortOrder = (_state.Mappings.Count + 1) * 10 });
|
||||
|
||||
private void RemoveSource(SapSourceDefinition source) => _state.Sources.Remove(source);
|
||||
private void RemoveJoin(SapJoinDefinition join) => _state.Joins.Remove(join);
|
||||
private void RemoveMapping(SapFieldMapping mapping) => _state.Mappings.Remove(mapping);
|
||||
|
||||
private string T(string german, string english) => UiText.Text(german, english);
|
||||
private static string Display(string? value) => string.IsNullOrWhiteSpace(value) ? "-" : value;
|
||||
}
|
||||
|
||||
<style>
|
||||
.purchasing-muted {
|
||||
color: var(--mud-palette-text-secondary);
|
||||
}
|
||||
|
||||
.purchasing-flow {
|
||||
min-height: 86px;
|
||||
}
|
||||
|
||||
.purchasing-source-row {
|
||||
display: grid;
|
||||
grid-template-columns: 26px minmax(0, 1fr);
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 7px 0;
|
||||
border-bottom: 1px solid var(--mud-palette-lines-default);
|
||||
}
|
||||
|
||||
.purchasing-source-row:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user