Mr.Combet Webshell 🔥

View File Name : _AddSupportItem.cshtml

@model List<RER_Project.DataAccess.Models.GroupGrantsProjectDetails>
@{
    var groupId = ViewBag.GroupId;
}
<div class="modal-dialog" id="support-item-modal">
    <div class="modal-content modal-lg " height="auto">
        <div class="modal-header">
            <span class="close" id="close" data-dismiss="modal" aria-hidden="true">&times;</span>
            <label style="font-size:medium;"><b>Support Item</b></label>
        </div>
        <div class="modal-body">
            <div>
                <form id="formSupportItem">
                    <div id="eror_msg"></div>
                    <div class="form-group row">
                        <div class="col-md-4">
                            <strong>Item</strong>
                            <select class="form-control required" name="ItemId" id="ItemId" data-api="/groupGrant/supportItemList"></select>
                        </div>
                        <div class="col-md-4">
                            <strong>Unit</strong>
                            <select class="form-control required" name="UnitId" id="UnitId" data-api="/unit/select"></select>
                        </div>
                        <div class="col-md-4">
                            <strong>Rate</strong>
                            <input type="number" id="Rate" name="Rate" class="form-control required" />
                        </div>
                      

                    </div>
                    <div class="form-group row">
                        <div class="col-md-4">
                            <strong>Quantity</strong>
                            <input type="text" id="Quantity" name="Quantity" class="form-control required" />
                        </div>
                        <div class="col-md-4">
                            <strong>Total</strong>
                            <div class="inputWithIcon">
                                <input type="text" id="Total" name="Total" class="curr form-control currencyFormatter required" onkeypress="return isNumberKey(this,event)" />
                                <span><strong>Rs</strong></span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <strong>Benifeceries</strong>
                            <div class="inputWithIcon">
                                <input type="text" id="Beneficiary" name="Beneficiary" class="curr form-control currencyFormatter required" onkeypress="return isNumberKey(this,event)" />
                                <span><strong>Rs</strong></span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-4">
                            <strong>Project</strong>
                            <div class="inputWithIcon">
                                <input type="text" id="Project" name="Project" class="curr form-control currencyFormatter required" onkeypress="return isNumberKey(this,event)" />
                                <span><strong>Rs</strong></span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <strong>Project %</strong>
                            <div class="inputWithIcon">
                                <input type="text" id="ProjectRatio" name="ProjectRatio" class="form-control required" />
                                <span><strong>%</strong></span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <strong>Remarks</strong>
                                <input type="text" id="Remarks" name="Remarks" class="form-control required" />
                            </div>
                    </div>
                    <div class=" form-group pull-right">
                        <input type="submit" value="Save" id="btnSubmit" class="btn btn-primary " />
                    </div>
                </form>
            </div>
            <br />
            <hr />
            @*<div class="support-item-table col-lg-12">
                <div class="table-responsive" style="margin-top: 16px;">
                    <table class="footable table table-hover dataTables" data-page-size="10">
                        <thead>
                            <tr>
                                <th>Item </th>
                                <th>Quantity </th>
                                <th>Rate</th>
                                <th>Unit</th>
                                <th>Total </th>
                                <th>Beneficiary</th>
                                <th>Project </th>
                                <th>Other</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var item in Model)
                            {
                                <tr>
                                    <td>@item.ItemName</td>
                                    <td>@item.Quantity</td>
                                    <td>@item.Rate</td>
                                    <td>@item.UnitName</td>
                                    <td>@item.TotalAmount</td>
                                    <td>@item.BeneficiaryAmount</td>
                                    <td>@item.ProjectAmount</td>
                                    <td>@item.OtherAmount</td>
                                </tr>
                            }


                        </tbody>
                    </table>
                </div>
            </div>*@
        </div>
    </div>
</div>
<link href="~/Content/plugins/dataTables/datatables.min.css" rel="stylesheet" />
<script src="~/Scripts/plugins/dataTables/datatables.min.js"></script>
<script src="~/Scripts/app/currency.js"></script>
<script>
    $(document).ready(function () {
        window.initializeSelectApis();
        //$('.dataTables').DataTable({
        //    pageLength: 10,
        //    //dom: '<"html5buttons"B>lTfgitp',
        //    buttons: [],
        //    "bPaginate": false,
        //    "bLengthChange": false,
        //    "bFilter": false,
        //    "bInfo": true,
        //    "bAutoWidth": false
        //});
    });
    function removeComma(value) {
        var result = parseFloat(value.replace(/,/g, ''));
        if (isNaN(result)) {
            return 0;
        }
        else {
            return result;
        }
    }
    function isNumberKey(element, evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57) && !(charCode == 46 || charCode == 8))
            return false;
        else {
            var len = $(element).val().length;
            var index = $(element).val().indexOf('.');
            if (index > 0 && charCode == 46) {
                return false;
            }
            if (index > 0) {
                var CharAfterdot = (len + 1) - index;
                if (CharAfterdot > 3) {
                    return false;
                }
            }

        }
        return true;
    }

    $("form#formSupportItem").submit(function (e) {
        e.preventDefault();
        const form = $("#formSupportItem");

        $.validator.unobtrusive.parse(form);
        if (!form.valid()) {
            return false;
        };
        WorkForce.loader.show();
        var formData = new FormData(this);

        formData.append("TotalAmount", (removeComma($("#Beneficiary").val())) );
        formData.append("BeneficiaryAmount", Number(removeComma($("#Beneficiary").val())));
        formData.append("ProjectAmount", Number(removeComma($("#Project").val())));
        formData.append("GroupId", @groupId);
        
        if (!window.confirmAction()) {
            return false;
        };
        debugger
        $.ajax({
            type: "POST",
            url: "/groupGrant/addSupportItem",
            data: formData, // JSON.stringify(model),
            success: function (data) {
                if (data == true) {
                    WorkForce.loader.hide();
                    ShowMessage("success", "Data uploaded successfully");
                }
                else {
                    WorkForce.loader.hide();
                    ShowMessage("warning", data);
                }
            },
            error: function (xhr) {
                WorkForce.loader.hide();
                ShowMessage("error", xhr.responseText);
            },
            processData: false,
            contentType: false
        });

    });

</script>
<style>
    .modal-content {
        max-height: 95vh;
        overflow: auto;
    }
</style>