monitor/data/processing.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                     </ul>
0161
0162                 </nav>
0163                 <!-- End Sidebar navigation -->
0164             </div>
0165             <!-- End Sidebar scroll-->
0166         </aside>
0167         <!-- ============================================================== -->
0168         <!-- End Left Sidebar - style you can find in sidebar.scss  -->
0169         <!-- ============================================================== -->
0170         <!-- ============================================================== -->
0171         <!-- Page wrapper  -->
0172         <!-- ============================================================== -->
0173         <div class="page-wrapper">
0174             <!-- ============================================================== -->
0175             <!-- Bread crumb and right sidebar toggle -->
0176             <!-- ============================================================== -->
0177             <div class="page-breadcrumb bg-white">
0178                 <div class="row align-items-center">
0179                     <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
0180                         <h4 class="page-title">Processings</h4>
0181                     </div>
0182                     <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
0183                         <div class="d-md-flex">
0184                             <ol class="breadcrumb ms-auto">
0185                                 <li><a href="#" class="fw-normal">Processings</a></li>
0186                             </ol>
0187                         </div>
0188                     </div>
0189                 </div>
0190                 <!-- /.col-lg-12 -->
0191             </div>
0192             <!-- ============================================================== -->
0193             <!-- End Bread crumb and right sidebar toggle -->
0194             <!-- ============================================================== -->
0195             <!-- ============================================================== -->
0196             <!-- Container fluid  -->
0197             <!-- ============================================================== -->
0198             <div class="container-fluid">
0199                 <!-- ============================================================== -->
0200                 <!-- Three charts -->
0201                 <!-- ============================================================== -->
0202                 <div class="row justify-content-center">
0203                     <div class="col-lg-4 col-md-12">
0204                         <div class="white-box analytics-info">
0205                             <h3 class="box-title">Total Processings</h3>
0206                             <ul class="list-inline two-part d-flex align-items-center mb-0">
0207                                 <li>
0208                                     <div id="totalprocessingslinedash"><canvas width="67" height="30"
0209                                             style="display: inline-block; width: 67px; height: 30px; vertical-align: top;"></canvas>
0210                                     </div>
0211                                 </li>
0212                                 <li id="totalprocessings" class="ms-auto"><span class="counter text-success"></span></li>
0213                             </ul>
0214                         </div>
0215                     </div>
0216                     <!--

0217                     <div class="col-lg-4 col-md-12">

0218                         <div class="white-box analytics-info">

0219                             <h3 class="box-title">Total Transforms</h3>

0220                             <ul class="list-inline two-part d-flex align-items-center mb-0">

0221                                 <li>

0222                                     <div id="totaltransformslinedash"><canvas width="67" height="30"

0223                                             style="display: inline-block; width: 67px; height: 30px; vertical-align: top;"></canvas>

0224                                     </div>

0225                                 </li>

0226                                 <li id="totaltransforms" class="ms-auto"><span class="counter text-purple"></span></li>

0227                             </ul>

0228                         </div>

0229                     </div>

0230                     <div class="col-lg-4 col-md-12">

0231                         <div class="white-box analytics-info">

0232                             <h3 class="box-title">Total Processings</h3>

0233                             <ul class="list-inline two-part d-flex align-items-center mb-0">

0234                                 <li>

0235                                     <div id="totalprocessingslinedash"><canvas width="67" height="30"

0236                                             style="display: inline-block; width: 67px; height: 30px; vertical-align: top;"></canvas>

0237                                     </div>

0238                                 </li>

0239                                 <li id="totalprocessings" class="ms-auto"><span class="counter text-info"></span>

0240                                 </li>

0241                             </ul>

0242                         </div>

0243                     </div>

0244                     -->
0245                 </div>
0246                 <!-- ============================================================== -->
0247                 <!-- PRODUCTS YEARLY SALES -->
0248                 <!-- ============================================================== -->
0249                 <div class="row">
0250                     <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
0251                         <div class="white-box">
0252                             <h3 class="box-title">Processings</h3>
0253                             <div class="d-md-flex">
0254                                 <select id="view_chartist_labels_select" class="type_select">
0255                                     <option value="All" selected="selected"> All </option>
0256                                 </select>
0257                                 <ul id="view_chartist_labels" class="list-inline d-flex ms-auto">
0258                                     <!--

0259                                     <li class="ps-3">

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

0261                                     </li>

0262                                     <li class="ps-3">

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

0264                                     </li>

0265                                     <li class="ps-3">

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

0267                                     </li>

0268                                     -->
0269                                 </ul>
0270                             </div>
0271                             <div id="view_chartist" style="height: 405px;">
0272                                 <div class="chartist-tooltip" style="top: -17px; left: -12px;"><span
0273                                         class="chartist-tooltip-value">6</span>
0274                                 </div>
0275                             </div>
0276                             <!--

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

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

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

0280                                 </div>

0281                             </div>

0282                             -->
0283                         </div>
0284                     </div>
0285                 </div>
0286
0287             </div>
0288             <!-- ============================================================== -->
0289             <!-- End Container fluid  -->
0290             <!-- ============================================================== -->
0291             <!-- ============================================================== -->
0292             <!-- footer -->
0293             <!-- ============================================================== -->
0294             <footer class="footer text-center"> 2021 © iDDS brought from <a
0295                     href="https://www.wrappixel.com/">wrappixel.com</a>
0296             </footer>
0297             <!-- ============================================================== -->
0298             <!-- End footer -->
0299             <!-- ============================================================== -->
0300         </div>
0301         <!-- ============================================================== -->
0302         <!-- End Page wrapper  -->
0303         <!-- ============================================================== -->
0304     </div>
0305     <!-- ============================================================== -->
0306     <!-- End Wrapper -->
0307     <!-- ============================================================== -->
0308     <!-- ============================================================== -->
0309     <!-- All Jquery -->
0310     <!-- ============================================================== -->
0311     <script src="plugins/bower_components/jquery/dist/jquery.min.js"></script>
0312     <!-- Bootstrap tether Core JavaScript -->
0313     <script src="bootstrap/dist/js/bootstrap.bundle.min.js"></script>
0314     <script src="js/app-style-switcher.js"></script>
0315     <script src="plugins/bower_components/jquery-sparkline/jquery.sparkline.min.js"></script>
0316     <!--Wave Effects -->
0317     <script src="js/waves.js"></script>
0318     <!--Menu sidebar -->
0319     <script src="js/sidebarmenu.js"></script>
0320     <!--Custom JavaScript -->
0321     <script src="js/custom.js"></script>
0322     <!--This page JavaScript -->
0323     <!--chartis chart-->
0324     <script src="plugins/bower_components/chartist/dist/chartist.min.js"></script>
0325     <script src="plugins/bower_components/chartist-plugin-tooltips/dist/chartist-plugin-tooltip.min.js"></script>
0326     <script src="conf.js"></script>
0327     <script src="js/pages/dashboards/processing.js"></script>
0328 </body>
0329
0330 </html>