Mr.Combet Webshell 🔥

View File Name : _LevelTwoWorkPlan.cshtml

@model RER_Project.DataAccess.ViewModels.WorkPlan.WorkPlanViewModel
<style>
    .months-form-group .col-md-1 {
        padding-right: 0
    }

    .amount-form-group .col-md-1 {
        padding-right: 0px;
    }

    .btn {
        border-radius: 0px;
    }

    .planning {
        padding: 0px;
    }

    .modal {
        text-align: center;
        padding: 0 !important;
    }

        .modal:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px;
        }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .messageToast {
        position: absolute;
        top: 190px;
        width: 250px;
        right: 550px;
        height: auto;
    }
</style>


<div class="modal-dialog equal-label-width">
    <div class="modal-content" style="width:1100px">
        <div class="modal-header">
            <span class="close" id="closeMember" data-dismiss="modal" aria-hidden="true">&times;</span>
            <label style="font-size:medium;">
                <b>
                    <u>Create WorkPlan For Level 2 for activity: @Model.WorkPlanLevelOne.Activity</u> <br /> <br />
                    Fiscal Year: @Model.WorkPlanLevelOne.FiscalYear
                </b>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <b>Unit:</b> @Model.WorkPlanLevelOne.UnitName
            </label>
            @* &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label><b>Unit:</b> @Model.WorkPlanLevelOne.UnitName</label><br />*@
            @*<label><b>First Quadri:</b> @Model.WorkPlanLevelOne.FirstQuadQuantity</label>&nbsp;<label><input type="text" id="sub_total" class="form-control sub_total" name="sub_total" placeholder="0" value="0" readonly /></label>
                <label><b>Second Quadri:</b> @Model.WorkPlanLevelOne.SecondQuadQuantity</label>&nbsp;<label><input type="text" id="sub_total1" class="form-control sub_total1" name="sub_total1" placeholder="0" value="0" readonly /></label>
                <label><b>Third Quadri:</b> @Model.WorkPlanLevelOne.ThirdQuadQuantity</label>&nbsp;<label><input type="text" id="sub_total2" class="form-control sub_total2" name="sub_total2" placeholder="0" value="0" readonly /></label>*@

            <div class="row">
                <div class="col-lg-6">
                    <table class="table table-condensed table-bordered" style="padding:0px">
                        <thead>
                            <tr>
                                <th></th>
                                <th> Q1</th>
                                <th> Q2</th>
                                <th> Q3</th>
                                <th>Q4</th>
                                <th>Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <strong>Target Qty</strong>
                                </td>
                                <td>
                                    @Model.WorkPlanLevelOne.FirstQuaterQuantity
                                </td>
                                <td>
                                    @Model.WorkPlanLevelOne.SecondQuaterQuantity
                                </td>
                                <td>
                                    @Model.WorkPlanLevelOne.ThirdQuaterQuantity
                                </td>
                                <td>
                                    @Model.WorkPlanLevelOne.FourthQuaterQuantity
                                </td>
                                <td><span class="Total"></span></td>

                            </tr>
                            <tr>
                                <td>
                                    <strong>Total Allocated Qty</strong>
                                </td>
                                <td>
                                    <span class="sub_total"></span>
                                    @* <input type="text" id="sub_total" class="form-control sub_total" name="sub_total" placeholder="0" value="0" readonly />*@
                                </td>
                                <td>
                                    <span class="sub_total1"></span>
                                    @* <input type="text" id="sub_total" class="form-control sub_total1" name="sub_total" placeholder="0" value="0" readonly />*@
                                </td>
                                <td>
                                    <span class="sub_total2"></span>
                                    @* <input type="text" id="sub_total" class="form-control sub_total2" name="sub_total" placeholder="0" value="0" readonly />*@
                                </td>
                                <td>
                                    <span class="sub_total3"></span>
                                    @* <input type="text" id="sub_total" class="form-control sub_total2" name="sub_total" placeholder="0" value="0" readonly />*@
                                </td>
                                <td>
                                    <span class="Qtotal"></span>
                                    @* <input type="text" id="sub_total" class="form-control sub_total2" name="sub_total" placeholder="0" value="0" readonly />*@
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <strong>Remaining Qty</strong>
                                </td>
                                <td>
                                    <span class="sub_total" id="remaining1"></span>
                                    @* <input type="text" id="sub_total" class="form-control sub_total" name="sub_total" placeholder="0" value="0" readonly />*@
                                </td>
                                <td>
                                    <span class="sub_total1" id="remaining2"></span>
                                    @* <input type="text" id="sub_total" class="form-control sub_total1" name="sub_total" placeholder="0" value="0" readonly />*@
                                </td>
                                <td>
                                    <span class="sub_total2" id="remaining3"></span>
                                    @* <input type="text" id="sub_total" class="form-control sub_total2" name="sub_total" placeholder="0" value="0" readonly />*@
                                </td>
                                <td>
                                    <span class="sub_total3" id="remaining4"></span>
                                    @* <input type="text" id="sub_total" class="form-control sub_total2" name="sub_total" placeholder="0" value="0" readonly />*@
                                </td>
                                <td>
                                    <span class="Rtotal" id="Rtotal"></span>
                                    @* <input type="text" id="sub_total" class="form-control sub_total2" name="sub_total" placeholder="0" value="0" readonly />*@
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
        <div class="modal-body">
            <form id="CreateAnnualActivityPlanning">
                <div id="eror_msg"></div>
                <input type="hidden" name="WorkPlanId" id="WorkPlanId" value="@Model.WorkPlanLevelOne.WorkPlanId" />
                <input type="hidden" name="Id" id="Id" value="@Model.WorkPlanLevelOne.Id" />
                <input type="hidden" name="ActivityId" id="ActivityId" value="@Model.WorkPlanLevelOne.ActivityId" />
                <input type="hidden" name="AssignedBy" id="AssignedBy" value="@Model.WorkPlanLevelOne.AssignedTo" />
                <input type="hidden" name="UnitId" id="UnitId" value="@Model.WorkPlanLevelOne.UnitId" />

                <input type="hidden" name="FirstQuadQuantity" id="FirstQuadQuantity" value="@Model.WorkPlanLevelOne.FirstQuaterQuantity" />
                <input type="hidden" name="SecondQuadQuantity" id="SecondQuadQuantity" value="@Model.WorkPlanLevelOne.SecondQuaterQuantity" />
                <input type="hidden" name="ThirdQuadQuantity" id="ThirdQuadQuantity" value="@Model.WorkPlanLevelOne.ThirdQuaterQuantity" />
                <input type="hidden" name="FourthQuadQuantity" id="FourthQuadQuantity" value="@Model.WorkPlanLevelOne.FourthQuaterQuantity" />


                <input type="hidden" name="FiscalYear" id="FiscalYear" value="@Model.WorkPlanLevelOne.FiscalYear" />
                <div class="row">
                    <div class="form-group col-md-4">
                        <label><strong>Task Assigned To</strong></label>

                        <select type="text" class="form-control required clear" name="PriorityActivityOneSupport" id="PriorityActivityOneSupport" data-api="/user-level-two/select"></select>
                        <input type="hidden" id="SelectedPriorityActivityOneSupport" name="SelectedPriorityActivityOneSupport" />

                        <div class="messageToast"></div>
                    </div>
                    <div class="form-group col-md-2">
                        <label><strong>Is Event Reporting</strong></label>

                        @*   <input type="checkbox" id="isEvent" value="isEvent">*@

                        <input type="checkbox" id="isEvent" name="isEvent">

                    </div>
                    <div class="form-group col-md-4">
                        <label><strong>Sub Task</strong></label>


                        <input type="text" id="subtask" name="subtask" class="form-control required clear" />


                    </div>

                </div>
                <div class="row">
                    <div class="form-group col-md-2">
                        <label><strong>January</strong></label>
                        <input type="checkbox" id="JanuaryQ" name="JanuaryQ" class="clear" />
                    </div>
                    <div class="form-group col-md-2">
                        <label><strong>February</strong></label>
                        <input type="checkbox" id="FebruaryQ" name="FebruaryQ" class="clear" />
                    </div>
                    <div class="form-group col-md-2">
                        <label><strong>March</strong></label>
                        <input type="checkbox" id="MarchQ" name="MarchQ" class=" clear" />
                    </div>
                    <div class="form-group col-md-2">
                        <label><strong>April</strong></label>
                        <input type="checkbox" id="AprilQ" name="AprilQ" class="clear" />
                    </div>
                    <div class="form-group col-md-2">
                        <label><strong>May</strong></label>
                        <input type="checkbox" id="MayQ" name="MayQ" class="clear" />
                    </div>
                    <div class="form-group col-md-2">
                        <label><strong>June</strong></label>
                        <input type="checkbox" id="JuneQ" name="JuneQ" class="clear" />
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-2">
                        <label><strong>July</strong></label>
                        <input type="checkbox" id="JulyQ" name="JulyQ" class="clear" />
                    </div>
                    <div class="form-group col-md-2">
                        <label><strong>August</strong></label>
                        <input type="checkbox" id="AugustQ" name="AugustQ" class="clear" />
                    </div>
                    <div class="form-group col-md-2">
                        <label><strong>September</strong></label>
                        <input type="checkbox" id="SeptemberQ" name="SeptemberQ" class="clear" />
                    </div>
                    <div class="form-group col-md-2">
                        <label><strong>October</strong></label>
                        <input type="checkbox" id="OctoberQ" name="OctoberQ" class="clear" />
                    </div>
                    <div class="form-group col-md-2">
                        <label><strong>November</strong></label>
                        <input type="checkbox" id="NovemberQ" name="NovemberQ" class=" clear" />
                    </div>
                    <div class="form-group col-md-2">
                        <label><strong>December</strong></label>
                        <input type="checkbox" id="DecemberQ" name="DecemberQ" class="clear" />
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label>Remarks</label>
                        <input type="text" id="PriorityActivityOne" name="PriorityActivityOne" class="form-control clear" />
                    </div>
                    <div class="form-group col-md-1">
                        <label class="align-label-btm">&nbsp;&nbsp;</label>
                        <a onclick="addPlanningQty()" class="btn btn-sm btn-primary">Add</a>
                    </div>
                </div>
                <div class="row">
                    <div class="table-responsive" style="margin-top:16px;">
                        <table class="footable table table-hover" id="AnnualActivityPlaningTable">
                            <thead>
                                <tr>
                                    <th>Assigned To</th>
                                    <th>January</th>
                                    <th>February</th>
                                    <th>March</th>
                                    <th>April</th>
                                    <th>May</th>
                                    <th>June</th>
                                    <th>July</th>
                                    <th>August</th>
                                    <th>September</th>
                                    <th>October</th>
                                    <th>November</th>
                                    <th>December</th>

                                    @*<th>Remarks</th>*@

                                    <th>Sub Task</th>
                                    <th>Is event</th>
                                    <th>Action</th>

                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var item in Model.WorkPlanLevelTwoViewsList)
                                {

                                    <tr>
                                        <td><strong>@item.PriorityActivityOneSupportName<strong></strong><input type=hidden name='PriorityActivityOneSupport' value="@item.PriorityActivityOneSupport" /></td>
                                        @*<td><input type="checkbox" id="JanuaryQ" value="@item.JanuaryQ" checked="@item.JanuaryQ" disabled></td>
                                            <td><input type="checkbox" id="FebruaryQ" value="@item.FebruaryQ" checked="@item.FebruaryQ" disabled></td>
                                            <td><input type="checkbox" id="MarchQ"value="@item.MarchQ" checked="@item.MarchQ" disabled></td>

                                            <td><input type="checkbox" id="AprilQ" value="@item.AprilQ" checked="@item.AprilQ" disabled></td>
                                            <td><input type="checkbox" id="MayQ" value="@item.MayQ" checked="@item.MayQ" disabled></td>

                                            <td><input type="checkbox" id="JuneQ" value="@item.JuneQ" checked="@item.JuneQ" disabled></td>
                                            <td><input type="checkbox" id="JulyQ" value="@item.JulyQ" checked="@item.JulyQ" disabled></td>
                                            <td><input type="checkbox" id="AugustQ" value="@item.AugustQ" checked="@item.AugustQ" disabled></td>
                                            <td><input type="checkbox" id="SeptemberQ" value="@item.SeptemberQ" checked="@item.SeptemberQ" disabled></td>
                                            <td><input type="checkbox" id="OctoberQ" value="@item.OctoberQ" checked="@item.OctoberQ" disabled></td>
                                            <td><input type="checkbox" id="NovemberQ" value="@item.NovemberQ" checked="@item.NovemberQ" disabled></td>
                                            <td><input type="checkbox" id="DecemberQ" value="@item.DecemberQ" checked="@item.DecemberQ" disabled></td>*@

                                        @if (item.JanuaryQ == true)
                                        {
                                            <td><input type="checkbox" id="JanuaryQ" class='form-control txt' checked value='True' disabled></td>
                                        }
                                        else
                                        {
                                            <td><input type='checkbox' id='JanuaryQ' class='form-control txt' value='False' disabled /></td>
                                        }
                                        @if (item.FebruaryQ == true)
                                        {
                                            <td><input type="checkbox" id="FebruaryQ" class='form-control txt' checked value='True' disabled></td>
                                        }
                                        else
                                        {
                                            <td><input type='checkbox' id='FebruaryQ' class='form-control txt' value='False' disabled /></td>
                                        }
                                        @if (item.MarchQ == true)
                                        {
                                            <td><input type="checkbox" id="MarchQ" class='form-control txt' checked value='True' disabled></td>
                                        }
                                        else
                                        {
                                            <td><input type='checkbox' id='MarchQ' class='form-control txt' value='False' disabled /></td>
                                        }
                                        @if (item.AprilQ == true)
                                        {
                                            <td><input type="checkbox" id="AprilQ" class='form-control txt1' checked value='True' disabled></td>
                                        }
                                        else
                                        {
                                            <td><input type='checkbox' id='AprilQ' class='form-control txt1' value='False' disabled /></td>
                                        }
                                        @if (item.MayQ == true)
                                        {
                                            <td><input type="checkbox" id="MayQ" class='form-control txt1' checked value='True' disabled></td>
                                        }
                                        else
                                        {
                                            <td><input type='checkbox' id='MayQ' class='form-control txt1' value='False' disabled /></td>
                                        }
                                        @if (item.JuneQ == true)
                                        {
                                            <td><input type="checkbox" id="JuneQ" class='form-control txt1' checked value='True' disabled></td>
                                        }
                                        else
                                        {
                                            <td><input type='checkbox' id='JuneQ' class='form-control txt1' value='False' disabled /></td>
                                        }
                                        @if (item.JulyQ == true)
                                        {
                                            <td><input type="checkbox" id="JulyQ" class='form-control txt2' checked value='True' disabled></td>
                                        }
                                        else
                                        {
                                            <td><input type='checkbox' id='JulyQ' class='form-control txt2' value='False' disabled /></td>
                                        }
                                        @if (item.AugustQ == true)
                                        {
                                            <td><input type="checkbox" id="AugustQ" class='form-control txt2' checked value='True' disabled></td>
                                        }
                                        else
                                        {
                                            <td><input type='checkbox' id='AugustQ' class='form-control txt2' value='False' disabled /></td>
                                        }
                                        @if (item.SeptemberQ == true)
                                        {
                                            <td><input type="checkbox" id="SeptemberQ" class='form-control txt2' checked value='True' disabled></td>
                                        }
                                        else
                                        {
                                            <td><input type='checkbox' id='SeptemberQ' class='form-control txt2' value='False' disabled /></td>
                                        }
                                        @if (item.OctoberQ == true)
                                        {
                                            <td><input type="checkbox" id="OctoberQ" class='form-control txt3' checked value='True' disabled></td>
                                        }
                                        else
                                        {
                                            <td><input type='checkbox' id='OctoberQ' class='form-control txt3' value='False' disabled /></td>
                                        }
                                        @if (item.NovemberQ == true)
                                        {
                                            <td><input type="checkbox" id="NovemberQ" class='form-control txt3' checked value='True' disabled></td>
                                        }
                                        else
                                        {
                                            <td><input type='checkbox' id='NovemberQ' class='form-control txt3' value='False' disabled /></td>
                                        }
                                        @if (item.DecemberQ == true)
                                        {
                                            <td><input type="checkbox" id="DecemberQ" class='form-control txt3' checked value='True' disabled></td>
                                        }
                                        else
                                        {
                                            <td><input type='checkbox' id='DecemberQ' class='form-control txt3' value='False' disabled /></td>
                                        }




                                        @*    <td>@item.PriorityActivityOne</td>*@

                                        <td>@item.subtask</td>
                                        @*<td><input type='checkbox' id='isEvent' class='form-control txt2' value="@item.IsEvent" checked="@item.IsEvent" disabled /></td>

                                            <td>*@
                                        @if (item.IsEvent == true)
                                        {
                                            <td><input type='checkbox' id='isEvent' class='form-control txt2' checked value='True' disabled /></td>

                                        }
                                        else
                                        {

                                            <td><input type='checkbox' id='isEvent' class='form-control txt2' value='False' disabled /></td>
                                        }
                                        <td>
                                        <a onclick="deleteRow(this)" class="btn btn-default btn-xs" title="Delete"><i class="fa fa-remove" style='color: red;'></i></a>
                                        </td>
                                    </tr>
                                }
                            </tbody>
                        </table>
                    </div>


                </div>
                <div class="row">
                    <div class="pull-right">
                        <input type="button" value="Save" class="btn btn-primary" id="SubmitButton" />
                        <input type="button" value="Cancel" class="btn btn-danger" data-dismiss="modal" aria-hidden="true" />

                    </div>
                </div>
            </form>
        </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 type="text/javascript">
    $(document).ready(function () {
        window.initializeSelectApis();
        window.initializeCascadeComponent();
        calcSub();

        var AssignedTo = $('#PriorityActivityOneSupport');

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

    });

  /*  const checkbox = document.getElementById("isEvent");
    const checkboxValue = checkbox.checked;
    console.log(checkboxValue);*/

   /* $("#isEvent").off("click").on("click", function () {

        var val = $('#isEvent')[0].checked;
        if (val == 'on') {
            val = true;
        } else if(val == 'off') {
            val = false;
        }
        console.log(val)
    });*/


    $("#isEvent").off("click").on("click", function () {
        const form = $("#CreateAnnualActivityPlanning");
        const model = window.serializeForm(form);

        if (model.isEvent == 'on') {
            //var text = $("#subtask").val("Event Report").prop('disabled', true);
            var text = $("#subtask").val("Event Report").prop('disabled', true);
            console.log(text);

        } else {
            var text = $("#subtask").val("").prop('disabled', false);

        }
    });





    var workplanleveloneid = $("#Id").val();
    var workplanId = $("#WorkPlanId").val();
    var activityId = $("#ActivityId").val();
    var assignedBy = $("#AssignedBy").val();
    var a = $("#AssignedBy").val();

    console.log(assignedBy);// $("#AssignedBy").val();
    var unitId = $("#UnitId").val();
    var f = $("#FirstQuadQuantity").val();
    var s = $("#SecondQuadQuantity").val();
    var t = $("#ThirdQuadQuantity").val();
    var v = $("#FourthQuadQuantity").val();
    function checkIfExist(assigned, el) {
        //var exists = false;
        //el.find("tr").each(function () {
        //    var assignedby = $(this).find("input[name='SelectedPriorityActivityOneSupport']").val();
        //    var assignedBydropdown = assigned.val();
        //    if (assignedby === assignedBydropdown) {
        //        exists = true;
        //        return;
        //    }
        //});

        //return exists;
        return false;
    }

    function calcSub() {
        var sum = 0; //Q1 total planned
        var sum1 = 0; //Q2 total planned
        var sum2 = 0;//Q3 total planned
        var sum3 = 0;//Q4 total planned
        var employee_ = $("#PriorityActivityOneSupport option:selected").text();




        //iterate through each textboxes and get totals of previosuly saved values
        @*$(".txt").each(function () {
            //add only if the value is number
            var checkEmployee = "";
            if (this.title.length > 0)
                this.title = employee_;


            if (!isNaN(this.value) && this.value.length != 0 && this.title == employee_ ) {
                sum += parseFloat(this.value);

                $(this).css("background-color", "#FEFFB0");
            }
            else if (this.value.length != 0) {
                $(this).css("background-color", "red");
            }
        });


        var one = false;

        one = checkForQuadtriValues(sum,@Model.WorkPlanLevelOne.FirstQuadQuantity, 'Q1 Quantity');
        if (one != true) {
            return false;
        }
        $(".txt1").each(function () {
            //add only if the value is number
            if (!isNaN(this.value) && this.value.length != 0) {
                sum1 += parseFloat(this.value);
                $(this).css("background-color", "#FEFFB0");
            }
            else if (this.value.length != 0) {
                $(this).css("background-color", "red");
            }

        });
        one = checkForQuadtriValues(sum1,@Model.WorkPlanLevelOne.SecondQuadQuantity, 'Q2 Quantity');
                if (one != true) {
            return false;
        }
         $(".txt2").each(function () {
            //add only if the value is number
            if (!isNaN(this.value) && this.value.length != 0) {
                sum2 += parseFloat(this.value);
                $(this).css("background-color", "#FEFFB0");
            }
            else if (this.value.length != 0) {
                $(this).css("background-color", "red");
             }

        });
        one = checkForQuadtriValues(sum2,@Model.WorkPlanLevelOne.ThirdQuadQuantity, 'Q3 Quantity');
                if (one != true) {
            return false;
        }
        $(".txt3").each(function () {
            //add only if the value is number
            if (!isNaN(this.value) && this.value.length != 0) {
                sum3 += parseFloat(this.value);
                $(this).css("background-color", "#FEFFB0");
            }
            else if (this.value.length != 0) {
                $(this).css("background-color", "red");
            }

        });

        one = checkForQuadtriValues(sum3,@Model.WorkPlanLevelOne.FourthQuadQuantity, 'Q4 Quantity');
                if (one != true) {
            return false;
        }*@

        $(".sub_total").text(sum);
        $(".sub_total1").text(sum1);
        $(".sub_total2").text(sum2);
        $(".sub_total3").text(sum3);


        $("#remaining1").text(@Model.WorkPlanLevelOne.FirstQuaterQuantity );
        $("#remaining2").text(@Model.WorkPlanLevelOne.SecondQuaterQuantity );
        $("#remaining3").text(@Model.WorkPlanLevelOne.ThirdQuaterQuantity );
        $("#remaining4").text(@Model.WorkPlanLevelOne.FourthQuaterQuantity);

        var total = @Model.WorkPlanLevelOne.FirstQuaterQuantity + @Model.WorkPlanLevelOne.SecondQuaterQuantity + @Model.WorkPlanLevelOne.ThirdQuaterQuantity + @Model.WorkPlanLevelOne.FourthQuaterQuantity;
        $(".Total").text(total);
        $(".Qtotal").text(sum + sum1 + sum2 + sum3);
        $(".Rtotal").text(@Model.WorkPlanLevelOne.FirstQuaterQuantity + @Model.WorkPlanLevelOne.SecondQuaterQuantity + @Model.WorkPlanLevelOne.ThirdQuaterQuantity + @Model.WorkPlanLevelOne.FourthQuaterQuantity);

        @*$("#Total1").text(sum + sum1+sum2+sum3);
        $("#Total2").text(@Model.WorkPlanLevelOne.SecondQuaterQuantity );
        $("#Total3").text(@Model.WorkPlanLevelOne.ThirdQuaterQuantity );
        $("#Total4").text(@Model.WorkPlanLevelOne.FourthQuaterQuantity);*@

        return true;
    };
/*    function checkForQuadtriValues(sum,a,b) {

        if (sum > a) {
           //ShowMessage("error", "Check your values of " + b + ".");
             toastr.options = {
        "closeButton": true,
        "debug": false,
        "positionClass": "messageToast",
        "showDuration": "2000",
        "hideDuration": "1000",
        "timeOut": "5000",
        "extendedTimeOut": "1000",
        "showEasing": "swing",
        "hideEasing": "linear",
        "showMethod": "fadeIn",
        "hideMethod": "fadeOut"
    }

    toastr["error"]("Values for " + b + " has exceed than the assigned value.");
            return false;
        }
        return true;
    }*/

    function addPlanningQty() {
        const form = $("#CreateAnnualActivityPlanning");
        var table = $('#AnnualActivityPlaningTable tbody');
        const assignedBy = $("#PriorityActivityOneSupport option:selected");
        const priorityActivityOneSupport = $("#PriorityActivityOneSupport option:selected");

        $.validator.unobtrusive.parse(form);

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


        if (checkIfExist(assignedBy, table)) {
            ShowMessage("error", "The selected user already exists.");
            return false;
        };

        const model = window.serializeForm(form);
        debugger;
        if (model.isEvent == 'on') {
            model.isEvent = true;

        }
        else {
            model.isEvent = false;

        }
        if (model.JanuaryQ == 'on')
        {

            model.JanuaryQ == true;
            var val = model.JanuaryQ;
            console.log(val);
        }
        else {
            model.JanuaryQ = false;

        }
        if (model.FebruaryQ == 'on') {
            model.FebruaryQ == true;
        }
        else {
            model.FebruaryQ = false;

        }
        if (model.MarchQ == 'on') {
            model.MarchQ == true;
        }
        else {
            model.MarchQ = false;

        }
        if (model.AprilQ == 'on') {
            model.AprilQ == true;
        }
        else {
            model.AprilQ = false;

        }
        if (model.MayQ == 'on') {
            model.MayQ == true;
        }
        else {
            model.MayQ = false;

        }
        if (model.JuneQ == 'on') {
            model.JuneQ == true;
        }
        else {
            model.JuneQ = false;

        }
        if (model.JulyQ == 'on') {
            model.JulyQ == true;
        }
        else {
            model.JulyQ = false;

        }
        if (model.AugustQ == 'on') {
            model.AugustQ == true;
        }
        else {
            model.AugustQ = false;

        }
        if (model.SeptemberQ == 'on') {
            model.SeptemberQ == true;
        }
        else {
            model.SeptemberQ = false;

        }
        if (model.OctoberQ == 'on') {
            model.OctoberQ == true;
        }
        else {
            model.OctoberQ = false;

        }
        if (model.NovemberQ == 'on') {
            model.NovemberQ == true;
        }
        else {
            model.NovemberQ = false;

        }
        if (model.DecemberQ == 'on') {
            model.DecemberQ == true;
        }
        else {
            model.DecemberQ = false;

        }

        console.log(model.isEvent);

        var row = "<tr>";
        row += "<td style='padding-top:15   px'><strong>" + priorityActivityOneSupport.text() + "</strong><input type=hidden name='PriorityActivityOneSupport' value=" + priorityActivityOneSupport.val() + "></td>";
        if (model.JanuaryQ == 'on') {
            row += "<td><input type = 'checkbox' id = 'JanuaryQ' class='form-control ' checked ='" + model.JanuaryQ + "' value ='True' disabled/></td>";
        } else
        {
            row += "<td><input type='checkbox' id='JanuaryQ'  class='form-control txt ' value = 'False' disabled/></td>";
        }
        if (model.FebruaryQ == 'on') {
            row += "<td><input type='checkbox' id='FebruaryQ' class='form-control txt ' checked='" + model.FebruaryQ + "' value = 'True' disabled/></td>";
        } else {
            row += "<td><input type='checkbox' id='FebruaryQ' class='form-control txt ' value = 'False' disabled/></td>";
        }
        if (model.MarchQ == 'on') {
            row += "<td><input type='checkbox'  id='MarchQ' class='form-control txt ' checked='" + model.MarchQ + "' value = 'True' disabled/></td>";
        }
        else {
            row += "<td><input type='checkbox' id='MarchQ' class='form-control txt ' value = 'False' disabled /></td>";
        }
        if (model.AprilQ == 'on') {
            row += "<td><input type='checkbox'  id='AprilQ' class='form-control txt1 ' checked='" + model.AprilQ + "' value = 'True' disabled /></td>";
        } else {
            row += "<td><input type='checkbox' id='AprilQ' class='form-control txt1 ' value = 'False' disabled /></td>";
        }
        if (model.MayQ == 'on') {
            row += "<td><input type='checkbox'  id='MayQ' class='form-control txt1 ' checked='" + model.MayQ + "' value = 'True' disabled /></td>";
        } else {
            row += "<td><input type='checkbox'  id='MayQ' class='form-control txt1 ' value = 'False' disabled /></td>";
        }
        if (model.JuneQ == 'on') {
            row += "<td><input type='checkbox'  id='JuneQ' class='form-control txt1 ' checked='" + model.JuneQ + "' value = 'True' disabled /></td>";
        } else {
            row += "<td><input type='checkbox'  id='JuneQ' class='form-control txt1 ' value = 'False' disabled/></td>";
        }
        if (model.JulyQ == 'on') {
            row += "<td><input type='checkbox' id='July' class='form-control txt2 ' checked='" + model.JulyQ + "' value = 'True' disabled /></td>";
        } else {
            row += "<td><input type='checkbox'  id='July' class='form-control txt2 ' values = 'False' disabled /></td>";
        }
        if (model.AugustQ == 'on') {
            row += "<td><input type='checkbox'  id='August' class='form-control txt2 ' checked='" + model.AugustQ + "' value = 'True' disabled /></td>";
        } else {
            row += "<td><input type='checkbox'  id='August' class='form-control txt2 ' value = 'False' disabled /></td>";
        }
        if (model.SeptemberQ == 'on') {
            row += "<td><input type='checkbox'  id='September' class='form-control txt2 ' checked='" + model.SeptemberQ + "' value = 'True' disabled /></td>";
        } else {
            row += "<td><input type='checkbox'  id='September' class='form-control txt2 ' value = 'False' disabled /></td>";
        }
        if (model.OctoberQ == 'on') {
            row += "<td><input type='checkbox'  id='October'  class='form-control txt3 ' checked='" + model.OctoberQ + "' value = 'True' disabled/></td>";
        } else {
            row += "<td><input type='checkbox'  id='October'  class='form-control txt3 ' value = 'False' disabled /></td>";
        }
        if (model.NovemberQ == 'on') {
            row += "<td><input type='checkbox'  id='November' class='form-control txt3 ' checked='" + model.NovemberQ + "' value = 'True' disabled /></td>"
        } else {
            row += "<td><input type='checkbox' id='November' class='form-control txt3 ' value = 'False' disabled /></td>"
        }
        if (model.DecemberQ == 'on') {
            row += "<td><input type='checkbox' id='December' class='form-control txt3 ' checked='" + model.DecemberQ + "' values = 'True' disabled/></td>";
        } else {
            row += "<td><input type='checkbox' id='December' class='form-control txt3 ' values = 'False' disabled /></td>";
        }



        /*        row += "<td>" + model.PriorityActivityOne + "</td>";*/
        row += "<td>" + form[0].subtask.value @*model.subtask*@ + "</td>";
        if (model.isEvent == true) {
            row += "<td><input type = 'checkbox' id = 'isEvent' class='form-control txt2' checked ='" + model.isEvent + "' value ='True' disabled/></td>";
        }
        else {
            row += "<td><input type = 'checkbox' id = 'isEvent' class='form-control txt2' value ='False' disabled/></td>";
        }




        row += "<td><a class='btn btn-default btn-xs' onclick='deleteRow(this)' title='Delete'><i class='fa fa-remove' style='color: red;'></i></a></td>"

        table.append(row);

        //$("#CreateAnnualActivityPlanning").trigger('reset');
        //$("#CreateAnnualActivityPlanning").clearAll();

        debugger
        @*if (calcSub() == true) {
            clearAll();
        }
        else {
            $('#AnnualActivityPlaningTable tr:last').remove();
        }*@
    }

    function deleteRow(e) {
        debugger
        $(e).closest("tr").remove();
    };

    function clearAll() {
        $('.clear').val('');
    }
    function annualActivityPlanningList() {
        var annualActivityPlanninglist = [];
        $("#AnnualActivityPlaningTable tbody tr").each(function () {
            var fy = $("#FiscalYear").val();
            const pactivity1 = $(this).find("td:eq(0)").find("input[type='hidden']").val();
            const January = $(this).find("td:eq(1)").find("input[type='checkbox']").val();
            debugger;
            const February = $(this).find("td:eq(2)").find("input[type='checkbox']").val();
            const March = $(this).find("td:eq(3)").find("input[type='checkbox']").val();
            const April = $(this).find("td:eq(4)").find("input[type='checkbox']").val();
            const May = $(this).find("td:eq(5)").find("input[type='checkbox']").val();
            const June = $(this).find("td:eq(6)").find("input[type='checkbox']").val();
            const July = $(this).find("td:eq(7)").find("input[type='checkbox']").val();
            const August = $(this).find("td:eq(8)").find("input[type='checkbox']").val();
            const September = $(this).find("td:eq(9)").find("input[type='checkbox']").val();
            const October = $(this).find("td:eq(10)").find("input[type='checkbox']").val();
            const November = $(this).find("td:eq(11)").find("input[type='checkbox']").val();
            const December = $(this).find("td:eq(12)").find("input[type='checkbox']").val();
      /*      const p1 = $(this).find("td:eq(13)").text();*/
            const subtask = $(this).find("td:eq(13)").text();
            const events = $(this).find("td:eq(14)").find("input[type='checkbox']").val();

            debugger;

            const componentId = @Model.WorkPlanLevelOne.ComponentId;
            const subComponentId = @Model.WorkPlanLevelOne.SubComponentId;
            const fiscalYearId = @Model.WorkPlanLevelOne.FiscalYearId;


            debugger;
            annualActivityPlanninglist.push({
                ComponentId: componentId,
                SubComponentId: subComponentId,
                FiscalYearId: fiscalYearId,
                WorkPlanLevelOneId: workplanleveloneid,
                WorkPlanId: workplanId,
                ActivityId: activityId,

                JanuaryQ: January,
                FebruaryQ: February,
                MarchQ: March,
                AprilQ: April,
                MayQ: May,
                JuneQ: June,
                JulyQ: July,
                AugustQ: August,
                SeptemberQ: September,
                OctoberQ: October,
                NovemberQ: November,
                DecemberQ: December,

                isEvent: events,
                subtask: subtask,
            /*    PriorityActivityOne: p1,*/
                PriorityActivityOneSupport: pactivity1,
                AssignedBy: assignedBy,
                FiscalYear: fy
            });

        });
        debugger
        return annualActivityPlanninglist;
    };

    //$('.total').on('change', function (e) {
    //    debugger
    //    var shrawan = parseInt($('#ShrawanQ').val());
    //    var bhadra = parseInt($('#BhadraQ').val());
    //    var asoj = parseInt($('#AsojQ').val());
    //    var kartik = parseInt($('#KartikQ').val());
    //    var total1 = shrawan + bhadra + asoj + kartik;

    //    var total2 = f;

    //    if (total1 && total2) {
    //        if (total1 != total2) {
    //            ShowMessage("error", "The values doesnt match with First Quadtri");
    //        }
    //        else {

    //            return true;
    //        }
    //    }
    //    return false;

    //});

    $("#SubmitButton").off("click").on("click", function () {
        if (calcSub() == true) {
            function request(model) {
                const url = "/workplan/create/leveltwo";
                const data = JSON.stringify(model);
                return window.getAjaxRequest(url, "POST", data);
            };
            const form = $("#CreateAnnualActivityPlanning");
            $.validator.unobtrusive.parse(form);
            if (!window.confirmAction()) {
                return;
            };

            //var results = annualActivityPlanningList();
            //debugger;
            //return;


            WorkForce.loader.show();

            function getModel() {
                return ({
                    WorkPlanLevelTwos: annualActivityPlanningList(),
                    WorkPlanLevelOneId: workplanleveloneid,
                    WorkPlanId: workplanId,
                    ActivityId: activityId,
                    UnitId: unitId
                });
            };

            const model = getModel();
            debugger
            const ajax = request(model);

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

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