Mr.Combet Webshell 🔥

Edit File Name : _AssetsTab.cshtml

@model RER_Project.DataAccess.ViewModels.Baseline.BaselineViewModel
@using RER_Project.Core.Helpers;
@using RER_Project.BusinessLayer.BusinessService

@{
    var meta = AppUserService.GetCurrent();
}
@if (Model.MemberDetailView.IsActive)
{

<div class="form-group col-md-2">
                <label><strong>Assets Type</strong></label>
                @*<select type="text" class="form-control  required" name="AssetsId" id="AssetTypeId" data-api="/assetstype/select"></select>*@

<select class="form-control  required" name="AssetsId" id="AssetTypeId">
                    <option value="">Select</option>
                    @foreach (var parent in Model.AssetsParentTypes)
                    {
                        <optgroup label="@parent.Value">
                            @foreach (var child in Model.AssetsType)
                            {
                                if (Convert.ToInt32(parent.Key) == child.TypeId)
                                {
                                    <option value="@child.Id">@child.Name</option>
                                }

}
                        </optgroup>

}
                </select>
            </div>
            <div class="form-group col-md-2">
                <label><strong>Unit</strong> </label>
                <select type="text" class="form-control  required" name="UnitId" id="UnitId" data-api="/unit/asset" disabled></select>
                <input type="hidden" id="AssetUnitId" />
            </div>

<div class="form-group col-md-2">
                <label><strong>Quantity</strong></label>
                <input class="curr form-control required currencyFormatter" onkeypress="return isNumberKey(this,event)" maxlength="5" id="Quantity" name="Quantity" />
            </div>

<div class="form-group col-md-2">
                <label for="Price"><strong>Years Used </strong></label>
              
                    <input type="text" class="curr form-control required currencyFormatter" onkeypress="return isNumberKey(this,event)" maxlength="10" id="Price" name="Price">
                    <span><strong></strong></span>
                
                @* <input type="number" min="0" oninput="validity.valid||(value='');" step="0.0001" class=" form-control required" id="Price" name="Price" />*@
            </div>

<div class="form-group col-md-2">
                <label for="Ownership"><strong>OwnerShip Self</strong></label>
                <select type="text" class="form-control required " name="OwnershipSelfId" id="OwnershipSelfId" data-api="/ownership_self/select"></select>
            </div>

@*<div class="form-group col-md-2">
                <label for="Loan"><strong>Loan </strong></label>
                <div class="inputWithIcon">
                    <input type="text" class="curr form-control currencyFormatter" onkeypress="return isNumberKey(this,event)" maxlength="10" id="Loan" name="Loan">
                    <span><strong>MVR</strong></span>
                </div>
                
            </div>*@

@*<div class="form-group col-md-2 loan-source-div">
                <label><strong>Loan Source</strong></label>
                <div>

</div>*@

@*<div class="form-group col-md-2 loan-source-div">
                <label><strong>Subsidy</strong></label>
                <div>

</div>*@

<div class="form-group col-lg-12">
                <div class="pull-right">
                    @if (meta.RoleId == (int)EnumRoleHelper.Roles.Admin || meta.RoleId == (int)EnumRoleHelper.Roles.ProjectDirector || meta.RoleId == (int)EnumRoleHelper.Roles.BDS || meta.RoleId == (int)EnumRoleHelper.Roles.Specialist || meta.RoleId == (int)EnumRoleHelper.Roles.ProjectOfficer || meta.RoleId == (int)EnumRoleHelper.Roles.MnE || meta.RoleId == (int)EnumRoleHelper.Roles.MnEOfficer)
                    {
                        <input type="button" value="Save" class="btn btn-primary" id="SubmitAssets" />
                    }
                    @if (@Model.MemberDetailView.GroupId == 0)
                    {
                        <a href="/individualfarmers" class="btn btn-default"><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> Back </a>
                    }
                    else
                    {
                        <a href="/group-members?groupId=@Model.MemberDetailView.GroupId" class="btn btn-default"><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> Back </a>
                    }
                </div>

</div>

</div>
    </form>

}
<div class="row">
    <div class="form-group col-md-12">
        <div class="pull-left">
            <a class="btn btn-primary btnPrevious"><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> &nbsp;Previous</a>
            <a class="btn btn-primary btnNext">Next <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
        </div>
    </div>
</div>

<div class="table-responsive" style="margin-top: 16px;">
    <table class="table table-bordered table-hover" name="tblAssets" id="tblAssets">
        <thead>
            <tr>
                <th>Asset Type</th>
                <th>Asset Unit</th>
                <th>Quantity</th>
                <th style="text-align:center">Years</th>
                <th>OwnerShip Self</th>
                @*<th style="text-align:center">Loan (MVR)</th>
                <th>Loan Source</th>
                <th>Subsidy</th>*@
                @if (Model.MemberDetailView.IsActive)
                {
                    <th>Action</th>
                }

</tr>
        </thead>
        <tbody id="tblAssetsBody">
        </tbody>
        <tfoot style="line-height:30px;background-color:#edf0ee;color:black" id="tblBaselineAssetFooter">

</tfoot>
    </table>

</div>

function loadAssetsList() {
        $('.loan-source-div').hide();
              const ajax = request();

function request() {

const url = '/baseline/assets/member/' + @Model.MemberDetailView.Id;

return window.getAjaxRequest(url, "Get", @Model.MemberDetailView.Id);
            }

ajax.done(function (response) {

addAssetsToTable(response);

});

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

function addAssetsToTable(response) {

var status = '@Model.MemberDetailView.IsActive';
            console.log(response);

$('#tblAssets tbody > tr').remove();
              $('#tblAssets tfoot > tr').remove();
            var table = $("#tblAssets tbody");
            var totalPriceAmount = 0;
            var totalLoanAmount = 0;
            console.clear();

response.forEach(function (x) {
                debugger;
        var row = "<tr>";
                row += "<td>" + x.asset + "</td>";
                row += "<td>" + x.unit + "</td>";
                row += "<td>" + x.quantity + "</td>";
                row += "<td><center> " + getNumberWithComma(x.price) + "</center></td>";
                row += "<td>" + x.ownership + "</td>";
                @*row += "<td><center><strong> MVR. " + getNumberWithComma(x.loan) + "</strong></center></td>";

row += "<td><center><strong> " + x.loan_source + "</strong></center></td>";
                row += "<td><center><strong> " + x.subsidy_name + "</strong></center></td>";*@
                row += "<td class>" + "<a class='btn btn-default btn-xs asset_edit_delete' style='color:dodgerblue' onclick=editAssetsById(" + x.id + ") ><i class='fa fa-edit'></i></a>" +
                    "&nbsp;&nbsp;<a class='btn btn-default btn-xs asset_edit_delete' style='color:dodgerblue' onclick=deleteBaselineAssetByAssetId(" + x.id + ") ><i class='fa fa-trash'></i ></a>" //+

//"&nbsp;<span style='cursor:pointer' onclick=showAssetRecommendPopUp(" + x.id + ")  class='badge'>Recommend</span></td>"
                   + "</tr>";

totalPriceAmount += parseFloat(x.price||0);
                totalLoanAmount += parseFloat(x.loan||0);

table.append(row);
            })

var tblFooter = $("#tblAssets tfoot");
         var footerRow = `<tr>
                    <td ><strong>Total : </strong></td>
                    <td colspan="2"></td>

<td></td>
             }</center ></strong ></td > <td></td>
                     <td><strong><center> MVR. ${getNumberWithComma(totalLoanAmount) }</center></strong></td> <td></td><td></td><td></td>
                </tr>`
            tblFooter.append(footerRow);

if (status === 'False') {
                $('.hideshow').hide();
            }

var role = '@meta.RoleId';

if (role == 1 || role == 4 || role == 28) {

$('.asset_edit_delete').show();
            }
            else {
                $('.asset_edit_delete').hide();
            }
       }

function editAssetsById(id) {

const ajax = request(id);

function request(id) {

const url = '/baseline/assets/' + id;

return window.getAjaxRequest(url, "Get", id);

}
           ajax.done(function (response) {
               //console.clear();
               //console.log(response);
               //debugger;
              $('#AssetMainId').val(response.Id);

$('#Quantity').val(response.Quantity);
              $('#Price').val(getNumberWithComma(response.Price));
              $('#Loan').val(getNumberWithComma(response.Loan));
              $('#AssetTypeId').val(response.AssetsId);
               $('#UnitId').val(response.UnitId);
               $('#AssetUnitId').val(response.UnitId);
               $('#SubsidyTypeId').val(response.SubsidyTypeId);
               $('#LoanSourceId').val(response.LoanSourceId);
               $('#OwnershipSelfId').val(response.OwnershipSelfId);
               $("#UnitId").prop("disabled", false);

if (getNumberWithComma(response.Loan) > 0) {
                   $('.loan-source-div').show();
                   $('#LoanSourceId').val(getNumberWithComma(response.LoanSourceId));
                   $('#SubsidyTypeId').val(getNumberWithComma(response.SubsidyTypeId));
               }
               else {
                   $('.loan-source-div').hide();
               }

$("#AssetTypeId").trigger("change");
               window.scrollTo(0, 0);

});

ajax.fail(function (xhr) {

ShowMessage("error", xhr.responseText);
        });
       }

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

const form = $("#CreateAssets");

$.validator.unobtrusive.parse(form);

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

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

WorkForce.loader.show();

function request(model) {
                const url = "/baseline/assets/create";
                const data = JSON.stringify(model);
                return window.getAjaxRequest(url, "POST", data);
            }
            function getModel() {

return ({
                  BaselineAssets: getBaselineAssets()
                });
            }

function getBaselineAssets() {
                 var assetsData = {};
                 assetsData.Id = $('#AssetMainId').val();
                 assetsData.BaselineId = $('#baselineId').val();
                 assetsData.Groupid = '@Model.MemberDetailView.GroupId';
                 assetsData.MemberId = '@Model.MemberDetailView.Id';
                 assetsData.DistrictId = '@Model.MemberDetailView.DistrictId';
                 assetsData.AssetsId = $('#AssetTypeId').val();
                 assetsData.UnitId = $('#UnitId').val();
                 assetsData.Quantity = removeCommaFromString($('#Quantity').val());
                 assetsData.Price = removeCommaFromString($('#Price').val());
                 @*assetsData.Loan = removeCommaFromString($('#Loan').val());
                 assetsData.SubsidyTypeId = $('#SubsidyTypeId').val();
                 assetsData.LoanSourceId = $('#LoanSourceId').val();*@
                 assetsData.OwnershipSelfId = $('#OwnershipSelfId option:selected').val();
                return assetsData;
            }

const model = getModel();

const ajax = request(model);

ajax.done(function (response) {
                WorkForce.loader.hide();
                showNotification("success");
                loadAssetsList();
                clearAssetsData();

});

ajax.fail(function (xhr) {

WorkForce.loader.hide();
                ShowMessage("error", xhr.responseText);
            });

});

function clearAssetsData() {
            $('#AssetTypeId').val('');
            $('#AssetMainId').val('');
            $('#UnitId').val('');
            $('#OwnershipSelfId').val('');
            $('#Quantity').val('');
            $('#Price').val('');
            $('#Loan').val('');
            $('#LoanSourceId').val('');
            $('#SubsidyTypeId').val('');
        }

function deleteBaselineAssetByAssetId(assetId) {
         let conf = confirm(`Are you sure you want to delete this Baseline Asset ?`);
        if (!conf) {

return;
        } else {

const ajaxResponse = requestBaselineAssetToDelete(assetId);

ajaxResponse.done(function (response) {
                WorkForce.loader.hide();
                if (response) {
                    loadAssetsList();
                    ShowMessage("success", "Successfully Deleted this Baseline Asset");
                }

WorkForce.loader.hide();
            });

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

WorkForce.loader.hide();
        }
    }

function requestBaselineAssetToDelete(assetId) {
            const url = "/baseline/asset/delete/";
            const data = JSON.stringify({ "Id": assetId});
            return window.getAjaxRequest(url, "POST", data);
    }

}
  return true;
       }

function getNumberWithComma(value) {
        value = value||0
      return   Number(parseFloat(value).toFixed(2)).toLocaleString("en-IN", { minimumFractionDigits: 0 })
    }

$('#recommendModel').modal('show');
        $('#RowIdInPopUp').val(id);
        $('#TableName').val('Asset');
    }

$("#Loan").bind("change paste keyup", function () {
        debugger;
        //var salesQuantity = removeCommaFromString($("#SalesQuantity").val());

//$('#TotalSalesAmount').val(getNumberWithComma(sum));
        var loanRs = removeCommaFromString($('#Loan').val());

if (loanRs > 0) {
            $("#LoanSourceId").addClass("required");
            $("#SubsidyTypeId").addClass("required");
            $('.loan-source-div').show();
        }
        else {
            $("#LoanSourceId").removeClass("required");
            $("#SubsidyTypeId").removeClass("required");
            $('#LoanSourceId').val('');
            $('#SubsidyTypeId').val('');
            $('.loan-source-div').hide();
        }

});

</script>