98 lines
4.3 KiB
Plaintext
98 lines
4.3 KiB
Plaintext
@model List<HotelContracts.ViewModels.CleaningViewModel>
|
||
@{
|
||
ViewData["Title"] = "Уборки";
|
||
Layout = "_Layout";
|
||
}
|
||
|
||
<div class="">
|
||
<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored" id="create">
|
||
Новая уборка
|
||
</button>
|
||
@{
|
||
<ul class="demo-list-two mdl-list">
|
||
@foreach (var item in Model)
|
||
{
|
||
<li class="mdl-list__item" style="padding: 0 0 16px;">
|
||
<div class="demo-card-wide mdl-card mdl-shadow--2dp" style="width: 100%;">
|
||
<div class="mdl-card__title">
|
||
<h2 class="mdl-card__title-text">Уборка @item.Date.ToShortDateString()</h2>
|
||
</div>
|
||
<div class="mdl-card__supporting-text">
|
||
<span>Номер: #@item.Room.Id</span>
|
||
<ul class="demo-list-item mdl-list">
|
||
@{
|
||
@foreach (var room in item.CleaningInstruments)
|
||
{
|
||
<li class="mdl-list__item">
|
||
<span class="mdl-list__item-primary-content">
|
||
Комплект для уборки №@room.Value.Id @room.Value.Type
|
||
</span>
|
||
</li>
|
||
}
|
||
}
|
||
</ul>
|
||
<span>Всего инструментов @item.CleaningInstruments.Count</span>
|
||
</div>
|
||
<div class="mdl-card__actions mdl-card--border">
|
||
<a
|
||
href="/Home/DeleteClean?id=@item.Id"
|
||
class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
|
||
Удалить
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
}
|
||
</ul>
|
||
}
|
||
<dialog class="mdl-dialog">
|
||
<h4 class="mdl-dialog__title">Добавление уборки</h4>
|
||
<form method="post" asp-controller="Home" asp-action="CreateCleaning">
|
||
<div class="mdl-dialog__content">
|
||
<span>Дата уборки</span>
|
||
<div class="mdl-textfield mdl-js-textfield">
|
||
<input class="mdl-textfield__input" type="date" id="date" name="dateTime">
|
||
</div>
|
||
|
||
<span>Номер</span>
|
||
<div class="mdl-textfield mdl-js-textfield">
|
||
<select name="roomId" id="rooms" class="mdl-textfield__input">
|
||
@{
|
||
@foreach (var room in ViewBag.Rooms)
|
||
{
|
||
<option value="@room.Id">#@room.Id @room.GetTypeRoom()</option>
|
||
}
|
||
}
|
||
</select>
|
||
</div>
|
||
|
||
<span>Инструменты для уборки</span>
|
||
<div class="mdl-textfield mdl-js-textfield">
|
||
<select name="cleanings" id="" class="mdl-textfield__input" multiple="multiple">
|
||
@{
|
||
@foreach (var item in ViewBag.CleaningInstruments)
|
||
{
|
||
<option value="@item.Id">#@item.Id @item.Type</option>
|
||
}
|
||
}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="mdl-dialog__actions">
|
||
<button type="submit" class="mdl-button">Добавить</button>
|
||
<button type="button" class="mdl-button close">Отмена</button>
|
||
</div>
|
||
</form>
|
||
</dialog>
|
||
</div>
|
||
<script>
|
||
const dialog = document.querySelector('dialog');
|
||
const showDialogButton = document.querySelector('#create');
|
||
|
||
showDialogButton.addEventListener('click', function() {
|
||
dialog.showModal();
|
||
});
|
||
dialog.querySelector('.close').addEventListener('click', function() {
|
||
dialog.close();
|
||
});
|
||
</script> |