79 lines
2.5 KiB
Plaintext
79 lines
2.5 KiB
Plaintext
@using HotelContracts.ViewModels;
|
|
@using HotelDataModels.Models;
|
|
|
|
@{
|
|
ViewData["Title"] = "UpdateConference";
|
|
}
|
|
|
|
<form method="post">
|
|
<div class="text-center">
|
|
<h2 class="display-4">Изменение конференции</h2>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="u-label u-text-custom-color-1 u-label-1">Конференция</label>
|
|
<select id="conference" name="conference" class="form-control" asp-items="@(new SelectList(@ViewBag.Conferences, "Id", "ConferenceName"))"></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="u-label u-text-custom-color-1 u-label-1">Название конференции</label>
|
|
<input type="text"
|
|
id="conferenceName"
|
|
placeholder="Введите название конференции"
|
|
name="conferenceName"
|
|
class="form-control" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="u-label u-text-custom-color-1 u-label-1">Дата начала</label>
|
|
<input type="datetime-local"
|
|
id="startDate"
|
|
placeholder="Введите дату начала"
|
|
name="startDate"
|
|
class="form-control" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="u-label u-text-custom-color-1 u-label-2">Участники: </label>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-8">
|
|
<select name="memberselect" class="form-control" multiple size="6" id="memberselect">
|
|
@foreach (var member in ViewBag.Member)
|
|
{
|
|
<option value="@member.Id">@($"{member.MemberSurname} {member.MemberName} {member.MemberPatronymic}")</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="u-container-layout u-container-layout-2">
|
|
<input type="submit" value="Сохранить" class="btn btn-outline-dark text-center d-flex justify-content-md-center" />
|
|
</div>
|
|
</form>
|
|
|
|
@section Scripts
|
|
{
|
|
<script>
|
|
function check() {
|
|
var conference = $('#conference').val();
|
|
$("#memberselect option:selected").removeAttr("selected");
|
|
if (conference) {
|
|
$.ajax({
|
|
method: "GET",
|
|
url: "/Home/GetConference",
|
|
data: { conferenceId: conference },
|
|
success: function (result) {
|
|
console.log(result.item2);
|
|
$('#conferenceName').val(result.item1.conferenceName);
|
|
var startDate = new Date(result.item1.startDate).toISOString().slice(0, 16);
|
|
$('#startDate').val(startDate);
|
|
$.map(result.item2, function (n) {
|
|
console.log("#" + n);
|
|
$("#" + n).attr("selected", "selected")
|
|
});
|
|
}
|
|
});
|
|
};
|
|
}
|
|
check();
|
|
$('#conference').on('change', function () {
|
|
check();
|
|
});
|
|
</script>
|
|
} |