|
|
@ -20,6 +20,7 @@
|
|
|
|
display:grid ;
|
|
|
|
display:grid ;
|
|
|
|
grid-template-rows: 32px auto;
|
|
|
|
grid-template-rows: 32px auto;
|
|
|
|
grid-gap:4px;
|
|
|
|
grid-gap:4px;
|
|
|
|
|
|
|
|
height:99%;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -33,6 +34,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
.widget {
|
|
|
|
.widget {
|
|
|
|
width:100%;
|
|
|
|
width:100%;
|
|
|
|
|
|
|
|
height:90%;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.widget .title {
|
|
|
|
.widget .title {
|
|
|
@ -43,16 +45,17 @@
|
|
|
|
grid-gap:2px;
|
|
|
|
grid-gap:2px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.widget .chart {
|
|
|
|
.widget .chart {
|
|
|
|
|
|
|
|
|
|
|
|
display:grid;
|
|
|
|
display:grid;
|
|
|
|
grid-template-columns: 35% 35% 30%;
|
|
|
|
grid-template-columns: 35% 35% 30%;
|
|
|
|
grid-gap:1px;
|
|
|
|
grid-gap:1px;
|
|
|
|
width:100%;
|
|
|
|
width:100%;
|
|
|
|
|
|
|
|
height:90%;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.widget .chart iframe {
|
|
|
|
.widget .chart iframe {
|
|
|
|
width:100%;
|
|
|
|
width:99%;
|
|
|
|
height:220px;
|
|
|
|
min-height:255px;
|
|
|
|
|
|
|
|
max-height:300px;
|
|
|
|
overflow:hidden}
|
|
|
|
overflow:hidden}
|
|
|
|
|
|
|
|
|
|
|
|
input[type=text] {
|
|
|
|
input[type=text] {
|
|
|
@ -165,10 +168,11 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<iframe class="no-border" src="{{context}}/1/plot/html/pie/apps.status?index={{loop.index -1}}&no=title" style=""></iframe>
|
|
|
|
<iframe class="no-border" src="{{context}}/1/plot/html/pie/apps.status?index={{loop.index -1}}&no=title" scrolling="no"></iframe>
|
|
|
|
<div align="center" class="bold">
|
|
|
|
<div align="center" class="bold">
|
|
|
|
Status Counts
|
|
|
|
Status Counts
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<p></p>
|
|
|
|
<div class="stat-board">
|
|
|
|
<div class="stat-board">
|
|
|
|
<div class="number border">
|
|
|
|
<div class="number border">
|
|
|
|
<div class="value">{{ app_summary[loop.index-1].crash}}</div>
|
|
|
|
<div class="value">{{ app_summary[loop.index-1].crash}}</div>
|
|
|
@ -185,7 +189,7 @@
|
|
|
|
<div align="center">
|
|
|
|
<div align="center">
|
|
|
|
<h3>Resource Usage</h3>
|
|
|
|
<h3>Resource Usage</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<iframe class="no-border" src="{{context}}/1/plot/html/bar/apps.resource?index={{loop.index -1}}" style=""></iframe>
|
|
|
|
<iframe class="no-border" src="{{context}}/1/plot/html/bar/apps.resource?index={{loop.index -1}}" scrolling="no"></iframe>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="border-left">
|
|
|
|
<div class="border-left">
|
|
|
|
<div align="center">
|
|
|
|
<div align="center">
|
|
|
@ -232,4 +236,4 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% endfor %}
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|