142 lines
2.8 KiB
HTML
142 lines
2.8 KiB
HTML
<!--
|
|
Copyright 2013 OpenStack Foundation
|
|
Copyright 2013 Timo Tijhof
|
|
Copyright 2013 Wikimedia Foundation
|
|
|
|
Licensed 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 dir="ltr" lang="en">
|
|
<head>
|
|
<title>Zuul Status</title>
|
|
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css">
|
|
<style>
|
|
.zuul-container {
|
|
transition-property: opacity, background-color;
|
|
transition-duration: 1s;
|
|
transition-timing-function: ease-in-out;
|
|
clear: both;
|
|
opacity: 0;
|
|
cursor: progress;
|
|
min-height: 400px;
|
|
background-color: #f8ffaa;
|
|
}
|
|
|
|
.zuul-container-ready {
|
|
opacity: 1;
|
|
cursor: auto;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.zuul-spinner,
|
|
.zuul-spinner:hover {
|
|
opacity: 0;
|
|
transition: opacity 3s ease-out;
|
|
cursor: default;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.zuul-spinner-on,
|
|
.zuul-spinner-on:hover {
|
|
opacity: 1;
|
|
transition-duration: 0.4s;
|
|
cursor: progress;
|
|
}
|
|
|
|
.zuul-change-arrow {
|
|
text-align: center;
|
|
font-size: 16pt;
|
|
line-height: 1.0;
|
|
}
|
|
|
|
.zuul-change-id {
|
|
text-transform: none;
|
|
}
|
|
|
|
.zuul-change-job a {
|
|
overflow: auto;
|
|
}
|
|
|
|
.zuul-result {
|
|
text-shadow: none;
|
|
font-weight: normal;
|
|
background-color: #E9E9E9;
|
|
color: #555;
|
|
}
|
|
|
|
.zuul-result.label-success {
|
|
background-color: #CDF0CD;
|
|
color: #468847;
|
|
}
|
|
|
|
.zuul-result.label-important {
|
|
background-color: #F1DBDA;
|
|
color: #B94A48;
|
|
}
|
|
|
|
.zuul-result.label-warning {
|
|
background-color: #F3E6D4;
|
|
color: #F89406;
|
|
}
|
|
|
|
.zuul-msg-wrap {
|
|
max-height: 150px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.zuul-container-ready .zuul-msg-wrap {
|
|
transition: max-height 1s ease-in;
|
|
}
|
|
|
|
.zuul-msg-wrap-off {
|
|
max-height: 0;
|
|
}
|
|
|
|
.zuul-msg p {
|
|
margin: 0;
|
|
}
|
|
|
|
/**
|
|
* Styles for Bootstrap only
|
|
* (remove when not using Bootstrap)
|
|
*/
|
|
|
|
.zuul-change-id {
|
|
float: right;
|
|
}
|
|
|
|
.zuul-change-job-link {
|
|
overflow: auto;
|
|
display: block;
|
|
}
|
|
|
|
.zuul-result {
|
|
float: right;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Zuul Status</h1>
|
|
<p>Real-time status monitor of Zuul, the pipeline manager between Gerrit and Workers.</p>
|
|
|
|
<div class="zuul-container" id="zuul-container"></div>
|
|
</div>
|
|
<script src="jquery.min.js"></script>
|
|
<script src="jquery-visibility.min.js"></script>
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|