Reformat action dropdown

This commit is contained in:
2019-12-10 14:55:08 -05:00
parent 2bfce8084b
commit 16c4fe8999
+23 -24
View File
@@ -6,7 +6,7 @@
var grid = new WebGrid(Model.Items, rowsPerPage: 45); var grid = new WebGrid(Model.Items, rowsPerPage: 45);
} }
<div class="row panel"> <div class="row">
<div class="col-lg-8"> <div class="col-lg-8">
Service description: @Model.ServerDescription<br/> Service description: @Model.ServerDescription<br/>
@*Est. processing time by LeafInput size - @*Est. processing time by LeafInput size -
@@ -37,7 +37,7 @@
grid.Column("Name", "Submitted By"), grid.Column("Name", "Submitted By"),
grid.Column("TimeInProgress", "Statistics", item => Statistics(item.Value)), grid.Column("TimeInProgress", "Statistics", item => Statistics(item.Value)),
grid.Column("CurrentStatus", "Status", item => Status(item.Value)), grid.Column("CurrentStatus", "Status", item => Status(item.Value)),
grid.Column("Total Results: " + Model.Items.Count(), format: item => Btns(item.Value))), grid.Column("Total Results: " + Model.Items.Count(), format: item => Actions(item.Value))),
htmlAttributes: new {@class = "table table-sm table-striped table-bordered table-hover"} htmlAttributes: new {@class = "table table-sm table-striped table-bordered table-hover"}
) )
@grid.BootstrapPager() @grid.BootstrapPager()
@@ -53,37 +53,37 @@ else
@Html.Partial("DisplayTemplates/_LeafInputStatus", leafInput) @Html.Partial("DisplayTemplates/_LeafInputStatus", leafInput)
} }
@helper Btns(LeafInput item) @helper Actions(LeafInput item)
{ {
<div class="btn-group text-nowrap" role="group"> <div class="btn-group text-nowrap" role="group">
<div class="btn-group" role="group"> <div class="btn-group" role="group">
<button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button id="actions(@item.Id)" type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Actions Actions
<span class="fa fa-caret-down"></span>
</button> </button>
<ul class="dropdown-menu"> <div class="dropdown-menu" aria-labelledby="actions(@item.Id)">
<li>@DetailsLink(item)</li> <button class="dropdown-item">@DetailsLink(item)</button>
<li @DisableItem(!item.HasLeafChart)>@ChartLink(item)</li> <button class="dropdown-item @DisableItem(!item.HasLeafChart)">@ChartLink(item)</button>
@if (item.IsPending) @if (item.IsPending)
{ {
<li role="separator" class="divider"></li> <div class="dropdown-divider"></div>
<li class="dropdown-header">Priority</li> <h6 class="dropdown-header">Priority</h6>
<li @DisableItem(item.PendingPriority == Priority.High)>@PriorityForm(item, Priority.High)</li> <button class="dropdown-item @DisableItem(item.PendingPriority == Priority.High)">@PriorityForm(item, Priority.High)</button>
<li @DisableItem(item.PendingPriority == Priority.Normal)>@PriorityForm(item, Priority.Normal)</li> <button class="dropdown-item @DisableItem(item.PendingPriority == Priority.Normal)">@PriorityForm(item, Priority.Normal)</button>
<li @DisableItem(item.PendingPriority == Priority.Low)>@PriorityForm(item, Priority.Low)</li> <button class="dropdown-item @DisableItem(item.PendingPriority == Priority.Low)">@PriorityForm(item, Priority.Low)</button>
} }
@if (item.IsCancellable) @if (item.IsCancellable)
{ {
<li role="separator" class="divider"></li> <div class="dropdown-divider"></div>
<li>@CancelLink(item)</li> <button class="dropdown-item">@CancelLink(item)</button>
} }
<li role="separator" class="divider"></li> <div class="dropdown-divider"></div>
<li class="dropdown-header">Download</li> <h6 class="dropdown-header">Download</h6>
<li>@DownloadInput(item)</li> <button class="dropdown-item">@DownloadInput(item)</button>
<li @DisableItem(!item.HasOutputFiles)>@DownloadOutputToUser(item)</li> <button class="dropdown-item @DisableItem(!item.HasOutputFiles)">@DownloadOutputToUser(item)</button>
<li role="separator" class="divider"></li> <div class="dropdown-divider"></div>
<li @DisableItem(!item.IsDeletable)>@DeleteLink(item)</li> <button class="dropdown-item @DisableItem(!item.IsDeletable)">@DeleteLink(item)</button>
</ul> </div>
</div> </div>
</div> </div>
} }
@@ -163,6 +163,5 @@ else
@helper DisableItem(bool disabled) @helper DisableItem(bool disabled)
{ {
if (disabled) if (disabled){<text>disabled</text>}
{<text>class="disabled"</text>}
} }