Subversion Repositories SmartDukaan

Rev

Rev 32882 | Blame | Compare with Previous | Last modification | View Log | RSS feed 

<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="refresh" content="180">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
          integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <style>
        html, body {
            margin-top: 10px;
            padding: 0;
        }


        td, th {
            font-size: 14px;
        }


        .table td, .table th {
            padding: 0.25rem;
        }

        tr:first-child.green td {
            font-weight: bold;
            background-color: #00d6b2;
        }


        th.gold, tr.gold th {
            border-bottom: 1px solid black;
            background-color: #F8E59C;
            /*border-top:3px solid black;
            border-bottom:4px solid black;*/
        }

        /*td {
          border-top:2px solid black !important;
        }*/

        tr.gold:nth-child(odd) {
            background-color: #FDF8E3;
        }

        .table, .table th {
            border-top: 2px solid black;
        }

    </style>
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-4 form-group">
            <input placeholder = "Duration" id="duration" name="duration" type="text" value="" class="form-control phone input-sm">
        </div>
        <div class="col-lg-2">
            <button class="btn btn-primary btn-change-duration" type="submit" >Update Period</button>
        </div>
    </div>
    <div class="row">
        <table class="col-lg-12 table table-bordered" style="border:2px solid black">
            <thead>
            <tr>
                <th class="gold" rowspan="2" style="text-align: center;vertical-align: middle;">RBM</th>
                #set($colspan=$milestones.size())
                <th colspan="$colspan" style="text-align: center;vertical-align: middle;background-color:#EBCA58">
                    Partners
                    <!--Split By PO Creation-->
                    Split by Billing
                </th>
                <th colspan="$colspan" style="text-align: center;vertical-align: middle;background-color:#EBCA58">
                    Partners
                    Split By Actual Billing + PO
                </th>
            </tr>
            <tr>
                #foreach($milestone in $milestones)
                    <th scope="col" class="gold col-1"
                        style="text-align: center;vertical-align: middle;
                            #if($velocityCount > 2)
                                    background-color: yellowgreen;
                            #end"
                    >$milestone.getValue()</th>
                #end
                #foreach($milestone in $milestones)
                    <th scope="col" class="gold col-1"
                        style="text-align: center;vertical-align: middle;
                            #if($velocityCount > 2)
                                    background-color: yellowgreen;
                            #end"
                    >$milestone.getValue()</th>
                #end
            </tr>
            </thead>
            <tbody>
                #foreach($rbmTotalMilestoneCountEntry in $totalMilestoneCountMap.entrySet())
                    #set($rbmName = $rbmTotalMilestoneCountEntry.getKey())
                <tr class="gold">
                    <td style="text-align: center;vertical-align: middle;">
                        $rbmName
                    </td>
                    <!--Partners Split by Billing-->
                    #foreach($milestone in $milestones)
                        <td style="text-align: center;
                            #if($velocityCount > 2)
                                    background-color: yellowgreen;
                            #end"
                        >
                            #if($billedMilestoneCountMap.get($rbmName).containsKey($milestone))
                                $billedMilestoneCountMap.get($rbmName).get($milestone)
                            #else
                                -
                            #end
                        </td>
                    #end
                    <!-- Partners Split By Actual Billing + PO -->
                    #foreach($milestone in $milestones)
                        <td style="text-align: center;
                            #if($velocityCount > 2)
                                    background-color: yellowgreen;
                            #end"
                        >
                            #if($rbmTotalMilestoneCountEntry.getValue().containsKey($milestone))
                                $rbmTotalMilestoneCountEntry.getValue().get($milestone)
                            #else
                                -
                            #end
                        </td>
                    #end

                </tr>
                #end
            </tbody>
            <tfoot>
            <tr class="gold">
                <th style="text-align: center;vertical-align: middle;">Total</th>
                #foreach($milestone in $milestones)
                    <th style="text-align: center;
                        #if($velocityCount > 2)
                                background-color: yellowgreen;
                        #end"
                    >
                        #if($billedAggregatedMilestoneCountMap.get($milestone))
                            $billedAggregatedMilestoneCountMap.get($milestone)
                        #else
                            -
                        #end
                    </th>
                #end
                #foreach($milestone in $milestones)
                    <th style="text-align: center;
                        #if($velocityCount > 2)
                                background-color: yellowgreen;
                        #end"
                    >
                        #if($totalAggregatedMilestoneCountMap.get($milestone))
                            $totalAggregatedMilestoneCountMap.get($milestone)
                        #else
                            -
                        #end
                    </th>
                #end
            </tr>
            <tr>
                <th colspan="3"></th>
                <th colspan="3" style="background-color: yellowgreen;text-align: center">$billedGreenCount</th>
                <th colspan="2"></th>
                <th colspan="3" style="background-color: yellowgreen;text-align: center">$totalGreenCount</th>
            </tr>
            </tfoot>
        </table>
    </div>

</div>
<div class="row warehouseMilestone" style="margin: 5px">
</div>


<script type="text/javascript">
    context = "${rc.contextPath}";
</script>
    #parse("include-scripts.vm")

<script>
    $('input[name="duration"]').daterangepicker(getRangedDatePicker(false, moment("$startDate"), moment("$endDate")));
    $(document).ready(function(){
        $(".btn-change-duration").click(function (){
            let start = getDatesFromPicker($('input[name="duration"]')).startDate;
            let end = getDatesFromPicker($('input[name="duration"]')).endDate;
            document.location = `/monitor/targets-new?startDate=${start}&endDate=${end}`;
        });
    });
</script>

</body>
</html>