SurveyVista/Web/Areas/Admin/Views/Questionnaire/Index.cshtml

83 lines
3.5 KiB
Text

@model IEnumerable<QuestionnaireViewModel>
@{
ViewData["Title"] = "Questionnaire";
}
<div class="container-fluid ">
<partial name="_Notification" />
<div class="card bg-default mb-3 p-4 shadow ">
<div class="card-header">Questionnaire</div>
<div class="card-body">
<h4 class="card-title">Questionnaire list</h4>
<p>
<a asp-action="Create" class="btn btn-primary"><span><i class="bi bi-plus-square-fill"></i></span> Create New</a>
</p>
<table class="table table-responsive d-block table-light table-hover">
<thead class="w-auto">
<tr>
<th scope="col">Id</th>
<th scope="col">Title</th>
<th scope="col">Description</th>
<th scope="col">Total Question</th>
<th scope="col"> <span class="badge badge-primary">Questions</span> | <span class="badge badge-info">Type</span> | <span class="badge badge-success">Answers </span></th>
<th scope="col" class="d-flex justify-content-end">Action</th>
</tr>
</thead>
<tbody class="w-auto">
@foreach (var item in Model)
{
<tr class="table-secondary">
<td>@item.Id</td>
<td> @item.Title</td>
<td>@Html.Raw(item.Description)</td>
<td>
@* <button type="button" class="btn btn-primary btn-sm">
</button> *@
<span class="badge shadow rounded text-bg-primary p-2">
Questions <span class="badge text-bg-secondary shadow rounded p-1">@item.Questions?.Count()</span>
</span>
</td>
<td class="h5">
@foreach (var question in item.Questions.Take(1))
{
<span class="badge p-1 m-1 bg-primary shadow-sm"> Question:@question.Text</span>
<span class="badge p-1 m-1 bg-info shadow-sm">Type: @question.Type</span>
foreach (var answer in question.Answers)
{
<span class="badge p-1 m-1 bg-success shadow-sm"> Asnwer:@answer.Text</span>
}
}
</td>
<td class="d-flex justify-content-end">
<a asp-action="Delete" asp-route-id="@item.Id" class="btn btn-danger btn-s"><i class="bi bi-trash"></i> Delete</a> |
<a asp-action="Edit" asp-route-id="@item.Id" class="btn btn-warning btn-s"><i class="bi bi-pencil-square"></i> Edit</a>
</td>
</tr>
}
</tbody>
</table>
</div>
</div>
</div>