monitor/data/transform.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">Transforms</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">Transforms</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 Transforms</h3>
0206                             <ul class="list-inline two-part d-flex align-items-center mb-0">
0207                                 <li>
0208                                     <div id="totaltransformslinedash"><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="totaltransforms" class="ms-auto"><span class="counter text-success"></span></li>
0213                             </ul>
0214                         </div>
0215                     </div>
0216                     <div class="col-lg-4 col-md-12">
0217                         <div class="white-box analytics-info">
0218                             <h3 class="box-title">Total Files</h3>
0219                             <ul class="list-inline two-part d-flex align-items-center mb-0">
0220                                 <li>
0221                                     <div id="totalfileslinedash"><canvas width="67" height="30"
0222                                             style="display: inline-block; width: 67px; height: 30px; vertical-align: top;"></canvas>
0223                                     </div>
0224                                 </li>
0225                                 <li id="totalfiles" class="ms-auto"><span class="counter text-purple"></span></li>
0226                             </ul>
0227                         </div>
0228                     </div>
0229                     <div class="col-lg-4 col-md-12">
0230                         <div class="white-box analytics-info">
0231                             <h3 class="box-title">Total Bytes(TB)</h3>
0232                             <ul class="list-inline two-part d-flex align-items-center mb-0">
0233                                 <li>
0234                                     <div id="totalbyteslinedash"><canvas width="67" height="30"
0235                                             style="display: inline-block; width: 67px; height: 30px; vertical-align: top;"></canvas>
0236                                     </div>
0237                                 </li>
0238                                 <li id="totalbytes" class="ms-auto"><span class="counter text-info"></span>
0239                                 </li>
0240                             </ul>
0241                         </div>
0242                     </div>
0243                 </div>
0244                 <!-- ============================================================== -->
0245                 <!-- PRODUCTS YEARLY SALES -->
0246                 <!-- ============================================================== -->
0247                 <div class="row">
0248                     <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
0249                         <div class="white-box">
0250                             <h3 class="box-title">Number Of Transforms By Transform Status</h3>
0251                             <div class="d-md-flex">
0252                                 <select id="view_chartist_labels_status_select" class="type_select">
0253                                     <option value="All" selected="selected"> All </option>
0254                                 </select>
0255                                 <ul id="view_chartist_labels_status" class="list-inline d-flex ms-auto">
0256                                     <!--

0257                                     <li class="ps-3">

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

0259                                     </li>

0260                                     <li class="ps-3">

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

0262                                     </li>

0263                                     -->
0264                                 </ul>
0265                             </div>
0266                             <div id="view_chartist_status" style="height: 405px;">
0267                                 <div class="chartist-tooltip" style="top: -17px; left: -12px;"><span
0268                                         class="chartist-tooltip-value">6</span>
0269                                 </div>
0270                             </div>
0271                         </div>
0272                     </div>
0273                     <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
0274                         <div class="white-box">
0275                             <h3 class="box-title">Number Of Files By Transform Status</h3>
0276                             <div class="d-md-flex">
0277                                 <select id="view_chartist_labels_files_select" class="type_select">
0278                                     <option value="All" selected="selected"> All </option>
0279                                 </select>
0280                                 <ul id="view_chartist_labels_files" class="list-inline d-flex ms-auto">
0281                                     <!--

0282                                     <li class="ps-3">

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

0284                                     </li>

0285                                     <li class="ps-3">

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

0287                                     </li>

0288                                     -->
0289                                 </ul>
0290                             </div>
0291                             <div id="view_chartist_files" style="height: 405px;">
0292                                 <div class="chartist-tooltip" style="top: -17px; left: -12px;"><span
0293                                         class="chartist-tooltip-value">6</span>
0294                                 </div>
0295                             </div>
0296                         </div>
0297                     </div>
0298                     <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
0299                         <div class="white-box">
0300                             <h3 class="box-title">Number Of Bytes By Transform Status</h3>
0301                             <div class="d-md-flex">
0302                                 <select id="view_chartist_labels_bytes_select" class="type_select">
0303                                     <option value="All" selected="selected"> All </option>
0304                                 </select>
0305                                 <ul id="view_chartist_labels_bytes" class="list-inline d-flex ms-auto">
0306                                     <!--

0307                                     <li class="ps-3">

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

0309                                     </li>

0310                                     <li class="ps-3">

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

0312                                     </li>

0313                                     -->
0314                                 </ul>
0315                             </div>
0316                             <div id="view_chartist_bytes" style="height: 405px;">
0317                                 <div class="chartist-tooltip" style="top: -17px; left: -12px;"><span
0318                                         class="chartist-tooltip-value">6</span>
0319                                 </div>
0320                             </div>
0321                         </div>
0322                     </div>
0323
0324
0325                     <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
0326                         <div class="white-box">
0327                             <h3 class="box-title">Number Of Transforms By Transform Type</h3>
0328                             <div class="d-md-flex">
0329                                 <select id="view_chartist_labels_type_select" class="type_select">
0330                                     <option value="All" selected="selected"> All </option>
0331                                 </select>
0332                                 <ul id="view_chartist_labels_type" class="list-inline d-flex ms-auto">
0333                                     <!--

0334                                     <li class="ps-3">

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

0336                                     </li>

0337                                     <li class="ps-3">

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

0339                                     </li>

0340                                     -->
0341                                 </ul>
0342                             </div>
0343                             <div id="view_chartist_type" style="height: 405px;">
0344                                 <div class="chartist-tooltip" style="top: -17px; left: -12px;"><span
0345                                         class="chartist-tooltip-value">6</span>
0346                                 </div>
0347                             </div>
0348                         </div>
0349                     </div>
0350                     <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
0351                         <div class="white-box">
0352                             <h3 class="box-title">Number Of Files By Transform Type</h3>
0353                             <div class="d-md-flex">
0354                                 <select id="view_chartist_labels_files_type_select" class="type_select">
0355                                     <option value="All" selected="selected"> All </option>
0356                                 </select>
0357                                 <ul id="view_chartist_labels_files_type" class="list-inline d-flex ms-auto">
0358                                     <!--

0359                                     <li class="ps-3">

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

0361                                     </li>

0362                                     <li class="ps-3">

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

0364                                     </li>

0365                                     -->
0366                                 </ul>
0367                             </div>
0368                             <div id="view_chartist_files_type" style="height: 405px;">
0369                                 <div class="chartist-tooltip" style="top: -17px; left: -12px;"><span
0370                                         class="chartist-tooltip-value">6</span>
0371                                 </div>
0372                             </div>
0373                         </div>
0374                     </div>
0375                     <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
0376                         <div class="white-box">
0377                             <h3 class="box-title">Number Of Bytes By Transform Type</h3>
0378                             <div class="d-md-flex">
0379                                 <select id="view_chartist_labels_bytes_type_select" class="type_select">
0380                                     <option value="All" selected="selected"> All </option>
0381                                 </select>
0382                                 <ul id="view_chartist_labels_bytes_type" class="list-inline d-flex ms-auto">
0383                                     <!--

0384                                     <li class="ps-3">

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

0386                                     </li>

0387                                     <li class="ps-3">

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

0389                                     </li>

0390                                     -->
0391                                 </ul>
0392                             </div>
0393                             <div id="view_chartist_bytes_type" style="height: 405px;">
0394                                 <div class="chartist-tooltip" style="top: -17px; left: -12px;"><span
0395                                         class="chartist-tooltip-value">6</span>
0396                                 </div>
0397                             </div>
0398                         </div>
0399                     </div>
0400
0401                 </div>
0402
0403             </div>
0404             <!-- ============================================================== -->
0405             <!-- End Container fluid  -->
0406             <!-- ============================================================== -->
0407             <!-- ============================================================== -->
0408             <!-- footer -->
0409             <!-- ============================================================== -->
0410             <footer class="footer text-center"> 2021 ©iDDS brought from <a
0411                     href="https://www.wrappixel.com/">wrappixel.com</a>
0412             </footer>
0413             <!-- ============================================================== -->
0414             <!-- End footer -->
0415             <!-- ============================================================== -->
0416         </div>
0417         <!-- ============================================================== -->
0418         <!-- End Page wrapper  -->
0419         <!-- ============================================================== -->
0420     </div>
0421     <!-- ============================================================== -->
0422     <!-- End Wrapper -->
0423     <!-- ============================================================== -->
0424     <!-- ============================================================== -->
0425     <!-- All Jquery -->
0426     <!-- ============================================================== -->
0427     <script src="plugins/bower_components/jquery/dist/jquery.min.js"></script>
0428     <!-- Bootstrap tether Core JavaScript -->
0429     <script src="bootstrap/dist/js/bootstrap.bundle.min.js"></script>
0430     <script src="js/app-style-switcher.js"></script>
0431     <script src="plugins/bower_components/jquery-sparkline/jquery.sparkline.min.js"></script>
0432     <!--Wave Effects -->
0433     <script src="js/waves.js"></script>
0434     <!--Menu sidebar -->
0435     <script src="js/sidebarmenu.js"></script>
0436     <!--Custom JavaScript -->
0437     <script src="js/custom.js"></script>
0438     <!--This page JavaScript -->
0439     <!--chartis chart-->
0440     <script src="plugins/bower_components/chartist/dist/chartist.min.js"></script>
0441     <script src="plugins/bower_components/chartist-plugin-tooltips/dist/chartist-plugin-tooltip.min.js"></script>
0442     <script src="conf.js"></script>
0443     <script src="js/pages/dashboards/transform.js"></script>
0444 </body>
0445
0446 </html>