Mr.Combet Webshell 🔥

View File Name : Edit.cshtml

@model RER_Project.DataAccess.ViewModels.Feek1.Feek1BeneficiariesViewModel

@{
    ViewBag.Title = "FEEK1 Beneficiary Edit";
    var coopId = ViewContext.RouteData.Values["coopId"].ToString();
}



<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <label style="font-size: medium"><b>Feek1 Beneficiaries - Edit</b></label>
                    <hr />
                    <form id="CreateFeek1BeneficiariesForm">
                        <input type="hidden" value="@Model.Id" name="Id" />
                        <input type="hidden" id="startDateNepali" name="Feek1BeneficiariesStartDateNepali" value="@Model.Feek1BeneficiariesStartDateNepali" />
                        <input type="hidden" id="startDate" name="Feek1BeneficiariesStartDate" value="@Model.Feek1BeneficiariesStartDate.Date.ToShortDateString()" />

                        <input type="hidden" id="endDateNepali" name="Feek1BeneficiariesEndDateNepali" value="@Model.Feek1BeneficiariesEndDateNepali" />
                        <input type="hidden" id="endDate" name="Feek1BeneficiariesEndDate" value="@Model.Feek1BeneficiariesEndDate.Date.ToShortDateString()" />

                        <input type="hidden" id="coopId" name="CoopId" value="@coopId" />
                        <div class="row">
                            <div class="form-group col-md-3">

                                <label><strong>Start Date</strong></label>
                                <input type="text" class=" form-control" id="nepaliStartDatePicker" />

                            </div>

                            <div class="form-group col-md-3">

                                <label><strong>End Date</strong></label>
                                <input type="text" class=" form-control" id="nepaliEndDatePicker" />

                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Province</strong></label>
                                <select type="text" class="form-control required clear" name="ProvinceId" id="ProvinceId" data-api="/province/select/threeStates" data-api-selected-value="@Model.ProvinceId"></select>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>District</strong></label>
                                <select type="text" class="form-control required clear" name="DistrictId" id="DistrictId" data-api="/districts/select" data-api-selected-value="@Model.DistrictId" disabled=""></select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-3">
                                <label><strong>Municipality</strong></label>
                                <select type="text" class="form-control required clear" id="MunicipalityId" name="PalikaId" data-api="/municipality/select" data-api-selected-value="@Model.PalikaId" disabled=""></select>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Ward No.</strong></label>
                                <input type="text" oninput="validity.valid||(value='');" pattern="\d*" class="required form-control clear" id="WardNo" name="WardNo" value="@Model.WardNo" maxlength="2" />
                            </div>
                            <div class="form-group col-md-3">

                                <label><strong>Participant Name</strong> </label>
                                <input type="text" class="form-control required" name="ParticipantName" value="@Model.ParticipantName" id="ParticipantName" />
                            </div>


                            <div class="form-group col-md-3">

                                <label> <strong>Age</strong> </label>
                                <input type="number" oninput="validity.valid||(value='');" min="1" max="130" class="form-control required" name="Age" id="Age" value="@Model.Age" />
                            </div>

                            

                        </div>

                        <div class="row">
                            <div class="form-group col-md-3">
                                <label><strong>Gender</strong> </label>
                                <select class="form-control m-b required" name="Gender" id="Gender" data-api="/genders/select" data-api-selected-value="@Model.Gender">
                                </select>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Ethnicity</strong></label>
                                <select type="text" class="form-control required" name="EthnicityId" id="EthnicityId" data-api="/ethnicity/select" data-api-selected-value="@Model.EthnicityId"></select>
                            </div>




                            <div class="form-group col-md-3">
                                <label><strong>Migration Status</strong></label>
                                <select type="text" class="form-control required" data-api-selected-value="@Model.MigrantStatusId" name="MigrantStatusId" id="MigrantStatusId" data-api="/migration-status/select"></select>
                            </div>
                            <div class="form-group col-md-3">
                                <label><strong>Origin</strong></label>
                                <select type="text" class="form-control required clear" name="OriginId" id="OriginId" data-api="/origin/select/values" data-api-selected-value="@Model.OriginId"></select>
                            </div>
                        </div>

                        <div class="row">

                            <div class="form-group col-md-3">
                                <label><strong>Position</strong></label>
                                <select type="text" class="form-control required clear" name="PositionId" id="PositionId" data-api="/feek-positions/select" data-api-selected-value="@Model.PositionId"></select>
                            </div>
                            <div class="form-group col-md-3">

                                <label><strong>Mobile No</strong> </label>
                                <input type="text" class="form-control clear" name="MobileNo" id="MobileNo" maxlength="10" value="@Model.MobileNo"/>
                            </div>
                        </div>

                        <div class="row">

                            <div class="pull-right">
                                <input type="button" value="Save" class="btn btn-primary" id="submitBtn" /><span>&nbsp;&nbsp;</span>
                                <a href="/feek1/beneficiaries/coop/@coopId" class="btn btn-default">Back</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="~/Scripts/jquery.min.js"></script>
<script src="~/Scripts/NepaliDatePicker/jquery.nepaliDatePicker.min.js"></script>
<link href="~/Content/NepaliDatePicker/nepaliDatePicker.min.css" rel="stylesheet" />


<script>

    $(document).ready(function () {
        window.initializeSelectApis();
        window.initializeCascadeLocation();

          var startDate = new Date($("#startDate").val());
        var startNepaliDate = calendarFunctions.getBsDateByAdDate(startDate.getFullYear(), startDate.getMonth() + 1, startDate.getDate());
        var registrationFormatedNepaliDate = calendarFunctions.bsDateFormat("%y-%M-%d", startNepaliDate.bsYear, startNepaliDate.bsMonth, startNepaliDate.bsDate);

        $("#nepaliStartDatePicker").val(registrationFormatedNepaliDate);

        $("#nepaliStartDatePicker").nepaliDatePicker({
            dateFormat: "%y-%M-%d",
            closeOnDateSelect: true
        });

        $("#nepaliStartDatePicker").on("dateSelect", function (event) {
            var datePickerData = event.datePickerData;
            $("#startDate").val(datePickerData.adDate.toLocaleDateString());
            $("#startDateNepali").val(datePickerData.bsYear + "-" + datePickerData.bsMonth + "-" + datePickerData.bsDate);

        })

         var endDate = new Date($("#endDate").val());
        var endNepaliDate = calendarFunctions.getBsDateByAdDate(endDate.getFullYear(), endDate.getMonth() + 1, endDate.getDate());
        var formatedEndNepaliDate = calendarFunctions.bsDateFormat("%y-%M-%d", endNepaliDate.bsYear, endNepaliDate.bsMonth, endNepaliDate.bsDate);

        $("#nepaliEndDatePicker").val(formatedEndNepaliDate);

        $("#nepaliEndDatePicker").nepaliDatePicker({
            dateFormat: "%y-%M-%d",
            closeOnDateSelect: true
        });

        $("#nepaliEndDatePicker").on("dateSelect", function (event) {
            var datePickerData = event.datePickerData;
            $("#endDate").val(datePickerData.adDate.toLocaleDateString());
            $("#endDateNepali").val(datePickerData.bsYear + "-" + datePickerData.bsMonth + "-" + datePickerData.bsDate);

        })


        $("#submitBtn").off("click").on("click", function () {




            function request(model) {

                const url = "/feek1/beneficiaries/edit";
                const data = JSON.stringify(model.Feek1Beneficiaries);

                return window.getAjaxRequest(url, "POST", data);
            }

            const form = $("#CreateFeek1BeneficiariesForm");


            $.validator.unobtrusive.parse(form);

            if (!form.valid()) {
                return false;
            };

            if (!window.confirmAction()) {
                return;
            };

            WorkForce.loader.show();

            function getModel() {
                return ({
                    Feek1Beneficiaries: window.serializeForm(form),
                });
            }

            const model = getModel();
            const ajax = request(model);

            ajax.done(function (response) {
                WorkForce.loader.hide();
                showNotification("success");
                window.location = "/feek1/beneficiaries/coop/@coopId";
            });

            ajax.fail(function (xhr) {
                WorkForce.loader.hide();
                ShowMessage("error", xhr.responseText);
            });

        })

    })
</script>