Mr.Combet Webshell 🔥

View File Name : _memberBaseline.cshtml

@model RER_Project.DataAccess.ViewModels.Baseline.BaselineViewModel

@{ Layout = null;}
<h2>Baseline</h2>

<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" 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="text" class=" form-control required" id="baselineDatePicker" />
                                </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>
                            <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 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>Project Group 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>Household Number</strong></label>
                                    <input type="text" class="form-control" id="HouseholdNo" value="@Model.MemberDetailView.Id" disabled />
                                    <input type="hidden" name="HouseholdNo" value="@Model.MemberDetailView.Id" />
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label><strong>Co-operative Name (if any)</strong></label>
                                    <input type="text" class="form-control" name="CooperativeName" id="CooperativeName" value="@Model.Baseline.CooperativeName" />
                                </div>
                                <div class="form-group col-md-3">
                                    <label><strong>Latitude</strong></label>
                                    <input type="number" 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 type="number" max="180" min="-180" step="0.0000001" class="form-control" id="Longitude" value="@Model.Baseline.Longitude" name="Longitude" />
                                </div>
                            </div>
                            <div class="row">

                                <div class="form-group col-md-6">
                                    <label><strong>Cluster Name</strong></label>
                                    <input type="text" class="form-control required" id="ClusterName" name="ClusterName" value="@Model.Baseline.ClusterName" />
                                </div>
                                <div class="form-group col-md-6">
                                    <label><strong>Citizenship No.</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>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 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>

                        </form>
                    </div>

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

                    </div>
                    @* Income End Tab *@

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




                    </div>

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

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

                    </div>

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

                    </div>

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



                    @if (Model.MemberDetailView.MigrationId != 3)
                    {

                        <div id="tab6" class="tab-pane">
                            <br />
                            @{
                                Html.RenderPartial("~/Views/Map/MemberBaseline/_RemittanceTab.cshtml", Model.MemberDetailView);
                            }
                        </div>

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


<script type="text/javascript">

    $(document).ready(function () {

         displayTabs();




            window.initializeSelectApis();

            window.initializeCascadeLocation();

            window.initializeCasecadeAssetsWiseUnits();


            window.initializeCommodityWiseCommoditySubTypeForIncome();

            window.initializeCommodityWiseCommoditySubTypeForExpense();



        $('#TradersName').select2({

            width: 'resolve'

        });




            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() {
        $('input', 'form').attr('disabled', 'disabled').attr('readonly', 'readonly');
         $('select', 'form').attr('disabled','disabled').attr('readonly', 'readonly');

       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;

        var afterHash = urlAdd.split('#')[1];
        if (afterHash != undefined) {
            $('.nav-tabs a[href="#' + afterHash + '"]').tab('show');

        }

    }




        function initializeDatePicker() {

              var baselineDate = new Date($("#BaselineDate").val());

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


    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>