limanapp/LiMan.UI/Components/Tickets.razor

@using LiMan.UI.Components
@using Microsoft.Extensions.Configuration
@inject IConfiguration Configuration

@using System.IO
@inject IJSRuntime JS

<div class="px-2">
    <div class="row">
        <div class="@mainCss">
            <div class="card">
                <div class="card-header bg-success py-1 text-light">
                    <h3>Tickets</h3>
                </div>
                <div class="col-9">
                    <div class="d-flex flex-row-reverse justify-content-between">
                        <div class="p-2">
                            <div class="input-group input-group-sm">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">
                                        Installazione
                                    </span>
                                </div>
                                <select @bind="@SelInst" class="form-control form-control-sm">
                                    <option value="">--- Tutti ---</option>

                                    @if (ListInstall != null)
                                    {
                                        foreach (var item in ListInstall)
                                        {
                                            <option value="@item.CodInst">@item.CodInst | @item.Descrizione</option>
                                        }
                                    }
                                </select>
                            </div>
                        </div>
                        <div class="p-2">
                            <div class="input-group input-group-sm">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">
                                        Applicazione
                                    </span>
                                </div>
                                <select @bind="@SelApp" class="form-control form-control-sm">
                                    <option value="">--- Tutti ---</option>
                                    @if (ListApp != null)
                                {
                                    foreach (var item in ListApp)
                                    {
                                        <option value="@item.CodApp">@item.CodApp | @item.Descrizione</option>
                                    }
                                }
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body bg-light p-1">

                    @if (ListRecords == null)
                    {
                        <LoadingData></LoadingData>
                    }
                    else if (totalCount == 0)
                    {
                        <div class="alert alert-warning text-center display-4">Nessun record trovato</div>
                    }
                    else
                    {

                        <table class="table table-sm table-striped table-responsive-lg">
                            <thead>
                                <tr>
                                    <th>
                                        <button type="button" class="btn btn-sm btn-warning btn-block" @onclick="() => ReloadAllData()"><i class="fas fa-times"></i></button>
                                    </th>
                                    <th>Applicativo</th>
                                    <th>Installazione</th>
                                    <th>#</th>
                                    <th>Stato</th>
                                    <th>Richiedente</th>
                                    <th>Data Richiesta</th>
                                    <th>Email</th>
                                    <th>Telefono</th>
                                    <th>
                                        Descrizione
                                    </th>
                                </tr>

                            </thead>
                            <tbody>
                                @foreach (var record in ListRecords)
                                {
                                    <tr>
                                        <td>
                                            <button type="button" class="btn btn-sm btn-primary" @onclick="() => showDet(record)"><i class="fas fa-search"></i></button>
                                        </td>
                                        <td>
                                            @record.CodApp
                                        </td>
                                        <td>
                                            @record.CodInst
                                        </td>
                                        <td>
                                            @record.IdxTicket<br />

                                        </td>
                                        <td>
                                            @record.Status
                                        </td>
                                        <td>
                                            <div><b>@record.ContactName</b></div>

                                        </td>
                                        <td>
                                            <div>@record.DtReq</div>
                                        </td>
                                        <td>
                                            <div>@record.ContactEmail</div>

                                        </td>
                                        <td>
                                            <div>@record.ContactPhone</div>
                                        </td>
                                        <td>
                                            @record.ReqBody
                                        </td>
                                    </tr>
                                }
                            </tbody>

                        </table>
                    }

                </div>
                <div class="card-footer">
                    <DataPager PageSize="numRecord" currPage="currPage" numRecordChanged="PagerReloadNum" numPageChanged="PagerReloadPage" totalCount="totalCount" showLoading="isLoading" />
                </div>

            </div>
        </div>

        @if (idxTicketSel > 0)
        {
            <div class="col-3">
                <div>
                    <table class="table table-sm table-striped table-responsive-lg">
                        <thead>
                            <tr>
                                <th>Nome File</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var record in FileAttached)
                            {

                                <tr>
                                    <td>
                                        @*<button @onclick="() => DownloadFileFromURL(record.OriginalName, record.FullStoragePath)"> @record.OriginalName</button>*@
                                        <a href="@(Configuration["ApiUrl"]+"/ELM.API/api/filesave/"+@record.FullStoragePath+"/"+@record.OriginalName)" target="_blank">@record.OriginalName</a>
                                        @*<a @onclick="() => DownloadFileFromURL(record.OriginalName, record.FullStoragePath)"> @record.OriginalName</a>*@


                                    </td>

                                </tr>
                            }
                        </tbody>
                    </table>

                    @* <button @onclick="DownloadFileFromURL">
                        Download File From URL
                        </button>*@
                </div>
            </div>
        }
    </div>
</div>