Created
May 13, 2024 08:10
-
-
Save Chandra-Sekhar-Bala/5674e211676dbba7f8079b4b8faf3981 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <meta name="description" content=""> | |
| <meta name="author" content=""> | |
| <title>Welcome to NJDG - National Judicial Data Grid</title> | |
| <link href="/njdgnew/dist/css/style.css" rel="stylesheet"> | |
| <!-- Bootstrap Core CSS --> | |
| <link href="/njdgnew/vendor/dist/css/bootstrap.min.css" rel="stylesheet"> | |
| <!-- MetisMenu CSS --> | |
| <link href="/njdgnew/vendor/metisMenu/metisMenu.min.css" rel="stylesheet"> | |
| <link href="/njdgnew/dist/css/login.css" rel="stylesheet"> | |
| <!-- Custom CSS --> | |
| <link href="/njdgnew/dist/css/sb-admin-2.css" rel="stylesheet"> | |
| <!-- Custom Fonts --> | |
| <link href="/njdgnew/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> | |
| <link rel="stylesheet" type="text/css" href="/njdgnew/dist/css/hummingbird-treeview.css" > | |
| <link rel="stylesheet" href="/njdgnew/dist/css/chosen.min.css"> | |
| <link rel="stylesheet" href="/njdgnew/dist/css/animations.css"> | |
| <link rel="stylesheet" href="/njdgnew/dist/css/animate.css"> | |
| <link rel="stylesheet" href="/njdgnew/dist/css/dashboard-style.css" > | |
| <link rel="stylesheet" href="/njdgnew/dist/css/multiline.css"> | |
| <!-- JS --> | |
| <script src="/njdgnew/d3/d3.v3.js"></script> | |
| <script src="/njdgnew/dist/js/Donut3D.js"></script> | |
| <script src="/njdgnew/dist/js/d3Legend.js"></script> | |
| <!-- jQuery --> | |
| <script src="/njdgnew/vendor/jquery/jquery-3.7.1.min.js"></script> | |
| <!-- Bootstrap Core JavaScript --> | |
| <script src="/njdgnew/vendor/dist/js/bootstrap.min.js"></script> | |
| <!-- Metis Menu Plugin JavaScript --> | |
| <!--<script src="//vendor/metisMenu/metisMenu.min.js"></script>--> | |
| <!-- Custom Theme JavaScript --> | |
| <script src="/njdgnew/dist/js/sb-admin-2.js"></script> | |
| <script src="/njdgnew/js/myjs.js"></script> | |
| <script src="/njdgnew/js/components.js"></script> | |
| <!-- Tab panes --> | |
| <div class="tab-content"> | |
| <div role="tabpanel" class="tab-pane active" id="home"> | |
| <div class="row"> | |
| <!-- 25 jun 2018 --> | |
| <div class="row wow fadeInDown mb-2" data-wow-duration="2s" id="mainCount"> | |
| <div class="col-lg-4 col-md-3"> | |
| <div class="panel orange rounded shadow-sm"> | |
| <div class="panel-heading"> | |
| <div class="row"> | |
| <div class="col-md-9 text-left"> | |
| <div><span class="count_class counter">11015205</span></div> | |
| <div>Civil Cases</div> | |
| </div> | |
| <div class="col-md-3"> | |
| <!--<i class="fa fa-hourglass-o fa-4x"></i>--> | |
| <div class="fa-stack fa-4x hourglass-spin whl"> | |
| <i class="fa fa-stack-1x fa-hourglass-start"></i> | |
| <i class="fa fa-stack-1x fa-hourglass-half"></i> | |
| <i class="fa fa-stack-1x fa-hourglass-end"></i> | |
| <i class="fa fa-stack-1x fa-hourglass-end spin"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-3"> | |
| <div class="panel pink rounded shadow-sm"> | |
| <div class="panel-heading"> | |
| <div class="row"> | |
| <div class="col-md-9 text-left"> | |
| <div><span class="count_class counter">33930117</span></div> | |
| <div>Criminal Cases</div> | |
| </div> | |
| <div class="col-md-3"> | |
| <!--<i class="fa fa-hourglass-o fa-4x"></i>--> | |
| <div class="fa-stack fa-4x hourglass-spin whl"> | |
| <i class="fa fa-stack-1x fa-hourglass-start"></i> | |
| <i class="fa fa-stack-1x fa-hourglass-half"></i> | |
| <i class="fa fa-stack-1x fa-hourglass-end"></i> | |
| <i class="fa fa-stack-1x fa-hourglass-end spin"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-3"> | |
| <div class="panel tar rounded shadow-sm"> | |
| <div class="panel-heading"> | |
| <div class="row"> | |
| <div class="col-md-9 text-left"> | |
| <div> | |
| <span class="count_class counter"> | |
| 44945322 | |
| </span> | |
| </div> | |
| <div>Total Cases</div> | |
| </div> | |
| <div class="col-md-3"> | |
| <!--<i class="fa fa-hourglass-o fa-4x"></i>--> | |
| <div class="fa-stack fa-4x hourglass-spin whl"> | |
| <i class="fa fa-stack-1x fa-hourglass-start"></i> | |
| <i class="fa fa-stack-1x fa-hourglass-half"></i> | |
| <i class="fa fa-stack-1x fa-hourglass-end"></i> | |
| <i class="fa fa-stack-1x fa-hourglass-end spin"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--- 30 nov 2018 Cases more than 1 year start --> | |
| <div class="row wow fadeInDown" data-wow-duration="2s" id="mainCount1"> | |
| <div class="col-lg-4 col-md-3"> | |
| <div class="panel yellow rounded shadow-sm"> | |
| <div class="panel-heading"> | |
| <div class="row"> | |
| <div class="col-md-9 text-left"> | |
| <div><span class="count_class counter">7341462</span><span class="span_perce">(66.65%)</span></div> | |
| <div>Civil Cases More Than 1 Year Old</div> | |
| </div> | |
| <div class="col-md-3"> | |
| <i class="fa fa-calendar fa-4x"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-3"> | |
| <div class="panel blue rounded shadow-sm"> | |
| <div class="panel-heading"> | |
| <div class="row"> | |
| <div class="col-md-9 text-left"> | |
| <div><span class="count_class counter">23899028</span><span class="span_perce">(70.44%)</span></div> | |
| <div>Criminal Cases More Than 1 Year Old</div> | |
| </div> | |
| <div class="col-md-3"> | |
| <i class="fa fa-calendar fa-4x"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-3"> | |
| <div class="panel indianred rounded shadow-sm"> | |
| <div class="panel-heading"> | |
| <div class="row"> | |
| <div class="col-md-9 text-left"> | |
| <div><span class="count_class counter"> | |
| 31240490 </span><span class="span_perce">(69.51%)</span></div> | |
| <div>Cases More Than 1 Year Old</div> | |
| </div> | |
| <div class="col-md-3"> | |
| <i class="fa fa-calendar fa-4x"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--- 30 nov 2018 Cases more than 1 year end --> | |
| <div class='row align-content-center' id="subMenu"> | |
| <div class="row" > | |
| <div class="col-lg-3 col-md-6"> | |
| <div class="row" > | |
| <div class="col-auto"> | |
| <a class="navbar-brand p-0 fs-6" href="index.php"><img src="images/NJDG-icon.png" class='mt-2'></a> | |
| </div> | |
| <div class="col-auto"> | |
| <div class="NJDG-logo fw-bold" style="color:#fff;">NJDG</div> | |
| <div style="color:#fff;">National Judicial Data Grid</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-3 col-md-6"> | |
| <div class="panel rounded orange"> | |
| <div class="panel-heading"> | |
| <div class="row"> | |
| <div class="col-md-9 text-start"> | |
| <div><span class="count_class counter">11015205</span></div> | |
| <div>Total Civil Cases</div> | |
| </div> | |
| <div class="col-md-3 text-center pt-2"> | |
| <i class="fa fa-hourglass-o fa-3x"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-3 col-md-6"> | |
| <div class="panel rounded pink"> | |
| <div class="panel-heading"> | |
| <div class="row"> | |
| <div class="col-md-9 text-start"> | |
| <div><span class="count_class counter">33930117</span></div> | |
| <div>Total Criminal Cases</div> | |
| </div> | |
| <div class="col-md-3 text-center pt-2"> | |
| <i class="fa fa-hourglass-o fa-3x"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-3 col-md-6"> | |
| <div class="panel rounded tar"> | |
| <div class="panel-heading"> | |
| <div class="row"> | |
| <div class="col-md-9 text-start"> | |
| <div><span class="count_class counter"> | |
| 44945322 </span></div> | |
| <div>Total Cases</div> | |
| </div> | |
| <div class="col-md-3 text-center pt-2"> | |
| <i class="fa fa-hourglass-o fa-3x"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="row wow fadeInDown" data-wow-duration="2s" id="" style="margin-bottom:0px;"> | |
| <div class="col-lg-12 my-2"> | |
| <div class="alert alert-warning alert-dismissible fade show alertCustm"><strong>The above shown figures are upto Current Date</strong><button type="button" class="btn-close p-2" data-bs-dismiss="alert" aria-label="Close"></button></div> | |
| </div> | |
| </div> | |
| <form name="frm" id="frm" method="post"> | |
| <!-- select list / Radio Buttons div start --> | |
| <div class="row wow fadeInDown" data-wow-duration="2s" id="radioCombo1"> | |
| <div class="col-md-3" style="z-index:998"> | |
| <select name='state_code' id='state_code' onchange="get_dist_drill('main/index',this.value);" class='chosen' style='width:100%'> | |
| <option value=''>Select State</option> | |
| <option value="6~14" id="6~14" >Haryana</option><option value="15~19" id="15~19" >Mizoram</option><option value="3~22" id="3~22" >Punjab</option><option value="11~24" id="11~24" >Sikkim</option><option value="14~25" id="14~25" >Manipur</option><option value="7~26" id="7~26" >Delhi</option><option value="36~29" id="36~29" >Telangana</option><option value="30~30" id="30~30" >Goa</option><option value="26~32" id="26~32" >DNH at Silvasa</option><option value="37~33" id="37~33" >Ladakh</option><option value="13~34" id="13~34" >Nagaland</option><option value="10~8" id="10~8" >Bihar</option><option value="8~9" id="8~9" >Rajasthan</option><option value="33~10" id="33~10" >Tamil Nadu</option><option value="1~12" id="1~12" >Jammu and Kashmir</option><option value="2~5" id="2~5" >Himachal Pradesh</option><option value="17~21" id="17~21" >Meghalaya</option><option value="16~20" id="16~20" >Tripura</option><option value="4~27" id="4~27" >Chandigarh</option><option value="34~35" id="34~35" >Puducherry</option><option value="5~15" id="5~15" >Uttarakhand</option><option value="28~2" id="28~2" >Andhra Pradesh</option><option value="32~4" id="32~4" >Kerala</option><option value="18~6" id="18~6" >Assam</option><option value="12~36" id="12~36" >Arunachal Pradesh</option><option value="9~13" id="9~13" >Uttar Pradesh</option><option value="19~16" id="19~16" >West Bengal</option><option value="27~1" id="27~1" >Maharashtra</option><option value="20~7" id="20~7" >Jharkhand</option><option value="22~18" id="22~18" >Chhattisgarh</option><option value="35~28" id="35~28" >Andaman and Nicobar</option><option value="21~11" id="21~11" >Odisha</option><option value="24~17" id="24~17" >Gujarat</option><option value="29~3" id="29~3" >Karnataka</option><option value="23~23" id="23~23" >Madhya Pradesh</option><option value="25~31" id="25~31" >Diu and Daman</option> </select> | |
| </div> | |
| <div class="col-md-3" style="z-index:999"> | |
| <select name='dist_code' id='dist_code' class='chosen' style='width:100%' onchange="get_dist_drill('main/index',this.value);"> | |
| <option value=''>Select District</option> | |
| </select> | |
| </div> | |
| <!-- <div class="col-md-3"> | |
| <select name='est_code' id='est_code' onchange="get_distData('main/pend_dashboard',this.value);" class='chosen' style='width:100%'> | |
| <option value=''>Select Establishment</option> | |
| </select> | |
| </div>--> | |
| </form> | |
| <!-- select list / Radio Buttons div END --> | |
| </div> | |
| <!-- /.row --> | |
| <!-- Pendancy Delay Reason chart end --> | |
| <div class="row wow fadeInDown" data-wow-duration="2s" style="margin-top:20px;"> | |
| <div class="col-md-12"> | |
| <div id="drillDown_tbl_heading"><i class="fa fa-arrow-circle-down fa-fw"></i> Drill Down | |
| <a href="#" data-toggle="modal" data-target="#helpModalDash"><i class="fa fa-question-circle helpIconDash" aria-hidden="true" ></i></a> | |
| <button id="iframe_back" onclick="back(6)" class="btn btn-default back_btn" style='margin-right:50%;display:none;'><i class="fa fa-chevron-circle-left" aria-hidden="true"></i> Back</button> | |
| </div> | |
| <div class="row" id="drillDown_tbl"> | |
| <div class="col-md-8 offset-md-2" id='state_tab' style="display:none;"></div> | |
| <div class="col-md-8 offset-md-2" id='year_tab' style="display:none;"></div> | |
| <div class="col-md-8 offset-md-2" id='dist_tab' style="display:none;"></div> | |
| <div class="col-md-8 offset-md-2" id='est_tab' style="display:none;"></div> | |
| <div class="col-md-8 offset-md-2 row" id='cases_captcha_tab' style="display:none;"></div> | |
| <div class="col-md-8 offset-md-2" id='cases_tab1' style= "display:none;"> | |
| <table id='example_cases' class='bordered' width='100%' border='1' cellspacing='0' cellpadding='0' > | |
| <thead> | |
| <tr> <a href='javascript:back(4)'>Back</a></tr> | |
| <tr style='background-color:white;font-weight:bold' ><td colspan='2' class='alert alert-warning' id='label'></td></tr> | |
| <tr align='left'> | |
| <th>Cases</th> | |
| </tr> | |
| </thead> | |
| <tbody id='cases_report_body'></table> | |
| </div> | |
| <div class="col-md-12" id='cur_tab'> <style type="text/css"> | |
| select[name="example_length"] | |
| { | |
| width:60px !important; | |
| } | |
| input[aria-controls="example"] | |
| { | |
| width:160px !important; | |
| height: 34px; | |
| padding: 6px 12px; | |
| font-size: 14px; | |
| line-height: 1.42857143; | |
| color: #555; | |
| background-color: #fff; | |
| background-image: none; | |
| border: 1px solid #ccc; | |
| border-radius: 4px; | |
| box-shadow: inset 0 1px 1px rgba(0,0,0,.075); | |
| transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; | |
| } | |
| .dataTables_filter{ | |
| float: left !important; | |
| text-align: right !important; | |
| /*width: 10%;*/ | |
| } | |
| .dt-buttons{ | |
| margin-bottom:5px; | |
| } | |
| </style> | |
| <script> | |
| $(document).ready(function() { | |
| //console.log("test 123"); | |
| 'use strict'; | |
| var groupColumn = 0; | |
| var table = $('#example').DataTable({ | |
| "ordering": false, | |
| "columnDefs": [ | |
| { "visible": false, "targets": groupColumn } | |
| ], | |
| "order": [[ groupColumn, 'asc' ]], | |
| "displayLength": 25, | |
| "drawCallback": function ( settings ) { | |
| var api = this.api(); | |
| var rows = api.rows( {page:'current'} ).nodes(); | |
| var last=null; | |
| api.column(groupColumn, {page:'current'} ).data().each( function ( group, i ) { | |
| if ( last !== group ) { | |
| $(rows).eq( i ).before( | |
| '<tr class="group"><td colspan="4">'+group+'</td></tr>' | |
| ); | |
| last = group; | |
| } | |
| } ); | |
| }, | |
| "scrollY": "450px", | |
| "scrollX": true, | |
| "scrollCollapse": true, | |
| "paging":false, | |
| dom: 'lrfBtip', | |
| buttons: [ | |
| { | |
| "extend": 'pdf',"title":"Report", "text":'<button class="btn btn-default dgreenBtn pdf_btn" ><span class="fa fa-file-pdf-o" aria-hidden="true" title="Export to pdf" ></span> </button>', | |
| exportOptions: { | |
| columns: ':visible' | |
| } | |
| }, | |
| { | |
| "extend": 'excel', "title":"Report", "text":'<button class="btn btn-default dgreenBtn xls_btn" ><span class="fa fa-file-excel-o" aria-hidden="true" title="Export to xls"></span> </button>', | |
| exportOptions:{ | |
| columns: ':visible' | |
| } | |
| }, | |
| { | |
| "extend": 'csv', "title":"Report", "text":'<button class="btn btn-default dgreenBtn blueBtn csv_btn" ><span class="fa fa-file-excel-o" aria-hidden="true" title="Export to csv"></span> </button>', | |
| exportOptions:{ | |
| columns: ':visible' | |
| } | |
| }] | |
| } ); | |
| // Order by the grouping | |
| $('#example tbody').on( 'click', 'tr.group', function () { | |
| var currentOrder = table.order()[0]; | |
| if ( currentOrder[0] === groupColumn && currentOrder[1] === 'asc' ) | |
| { | |
| table.order( [ groupColumn, 'desc' ] ).draw(); | |
| } | |
| else { table.order( [ groupColumn, 'asc' ] ).draw(); } | |
| } ); | |
| } ); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment