WebSVN – SmartDukaan – Diff – /trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/analysisDashboard.vm

                             #parse("dashboard-grn-pending-activated-imeis.vm")
                         </div>
                     #end
                     <div class="row col-lg-12">
                         <ul class="nav nav-tabs">
-                            <li class="bar_chart"><a class="ba">Sale</a></li>
+                            <li class="analysis_bar_chart" data-fofoid="$fofoId"><a class="ba">Sale</a></li>
-                            <li class="lms_line_chart"><a class="la">#springMessage("dashboard.monthlysale")</a></li>
+                            <li class="analysis_lms_line_chart" data-fofoid="$fofoId"><a class="la">#springMessage(
+                                "dashboard.monthlysale")</a></li>
-                            <li class="purchase_line_chart"><a class="pa">#springMessage(
+                            <li class="analysis_purchase_line_chart" data-fofoid="$fofoId"><a class="pa">#springMessage(
                                 "dashboard.monthlypurchase")</a></li>
-                            <li class="priceDrop_chart"><a class="pd">#springMessage("dashboard.pricedrop")</a></li>
+                            <li class="analysis_priceDrop_chart" data-fofoid="$fofoId"><a class="pd">#springMessage(
-                            <li class="pending_activation_chart"><a class="pac">Pending Activation</a></li>
+                                "dashboard.pricedrop")</a></li>
-                            <li class="pending_upgrade_offer"><a class="puo"> #springMessage(
+                            <li class="analysis_pending_activation_chart" data-fofoid="$fofoId"><a class="pac">Pending
-                                "dashboard.upgradeoffer")</a></li>
+                                Activation</a></li>
                         </ul>
                         <div style="float:left;margin-top: 2% ; font-size: 20px ;margin-left: 5%" id="dateRangeDiv">
                             From:
                             <input type="date" name="from" id="chartForm" value="">
                             <select name="quantityType" id="quantity_type_id">
                                 <option value="false" selected>Value</option>
                                 <option value="true">Quantity</option>
                             </select>
-                            <button id="viewSaleBarChart" class="btn-success">
+                            <button id="analysis_viewSaleBarChart" data-fofoid="$fofoId" class="btn-success">
                                 Veiw Chart
                             </button>
                         </div>
                         <br>
                         <div class="row ChartContainer" style="margin:5px;margin-top: 4%">
                 <p>All rights reserved.&copy;2017, Smart Dukaan</p>
             </div>
         </div>
     </section>
+    <div class="modal fade" id="modelChartModal" tabindex="-1" role="dialog"
+         aria-labelledby="modelChartModalLabel" aria-hidden="true">
+        <div class="modal-dialog modal-xl" role="document"> <!-- modal-lg for large modal -->
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h3 class="modal-title" id="modelChartModalLabel">Model-wise Chart
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+                    </h3>
+                </div>
+                <div class="modal-body model_charbar_container">
+                    <!-- Chart will be injected here -->
+                </div>
+            </div>
+        </div>
+    </div>
     <script type="text/javascript">
         context = "${rc.contextPath}";
         webApiScheme = "$webApiScheme";
         webApiRoot = "$webApiRoot";
         webApiHost = "$webApiHost";
                     $('.monthsaleContainer').html('');
+                }
                 salesCloseFlag = !salesCloseFlag;
             });
-            $(".bar_chart").click();
+            $(".analysis_bar_chart").click();
             var month = 0;
             doGetAjaxRequestHandler(context + "/partnerTotalIncomeByMonth/" + month, function (response) {
                 console.log(response);
                 $(".partnerIncomeContainer").html(response);
         function sleep(delay) {
             var start = new Date().getTime();
             while (new Date().getTime() < start + delay) ;
+        }
-        $(document).on("click", ".priceDrop_chart",
+        $(document).on("click", ".analysis_priceDrop_chart",
                 function () {
                     $(".pd").css("color", "blue");
                     $(".pd").css("background-color", "white");
                     $(".ba").css("color", "white");
                     $(".ba").css("background-color", "#C0C0C0");
                     $(".puo").css("color", "white");
                     $(".puo").css("background-color", "#C0C0C0");
+                    var fofoId = $(this).data("fofoid")
                     sleep(500);
-                    doGetAjaxRequestHandler(context + "/getMonthlyPriceDrop", function (response) {
+                    doGetAjaxRequestHandler(context + "/getMonthlyPriceDrop?fofoId=" + fofoId, function (response) {
                         $('.ChartContainer').html(response);
                     });
                 });
-        $(document).on("click", ".pending_activation_chart",
+        $(document).on("click", ".analysis_pending_activation_chart",
                 function () {
                     $(".pac").css("color", "blue");
                     $(".pac").css("background-color", "white");
                     $(".pd").css("color", "white");
                     $(".la").css("color", "white");
                     $(".la").css("background-color", "#C0C0C0");
                     $(".puo").css("color", "white");
                     $(".puo").css("background-color", "#C0C0C0");
+                    var fofoId = $(this).data("fofoid")
                     sleep(500);
-                    doGetAjaxRequestHandler(context + "/getMonthlyActivation", function (response) {
+                    doGetAjaxRequestHandler(context + "/getMonthlyActivation?fofoId=" + fofoId, function (response) {
                         $('.ChartContainer').html(response);
                     });
                 });
-        $(document).on("click", ".purchase_line_chart",
+        $(document).on("click", ".analysis_purchase_line_chart",
                 function () {
                     $(".pa").css("color", "blue");
                     $(".pa").css("background-color", "white");
                     $(".ba").css("color", "white");
                     $(".ba").css("background-color", "#C0C0C0");
                     $(".pac").css("color", "white");
                     $(".pac").css("background-color", "#C0C0C0");
                     $(".puo").css("color", "white");
                     $(".puo").css("background-color", "#C0C0C0");
+                    var fofoId = $(this).data("fofoid")
-                    doGetAjaxRequestHandler(context + "/getMonthlyPurchaseLineChart", function (response) {
+                    doGetAjaxRequestHandler(context + "/getMonthlyPurchaseLineChart?fofoId=" + fofoId, function (response) {
                         $('.ChartContainer').html(response);
                     });
                 });
-        $(document).on("click", ".lms_line_chart",
+        $(document).on("click", ".analysis_lms_line_chart",
                 function () {
                     $(".ba").css("color", "white");
                     $(".ba").css("background-color", "#C0C0C0");
                     $(".pa").css("color", "white");
                     $(".pac").css("color", "white");
                     $(".pac").css("background-color", "#C0C0C0");
                     $(".puo").css("color", "white");
                     $(".puo").css("background-color", "#C0C0C0");
+                    var fofoId = $(this).data("fofoid")
-                    doGetAjaxRequestHandler(context + "/getlmsLineChart", function (response) {
+                    doGetAjaxRequestHandler(context + "/getlmsLineChart?fofoId=" + fofoId, function (response) {
                         $('.ChartContainer').html(response);
                     });
                 });
-        $(document).on("click", ".bar_chart",
+        $(document).on("click", ".analysis_bar_chart",
                 function () {
                     $(".ba").css("color", "blue");
                     $(".ba").css("background-color", "white");
                     $(".la").css("color", "white");
                     $(".la").css("background-color", "#C0C0C0");
                     $(".pac").css("background-color", "#C0C0C0");
                     $(".puo").css("color", "white");
                     $(".puo").css("background-color", "#C0C0C0");
+                    var fofoId = $(this).data("fofoid")
-                    doGetAjaxRequestHandler(context + "/getBarChart", function (response) {
+                    doGetAjaxRequestHandler(context + "/analysis/getBarChart?fofoId=" + fofoId, function (response) {
                         $('.ChartContainer').html(response);
                     });
                 });
+            }
         });
+    }
-    $(document).on('click', '#viewSaleBarChart', function () {
+    $(document).on('click', '#analysis_viewSaleBarChart', function () {
+        let partnerId = $(this).data("fofoid");
         let from = $('#chartForm').val();
         let to = $('#chartTo').val();
         let quantity_type = $('select[name="quantityType"]').val();
         console.log("from - ", from);
         console.log("to - ", to);
         console.log("tquantity_typeo - ", quantity_type);
+        console.log("fofoId - ", partnerId);
-        doGetAjaxRequestHandler(`${context}/getBarChart?from=${from}&to=${to}&isQuantity=${quantity_type}`, function (response) {
+        doGetAjaxRequestHandler(`${context}/analysis/getBarChart?fofoId=${partnerId}&from=${from}&to=${to}&isQuantity=${quantity_type}`, function (response) {
             console.log("res - ", response);
             $('.model_charbar_container').html("");
             $('.ChartContainer').html(response);
         });
     });

Subversion Repositories SmartDukaan

(root)/trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/analysisDashboard.vm – Rev 34525 → 34528