elasticjob-cloud/elastic-job-cloud-scheduler/src/main/resources/console/html/history/job_dashboard.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.
  -->

<div class="content-wrapper">
    <section class="content-header">
        <h1 data-lang="sidebar-job-dashboard"></h1>
        <ol class="breadcrumb">
            <li class="active"><i class="fa fa-history" data-lang="sidebar-job-history"></i></li>
            <li class="active" data-lang="sidebar-job-dashboard"></li>
        </ol>
    </section>
    <hr class="table-line"> 
    <div class="box-body">
        <div class="row" >
            <div class="col-sm-7">
                <div class="chart-right">
                    <div class="box box-danger">
                        <div class="box-header with-border">
                            <h3 class="box-title" data-lang="dashboard-succ-and-fail-count"></h3>
                            <div class="box-tools pull-right">
                                <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                            </div>
                        </div>
                        <div class="box-body" > 
                            <div class="chart-size">
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div id="total-jobs-lastMinute" class="chart-size-solation"></div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div id="total-jobs-lastHour" class="chart-size-solation"></div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div id="total-jobs-weekly" class="chart-size-solation"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-5">
                <div class="chart-left">
                    <div class="box box-danger">
                        <div class="box-header with-border">
                            <h3 class="box-title" data-lang="dashboard-job-type"></h3>
                            <div class="box-tools pull-right">
                                <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="chart-size">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div id="job-type" class="chart-size-solation"></div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div id="job-execution-type" class="chart-size-solation"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="box box-info">
                    <div class="box-header with-border">
                        <h3 class="box-title" data-lang="dashboard-succ-and-fail-count"></h3>
                        <div class="box-tools pull-right">
                            <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                        </div>
                    </div>
                    <div class="box-body" >
                        <div class="row">
                            <div id="statictis_jobs" class="set-size"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="box box-info">
                    <div class="box-header with-border">
                        <h3 class="box-title" data-lang="dashboard-job-task-running-count"></h3>
                        <div class="box-tools pull-right">
                            <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                        </div>
                    </div>
                    <div class="box-body">
                        <div class="row" >
                            <div id="run-jobs" class="set-size"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="box box-success">
                    <div class="box-header with-border">
                        <h3 class="box-title" data-lang="dashboard-current-jobs-count"></h3>
                        <div class="box-tools pull-right">
                            <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                        </div>
                    </div>
                    <div class="box-body">
                        <div class="row">
                            <div id="regist-jobs" class="set-size"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/history/job_dashboard.js"></script>