Files
docker_flask/templates/layout.html
2018-03-09 10:33:19 +01:00

64 lines
1.6 KiB
HTML

<!doctype html>
<head>
<title>Docker Manager</title>
<link href="https://fonts.googleapis.com/css?family=Ubuntu&amp;subset=latin-ext" rel="stylesheet">
<link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}">
<link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}"/>
</head>
<body>
<div class="container">
{% with flashes = get_flashed_messages() %}
{% if flashes %}
<ul class="flashes">
{% for message in flashes %}
<li>{{ message }}</li>
{% endfor %}
</ul>
{% endif %}
{% endwith %}
{% block body %}{% endblock %}
</div>
<script>
window.onload = load;
function load() {
if(!!document.querySelector('input.search_table')){
document.querySelector('input.search_table').addEventListener('keyup', searchTable);
}
function searchTable(){
value = this.value;
document.querySelectorAll('table tbody tr').forEach(function(element){
if(element.innerText.indexOf(value) == -1){
element.style.display = 'none';
} else {
element.style.display = 'table-row';
}
})
document.querySelectorAll('.details').forEach(function(element){
if(element.innerText.indexOf(value) == -1){
element.style.display = 'none';
} else {
element.style.display = 'block';
}
})
}
if(!!document.querySelector('.logs')){
document.querySelector('.logs').scrollTop = 10e6;
}
}
</script>
</body>
</html>