monitor/data/detail_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     <link href="plugins/bower_components/jquery-datatables/jquery.dataTables.min.css" rel="stylesheet">
0022     <!-- Custom CSS -->
0023     <link href="css/style.min.css" rel="stylesheet">
0024     <link href="css/style.extra.css" rel="stylesheet">
0025 </head>
0026
0027 <body>
0028     <!-- ============================================================== -->
0029     <!-- Preloader - style you can find in spinners.css -->
0030     <!-- ============================================================== -->
0031     <div class="preloader">
0032         <div class="lds-ripple">
0033             <div class="lds-pos"></div>
0034             <div class="lds-pos"></div>
0035         </div>
0036     </div>
0037     <!-- ============================================================== -->
0038     <!-- Main wrapper - style you can find in pages.scss -->
0039     <!-- ============================================================== -->
0040     <div id="main-wrapper" data-layout="vertical" data-navbarbg="skin5" data-sidebartype="full"
0041         data-sidebar-position="absolute" data-header-position="absolute" data-boxed-layout="full">
0042         <!-- ============================================================== -->
0043         <!-- Topbar header - style you can find in pages.scss -->
0044         <!-- ============================================================== -->
0045         <header class="topbar" data-navbarbg="skin5">
0046             <nav class="navbar top-navbar navbar-expand-md navbar-dark">
0047                 <div class="navbar-header" data-logobg="skin6">
0048                     <!-- ============================================================== -->
0049                     <!-- Logo -->
0050                     <!-- ============================================================== -->
0051                     <a class="navbar-brand" href="dashboard.html">
0052                         <!-- Logo icon -->
0053                         <b class="logo-icon">
0054                             <!-- Dark Logo icon -->
0055                             <!-- img src="plugins/images/logo-icon.png" alt="homepage" /-->
0056                             <img src="plugins/images/idds_log.png" alt="homepage" />
0057                         </b>
0058                         <!--End Logo icon -->
0059                         <!-- Logo text -->
0060                         <span class="logo-text">
0061                             <!-- dark Logo text -->
0062                             <!-- img src="plugins/images/logo-text.png" alt="homepage" /-->
0063                             <img src="plugins/images/idds_log_text1.png" alt="homepage" />
0064                         </span>
0065                     </a>
0066                     <!-- ============================================================== -->
0067                     <!-- End Logo -->
0068                     <!-- ============================================================== -->
0069                     <!-- ============================================================== -->
0070                     <!-- toggle and nav items -->
0071                     <!-- ============================================================== -->
0072                     <a class="nav-toggler waves-effect waves-light text-dark d-block d-md-none"
0073                         href="javascript:void(0)"><i class="ti-menu ti-close"></i></a>
0074                 </div>
0075                 <!-- ============================================================== -->
0076                 <!-- End Logo -->
0077                 <!-- ============================================================== -->
0078                 <div class="navbar-collapse collapse" id="navbarSupportedContent" data-navbarbg="skin5">
0079
0080                     <!-- ============================================================== -->
0081                     <!-- Right side toggle and nav items -->
0082                     <!-- ============================================================== -->
0083                     <ul class="navbar-nav ms-auto d-flex align-items-center">
0084
0085                         <!-- ============================================================== -->
0086                         <!-- Search -->
0087                         <!-- ============================================================== -->
0088                         <li class=" in">
0089                             <form role="search" class="app-search d-none d-md-block me-3">
0090                                 <input type="text" placeholder="Search..." class="form-control mt-0">
0091                                 <a href=""                                    <i class="fa fa-search"></i>
0092  class="active">
0093                                 </a>
0094                             </form>
0095                         </li>
0096                         <!-- ============================================================== -->
0097                         <!-- User profile and search -->
0098                         <!-- ============================================================== -->
0099                         <!-- ============================================================== -->
0100                         <!-- User profile and search -->
0101                         <!-- ============================================================== -->
0102                     </ul>
0103                 </div>
0104             </nav>
0105         </header>
0106         <!-- ============================================================== -->
0107         <!-- End Topbar header -->
0108         <!-- ============================================================== -->
0109         <!-- ============================================================== -->
0110         <!-- Left Sidebar - style you can find in sidebar.scss  -->
0111         <!-- ============================================================== -->
0112         <aside class="left-sidebar" data-sidebarbg="skin6">
0113             <!-- Sidebar scroll-->
0114             <div class="scroll-sidebar">
0115                 <!-- Sidebar navigation-->
0116                 <nav class="sidebar-nav">
0117                     <ul id="sidebarnav">
0118                         <!-- User Profile-->
0119                         <li class="sidebar-item pt-2">
0120                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="dashboard.html"
0121                                 aria-expanded="false">
0122                                 <i class="far fa-clock" aria-hidden="true"></i>
0123                                 <span class="hide-menu">Dashboard</span>
0124                             </a>
0125                         </li>
0126                         <li class="sidebar-item">
0127                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="transform.html"
0128                                 aria-expanded="false">
0129                                 <i class="fa fa-user" aria-hidden="true"></i>
0130                                 <span class="hide-menu">Transform</span>
0131                             </a>
0132                         </li>
0133                         <li class="sidebar-item">
0134                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="processing.html"
0135                                 aria-expanded="false">
0136                                 <i class="fa fa-table" aria-hidden="true"></i>
0137                                 <span class="hide-menu">Processing</span>
0138                             </a>
0139                         </li>
0140                         <li class="sidebar-item">
0141                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="detail_request.html"
0142                                 aria-expanded="false">
0143                                 <i class="fa fa-table" aria-hidden="true"></i>
0144                                 <span class="hide-menu">Request Detail</span>
0145                             </a>
0146                         </li>
0147                         <li class="sidebar-item">
0148                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="detail_transform.html"
0149                                 aria-expanded="false">
0150                                 <i class="fa fa-table" aria-hidden="true"></i>
0151                                 <span class="hide-menu">Transform Detail</span>
0152                             </a>
0153                         </li>
0154                         <li class="sidebar-item">
0155                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="detail_processing.html"
0156                                 aria-expanded="false">
0157                                 <i class="fa fa-table" aria-hidden="true"></i>
0158                                 <span class="hide-menu">Processing Detail</span>
0159                             </a>
0160                         </li>
0161                     </ul>
0162
0163                 </nav>
0164                 <!-- End Sidebar navigation -->
0165             </div>
0166             <!-- End Sidebar scroll-->
0167         </aside>
0168         <!-- ============================================================== -->
0169         <!-- End Left Sidebar - style you can find in sidebar.scss  -->
0170         <!-- ============================================================== -->
0171         <!-- ============================================================== -->
0172         <!-- Page wrapper  -->
0173         <!-- ============================================================== -->
0174         <div class="page-wrapper">
0175             <!-- ============================================================== -->
0176             <!-- Bread crumb and right sidebar toggle -->
0177             <!-- ============================================================== -->
0178             <div class="page-breadcrumb bg-white">
0179                 <div class="row align-items-center">
0180                     <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
0181                         <h4 class="page-title">Detail</h4>
0182                     </div>
0183                     <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
0184                         <div class="d-md-flex">
0185                             <ol class="breadcrumb ms-auto">
0186                                 <li><a href="#" class="fw-normal">Detail</a></li>
0187                             </ol>
0188                         </div>
0189                     </div>
0190                 </div>
0191                 <!-- /.col-lg-12 -->
0192             </div>
0193             <!-- ============================================================== -->
0194             <!-- End Bread crumb and right sidebar toggle -->
0195             <!-- ============================================================== -->
0196             <!-- ============================================================== -->
0197             <!-- Container fluid  -->
0198             <!-- ============================================================== -->
0199             <div class="container-fluid">
0200                 <!-- ============================================================== -->
0201                 <!-- RECENT SALES -->
0202                 <!-- ============================================================== -->
0203                 <div class="row">
0204                     <div class="col-md-12 col-lg-12 col-sm-12">
0205                         <div class="white-box">
0206                             <div class="d-md-flex mb-3">
0207                                 <h3 class="box-title mb-0">Request Transforms</h3>
0208                                 <h3 class="wait_message" id="wait_message"></h3>
0209                                 <!--

0210                                 <div class="col-md-3 col-sm-4 col-xs-6 ms-auto">

0211                                     <select id="transform_status" class="form-select shadow-none row border-top">

0212                                         <option>All</option>

0213                                         <option>April 2021</option>

0214                                         <option>May 2021</option>

0215                                         <option>June 2021</option>

0216                                         <option>July 2021</option>

0217                                     </select>

0218                                 </div>

0219                                 -->
0220                             </div>
0221                             <div class="table-responsive">
0222                                 <!-- table class="table no-wrap display" -->
0223                                 <table id="transforms_table" class="display" style="width:100%">
0224                                     <thead>
0225                                         <tr>
0226                                             <th class="border-top-0">#</th>
0227                                             <th class="border-top-0">Request ID</th>
0228                                             <th class="border-top-0">Workload ID</th>
0229                                             <th class="border-top-0">Transform ID</th>
0230                                             <th class="border-top-0">Transform Type</th>
0231                                             <th class="border-top-0">Scope</th>
0232                                             <th class="border-top-0">Name</th>
0233                                             <th class="border-top-0">Status</th>
0234                                             <th class="border-top-0">Created At</th>
0235                                             <th class="border-top-0">Updated At</th>
0236                                             <th class="border-top-0">Input Total files</th>
0237                                             <th class="border-top-0">Input Processed files</th>
0238                                             <th class="border-top-0">Output Total files</th>
0239                                             <th class="border-top-0">Output Processed files</th>
0240                                         </tr>
0241                                     </thead>
0242                                     <tbody id="transforms_table_body">
0243                                         <!--

0244                                         <tr>

0245                                             <td>1</td>

0246                                             <td class="txt-oflo">Elite admin</td>

0247                                             <td>SALE</td>

0248                                             <td class="txt-oflo">April 18, 2021</td>

0249                                             <td><span class="text-success">$24</span></td>

0250                                         </tr>

0251                                         -->
0252                                     </tbody>
0253                                 </table>
0254                             </div>
0255                         </div>
0256                     </div>
0257                 </div>
0258             </div>
0259             <!-- ============================================================== -->
0260             <!-- End Container fluid  -->
0261             <!-- ============================================================== -->
0262             <!-- ============================================================== -->
0263             <!-- footer -->
0264             <!-- ============================================================== -->
0265             <footer class="footer text-center"> 2021 ©iDDS brought from <a
0266                     href="https://www.wrappixel.com/">wrappixel.com</a>
0267             </footer>
0268             <!-- ============================================================== -->
0269             <!-- End footer -->
0270             <!-- ============================================================== -->
0271         </div>
0272         <!-- ============================================================== -->
0273         <!-- End Page wrapper  -->
0274         <!-- ============================================================== -->
0275     </div>
0276     <!-- ============================================================== -->
0277     <!-- End Wrapper -->
0278     <!-- ============================================================== -->
0279     <!-- ============================================================== -->
0280     <!-- All Jquery -->
0281     <!-- ============================================================== -->
0282     <script src="plugins/bower_components/jquery/dist/jquery.min.js"></script>
0283     <!-- Bootstrap tether Core JavaScript -->
0284     <script src="bootstrap/dist/js/bootstrap.bundle.min.js"></script>
0285     <script src="js/app-style-switcher.js"></script>
0286     <script src="plugins/bower_components/jquery-sparkline/jquery.sparkline.min.js"></script>
0287     <!--Wave Effects -->
0288     <script src="js/waves.js"></script>
0289     <!--Menu sidebar -->
0290     <script src="js/sidebarmenu.js"></script>
0291     <!--Custom JavaScript -->
0292     <script src="js/custom.js"></script>
0293     <!--This page JavaScript -->
0294     <!--chartis chart-->
0295     <script src="plugins/bower_components/chartist/dist/chartist.min.js"></script>
0296     <script src="plugins/bower_components/chartist-plugin-tooltips/dist/chartist-plugin-tooltip.min.js"></script>
0297     <!--data table-->
0298     <script src="plugins/bower_components/jquery-datatables/jquery.dataTables.min.js"></script>
0299     <script src="conf.js"></script>
0300     <script src="js/pages/dashboards/detail_transform.js"></script>
0301 </body>
0302
0303 </html>