| <!DOCTYPE html> | |
| <!-- | |
| 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. | |
| --> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content=""> | |
| <meta name="author" content=""> | |
| <title>Dashboard - Apache Flink</title> | |
| <!-- Bootstrap core CSS --> | |
| <link href="css/bootstrap.css" rel="stylesheet"> | |
| <!-- Add custom CSS here --> | |
| <link href="css/sb-admin.css" rel="stylesheet"> | |
| <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> | |
| <!-- Page Specific CSS --> | |
| <link rel="stylesheet" type="text/css" href="css/nephelefrontend.css" /> | |
| <link rel="stylesheet" type="text/css" href="css/timeline.css"> | |
| <!-- Scripts from Google --> | |
| <!-- This should be loaded first to ensure the availability of google.load for the scripts --> | |
| <script type="text/javascript" src="https://www.google.com/jsapi"></script> | |
| <!-- Scripts from Bootstrap --> | |
| <script src="js/jquery-2.1.0.js"></script> | |
| <script src="js/bootstrap.js"></script> | |
| <!-- Scripts from Flink --> | |
| <script type="text/javascript" src="js/jquery.flot.min.js"></script> | |
| <script type="text/javascript" src="js/helpers.js"></script> | |
| <script type="text/javascript" src="js/jcanvas.min.js"></script> | |
| <script type="text/javascript" src="js/timeline.js"></script> | |
| <script type="text/javascript" src="js/helpers.js"></script> | |
| <script type="text/javascript" src="js/analyzer.js"></script> | |
| <!-- Load Menu --> | |
| <script type="text/javascript"> | |
| $(document).ready(function() { | |
| $.ajax({ url : "menu?get=analyze", type : "GET", cache: false, success : function(html) { | |
| $("#side-menu").empty(); | |
| $("#side-menu").append(html); | |
| }, dataType : "html", | |
| }); | |
| }); | |
| </script> | |
| </head> | |
| <body> | |
| <div id="wrapper"> | |
| <!-- Sidebar --> | |
| <nav class='navbar navbar-inverse navbar-fixed-top' role='navigation'> | |
| <!-- Brand and toggle get grouped for better mobile display --> | |
| <div class="navbar-header"> | |
| <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> | |
| <span class="sr-only">Toggle navigation</span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| </button> | |
| <table> | |
| <tr> | |
| <td><img src="img/flink-logo.png" alt="Flink Logo" style="margin-left:15px; margin-top:5px; width:40px;height:40px";></td> | |
| <td style="vertical-align:top"><a class="navbar-brand" href="index.html">Apache Flink</a></td> | |
| </tr> | |
| </table> | |
| </div> | |
| <!-- Collect the nav links, forms, and other content for toggling --> | |
| <div class="collapse navbar-collapse navbar-ex1-collapse"> | |
| <ul id="side-menu" class="nav navbar-nav side-nav"> | |
| <!-- Filled via script --> | |
| </ul> | |
| <ul class="nav navbar-nav navbar-right navbar-user"> | |
| <li class="dropdown user-dropdown"> | |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-archive"></i> Log Files<b class="caret"></b></a> | |
| <ul class="dropdown-menu"> | |
| <li><a href="logInfo"><i class="fa fa-keyboard-o"></i> Log Info</a></li> | |
| <li><a href="logInfo?get=stdout"><i class="fa fa-keyboard-o"></i> Stdout</a></li> | |
| </ul> | |
| </li> | |
| </ul> | |
| </div><!-- /.navbar-collapse --> | |
| </nav> | |
| <div id="page-wrapper"> | |
| <div class="panel panel-primary"> | |
| <div class="panel-heading"> | |
| <h3 id="jobtitle" class="panel-title"> Running Jobs</h3> | |
| </div> | |
| <div id="jobs" class="panel-body"> | |
| <div id="started"> | |
| Scheduled: <span id="time"></span> | |
| </div> | |
| <div id="runtime"> | |
| Runtime: <span id="run"></span> | |
| </div> | |
| <div id="endstatus"> | |
| Status: <span id="status"></span> | |
| </div> | |
| <div id="control"> | |
| <!-- <span id="flow" class="btn">Flow Layout</span><span id="stack" class="btn">Stack Layout</span> --> | |
| <div class="btn-toolbar"> | |
| <button id="flow" type="button" class="btn btn-info">Flow Layout</button> | |
| <button id="stack" type="button" class="btn btn-info">Stack Layout</button> | |
| </div> | |
| </div> | |
| <div id="job_timeline"></div> | |
| </div> | |
| </div> | |
| <div class="panel panel-primary"> | |
| <div class="panel-heading"> | |
| <h3 class="panel-title"> Tasks</h3> | |
| </div> | |
| <div id="vertices" class="panel-body"> | |
| Select a task by clicking on the corresponding bar in the Job Overview section. | |
| </div> | |
| </div> | |
| <div class="panel panel-primary"> | |
| <div class="panel-heading"> | |
| <div class="panel-title">Accumulator Results</div> | |
| </div> | |
| <div id="accumulators" class="panel-body"> | |
| The job does not have any accumulators | |
| </div> | |
| </div> | |
| </div><!-- /#page-wrapper --> | |
| </div><!-- /#wrapper --> | |
| </body> | |
| </html> |