| <!-- |
| ~ Licensed to the Apache Software Foundation (ASF) under one or more |
| ~ contributor license agreements. See the NOTICE file distributed with |
| ~ this work for additional information regarding copyright ownership. |
| ~ The ASF licenses this file to You under the Apache License, Version 2.0 |
| ~ (the "License"); you may not use this file except in compliance with |
| ~ the License. You may obtain a copy of the License at |
| ~ |
| ~ http://www.apache.org/licenses/LICENSE-2.0 |
| ~ |
| ~ Unless required by applicable law or agreed to in writing, software |
| ~ distributed under the License is distributed on an "AS IS" BASIS, |
| ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| ~ See the License for the specific language governing permissions and |
| ~ limitations under the License. |
| --> |
| |
| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| <title>Elastic Job Cloud Console</title> |
| <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> |
| <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css"> |
| <link rel="stylesheet" href="lib/font-awesome-4.5.0/css/font-awesome.min.css"> |
| <link rel="stylesheet" href="lib/AdminLTE/css/AdminLTE.min.css"> |
| <link rel="stylesheet" href="lib/AdminLTE/css/skins/_all-skins.min.css"> |
| <link rel="stylesheet" href="css/common.css"> |
| <link rel="stylesheet" href="lib/bootstrap-table/bootstrap-table.min.css"> |
| <link rel="stylesheet" href="lib/daterangepicker/daterangepicker.css"> |
| <script src="lib/jQuery/jQuery-2.1.4.min.js"></script> |
| <script src="lib/jQuery/jquery.i18n.properties-min.js"></script> |
| <script src="lib/bootstrap/js/bootstrap.min.js"></script> |
| <script src="lib/AdminLTE/js/app.min.js"></script> |
| <script src="lib/highcharts/js/highcharts.js"></script> |
| <script src="js/common/common.js"></script> |
| <script src="js/index.js"></script> |
| </head> |
| <body class="hold-transition skin-blue-light sidebar-mini"> |
| <div class="wrapper"> |
| <header class="main-header"> |
| <a class="logo"> |
| <span class="logo-lg"><span id="logo-font-size">Elastic Job Cloud v2.1.6</span></span> |
| </a> |
| <nav class="navbar navbar-static-top" role="navigation"> |
| <div id="navbar" class="navbar-custom-menu"> |
| <ul class="nav navbar-nav"> |
| <li class="dropdown"> |
| <a href="#" class="dropdown-toggle"> |
| <i class="fa fa-user"></i> |
| <span id="authority"></span> |
| </a> |
| </li> |
| <li><a href="#" data-toggle="control-sidebar"><i class="fa fa-flag"></i></a></li> |
| <li class="dropdown"> |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-lang="switch-language"></a> |
| <ul class="dropdown-menu"> |
| <li><a href="#" id="lang-zh" data-lang="language-zh"></a></li> |
| <li><a href="#" id="lang-en" data-lang="language-en"></a></li> |
| </ul> |
| </li> |
| </ul> |
| </div> |
| </nav> |
| </header> |
| <aside class="main-sidebar"> |
| <section class="sidebar"> |
| <ul class="sidebar-menu"> |
| <li class="treeview" id="app"> |
| <a href="#"> |
| <i class="fa fa-laptop" data-lang="sidebar-app"></i><i class="pull-right fa fa-angle-left "></i> |
| <div class="pull-right"> |
| <span id="app-nav-tag" class="label label-primary"></span> |
| </div> |
| </a> |
| <ul class="treeview-menu"> |
| <li><a href="#" id="register-app" class="sub-menu"><i class="fa fa-circle-o" data-lang="sidebar-config"></i></a></li> |
| </ul> |
| </li> |
| <li class="treeview" id="job"> |
| <a href="#"> |
| <i class="fa fa-tasks" data-lang="sidebar-job"></i><i class="pull-right fa fa-angle-left"></i> |
| <div class="pull-right"> |
| <span id="job-nav-tag" class="label label-primary"></span> |
| </div> |
| </a> |
| <ul class="treeview-menu"> |
| <li><a href="#" id="register-job" class="sub-menu"><i class="fa fa-circle-o" data-lang="sidebar-config"></i></a></li> |
| <li><a href="#" id="status" class="sub-menu"><i class="fa fa-circle-o" data-lang="sidebar-status"></i></a></li> |
| </ul> |
| </li> |
| <li class="treeview" id="history"> |
| <a href="#"> |
| <i class="fa fa-history" data-lang="sidebar-job-history"></i><i class="pull-right fa fa-angle-left "></i> |
| </a> |
| <ul class="treeview-menu"> |
| <li><a href="#" id="dashboard" class ="sub-menu"><i class="fa fa-circle-o" data-lang="sidebar-job-dashboard"></i></a></li> |
| <li><a href="#" id="exec-details" class ="sub-menu"><i class="fa fa-circle-o" data-lang="sidebar-job-trace"></i></a></li> |
| <li><a href="#" id="exec-status" class ="sub-menu"><i class="fa fa-circle-o" data-lang="sidebar-history-status"></i></a></li> |
| </ul> |
| </li> |
| </ul> |
| </section> |
| </aside> |
| <div id="content-right" class="lang-en"></div> |
| <footer class="main-footer"> |
| <strong>Copyright © 2004-2017 <a href="http://www.dangdang.com" data-lang="dangdang"></a>.</strong> All rights reserved. |
| </footer> |
| <aside class="control-sidebar control-sidebar-dark"> |
| <div class="tab-content"> |
| <div id="control-sidebar-theme-demo-options-tab" class="tab-pane active"> |
| <h4 class="control-sidebar-heading" data-lang="switch-theme-title"></h4> |
| <ul class="list-unstyled clearfix"> |
| <li> |
| <a href="javascript:void(0);" data-skin="skin-blue" class="clearfix full-opacity-hover"> |
| <div> |
| <span class="bg-blue top-span"></span> |
| </div> |
| <div> |
| <span class="down-span-left"></span> |
| <span class="down-span-right"></span> |
| </div> |
| </a> |
| <p class="text-center no-margin" data-lang="switch-theme-blue"></p> |
| </li> |
| <li> |
| <a href="javascript:void(0);" data-skin="skin-black" class="clearfix full-opacity-hover"> |
| <div> |
| <span class="top-span"></span> |
| </div> |
| <div> |
| <span class="down-span-left"></span> |
| <span class="down-span-right"></span> |
| </div> |
| </a> |
| <p class="text-center no-margin" data-lang="switch-theme-white"></p> |
| </li> |
| <li> |
| <a href="javascript:void(0);" data-skin="skin-purple" class="clearfix full-opacity-hover"> |
| <div> |
| <span class="bg-purple top-span"></span> |
| </div> |
| <div> |
| <span class="down-span-left"></span> |
| <span class="down-span-right"></span> |
| </div> |
| </a> |
| <p class="text-center no-margin" data-lang="switch-theme-purple"></p> |
| </li> |
| <li> |
| <a href="javascript:void(0);" data-skin="skin-green" class="clearfix full-opacity-hover"> |
| <div> |
| <span class="bg-green top-span"></span> |
| </div> |
| <div> |
| <span class="down-span-left"></span> |
| <span class="down-span-right"></span> |
| </div> |
| </a> |
| <p class="text-center no-margin" data-lang="switch-theme-green"></p> |
| </li> |
| <li> |
| <a href="javascript:void(0);" data-skin="skin-yellow" class="clearfix full-opacity-hover"> |
| <div> |
| <span class="bg-yellow top-span"></span> |
| </div> |
| <div> |
| <span class="down-span-left"></span> |
| <span class="down-span-right"></span> |
| </div> |
| </a> |
| <p class="text-center no-margin" data-lang="switch-theme-yellow"></p> |
| </li> |
| <li> |
| <a href="javascript:void(0);" data-skin="skin-red" class="clearfix full-opacity-hover"> |
| <div> |
| <span class="bg-red top-span"></span> |
| </div> |
| <div> |
| <span class="down-span-left"></span> |
| <span class="down-span-right"></span> |
| </div> |
| </a> |
| <p class="text-center no-margin" data-lang="switch-theme-red"></p> |
| </li> |
| <li> |
| <a href="javascript:void(0);" data-skin="skin-blue-light" class="clearfix full-opacity-hover"> |
| <div> |
| <span class="bg-light-blue top-span"></span> |
| </div> |
| <div> |
| <span class="down-span-left"></span> |
| <span class="down-span-right"></span> |
| </div> |
| </a> |
| <p class="text-center no-margin" data-lang="switch-theme-blue-light"></p> |
| </li> |
| <li> |
| <a href="javascript:void(0);" data-skin="skin-black-light" class="clearfix full-opacity-hover"> |
| <div> |
| <span class="top-span"></span> |
| </div> |
| <div> |
| <span class="down-span-left"></span> |
| <span class="down-span-right"></span> |
| </div> |
| </a> |
| <p class="text-center no-margin" data-lang="switch-theme-white-light"></p> |
| </li> |
| <li> |
| <a href="javascript:void(0);" data-skin="skin-purple-light" class="clearfix full-opacity-hover"> |
| <div> |
| <span class="bg-purple top-span"></span> |
| </div> |
| <div> |
| <span class="down-span-left"></span> |
| <span class="down-span-right"></span> |
| </div> |
| </a> |
| <p class="text-center no-margin" data-lang="switch-theme-purple-light"></p> |
| </li> |
| <li> |
| <a href="javascript:void(0);" data-skin="skin-green-light" class="clearfix full-opacity-hover"> |
| <div> |
| <span class="bg-green top-span"></span> |
| </div> |
| <div> |
| <span class="down-span-left"></span> |
| <span class="down-span-right"></span> |
| </div> |
| </a> |
| <p class="text-center no-margin" data-lang="switch-theme-green-light"></p> |
| </li> |
| <li> |
| <a href="javascript:void(0);" data-skin="skin-yellow-light" class="clearfix full-opacity-hover"> |
| <div> |
| <span class="bg-yellow top-span"></span> |
| </div> |
| <div> |
| <span class="down-span-left"></span> |
| <span class="down-span-right"></span> |
| </div> |
| </a> |
| <p class="text-center no-margin" data-lang="switch-theme-yellow-light"></p> |
| </li> |
| <li> |
| <a href="javascript:void(0);" data-skin="skin-red-light" class="clearfix full-opacity-hover"> |
| <div> |
| <span class="bg-red top-span"></span> |
| </div> |
| <div> |
| <span class="down-span-left"></span> |
| <span class="down-span-right"></span> |
| </div> |
| </a> |
| <p class="text-center no-margin" data-lang="switch-theme-red-light"></p> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </aside> |
| <div id="success-dialog" class="modal"> |
| <div class="modal-dialog"> |
| <div class="modal-content"> |
| <div class="modal-body"> |
| <p class="size-font" data-lang="operation-succeed"></p> |
| </div> |
| <div class="modal-footer"> |
| <button type="button" class="btn-xs btn-success" data-dismiss="modal" data-lang="operation-cancel"></button> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div id="history-message-modal" class="modal"> |
| <div class="modal-dialog" id="modal-dialog-width"> |
| <div class="modal-content"> |
| <div class="modal-body"> |
| <h5 id="history-message"></h5> |
| </div> |
| <div class="modal-footer"> |
| <button type="button" class="btn-xs btn-danger" data-dismiss="modal" data-lang="operation-cancel"></button> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div id="fail-dialog" class="modal"> |
| <div class="modal-dialog"> |
| <div class="modal-content"> |
| <div class="modal-body"> |
| <p class="size-font" data-lang="app-disabled"></p> |
| </div> |
| <div class="modal-footer"> |
| <button type="button" class="btn-xs btn-success" data-dismiss="modal" data-lang="operation-cancel"></button> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </body> |
| </html> |