fix grafico filtri Dossier

This commit is contained in:
zaccaria.majid
2022-10-05 16:34:22 +02:00
parent 0795cae1d5
commit 21fa81f09c
2 changed files with 36 additions and 18 deletions
+29 -18
View File
@@ -1,10 +1,9 @@
<div class="d-flex justify-content-between">
<div class="px-0 py-1">
</div>
<div class="d-flex justify-content-end">
<div class="px-0 col-8">
<div class="d-flex px-0 py-1">
<div class="px-2 input-group">
<div class="d-flex justify-content-between">
<div class="d-flex justify-content-between pt-2 mb-1">
<div class="input-group input-group">
<label class="input-group-text" for="macchina" title="Selezionare l'articolo"><i class="fa-solid fa-file"></i></label>
<select @bind="@selArticolo" class="form-select" id="macchina" title="Selezionare la macchina">
<option value="*">--- Tutti ---</option>
@@ -27,19 +26,31 @@
}
}
</select>
<label class="input-group-text" for="DtMin" title="Selezionare la data da visualizzare"><i class="fa-solid fa-calendar-check"></i></label>
<input @bind="@selDtRef" id="DtMin" class="form-control" type="datetime-local" title="Selezionare la data minima da visualizzare" />
</div>
<div class="px-2 input-group">
<label class="input-group-text" for="maxRecord" title="Selezionare il numero massimo di record da visualizzare"><i class="fa-solid fa-list-ol"></i></label>
<select @bind="@selMaxRecord" class="form-select" id="maxRecord" title="Selezionare il numero massimo di record da visualizzare">
<option value="50">50</option>
<option value="100">100</option>
<option value="250">250</option>
<option value="500">500</option>
</select>
usare dots...
</div>
<div class="d-flex justify-content-between pt-0">
<div class="d-flex justify-content-between pt-2 mb-1">
@if (showParam)
{
<div class="input-group input-group">
<label class="input-group-text" for="DtMin" title="Selezionare la data da visualizzare"><i class="fa-solid fa-calendar-check"></i></label>
<input @bind="@selDtRef" id="DtMin" class="form-control" type="datetime-local" title="Selezionare la data minima da visualizzare" />
<label class="input-group-text" for="maxRecord" title="Selezionare il numero massimo di record da visualizzare"><i class="fa-solid fa-list-ol"></i></label>
<select @bind="@selMaxRecord" class="form-select" id="maxRecord" title="Selezionare il numero massimo di record da visualizzare">
<option value="50">50</option>
<option value="100">100</option>
<option value="250">250</option>
<option value="500">500</option>
</select>
<button class="btn btn-default btn-block" @onclick="toggleShowParams" title="Hide Parameters"><i class="fa-solid fa-ellipsis-vertical"></i></button>
</div>
}
else
{
<button class="btn btn-default btn-block" @onclick="toggleShowParams" title="Show Parameters"><i class="fa-solid fa-ellipsis"></i></button>
}
</div>
</div>
</div>
@@ -14,6 +14,8 @@ namespace MP.SPEC.Components
[Parameter]
public SelectDossierParams SelFilterDossier { get; set; } = null!;
protected bool showParam { get; set; } = false;
#endregion Public Properties
#region Protected Properties
@@ -140,6 +142,11 @@ namespace MP.SPEC.Components
FilterChanged.InvokeAsync(SelFilterDossier);
}
private void toggleShowParams()
{
showParam = !showParam;
}
#endregion Private Methods
}
}