gwms/GWMS.UI/Components/OrderTranspEditor.razor

@using GWMS.UI.Components
@using GWMS.Data.DatabaseModels
@using System.Security.Claims
@using Microsoft.AspNetCore.Components.Authorization
@using GWMS.UI.Data
@using Microsoft.Extensions.Configuration
@using Microsoft.JSInterop

@inject MessageService AppMService
@inject GWMSDataService DataService
@inject IConfiguration Configuration
@inject IJSRuntime JSRuntime

<div class="card">
    <div class="card-body small p-1">
        @if (_currItem != null)
        {
            <EditForm Model="@_currItem">
                <DataAnnotationsValidator />
                <div class="row">
                    <div class="col-12 col-lg-2 text-center">
                        <div id="qrCodeImg"></div>
                        @_currItem.OrderCode
                        @*<img src="@getImgUrl(_currItem.OrderCode)" class="img-fluid" />*@
                    </div>
                    @*<div class="col-12 col-lg-8 align-items-center">
                            <div class="row small">
                                <div class="col-12">
                                    <div class="input-group input-group-sm">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" style="width: 3em;">
                                                <span class="fas fa-truck" aria-hidden="true"></span>
                                            </span>
                                        </div>
                                        <DateEdit @bind-Date="_currItem.DtETA" InputMode="DateInputMode.DateTime" class="form-control" title="ETA (previsione consegna)" />
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="input-group input-group-sm">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" style="width: 3em;">
                                                <span class="fas fa-comment-alt" aria-hidden="true"></span>
                                            </span>
                                        </div>
                                        <InputText id="OrderDesc" @bind-Value="_currItem.OrderDesc" class="form-control" title="Note Ordine (opzionali)" />
                                        <div class="input-group-append">
                                            <span class="input-group-text">
                                                Note
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>*@
                    <div class="col-12 col-lg-2">
                        <div class="row">
                            @*<div class="col">
                                    <button type="button" class="btn btn-sm btn-success btn-block" value="Save" @onclick="saveUpdate">Save <i class="far fa-save"></i></button>
                                </div>*@
                            <div class="col">
                                <button type="button" class="btn btn-sm btn-warning btn-block" value="Cancel" @onclick="cancelUpdate">Cancel <i class="fas fa-ban"></i></button>
                            </div>
                        </div>
                    </div>
                </div>
            </EditForm>
        }
    </div>
</div>

@code {

    private List<TransporterModel> transpList;

    protected OrderModel _currItem = new OrderModel();
    protected int _supplierId { get; set; } = 0;

    [Parameter]
    public OrderModel currItem
    {
        get
        {
            return _currItem;
        }
        set
        {
            _currItem = value;
        }
    }

    public async void refreshQr()
    {
        await JSRuntime.InvokeVoidAsync("refreshQr", rawCode);
    }

    [Parameter]
    public EventCallback<int> DataReset { get; set; }
    [Parameter]
    public EventCallback<int> DataUpdated { get; set; }
    [Parameter]
    public int SupplierId
    {
        get
        {
            return _supplierId;
        }
        set
        {
            _supplierId = value;
            // condiziono visualizzazione...
            var pUpd = Task.Run(async () => await ReloadAllData());
            pUpd.Wait();
        }
    }

    private async Task saveUpdate()
    {
        if (_currItem != null)
        {
            DataService.OrderUpdate(_currItem);
            await DataUpdated.InvokeAsync(1);
        }
        else
        {
            Console.WriteLine("Order null!");
        }
    }

    private async Task cancelUpdate()
    {
        await DataReset.InvokeAsync(0);
    }

    protected string rawCode
    {
        get
        {
            string answ = "";
            if (_currItem != null)
            {
                answ = _currItem.OrderCode;
            }
            return answ;
        }
    }

    protected override async Task OnInitializedAsync()
    {
        await ReloadAllData();
        await JSRuntime.InvokeVoidAsync("displayQr", "qrCodeImg", rawCode);
    }

    protected async Task ReloadAllData()
    {
        transpList = await DataService.TransportersGetAll();
    }

    /// <summary>
    /// Restituisce URL immagine QRCode
    /// </summary>
    /// <param name="QrValue">Parametro da renderizzare con QRCode</param>
    /// <returns></returns>
    protected string getImgUrl(object QrValue)
    {
        string baseUrl = $"{Configuration["ZCodeUrl"]}/HOME/QR_site/JSON?val=";
        string payload = "{'baseUrl':'{0}','parameters':['" + $"{QrValue}" + "']}";
        string answ = $"{baseUrl}{payload}";
        return answ;
    }

}