Mr.Combet Webshell 🔥

View File Name : Create.cshtml

@model RER_Project.DataAccess.ViewModels.Baseline.BaselineViewModel
@using RER_Project.BusinessLayer.BusinessService
@{
    ViewBag.Title = "Baseline Create" + String.Concat(Model.MemberDetailView.FirstName, ' ', Model.MemberDetailView.LastName);
}
@using RER_Project.Core.Helpers
@{
    var meta = AppUserService.GetCurrent();
}
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-md-12">

        <strong><span style="font-size:medium">Add / Edit Baseline   </span></strong><br />
        <br />
        <div class="row">
            <div class="col-lg-12">
                <span style="font-size: 100%;">
                    &nbsp;&nbsp;&nbsp;&nbsp;Member Name: <strong>@Model.MemberDetailView.FirstName @Model.MemberDetailView.LastName</strong>
                </span>
                <span style="font-size: 100%;">
                    &nbsp;&nbsp;&nbsp; IFF Name: <strong>@Model.MemberDetailView.GroupName</strong>
                </span>

                <span style="font-size: 100%;">
                    &nbsp;&nbsp;&nbsp; Commodity: <strong>@Model.Fn_Member_Detail_Info.commodity</strong>
                </span>
            </div>
        </div>
        <br />
        <div class="row">
            <div class="col-lg-12">
                <span style="font-size: 100%;">
                    &nbsp;&nbsp;&nbsp;&nbsp;Province: <strong>@Model.MemberDetailView.Province</strong>
                </span>
                <span style="font-size: 100%;">
                    &nbsp;&nbsp;&nbsp; Atoll: <strong>@Model.MemberDetailView.District</strong>
                </span>
                <span style="font-size: 100%;">
                    &nbsp;&nbsp;&nbsp; Island: <strong>@Model.MemberDetailView.Municipality</strong>
                </span>

                @* <span style="font-size: 100%;">
                        &nbsp;&nbsp;&nbsp; Ward: <strong>@Model.MemberDetailView.WardNo</strong>
                    </span>*@
            </div>

        </div>




    </div>
</div>

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <input type="hidden" id="IsBaseline" value="1" />
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    @*<label style="font-size: medium"><b>Create </b></label>*@
                    <ul class="nav nav-tabs moveToTop" id="myTab">
                        <li class="tab-pane active"><a href="#tab1" data-toggle="tab">Basic</a></li>
                        <li class="tab-pane  disabledTab"><a href="#tab4" data-toggle="tab">Family Details</a></li>
                        <li class="tab-pane  disabledTab"><a href="#tab2" data-toggle="tab">Income</a></li>
                        <li class="tab-pane  disabledTab"><a href="#tab3" data-toggle="tab">Expense</a></li>

                        <li class="tab-pane  disabledTab"><a href="#tab5" data-toggle="tab">Assets</a></li>


                        @*@if (Model.MemberDetailView.MigrationId != 3)
                            {
                                <li class="tab-pane  disabledTab"><a href="#tab6" data-toggle="tab">Use of Remittance</a></li>
                            }*@
                        <li class="tab-pane  disabledTab"><a href="#tab7" data-toggle="tab">Land Uses</a></li>
                    </ul>
                    <br />



                    <div class="tab-content">
                        @* Basic *@

                        <div class="tab-pane active" id="tab1">
                            <form id="CreateBaseline_Main">

                                <div id="eror_msg"></div>
                                <input type="hidden" name="GroupId" value="@Model.MemberDetailView.GroupId" />
                                <input type="hidden" name="GroupMId" value="@Model.Baseline.GroupMId" />
                                <input type="hidden" name="MemberMId" value="@Model.Baseline.MemberMId" />
                                <input type="hidden" name="MId" value="@Model.Baseline.MId" />
                                <input type="hidden" id="BaselineDateNepali" name="BaselineDateNepali" />
                                <input type="hidden" id="BaselineDate" name="BaselineDate" value="@Model.Baseline.BaselineDate" />
                                <input type="hidden" name="Id" id="baselineId" value="@Model.Baseline.Id" />

                                <input type="hidden" name="ProvinceId" value="@Model.MemberDetailView.ProvinceId" />
                                <input type="hidden" name="DistrictId" value="@Model.MemberDetailView.DistrictId" />
                                <input type="hidden" name="MunicipalityId" value="@Model.MemberDetailView.MunicipalityId" />


                                <div class="row">
                                    <div class="form-group col-md-3">
                                        <label><strong>Fiscal Year </strong></label>
                                        @{ var fiscalYear = Model.Baseline.FiscalYearId.ToString(); }


                                        @if (Model.Baseline.FiscalYearId == 0)
                                        {
                                            fiscalYear = "";
                                        }

                                        <select type="text" class="form-control required" name="FiscalYearId" id="FiscalYearId" data-api-selected-value="@fiscalYear" data-api="/fiscal_year_unlocked/select"></select>
                                    </div>
                                </div>

                                <div class="row">
                                    @*  <div class="form-group col-md-6">
                                            <label><strong>MemberId </strong></label>
                                            <input type="text" class="form-control" value="@Model.MemberDetailView.Id" disabled required />
                                            <input type="hidden" name="MemberId" value="@Model.MemberDetailView.Id" required />

                                        </div>*@
                                    <div class="form-group col-md-6">
                                        <label><strong>Date</strong></label>
                                        <!--<input type="date" name="BaselineDate" class=" form-control required" id="baselineDatePicker"--> @* value="@Model.Baseline.BaselineDate*@ <!--/>-->
                                        <!--<input type="date" class="form-control" id="BaselineDate" name="BaselineDate"--> @*value="@Model.Baseline.BaselineDate"*@  @*value="@Model.Baseline.BaselineDate.ToString("yyyy-MM-dd")"*@

                                        @if (Model.Baseline.BaselineDate != null)
                                        {

                                            <input type="date" class="form-control" id="BaselineDate" name="BaselineDate" value="@Model.Baseline.BaselineDate.ToString("yyyy-MM-dd")" />

                                            @* <span>@Model.Baseline.BaselineDate</span>*@
                                        }
                                        else
                                        {
                                            <input type="date" class="form-control" id="BaselineDate" name="BaselineDate" />
                                        }

                                    </div>
                                    <div class="form-group col-md-6">
                                        <label><strong>Household Name</strong></label>
                                        <input type="text" class="form-control" name="HouseholdNo" id="HouseholdNo" value="@Model.Baseline.HouseholdNo" />
                                        <input type="hidden" name="MemberId" value="@Model.MemberDetailView.Id" />
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <label><strong>Atoll:</strong></label>
                                        <input type="text" class="form-control required" value="@Model.Fn_Member_Detail_Info.district_name" disabled />
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label><strong>Island:</strong></label>
                                        <input type="text" class="form-control required" value="@Model.Fn_Member_Detail_Info.municipality_name" disabled />
                                    </div>
                                </div>


                                <div class="row">

                                    @*<div class="form-group col-md-6">
                                            <label><strong>Corridor</strong></label>
                                            <select type="text" class="form-control required" name="Corridor" id="Corridor" data-api-selected-value="@Model.Baseline.Corridor" data-api="/corridor/select">
                                            </select>
                                        </div>*@
                                    <div class="form-group col-md-6">
                                        <label><strong>Respondent Name</strong></label>
                                        <input type="text" class="form-control required" id="RespondentName" name="RespondentName" value="@Model.Baseline.RespondentName" />
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label><strong>Relation to HH Head</strong></label>
                                        <select type="text" class="form-control required" name="RelationToHouseholdHead" required id="RelationToHouseholdHead" data-api-selected-value="@Model.Baseline.RelationToHouseholdHead" data-api="/relation-with-household-head/select"></select>
                                    </div>
                                </div>
                                <div class="row">

                                    @*  <div class="form-group col-md-6">
                                            <label><strong>Phone Number</strong></label>
                                            <input type="text" oninput="validity.valid||(value='');" pattern="\d*" class="form-control required" value="@Model.Baseline.PhoneNo" id="PhoneNo" name="PhoneNo" maxlength="10" />
                                        </div>*@

                                </div>
                                @*<div class="row">

                                      <div class="form-group col-md-6">
                                            <label><strong>Project IFF Name</strong></label>
                                            <input type="text" class="form-control required" id="ProjectGroupName" value="@Model.MemberDetailView.GroupName" disabled />
                                            <input type="hidden" class="form-control required" name="ProjectGroupName" value="@Model.MemberDetailView.GroupName" />
                                        </div>
                                    <div class="form-group col-md-6">
                                        <label><strong>IFF Name (if any)</strong></label>
                                        <input type="text" class="form-control" name="CooperativeName" id="CooperativeName" value="@Model.Baseline.CooperativeName" />
                                    </div>

                                </div>*@
                                <div class="row">

                                    <div class="form-group col-md-3">
                                        <label><strong>Latitude</strong></label>
                                        <input oninput="validity.valid||(value='');" pattern="[-+]?(\d*\.\d+|\d+)" class="form-control" max="90" min="-90" step="0.0000001" id="Latitude" name="Latitude" value="@Model.Baseline.Latitude" />
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label><strong>Longitude</strong></label>
                                        <input oninput="validity.valid||(value='');" pattern="[-+]?(\d*\.\d+|\d+)" max="180" min="-180" step="0.0000001" class="form-control" id="Longitude" value="@Model.Baseline.Longitude" name="Longitude" />
                                    </div>

                                    @*<div class="form-group col-md-6">
                                            <label><strong>Cluster Name</strong></label>
                                            <input type="text" class="form-control required" id="ClusterName_@Model." name="ClusterName" value="@Model.Baseline.ClusterName" />
                                        </div>*@


                                    <div class="form-group col-md-6">
                                        <label><strong>National Id</strong></label>
                                        <input type="text" class="form-control required" id="NationalityNo" name="NationalityNo" value="@Model.Baseline.NationalityNo" />
                                    </div>
                                </div>
                                <!--<div class="row">

                                    <div class="form-group col-md-6">
                                        <label><strong>ID No.</strong></label>
                                        <input type="text" class="form-control required" id="NationalityNo" name="NationalityNo" value="@Model.Baseline.NationalityNo" />
                                    </div>
                                    @*<div class="form-group col-md-6">
                                        <label><strong>Migration Status</strong> </label>
                                        <select type="text" class="form-control required" name="MigrationStatusId" id="MigrationStatusId" data-api-selected-value="@Model.Baseline.MigrationStatusId" data-api="/migration-status/select"></select>
                                    </div>*@
                                </div>

                                <div class="row">

                                    <div class="form-group col-md-3">
                                        <label><strong>Knowledge On Insurance </strong></label>
                                        <select type="text" class="form-control required" name="KnowledgeOnInsurance" data-api-selected-value="@Model.Baseline.KnowledgeOnInsurance" id="KnowledgeOnInsurance" data-api="/status/select"></select>
                                    </div>-->
                                @*<input type="text" id="currency"  />*@
                                <!--</div>-->

                                <div class="row">
                                    <div class="form-group col-md-2 pull-right">
                                        @if (@Model.MemberDetailView.IsActive != false)
                                        {
                                            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" name="SubmitBasicBaseline" id="SubmitBasicBaseline" /><span>&nbsp;&nbsp;</span>}
                                        }
                                        @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>
                            </form>
                        </div>

                        @* Income Related *@
                        <div class="tab-pane" id="tab2">
                            <br />
                            @{Html.RenderPartial("~/Views/Baseline/_IncomeTab.cshtml", Model); }

                        </div>
                        @* Income End Tab *@

                        @* Expense Related *@
                        <div class="tab-pane" id="tab3">
                            @{ Html.RenderPartial("~/Views/Baseline/_BaselineExpenseTab.cshtml", Model); }


                        </div>

                        @* Family Diary *@
                        <div class="tab-pane" id="tab4">

                            @{ Html.RenderPartial("~/Views/Baseline/_FamilyDetailsTab.cshtml", Model); }
                            <br />

                        </div>

                        @* Assets *@
                        <div class="tab-pane" id="tab5">
                            <br />
                            @{ Html.RenderPartial("~/Views/Baseline/_AssetsTab.cshtml", Model); }

                        </div>

                        <div id="tab7" class="tab-pane">
                            <br />
                            @{ Html.RenderPartial("~/Views/Baseline/_LandTab.cshtml", Model); }
                        </div>



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

@{ Html.RenderPartial("~/Views/Baseline/_RecommendationPopUp.cshtml"); }

<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" />


<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 type="text/javascript">

    $(document).ready(function () {
        debugger;

             displayTabs();
            window.initializeSelectApis();
            window.initializeCascadeLocation();
            window.initializeCasecadeAssetsWiseUnits();
            window.initializeCommodityWiseCommoditySubTypeForIncome();
            window.initializeCommodityWiseCommoditySubTypeForExpense();



        $('#TradersName').select2({

            width: 'resolve'

        });


            var apple = $("#FiscalYearId").val();

        debugger;
        loadLandList();
            //initializeDatePicker();

             loadIncomeList();
            loadExpenseList();
            loadInterventionList();
            loadAssetsList();

            @*loadLandList();*@
            @*loadRemittance();*@


                            var activeTab = $(".tab-content").find(".active");
                            var id = activeTab.attr('id');
                            if (id === 'tab1') {
           $("#exceptTab1").hide();
                            }

                        });




    function displayTabs() {

       var baselineId = @Model.Baseline.Id;
        window.scrollTo(0, 0);
        if (baselineId == 0) {
                $("ul.nav li:not(:first-child)").removeClass('active').addClass('disabledTab');
            }
        else {

             $("ul.nav li:not(:first-child)").removeClass('disabledTab');
            }
        var urlAdd = window.location.href;
        debugger;
        var afterHash = urlAdd.split('#')[1];
        if (afterHash != undefined) {
            $('.nav-tabs a[href="#' + afterHash + '"]').tab('show');

        }

    }




        @*function initializeDatePicker() {

            var hasDate = $("#BaselineDate").val();
            if (hasDate === "") {
                var baselineDate = new Date();
            }
            else {
                var baselineDate = new Date(hasDate);
            }


              var baselineNepaliDate = calendarFunctions.getBsDateByAdDate(baselineDate.getFullYear(), baselineDate.getMonth() + 1, baselineDate.getDate());
              var baselineFormatedNepaliDate = calendarFunctions.bsDateFormat("%y-%M-%d", baselineNepaliDate.bsYear, baselineNepaliDate.bsMonth, baselineNepaliDate.bsDate);



            var threeMonthAgo = new Date(new Date().getFullYear(), new Date().getMonth() - 3, new Date().getDate());

            var get3MonthOldNepaliDate = calendarFunctions.getBsDateByAdDate(threeMonthAgo.getFullYear(), threeMonthAgo.getMonth() +1, threeMonthAgo.getDate());

            var get3MonthOldformatedNepaliDate = calendarFunctions.bsDateFormat("%y-%M-%d", get3MonthOldNepaliDate.bsYear, get3MonthOldNepaliDate.bsMonth , get3MonthOldNepaliDate.bsDate);



        $("#baselineDatePicker").val(baselineFormatedNepaliDate);

        $("#baselineDatePicker").nepaliDatePicker({
            dateFormat: "%y-%M-%d",
            closeOnDateSelect: true,
            minDate: get3MonthOldformatedNepaliDate,
            maxDate: baselineFormatedNepaliDate
        });

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

        })
        }*@

        $('.btnNext').click(function () {
            $('.nav-tabs > .active').next('li').find('a').trigger('click');
        });

        $('.btnPrevious').click(function () {
            $('.nav-tabs > .active').prev('li').find('a').trigger('click');
        });



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


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



            const form = $("#CreateBaseline_Main");

            $.validator.unobtrusive.parse(form);

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

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

            WorkForce.loader.show();

            var allFormData = window.serializeForm(form);
            debugger;


            function getModel() {
             return (getBaseLineBeneficiaryInfo());
            }


             function getBaseLineBeneficiaryInfo() {

                 var baseLineBeneficiaryInfo= {};
                 baseLineBeneficiaryInfo.Id = allFormData.Id;
                baseLineBeneficiaryInfo.FiscalYearId = allFormData.FiscalYearId;
                baseLineBeneficiaryInfo.GroupId = allFormData.GroupId;
                baseLineBeneficiaryInfo.BaselineDateNepali = allFormData.BaselineDateNepali;
                baseLineBeneficiaryInfo.BaselineDate = allFormData.BaselineDate;
                baseLineBeneficiaryInfo.MemberId = allFormData.MemberId;
                baseLineBeneficiaryInfo.ProvinceId = allFormData.ProvinceId;
                baseLineBeneficiaryInfo.Corridor = allFormData.Corridor;
                baseLineBeneficiaryInfo.DistrictId = allFormData.DistrictId;
                baseLineBeneficiaryInfo.MunicipalityId = allFormData.MunicipalityId;
                baseLineBeneficiaryInfo.RespondentName = allFormData.RespondentName;
                baseLineBeneficiaryInfo.PhoneNo = allFormData.PhoneNo;
                baseLineBeneficiaryInfo.RelationToHouseholdHead = allFormData.RelationToHouseholdHead;
                 baseLineBeneficiaryInfo.ProjectGroupName = allFormData.ProjectGroupName;
                 baseLineBeneficiaryInfo.HouseholdNo = allFormData.HouseholdNo;
                baseLineBeneficiaryInfo.Latitude = allFormData.Latitude;
                baseLineBeneficiaryInfo.Longitude = allFormData.Longitude;
                baseLineBeneficiaryInfo.CooperativeName = allFormData.CooperativeName;
                baseLineBeneficiaryInfo.ClusterName = allFormData.ClusterName;
                baseLineBeneficiaryInfo.WardNo = allFormData.WardNo;
                baseLineBeneficiaryInfo.NationalityNo = allFormData.NationalityNo;
                baseLineBeneficiaryInfo.MigrationStatusId = allFormData.MigrationStatusId;
                 baseLineBeneficiaryInfo.KnowledgeOnInsurance = allFormData.KnowledgeOnInsurance;
                 debugger
                return baseLineBeneficiaryInfo;
            }


             const model = getModel();

            const ajax = request(model);

            ajax.done(function (response) {
                WorkForce.loader.hide();
                window.scrollTo(0, 0);
                showNotification("success");
                showAllTabs(response);
                //displayTabs();
            });


            function showAllTabs(response) {
                $("#myTab li:nth-child(2)").removeClass('disabledTab');
                $("#myTab li:nth-child(3)").removeClass('disabledTab');
                $("#myTab li:nth-child(4)").removeClass('disabledTab');
                $("#myTab li:nth-child(5)").removeClass('disabledTab');
                $("#myTab li:nth-child(6)").removeClass('disabledTab');
               $('#myTab li:nth-child(2)').show();
               $('#myTab li:nth-child(3)').show();

               $('#myTab li:nth-child(4)').show();

                $('#myTab li:nth-child(5)').show();

               $('#myTab li:nth-child(6)').show();

                $('#myTab li:nth-child(7)').show();
                document.getElementById('baselineId').value = response;
            }
            ajax.fail(function (xhr) {
                WorkForce.loader.hide();
                ShowMessage("error", xhr.responseText);
            });

        })


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;
       }



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

    function removeCommaFromString(value) {
        var result = parseFloat(value.replace(/,/g, ''));
        if (isNaN(result)) {
            return 0;
        }
        else {
            return result;
        }
    }





</script>

<style>
    .nav-tabs > li.active > a {
        background-color: gray !important;
        border: medium none;
        border-radius: 0;
        color: white;
    }

    .anim {
        transition: background 5s linear;
    }

    .highlight {
        background: gray;
    }

    .normal {
        background: transparent;
    }

    .disabledTab {
        pointer-events: none;
    }
</style>