monitor/data/dashboard.html

0001 <!DOCTYPE html>
0002 <html dir="ltr" lang="en">
0003
0004 <head>
0005     <meta charset="utf-8">
0006     <meta http-equiv="X-UA-Compatible" content="IE=edge">
0007     <!-- Tell the browser to be responsive to screen width -->
0008     <meta name="viewport" content="width=device-width, initial-scale=1">
0009     <meta name="keywords"
0010         content="wrappixel, admin dashboard, html css dashboard, web dashboard, bootstrap 5 admin, bootstrap 5, css3 dashboard, bootstrap 5 dashboard, Ample lite admin bootstrap 5 dashboard, frontend, responsive bootstrap 5 admin template, Ample admin lite dashboard bootstrap 5 dashboard template">
0011     <meta name="description"
0012         content="Ample Admin Lite is powerful and clean admin dashboard template, inpired from Bootstrap Framework">
0013     <meta name="robots" content="noindex,nofollow">
0014     <title>iDDS monitor</title>
0015     <!-- link rel="canonical" href="https://www.wrappixel.com/templates/ample-admin-lite/" /-->
0016     <!-- Favicon icon -->
0017     <link rel="icon" type="image/png" sizes="16x16" href="plugins/images/favicon.png">
0018     <!-- Custom CSS -->
0019     <link href="plugins/bower_components/chartist/dist/chartist.min.css" rel="stylesheet">
0020     <link rel="stylesheet" href="plugins/bower_components/chartist-plugin-tooltips/dist/chartist-plugin-tooltip.css">
0021     <!-- Custom CSS -->
0022     <link href="css/style.min.css" rel="stylesheet">
0023     <link href="css/style.extra.css" rel="stylesheet">
0024 </head>
0025
0026 <body>
0027     <!-- ============================================================== -->
0028     <!-- Preloader - style you can find in spinners.css -->
0029     <!-- ============================================================== -->
0030     <div class="preloader">
0031         <div class="lds-ripple">
0032             <div class="lds-pos"></div>
0033             <div class="lds-pos"></div>
0034         </div>
0035     </div>
0036     <!-- ============================================================== -->
0037     <!-- Main wrapper - style you can find in pages.scss -->
0038     <!-- ============================================================== -->
0039     <div id="main-wrapper" data-layout="vertical" data-navbarbg="skin5" data-sidebartype="full"
0040         data-sidebar-position="absolute" data-header-position="absolute" data-boxed-layout="full">
0041         <!-- ============================================================== -->
0042         <!-- Topbar header - style you can find in pages.scss -->
0043         <!-- ============================================================== -->
0044         <header class="topbar" data-navbarbg="skin5">
0045             <nav class="navbar top-navbar navbar-expand-md navbar-dark">
0046                 <div class="navbar-header" data-logobg="skin6">
0047                     <!-- ============================================================== -->
0048                     <!-- Logo -->
0049                     <!-- ============================================================== -->
0050                     <a class="navbar-brand" href="dashboard.html">
0051                         <!-- Logo icon -->
0052                         <b class="logo-icon">
0053                             <!-- Dark Logo icon -->
0054                             <!-- img src="plugins/images/logo-icon.png" alt="homepage" /-->
0055                             <img src="plugins/images/idds_log.png" alt="homepage" />
0056                         </b>
0057                         <!--End Logo icon -->
0058                         <!-- Logo text -->
0059                         <span class="logo-text">
0060                             <!-- dark Logo text -->
0061                             <!-- img src="plugins/images/logo-text.png" alt="homepage" /-->
0062                             <img src="plugins/images/idds_log_text1.png" alt="homepage" />
0063                         </span>
0064                     </a>
0065                     <!-- ============================================================== -->
0066                     <!-- End Logo -->
0067                     <!-- ============================================================== -->
0068                     <!-- ============================================================== -->
0069                     <!-- toggle and nav items -->
0070                     <!-- ============================================================== -->
0071                     <a class="nav-toggler waves-effect waves-light text-dark d-block d-md-none"
0072                         href="javascript:void(0)"><i class="ti-menu ti-close"></i></a>
0073                 </div>
0074                 <!-- ============================================================== -->
0075                 <!-- End Logo -->
0076                 <!-- ============================================================== -->
0077                 <div class="navbar-collapse collapse" id="navbarSupportedContent" data-navbarbg="skin5">
0078
0079                     <!-- ============================================================== -->
0080                     <!-- Right side toggle and nav items -->
0081                     <!-- ============================================================== -->
0082                     <ul class="navbar-nav ms-auto d-flex align-items-center">
0083
0084                         <!-- ============================================================== -->
0085                         <!-- Search -->
0086                         <!-- ============================================================== -->
0087                         <li class=" in">
0088                             <form role="search" class="app-search d-none d-md-block me-3">
0089                                 <input type="text" placeholder="Search..." class="form-control mt-0">
0090                                 <a href=""                                    <i class="fa fa-search"></i>
0091  class="active">
0092                                 </a>
0093                             </form>
0094                         </li>
0095                         <!-- ============================================================== -->
0096                         <!-- User profile and search -->
0097                         <!-- ============================================================== -->
0098                         <!-- ============================================================== -->
0099                         <!-- User profile and search -->
0100                         <!-- ============================================================== -->
0101                     </ul>
0102                 </div>
0103             </nav>
0104         </header>
0105         <!-- ============================================================== -->
0106         <!-- End Topbar header -->
0107         <!-- ============================================================== -->
0108         <!-- ============================================================== -->
0109         <!-- Left Sidebar - style you can find in sidebar.scss  -->
0110         <!-- ============================================================== -->
0111         <aside class="left-sidebar" data-sidebarbg="skin6">
0112             <!-- Sidebar scroll-->
0113             <div class="scroll-sidebar">
0114                 <!-- Sidebar navigation-->
0115                 <nav class="sidebar-nav">
0116                     <ul id="sidebarnav">
0117                         <!-- User Profile-->
0118                         <li class="sidebar-item pt-2">
0119                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="dashboard.html"
0120                                 aria-expanded="false">
0121                                 <i class="far fa-clock" aria-hidden="true"></i>
0122                                 <span class="hide-menu">Dashboard</span>
0123                             </a>
0124                         </li>
0125                         <li class="sidebar-item">
0126                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="transform.html"
0127                                 aria-expanded="false">
0128                                 <i class="fa fa-user" aria-hidden="true"></i>
0129                                 <span class="hide-menu">Transform</span>
0130                             </a>
0131                         </li>
0132                         <li class="sidebar-item">
0133                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="processing.html"
0134                                 aria-expanded="false">
0135                                 <i class="fa fa-table" aria-hidden="true"></i>
0136                                 <span class="hide-menu">Processing</span>
0137                             </a>
0138                         </li>
0139                         <li class="sidebar-item">
0140                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="detail_request.html"
0141                                 aria-expanded="false">
0142                                 <i class="fa fa-table" aria-hidden="true"></i>
0143                                 <span class="hide-menu">Request Detail</span>
0144                             </a>
0145                         </li>
0146                         <li class="sidebar-item">
0147                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="detail_transform.html"
0148                                 aria-expanded="false">
0149                                 <i class="fa fa-table" aria-hidden="true"></i>
0150                                 <span class="hide-menu">Transform Detail</span>
0151                             </a>
0152                         </li>
0153                         <li class="sidebar-item">
0154                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="detail_processing.html"
0155                                 aria-expanded="false">
0156                                 <i class="fa fa-table" aria-hidden="true"></i>
0157                                 <span class="hide-menu">Processing Detail</span>
0158                             </a>
0159                         </li>
0160                         <!--

0161                         <li class="sidebar-item">

0162                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="fontawesome.html"

0163                                 aria-expanded="false">

0164                                 <i class="fa fa-font" aria-hidden="true"></i>

0165                                 <span class="hide-menu">Icon</span>

0166                             </a>

0167                         </li>

0168                         <li class="sidebar-item">

0169                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="map-google.html"

0170                                 aria-expanded="false">

0171                                 <i class="fa fa-globe" aria-hidden="true"></i>

0172                                 <span class="hide-menu">Google Map</span>

0173                             </a>

0174                         </li>

0175                         <li class="sidebar-item">

0176                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="blank.html"

0177                                 aria-expanded="false">

0178                                 <i class="fa fa-columns" aria-hidden="true"></i>

0179                                 <span class="hide-menu">Blank Page</span>

0180                             </a>

0181                         </li>

0182                         <li class="sidebar-item">

0183                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="404.html"

0184                                 aria-expanded="false">

0185                                 <i class="fa fa-info-circle" aria-hidden="true"></i>

0186                                 <span class="hide-menu">Error 404</span>

0187                             </a>

0188                         </li>

0189                         <li class="text-center p-20 upgrade-btn">

0190                             <a href="https://www.wrappixel.com/templates/ampleadmin/"

0191                                 class="btn d-grid btn-danger text-white" target="_blank">

0192                                 Upgrade to Pro</a>

0193                         </li>

0194                         -->
0195                     </ul>
0196
0197                 </nav>
0198                 <!-- End Sidebar navigation -->
0199             </div>
0200             <!-- End Sidebar scroll-->
0201         </aside>
0202         <!-- ============================================================== -->
0203         <!-- End Left Sidebar - style you can find in sidebar.scss  -->
0204         <!-- ============================================================== -->
0205         <!-- ============================================================== -->
0206         <!-- Page wrapper  -->
0207         <!-- ============================================================== -->
0208         <div class="page-wrapper">
0209             <!-- ============================================================== -->
0210             <!-- Bread crumb and right sidebar toggle -->
0211             <!-- ============================================================== -->
0212             <div class="page-breadcrumb bg-white">
0213                 <div class="row align-items-center">
0214                     <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
0215                         <h4 class="page-title">Dashboard</h4>
0216                     </div>
0217                     <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
0218                         <div class="d-md-flex">
0219                             <ol class="breadcrumb ms-auto">
0220                                 <li><a href="#" class="fw-normal">Dashboard</a></li>
0221                             </ol>
0222                             <!--

0223                             <a href="https://www.wrappixel.com/templates/ampleadmin/" target="_blank"

0224                                 class="btn btn-danger  d-none d-md-block pull-right ms-3 hidden-xs hidden-sm waves-effect waves-light text-white">Upgrade

0225                                 to Pro</a>

0226                             -->
0227                         </div>
0228                     </div>
0229                 </div>
0230                 <!-- /.col-lg-12 -->
0231             </div>
0232             <!-- ============================================================== -->
0233             <!-- End Bread crumb and right sidebar toggle -->
0234             <!-- ============================================================== -->
0235             <!-- ============================================================== -->
0236             <!-- Container fluid  -->
0237             <!-- ============================================================== -->
0238             <div class="container-fluid">
0239                 <!-- ============================================================== -->
0240                 <!-- Three charts -->
0241                 <!-- ============================================================== -->
0242                 <div class="row justify-content-center">
0243                     <div class="col-lg-4 col-md-12">
0244                         <div class="white-box analytics-info">
0245                             <h3 class="box-title">Total Requests</h3>
0246                             <ul class="list-inline two-part d-flex align-items-center mb-0">
0247                                 <li>
0248                                     <div id="totalrequestslinedash"><canvas width="67" height="30"
0249                                             style="display: inline-block; width: 67px; height: 30px; vertical-align: top;"></canvas>
0250                                     </div>
0251                                 </li>
0252                                 <li id="totalrequests" class="ms-auto"><span class="counter text-success"></span></li>
0253                             </ul>
0254                         </div>
0255                     </div>
0256                     <div class="col-lg-4 col-md-12">
0257                         <div class="white-box analytics-info">
0258                             <h3 class="box-title">Total Transforms</h3>
0259                             <ul class="list-inline two-part d-flex align-items-center mb-0">
0260                                 <li>
0261                                     <div id="totaltransformslinedash"><canvas width="67" height="30"
0262                                             style="display: inline-block; width: 67px; height: 30px; vertical-align: top;"></canvas>
0263                                     </div>
0264                                 </li>
0265                                 <li id="totaltransforms" class="ms-auto"><span class="counter text-purple"></span></li>
0266                             </ul>
0267                         </div>
0268                     </div>
0269                     <div class="col-lg-4 col-md-12">
0270                         <div class="white-box analytics-info">
0271                             <h3 class="box-title">Total Processings</h3>
0272                             <ul class="list-inline two-part d-flex align-items-center mb-0">
0273                                 <li>
0274                                     <div id="totalprocessingslinedash"><canvas width="67" height="30"
0275                                             style="display: inline-block; width: 67px; height: 30px; vertical-align: top;"></canvas>
0276                                     </div>
0277                                 </li>
0278                                 <li id="totalprocessings" class="ms-auto"><span class="counter text-info"></span>
0279                                 </li>
0280                             </ul>
0281                         </div>
0282                     </div>
0283                 </div>
0284                 <!-- ============================================================== -->
0285                 <!-- PRODUCTS YEARLY SALES -->
0286                 <!-- ============================================================== -->
0287                 <div class="row">
0288                     <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
0289                         <div class="white-box">
0290                             <h3 class="box-title">Requests</h3>
0291                             <div class="d-md-flex">
0292                                 <select id="view_chartist_labels_select" class="type_select">
0293                                     <option value="All" selected="selected"> All </option>
0294                                 </select>
0295                                 <ul id="view_chartist_labels" class="list-inline d-flex ms-auto">
0296                                     <!--

0297                                     <li class="ps-3">

0298                                         <h5><i class="fa fa-circle me-1 text-info"></i>Mac</h5>

0299                                     </li>

0300                                     <li class="ps-3">

0301                                         <h5><i class="fa fa-circle me-1 text-inverse"></i>Windows</h5>

0302                                     </li>

0303                                     <li class="ps-3">

0304                                         <h5><i class="fa fa-circle me-1 text-inverse"></i>test</h5>

0305                                     </li>

0306                                     -->
0307                                 </ul>
0308                             </div>
0309                             <div id="view_chartist" style="height: 405px;">
0310                                 <div class="chartist-tooltip" style="top: -17px; left: -12px;"><span
0311                                         class="chartist-tooltip-value">6</span>
0312                                 </div>
0313                             </div>
0314                             <!--

0315                             <div id="ct-visits" style="height: 405px;">

0316                                 <div class="chartist-tooltip" style="top: -17px; left: -12px;"><span

0317                                         class="chartist-tooltip-value">6</span>

0318                                 </div>

0319                             </div>

0320                             -->
0321                         </div>
0322                     </div>
0323                 </div>
0324
0325             </div>
0326             <!-- ============================================================== -->
0327             <!-- End Container fluid  -->
0328             <!-- ============================================================== -->
0329             <!-- ============================================================== -->
0330             <!-- footer -->
0331             <!-- ============================================================== -->
0332             <footer class="footer text-center"> 2021 © iDDS brought from <a
0333                     href="https://www.wrappixel.com/">wrappixel.com</a>
0334             </footer>
0335             <!-- ============================================================== -->
0336             <!-- End footer -->
0337             <!-- ============================================================== -->
0338         </div>
0339         <!-- ============================================================== -->
0340         <!-- End Page wrapper  -->
0341         <!-- ============================================================== -->
0342     </div>
0343     <!-- ============================================================== -->
0344     <!-- End Wrapper -->
0345     <!-- ============================================================== -->
0346     <!-- ============================================================== -->
0347     <!-- All Jquery -->
0348     <!-- ============================================================== -->
0349     <script src="plugins/bower_components/jquery/dist/jquery.min.js"></script>
0350     <!-- Bootstrap tether Core JavaScript -->
0351     <script src="bootstrap/dist/js/bootstrap.bundle.min.js"></script>
0352     <script src="js/app-style-switcher.js"></script>
0353     <script src="plugins/bower_components/jquery-sparkline/jquery.sparkline.min.js"></script>
0354     <!--Wave Effects -->
0355     <script src="js/waves.js"></script>
0356     <!--Menu sidebar -->
0357     <script src="js/sidebarmenu.js"></script>
0358     <!--Custom JavaScript -->
0359     <script src="js/custom.js"></script>
0360     <!--This page JavaScript -->
0361     <!--chartis chart-->
0362     <script src="plugins/bower_components/chartist/dist/chartist.min.js"></script>
0363     <script src="plugins/bower_components/chartist-plugin-tooltips/dist/chartist-plugin-tooltip.min.js"></script>
0364     <script src="conf.js"></script>
0365     <script src="js/pages/dashboards/dashboard1.js"></script>
0366 </body>
0367
0368 </html>