kreta/KretaWeb/Areas/Intezmeny/Views/Terem/Edit_TeremBerbeadas_Tab.cshtml
2024-03-13 00:33:46 +01:00

255 lines
12 KiB
Text

@using Kreta.Resources;
@using Kreta.Web.Areas.Intezmeny.Models
@using Kreta.Web.Helpers.Grid;
@using Kreta.Web.Security
@model TeremModel
<div class="container-fluid details">
<h4>@IntezmenyResource.BerbeadassalKapcsolatosAdatok</h4>
<div class="row">
@Html.KretaCheckBoxFor(x => x.TeremBerbeadasModel.Berbeadhato).RenderWithName(5, 7)
</div>
<div class="berbeadhatoDisabler">
<div class="row">
@Html.KretaComboBoxFor(x => x.TeremBerbeadasModel.TulajdonTipusaId, Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new { controller = "ComboBoxHelperApi", action = "GetTulajdonTipusList" }), "Text", "Value").AutoBind(true).RenderWithName(5, 7)
</div>
<div class="row">
@Html.KretaNumericFor(x => x.TeremBerbeadasModel.Ar).Min(1).Max(999999).RenderWithName(5, 7, tooltipResource: "Hétköznap, nyilvántartási időben")
</div>
<div class="row">
@Html.KretaNumericFor(x => x.TeremBerbeadasModel.EmeltAr).Min(1).Max(999999).RenderWithName(5, 7, tooltipResource: "Hétköznap, nyitvatartási időn kívül, hétvégén, munkaszüneti- illetve ünnepnapokon")
</div>
<div class="row">
@Html.KretaTimePickerFor(x => x.TeremBerbeadasModel.EmeltIdoszakKezdete).RenderWithName(5, 7)
</div>
<div class="row">
@Html.KretaTextAreaFor(x => x.TeremBerbeadasModel.Leiras).RenderWithName(5, 7)
</div>
<div id="FotoInputContainerDiv" class="row">
<div class="col-md-5 windowInputLabel">
@IntezmenyResource.Foto
</div>
<div class="col-md-7">
@Html.KretaFileUpload("FotoInputContainer", onSelectEvent: "function(e){ TeremBerbeadasFileUploadHelper.onSelectKep(e); }", onRemoveEvent: "function(e){ TeremBerbeadasFileUploadHelper.getFileForPreview(); }", allowMultiple: false, selectText: IntezmenyResource.KepTallozasa)
</div>
</div>
<div class="row">
<div class="col-md-5" />
<div class="col-md-7" id="ListViewContainer">
<img id="TeremKep" />
</div>
</div>
<h4>@IntezmenyResource.Elerhetoseg</h4>
<div class="row">
@Html.KretaDatePickerFor(x => x.TeremBerbeadasModel.FoglalhatoIdoszakKezdete).Min(new DateTime(2021, 1, 1)).RenderWithName(5, 7)
</div>
<div class="row">
@Html.KretaDatePickerFor(x => x.TeremBerbeadasModel.FoglalhatoIdoszakVege).Min(new DateTime(2021, 1, 1)).RenderWithName(5, 7)
</div>
<div id="TeremBerbeadasIdopontContainer">
<div class="col-md-5 windowInputLabel">
@IntezmenyResource.AHetNapjaiSzerint
</div>
<div class="col-md-7">
<div id="TeremBerbeadasIdopontDiv">
@(
Html.KretaGrid<TeremBerbeadasIdopontModel>
(
name: "TeremBerbeadasIdopontGrid",
getUrl: new GridApiUrl(Constants.ApiControllers.TeremApi, "GetTeremBerbeadasIdopontjai", new Dictionary<string, string> { { "TeremId", Model.TeremId.HasValue ? Model.TeremId.Value.ToString() : "0" } }),
allowSorting: false
)
.Editable(x => x.Enabled(false))
.AutoBind(true)
.Columns(columns =>
{
columns.Bound(c => c.C_HETNAPJA_DNAME);
})
.TimePickerForColumn(Html, IntezmenyResource.tol, c => c.Kezdete, interval: 30)
.TimePickerForColumn(Html, IntezmenyResource.ig, c => c.Vege, interval: 30)
)
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var TeremBerbeadasFileUploadHelper = (function () {
var teremBerbeadasFileUploadHelper = function () { };
function readFileForPreview(file)
{
var reader = new FileReader();
if (file) {
reader.onloadend = function () {
if (reader.result !== null) {
$("#ListViewContainer").css("height", "350px");
$("#ListViewContainer").css("width", "350px");
$("#TeremKep").css("height", "350px");
$("#TeremKep").css("width", "350px");
$("#TeremKep").attr("src", reader.result);
}
else {
$("#TeremKep").removeAttr("src");
$("#TeremKep").removeAttr("style");
$("#ListViewContainer").removeAttr("style");
}
};
reader.readAsDataURL(file);
}
}
teremBerbeadasFileUploadHelper.getFileForPreview = function () {
var url = "@Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new { controller = Constants.ApiControllers.TeremApi, action = "GetPicture" })";
AjaxHelper.DoGet(url,
{ teremId: @(Model.TeremId.HasValue ? Model.TeremId : 0) },
function (data)
{
if (data.Data[0].ContentAsBase64EncodedString !== null) {
$("#ListViewContainer").css("height", "350px");
$("#ListViewContainer").css("width", "350px");
$("#TeremKep").css("height", "350px");
$("#TeremKep").css("width", "350px");
$("#TeremKep").attr("src", data.Data[0].ContentAsBase64EncodedString);
}
else {
$("#TeremKep").removeAttr("src");
$("#TeremKep").removeAttr("style");
$("#ListViewContainer").removeAttr("style");
}
});
}
teremBerbeadasFileUploadHelper.onSelectKep = function (e) {
$('#ListViewContainer').show();
KretaFileUpload.StopAnimation();
var allowedFileExtensionArray = [".png", ".bmp", ".jpg", ".jpeg"];
var attachmentMaxFileSizeInBytes = 1048576;
var attachments = e.files;
for(var i = 0; i < attachments.length;i++){
if (attachmentMaxFileSizeInBytes<attachments[i].size){
e.preventDefault();
var errorMessage = "@ErrorResource.HibaTortentXMBNalNemLehetNagyobbAFajlMerete";
errorMessage=errorMessage.replace("{0}",attachmentMaxFileSizeInBytes/(1024*1024));
KretaWindowHelper.feedbackWindow("@CommonResource.Hiba", errorMessage, true);
$('#ListViewContainer').hide();
break;
}
if ($.inArray(attachments[i].extension.toLowerCase(), allowedFileExtensionArray)===-1){
e.preventDefault();
KretaWindowHelper.feedbackWindow("@CommonResource.Hiba", "@ErrorResource.AFajlKiterjeszteseVagyTipusaNemMegfelelo", true);
$('#ListViewContainer').hide();
break;
}
}
setTimeout(function () {
readFileForPreview(e.files[0].rawFile);
});
}
teremBerbeadasFileUploadHelper.onSelectDokument = function (e) {
KretaFileUpload.StopAnimation();
var allowedFileExtensionArray = [".pdf"];
var attachmentMaxFileSizeInBytes = 5242880;
var attachments = e.files;
for(var i = 0; i < attachments.length;i++){
if (attachmentMaxFileSizeInBytes<attachments[i].size){
e.preventDefault();
var errorMessage = "@ErrorResource.HibaTortentXMBNalNemLehetNagyobbAFajlMerete";
errorMessage=errorMessage.replace("{0}",attachmentMaxFileSizeInBytes/(1024*1024));
KretaWindowHelper.feedbackWindow("@CommonResource.Hiba", errorMessage, true);
break;
}
if ($.inArray(attachments[i].extension.toLowerCase(), allowedFileExtensionArray)===-1){
e.preventDefault();
KretaWindowHelper.feedbackWindow("@CommonResource.Hiba","@ErrorResource.AFajlKiterjeszteseVagyTipusaNemMegfelelo", true);
break;
}
}
}
return teremBerbeadasFileUploadHelper;
})();
$(document).ready(function () {
SetControls('#TeremBerbeadasModel_Berbeadhato');
$('#TeremBerbeadasModel_Berbeadhato').change(function () {
SetControls(this);
});
});
function SetControls(checkBoxId) {
if ($(checkBoxId).is(':checked')) {
$(".berbeadhatoDisabler").removeClass('disabledItem');
$("[for*='TeremBerbeadasModel.Ar']").append($("<span>", { "class": "required-indicator", "style": "padding-left:4px" }).text("*"));
$("[for*='TeremBerbeadasModel_Leiras']").append($("<span>", { "class": "required-indicator", "style": "padding-left:4px" }).text("*"));
$("#FotoInputContainerDiv").find(".windowInputLabel").append($("<span>", { "class": "required-indicator", "style": "padding-left:4px" }).text("*"));
$("[for*='TeremBerbeadasModel.FoglalhatoIdoszakKezdete']").append($("<span>", { "class": "required-indicator", "style": "padding-left:4px" }).text("*"));
$("#TeremBerbeadasIdopontContainer").find(".windowInputLabel").append($("<span>", { "class": "required-indicator", "style": "padding-left:4px" }).text("*"));
$("[for*='TeremAlapadatokModel.Terulet']").append($("<span>", { "class": "required-indicator", "style": "padding-left:4px" }).text("*"));
if (CommonUtils.parseBool("@(!ClaimData.IsSelectedTanev21_22OrLater || !ClaimData.IsSzakkepzoIntezmeny)")) {
$("[for*='TeremAlapadatokModel.Kapacitas']").append($("<span>", { "class": "required-indicator", "style": "padding-left:4px" }).text("*"));
}
SetVaidationInfoForKretaFileUpload("FotoInputContainerDiv", "FotoFileUploadValidationInfo", ["A javasolt méret 350x350 pixel. A megengedett file típusok", ".png", ".bmp", ".jpg", ".jpeg", " Maximális méret: 1MB"]);
TeremBerbeadasFileUploadHelper.getFileForPreview();
}
else {
$(".berbeadhatoDisabler").addClass('disabledItem');
$("[for*='TeremBerbeadasModel.Ar'] .required-indicator").remove();
$("[for*='TeremBerbeadasModel_Leiras'] .required-indicator").remove();
$("#FotoInputContainerDiv").find(".windowInputLabel .required-indicator").remove();
$("[for*='TeremBerbeadasModel.FoglalhatoIdoszakKezdete'] .required-indicator").remove();
$("#TeremBerbeadasIdopontContainer").find(".windowInputLabel .required-indicator").remove();
$("[for*='TeremAlapadatokModel.Terulet'] .required-indicator").remove();
if (CommonUtils.parseBool("@(!ClaimData.IsSelectedTanev21_22OrLater || !ClaimData.IsSzakkepzoIntezmeny)")) {
$("[for*='TeremAlapadatokModel.Kapacitas'] .required-indicator").remove();
}
var fileUpload = $("#FotoInputContainerDiv").find(".k-button.k-upload-button");
fileUpload.unbind("mouseenter");
fileUpload.unbind("mouseleave");
}
if ("@(Model.TeremBerbeadasModel.PictureId.HasValue)" === "True") {
$('#ListViewContainer').show();
}
else {
$('#ListViewContainer').hide();
}
}
function SetVaidationInfoForKretaFileUpload(uploadInputContainerId, fileUploadValidationContainerId, allowedFileExtensionArray) {
KretaFileUpload.DisplayValidationInfo(uploadInputContainerId, fileUploadValidationContainerId);
var documentUploadButton = $("#" + uploadInputContainerId);
documentUploadButton.mouseenter(function () {
KretaFileUpload.StartAnimation();
KretaFileUpload.VaidationInfoExtensionContainerAnimation(fileUploadValidationContainerId, allowedFileExtensionArray, 0);
});
documentUploadButton.mouseleave(function () {
KretaFileUpload.StopAnimation(fileUploadValidationContainerId);
});
}
</script>