<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="/common/template :: header(~{::title},~{::link},~{::style})"></head>

<body class="timo-layout-page">
<div class="layui-card">
    <div class="layui-card-header timo-card-header">
        <span><i class="fa fa-bars"></i> 构建目录</span>
        <i class="layui-icon layui-icon-refresh refresh-btn"></i>
    </div>
    <div class="layui-card-body">
        <div class="timo-table-wrap">
            <table class="layui-table timo-table">
                <thead>
                <tr>
                    <th class="sortable" data-field="machineIpv4">机器地址</th>
                    <th class="sortable" data-field="dirPath">构建目录</th>
                    <th class="sortable" data-field="mountedOn">所属分区</th>
                    <th class="sortable" data-field="size">分区总量</th>
                    <th class="sortable" data-field="avail">分区可用</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="item:${list}">
                    <td th:text="${item.machineIpv4}">机器地址</td>
                    <td th:text="${item.dirPath}">构建目录</td>
                    <td th:text="${item.mountedOn}">所属分区</td>
                    <td th:text="${item.totalStr}">分区总量</td>
                    <td th:text="${item.availStr}">分区可用</td>
                    <td>
                        <a class="ajax-post"
                           th:href="@{'/api/build/dir/erase'}">清空</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<script th:replace="/common/template :: script"></script>
<script type="text/javascript">
</script>
</body>
</html>