Subversion Repositories SmartDukaan

Rev

Rev 34388 | Rev 34527 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 34388 Rev 34426
Line 42... Line 42...
42
          integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
42
          integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
43
    <link rel="stylesheet" type="text/css" href="resources/css/bootstrap-tagsinput.css">
43
    <link rel="stylesheet" type="text/css" href="resources/css/bootstrap-tagsinput.css">
44
    <!-- Include the Toastify CSS file -->
44
    <!-- Include the Toastify CSS file -->
45
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
45
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
46
    <style>
46
    <style>
-
 
47
        .modal-xl {
-
 
48
            max-width: 70% !important; /* or 90%, adjust as needed */
-
 
49
            width: 100%;
-
 
50
        }
47
 
51
 
48
        <!--
-
 
49
        Small desktops-- >
52
        Small desktops-- >
50
 
53
 
51
        @media (max-width: 1920px) {
54
        @media (max-width: 1920px) {
52
            body {
55
            body {
53
                zoom: 80% !important;
56
                zoom: 80% !important;
Line 1384... Line 1387...
1384
                            #parse("dashboard-grn-pending-activated-imeis.vm")
1387
                            #parse("dashboard-grn-pending-activated-imeis.vm")
1385
                        </div>
1388
                        </div>
1386
                    #end
1389
                    #end
1387
                    <div class="row col-lg-12">
1390
                    <div class="row col-lg-12">
1388
                        <ul class="nav nav-tabs">
1391
                        <ul class="nav nav-tabs">
1389
                            <li class="bar_chart"><a class="ba">Sale</a></li>
1392
                            <li role="presentation" class="active bar_chart"><a href="javascript:void(0)">Sale</a></li>
1390
                            <li class="lms_line_chart"><a class="la">#springMessage("dashboard.monthlysale")</a></li>
1393
                            <li class="lms_line_chart"><a href="javascript:void(0)">#springMessage(
-
 
1394
                                "dashboard.monthlysale")</a></li>
1391
                            <li class="purchase_line_chart"><a class="pa">#springMessage(
1395
                            <li class="purchase_line_chart"><a href="javascript:void(0)">#springMessage(
1392
                                "dashboard.monthlypurchase")</a></li>
1396
                                "dashboard.monthlypurchase")</a></li>
1393
                            <li class="priceDrop_chart"><a class="pd">#springMessage("dashboard.pricedrop")</a></li>
1397
                            <li class="priceDrop_chart"><a href="javascript:void(0)">#springMessage(
-
 
1398
                                "dashboard.pricedrop")</a></li>
1394
                            <li class="pending_activation_chart"><a class="pac">Pending Activation</a></li>
1399
                            <li class="pending_activation_chart"><a href="javascript:void(0)">Pending Activation</a>
-
 
1400
                            </li>
1395
                            <li class="pending_upgrade_offer"><a class="puo"> #springMessage(
1401
                            <li class="pending_upgrade_offer"><a href="javascript:void(0)"> #springMessage(
1396
                                "dashboard.upgradeoffer")</a></li>
1402
                                "dashboard.upgradeoffer")</a></li>
1397
 
-
 
1398
                        </ul>
1403
                        </ul>
1399
                        <div style="float:left;margin-top: 2% ; font-size: 20px ;margin-left: 5%" id="dateRangeDiv" >
1404
                        <div style="float:left;margin-top: 2% ; font-size: 20px" id="dateRangeDiv">
1400
                            From:
1405
                            From:
1401
                            <input type="date" name="from" id="chartForm" value="">
1406
                            <input type="date" name="from" id="chartForm" value="">
1402
                            To:
1407
                            To:
1403
                            <input type="date" name="to" id="chartTo" value="">
1408
                            <input type="date" name="to" id="chartTo" value="">
1404
 
1409
 
Line 1416... Line 1421...
1416
                        </div>
1421
                        </div>
1417
 
1422
 
1418
 
1423
 
1419
                    </div>
1424
                    </div>
1420
                    <div class="clearfix"></div>
1425
                    <div class="clearfix"></div>
1421
                    <div class="model_charbar_container">
1426
                    ##                    <div class="model_charbar_container">
1422
 
-
 
-
 
1427
                    ##
-
 
1428
                    ##                    </div>
-
 
1429
                    <div class="modal fade" id="modelChartModal" tabindex="-1" role="dialog"
-
 
1430
                         aria-labelledby="modelChartModalLabel" aria-hidden="true">
-
 
1431
                        <div class="modal-dialog modal-xl" role="document"> <!-- modal-lg for large modal -->
-
 
1432
                            <div class="modal-content">
-
 
1433
                                <div class="modal-header">
-
 
1434
                                    <h3 class="modal-title" id="modelChartModalLabel">Model-wise Chart
-
 
1435
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-
 
1436
                                            <span aria-hidden="true">&times;</span>
-
 
1437
                                        </button>
-
 
1438
                                    </h3>
-
 
1439
                                </div>
-
 
1440
                                <div class="modal-body model_charbar_container">
-
 
1441
                                    <!-- Chart will be injected here -->
-
 
1442
                                </div>
-
 
1443
                            </div>
-
 
1444
                        </div>
1423
                    </div>
1445
                    </div>
1424
 
1446
 
1425
 
-
 
1426
                </div>
1447
                </div>
1427
            </div>
1448
            </div>
1428
            </div>
1449
            </div>
1429
        </section>
1450
        </section>
1430
        <div class="text-center">
1451
        <div class="text-center">
Line 1970... Line 1991...
1970
        </div>
1991
        </div>
1971
    </div>
1992
    </div>
1972
</div>
1993
</div>
1973
</html>
1994
</html>
1974
<style>
1995
<style>
-
 
1996
    .nav-tabs > li {
-
 
1997
        font-size: 20px;
1975
 
1998
    }
1976
 
1999
 
1977
    .popover2 {
2000
    .popover2 {
1978
        min-width: 30em;
2001
        min-width: 30em;
1979
        height: 410px;
2002
        height: 410px;
1980
        overflow: auto;
2003
        overflow: auto;
Line 2108... Line 2131...
2108
 
2131
 
2109
    $(document).on('click', '#viewSaleBarChart', function () {
2132
    $(document).on('click', '#viewSaleBarChart', function () {
2110
        let from = $('#chartForm').val();
2133
        let from = $('#chartForm').val();
2111
        let to = $('#chartTo').val();
2134
        let to = $('#chartTo').val();
2112
        let quantity_type = $('select[name="quantityType"]').val();
2135
        let quantity_type = $('select[name="quantityType"]').val();
2113
        console.log("from - ",from);
2136
        console.log("from - ", from);
2114
        console.log("to - ",to);
2137
        console.log("to - ", to);
2115
        console.log("tquantity_typeo - ",quantity_type);
2138
        console.log("tquantity_typeo - ", quantity_type);
2116
 
2139
 
2117
        doGetAjaxRequestHandler(`${context}/getBarChart?from=${from}&to=${to}&isQuantity=${quantity_type}`,function (response) {
2140
        doGetAjaxRequestHandler(`${context}/getBarChart?from=${from}&to=${to}&isQuantity=${quantity_type}`, function (response) {
2118
            console.log("res - ",response);
2141
            console.log("res - ", response);
2119
            $('.model_charbar_container').html("");
2142
            $('.model_charbar_container').html("");
2120
            $('.ChartContainer').html(response);
2143
            $('.ChartContainer').html(response);
2121
        });
2144
        });
2122
    });
2145
    });
-
 
2146
 
-
 
2147
    $(document).on('click', '.nav-tabs li a', function (ev) {
-
 
2148
        const $li = $(this).parent();
-
 
2149
            $li.siblings().removeClass('active');
-
 
2150
            $li.addClass('active');
-
 
2151
    });
2123
</script>
2152
</script>