Files
seal/templates/k8s/k8s-node-list.html
2019-07-09 17:39:08 +08:00

149 lines
4.8 KiB
Python

{% extends "base/base.html" %}
{% load asset_filter %}
{% load bootstrap3 %}
{% load static %}
{% block header-css %}
<style type="text/css">
.sort_both_png {
background: url('/static/img/sort_both.png') no-repeat right 1px center;
cursor: pointer;
}
.sort_asc_png {
background: url('/static/img/sort_asc.png') no-repeat right 1px center;
cursor: pointer;
}
.sort_desc_png {
background: url('/static/img/sort_desc.png') no-repeat right 1px center;
cursor: pointer;
}
</style>
{% endblock %}
{% block title %}K8S{% endblock %}
{% block page-content %}
<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">
<div class="col-lg-12" id="split-right">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>Node列表</h5>
<div class="ibox-tools">
<a class="collapse-link">
<i class="fa fa-chevron-up"></i>
</a>
<a class="close-link">
<i class="fa fa-times"></i>
</a>
</div>
</div>
<div class="ibox-content">
<div class="table-responsive">
<form class="form-horizontal "
method="post">
{% csrf_token %}
<table class="table table-striped table-bordered table-hover dataTables-example">
<thead>
<tr>
<th>服务名</th>
<th>状态</th>
<th>IP</th>
<th>版本</th>
<th>镜像</th>
<th>IP</th>
<th>IP</th>
</tr>
</thead>
<tbody>
{% for k,v in data.items %}
<tr class="gradeA" id="{{ row.id }}" name="{{ k }}">
<td class="center">
<div class="">{{ k }}</div>
</td>
<td class="center">
{% if v.status == "Ready" %}
<div class="btn btn-success btn-xs"> {{ v.status }}</div>
{% else %}
<div class="btn btn-danger btn-xs"> {{ v.status }}</div>
{% endif %}
</td>
<td class="center">
<div class="">{{ v.ip}}</div>
</td>
<td class="center">
<div class="">{{ v.kubelet_version}}</div>
</td>
<td class="center">
<div class="">{{ v.os_image}}</div>
</td>
<td class="center">
<div class="">{{ v.ip}}</div>
</td>
<td class="center">
<div class="">{{ v.ip}}</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
{% block footer-js %}
<script>
window.onload = function () { // 固定左边导航栏
$(".k8s").addClass("active");
$(".k8s-node-list").addClass("active");
};
</script>
{% endblock %}
{% endblock %}