Mr.Combet Webshell 🔥

Edit File Name : Edit.cshtml

@model RER_Project.DataAccess.ViewModels.User.UserViewModel
@{
    ViewBag.Title = "User" + Model.User.UserName + " Edit";
}
@using RER_Project.BusinessLayer.BusinessService

@using RER_Project.Core.Helpers
@{
    var meta = AppUserService.GetCurrent();
}
<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>Edit User</b></label>
                    <hr />
                    <form id="EditUserForm">
                        <div id="eror_msg"></div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label for="Email"><strong>Email/UserName</strong></label>
                                <input type="email" class="required form-control" id="Email" name="Email" value="@Model.User.Email" />
                            </div>
                            <div class="form-group col-md-6">
                                <label for="Password"><strong>Password</strong></label>
                                <input type="password" class="required form-control" id="Password" name="Password" value="@Model.User.Password" />
                            </div>

</div>

<div class="form-group col-md-6 levelInfo">
                                <label for="Level">Level</label>
                                <select class="form-control" id="Level" name="Level">
                                    <option value="">Select</option>
                                    <option @(Model.User.Level == "Level1" ? ("selected") : "") value="Level1">Level 1 User</option>
                                    <option @(Model.User.Level == "Level2" ? ("selected") : "") value="Level2">Level 2 User</option>
                                </select>
                            </div>

<div class="form-group col-md-6">
                                <label for="Level"><strong>WorkStation</strong></label>
                                <select class="required form-control" id="WorkStationId" name="WorkStationId" data-api-selected-value="@Model.User.WorkStationId" data-api="/work_station/select"></select>

</div>

<div class="form-group col-md-6 provinceInfo">
                                <label><strong>Province</strong></label>
                                <select class="form-control required" name="ProvinceId" id="ProvinceId" data-api="/province/select/threeStates" multiple></select>
                                <input type="hidden" id="SelectedProvinceIds" name="SelectedProvinceIds" />
                            </div>
                            <div class="form-group col-md-6 districtInfo">
                                <label><strong>District</strong></label>
                                <select class="form-control required" name="DistrictId" id="DistrictId" data-api="/districts/select" multiple></select>
                                <input type="hidden" id="SelectedDistrictIds" name="SelectedDistrictIds" />
                            </div>

<div class="form-group col-md-6  commodityInfo">
                                <label><strong>Commodity</strong></label>
                                <select class="form-control" data-placeholder="Select Commodity" name="CommodityId" id="CommodityId" multiple="">
                                    <option value="">Select</option>
                                    @foreach (var item in Model.Commodities)
                                    {
                                        <option value="@item.CommodityTypeId">@item.CommodityTypeName</option>
                                    }
                                </select>
                                <input type="hidden" id="SelectedCommodityIds" name="SelectedCommodityIds" />
                            </div>

<div class="form-group col-md-6">
                                <label for="MobileNo"><strong>Mobile No</strong></label>
                                <input type="text" class="required form-control digits" id="MobileNo" name="MobileNo" maxlength="10" value="@Model.User.MobileNo" />
                            </div>

<div class="form-group col-md-2 pull-right">
                                @if (meta.RoleId == (int)EnumRoleHelper.Roles.Admin || meta.RoleId==(int)EnumRoleHelper.Roles.MnEExpert)
                                {
                                    <input type="button" value="Save" class="btn btn-primary" id="SubmitButton" /><span>&nbsp;&nbsp;</span>
                                }
                                <a href="/users" class="btn btn-default"><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> &nbsp;&nbsp;Back</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
<script>

$(document).ready(function () {

window.initializeSelectApis();
        window.initializeCascadeLocation();

});

function getChangeRole(data) {
        debugger;
       var provinceElement = $('#ProvinceId')

var districtElement = $('#DistrictId');
        console.log(districtElement)

var commodityElement = $('#CommodityId');

provinceElement.val([@Model.User.SelectedProvinceIds]);
         $('#SelectedProvinceIds').val('@Model.User.SelectedProvinceIds');

districtElement.val([@Model.User.SelectedDistrictIds]);
        $('#SelectedDistrictIds').val('@Model.User.SelectedDistrictIds');

console.log($('#DistrictId').val(),[@Model.User.SelectedDistrictIds],'di')
        console.log(districtElement, 'di')
        debugger

commodityElement.val([@Model.User.SelectedCommodityIds]);
            $('#SelectedCommodityIds').val('@Model.User.SelectedCommodityIds');

if (['1', '15', '16', '17'].includes(data.value)) {
       // if (data.value === '1'  || data.value === '4' || data.value === '15' || data.value === '16' || data.value === '19' || data.value === '18' || data.value === '17' || data.value === '20') {

$("#DistrictId").removeClass("required");
            $('.districtInfo').hide();

$("#ProvinceId").removeClass("required");
            $('.provinceInfo').hide();

$("#Level").addClass("required");
            $('.levelInfo').show();

$("#CommodityId").removeClass("required");
            $('.commodityInfo').hide();
        }
        else if (['13', '14'].includes(data.value)) {
       // else if (data.value === '3' || data.value === '9'  || data.value === '20') {  //If role is EDF

$("#ProvinceId").addClass("required");
            $('.provinceInfo').show();

$("#DistrictId").addClass("required");
            $('.districtInfo').show();

$("#CommodityId").removeClass("required");
            $('.commodityInfo').hide();

$(provinceElement).select2({
                multiple: false,
                allowClear: true,
            }).change(function () {
                var selectedIDs = $.map($(provinceElement).select2('data'), function (val, i) {
                    return val.id;
                }).join(",");
                console.clear();
                console.log(selectedIDs)
                $('#SelectedProvinceIds').val(selectedIDs);
            })

$(districtElement).select2({
                multiple: false,
                allowClear: true,
            }).change(function () {
                var selectedIDs = $.map($(districtElement).select2('data'), function (val, i) {
                    return val.id;
                    debugger;
                }).join(",");
                $('#SelectedDistrictIds').val(selectedIDs);
            })

}
            @*else if (['5', '6', '7','10','11','20'].includes(data.value)) {
       // else if (data.value === '5' || data.value === '6' || data.value === '7' || data.value === '10' || data.value === '11') {

//If Role is HCC, PICC, CICC , MRC, MRC MIDS, Financial Inclusion Officer
            $("#ProvinceId").addClass("required");
            $('.provinceInfo').show();

$("#DistrictId").removeClass("required");
            $('.districtInfo').hide();

$("#CommodityId").removeClass("required");
            $('.commodityInfo').hide();

$(provinceElement).select2({
                multiple: false,
                allowClear: true,
            }).change(function () {
                var selectedIDs = $.map($(provinceElement).select2('data'), function (val, i) {
                    return val.id;
                }).join(",");
                $('#SelectedProvinceIds').val(selectedIDs);
            })

}
              else if (data.value === '8') {
            $("#ProvinceId").removeClass("required");
            $('.provinceInfo').hide();

$("#DistrictId").removeClass("required");
            $('.districtInfo').hide();

$("#CommodityId").removeClass("required");
            $('.commodityInfo').hide();
        }
       else if(data.value === '12' || data.value === '14') {

$("#ProvinceId").addClass("required");
            $('.provinceInfo').show();

$("#DistrictId").addClass("required");
            $('.districtInfo').show();

$('.commodityInfo').show();
            $("#CommodityId").addClass("required");

$(provinceElement).select2({
                multiple: true,
            }).change(function () {
                  debugger;
                var selectedIDs = $.map($(provinceElement).select2('data'), function (val, i) {
                    return val.id;
                }).join(",");
                debugger;
                console.log(selectedIDs);
                $('#SelectedProvinceIds').val(selectedIDs);
            });
            debugger;

$(districtElement).select2({
                multiple: true,
            }).change(function () {
                debugger;
                var selectedDistrictIDs = $.map($(districtElement).select2('data'), function (val, i) {
                    return val.id;
                }).join(",");
                debugger;
                console.log(selectedDistrictIDs);
                $('#SelectedDistrictIds').val(selectedDistrictIDs);
            });

$(commodityElement).select2({
                multiple: true,
            }).change(function () {
                var selectedIDs = $.map($(commodityElement).select2('data'), function (val, i) {
                    return val.id;
                }).join(",");

$('#SelectedCommodityIds').val(selectedIDs);
            });
        }
        else {
            $('.commodityInfo').hide();
            $("#CommodityId").removeClass("required");
        }*@

}

function clearData() {
        document.getElementById('DistrictId').value = '';

}

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

const form = $("#EditUserForm");
        var test = window.serializeForm(form);

$.validator.unobtrusive.parse(form);

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

var datas = window.serializeForm(form);
        debugger;
        if (!window.confirmAction()) {
            return false;
        }

WorkForce.loader.show();

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

//const model = window.serializeForm(form);
        const model = getModel();

const ajax = request(model);

ajax.done(function (response) {
            WorkForce.loader.hide();
            showNotification("success");
            window.location = "/users";
        });

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

</script>