Mr.Combet Webshell 🔥

Edit File Name : Index.cshtml

@model RER_Project.DataAccess.ViewModels.Groups.GroupsViewModel

@{
    Layout = null;
}

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-md-8">
        <ol class="breadcrumb">
            <li class="active">
                <strong>Create Group</strong>
            </li>
        </ol>
    </div>
</div>

<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>Create</b></label>
                    <hr />
                    <form id="CreateGroupForm">
                        <div id="eror_msg"></div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>Province</label>
                                <select type="text" class="form-control required" name="ProvinceId" id="ProvinceId" data-api="/province/select"></select>
                            </div>
                            <div class="form-group col-md-6">
                                <label>District</label>
                                <select type="text" class="form-control required" name="DistrictId" id="DistrictId" data-api="/districts/select" disabled=""></select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>Municipality</label>
                                <select type="text" class="form-control required" id="MunicipalityId" name="MunicipalityId" data-api="/municipality/select" disabled=""></select>
                            </div>
                            <div class="form-group col-md-6">
                                <label>Ward No</label>
                                <input type="number" class="required form-control" id="WardNo" name="Ward" min="1" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>Settlement</label>
                                <input type="text" class="form-control" id="Settlement" name="Settlement" />
                            </div>
                            <div class="form-group col-md-6">
                                <label>Group No</label>
                                <input type="text" class="required form-control" id="GroupNo" name="GroupNo" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>Group Name</label>
                                <input type="text" class="required form-control" id="GroupName" name="GroupName" />
                            </div>
                            <div class="form-group col-md-6">
                                <label>Number of Beneficiary</label>
                                <input type="text" class="required form-control" id="BeneficiaryNo" name="BeneficiariesNo" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>Commodity</label>
                                <select type="text" class="form-control required" id="CommodityId" name="CommodityId" data-api="/commodity/select"></select>
                            </div>
                            <div class="form-group col-md-6">
                                <label>Contact Person Name</label>
                                <input type="text" class="required form-control" id="ContactPerson" name="ContactPerson" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>Contact Person Number</label>
                                <input type="text" class="required form-control" id="ContactNo" name="ContactNo" min="0" maxlength="10" />
                            </div>
                            <div class="form-group col-md-6">
                                <label>Investment Option </label>
                                <select type="text" class="form-control required" id="InvestmentOptionId" name="InvestmentOptionId" data-api="/investment-option/select"></select>
                            </div>
                        </div>
                        <input type="hidden" id="nepaliDate" name="NepaliDate" />
                        <input type="hidden" id="realEnglishDate" name="EnglishDate" />
                        @*</form>*@
                        @*<form id="CreateWindowInvestementOption">*@
                        <div class="row" id="windowInvestment" hidden>
                            <div class="form-group col-md-6">
                                <label id="lblwindowInvestment"> Window Investment </label>
                            </div>
                            <div class="form-group col-md-12">
                                <table id="tb" class="table table-striped table-bordered">
                                    <thead>
                                        <tr>
                                            <th>
                                                Commodity
                                            </th>
                                            <th>
                                                Proposed Grant
                                            </th>
                                            <th>
                                                Group/Co
                                            </th>
                                            <th>
                                                Samriddhi
                                            </th>
                                        </tr>
                                    </thead>

</div>
            </div>
        </div>
    </div>
</div>

$("#InvestmentOptionId").on("change", function () {

$("#lblwindowInvestment").text($("#InvestmentOptionId option:selected").text());
            $("#selectedInvestmentOptionval").val($("#InvestmentOptionId option:selected").val());

var optionIdval = $("#InvestmentOptionId option:selected").val();
            if (optionIdval == "") {
                $("#windowInvestment").hide();
            }
            else {
                $("#windowInvestment").show();
            }
        })

$("#CommodityId").on("change", function () {
            var commodity = $("#CommodityId option:selected").text();

$("#selectedCommodityval").val($("#CommodityId option:selected").val());

if ($("#CommodityId option:selected").val() == "") {
                $("#selectedCommodity").text("");
            }
            else {
                $("#selectedCommodity").text(commodity);
            }
        })

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

$("#nepaliDatePickcer").on("dateSelect", function (event) {
            var datePickerData = event.datePickerData;

$("#realEnglishDate").val(datePickerData.adDate.toLocaleDateString());
            $("#englishDate").val(datePickerData.adDate.toLocaleDateString());

$("#nepaliDate").val(datePickerData.bsYear + "-" + datePickerData.bsMonth + "-" + datePickerData.bsDate);

})

$("#SubmitButton").off("click").on("click", function () {
        function request(model) {
            const url = "/group/create";
            const data = JSON.stringify(model);
            return window.getAjaxRequest(url, "POST", data);
        }

const form = $("#CreateGroupForm");
        const windowInvestmentform = $("#CreateWindowInvestementOption");

$.validator.unobtrusive.parse(form);

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

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

WorkForce.loader.show();

function getModel() {
            return ({
                Group: window.serializeForm(form),
                WindowInvestementOption: window.serializeForm(windowInvestmentform)
            });
        }
        //const model = window.serializeForm(form);
        const model = getModel();
        const ajax = request(model);
        debugger

ajax.done(function (response) {
            WorkForce.loader.hide();
            showNotification("success");
            window.location = "/group-members?groupId=" + response;
        });

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

</script>