<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="main">
<head>
    <link rel="stylesheet" type="text/css" href="/static/css/main.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/all_reports.css" />

    <!-- dataTables -->
    <link rel="stylesheet" type="text/css"
          href="/static/AdminLTE/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css" />
</head>
<body>
<th:block layout:fragment="sidebar">
    <li>
        <a th:href="'/final_reports?examId=' + ${examId} + '&amp;caseId=' + ${caseId}">
            <i class="fa fa-calendar-check-o"></i>
            <span>预交付报告</span>
        </a>
    </li>
    <li class="treeview">
        <a href="#">
            <i class="fa fa-list"></i>
            <span>Reports</span>
            <span class="pull-right-container">
			<i class="fa fa-angle-left pull-right"></i>
		</span>
        </a>
        <ul class="treeview-menu" style="display: block;">
            <li class="active">
                <a th:href="'/agg_report_list?examId='+${examId}+'&amp;caseId='+${caseId}">
                    <i class="fa fa-circle-o"></i>
                    <span>全部报告</span>
                    <span class="badge pull-right all-number" th:text="${task.numOfTotalBug}">199</span>
                </a>
            </li>
            <li>
                <a th:href="'/agg_report_list?examId='+${examId}+'&amp;caseId='+${caseId}+'&amp;status=1'">
                    <i class="fa fa-check-circle-o text-success"></i>
                    <span>已审核报告</span>
                    <span class="badge badge-success pull-right assigned-number" th:text="${task.numOfTotalBug - task.numOfUndeal}">50</span>
                </a>
            </li>
            <li>
                <a th:href="'/agg_report_list?examId='+${examId}+'&amp;caseId='+${caseId}+'&amp;status=0'">
                    <i class="fa fa-clock-o text-danger"></i>
                    <span>未审核报告</span>
                    <span class="badge badge-danger pull-right unassign-number" th:text="${task.numOfUndeal}">149</span>
                </a>
            </li>
        </ul>
    </li>
</th:block>

<th:block layout:fragment="maincontent">
    <section class="content-header">
        <h1>审核列表
            <small th:text="${task.name}">{{ app.name }}</small>
        </h1>

        <ol class="breadcrumb">
            <li>
                <a href="/home">
                    <i class="fa fa-dashboard"></i>
                    全部任务
                </a>
            </li>
            <li class="active" th:text="|${task.name} 审核列表|">
            </li>
        </ol>
    </section>

    <section class="content container-fluid">
        <div class="box">
            <div class="box-header with-border">
                <h3 class="box-title">聚合视图 <span class="badge badge-info" th:text="${aggNum}"></span></h3>
                <div class="box-tools pull-right">
                    <a class="btn btn-sm btn-primary" th:href="'/task_detail?examId='+${examId}+'&amp;caseId='+${caseId}">
                        <i class="fa fa-list-alt" style="margin-right: 5px;"></i>
                        默认视图
                    </a>
                </div>
            </div><!-- /.box-header -->

            <div class="box-body agg-report-list">

                <th:block th:each="masterBug : ${master2BugIdsMap}">
                    <div class="col-md-4">
                        <div class="box box-solid box-default">

                            <div class="box-header" id="agg-title-{{aggReport.dup_tag}}">
                                <div style="overflow: auto;">
                                    <a th:href="@{'/report?masterId=' + ${masterBug.key} + '&amp;examId=' + ${examId} + '&amp;caseId=' + ${caseId}}"
                                       class="pull-left agg-title" th:text="|ML-AG-${masterBug.key.substring(10)}|"></a>
                                    <a th:href="'#dup-list-'+${masterBug.key}"
                                       class="glyphicon glyphicon-menu-hamburger pull-right agg-title"
                                       data-toggle="collapse"></a>
                                    <span class="pull-right" style="margin-right: 5px;">

                                        <label class="badge badge-success" th:if="${bugMap.get(masterBug.key).status == 1}">已审核</label>
                                        <label class="badge badge-warning" th:if="${bugMap.get(masterBug.key).status == 0}">未审核</label>
                                    </span>
                                    <br/>
                                </div>
                                <div style="margin-top: 5px;">
                                    <span class="agg-title">聚合报告数<span class="badge badge-default agg-badge" th:text="${masterBug.value.size()}">10</span></span>

                                </div>
                            </div>
                            <div class="sup-title" style="padding: 15px 15px; min-height: 181px;overflow: scroll; max-height: 181px;"
                                 >
                                <span th:text="${bugMap.get(masterBug.key).description}"></span><br/>
                                <img class="my-img-thumbnail pointer to-add" th:src="${imgUrl}"
                                     th:each="imgUrl,iterStat : ${bugMap.get(masterBug.key).getImgUrls()}"
                                     th:onclick="'javascript:showimage(\''+${imgUrl}+'\');'"/>
                            </div>
                            <ul class="list-group collapse" th:id="'dup-list-' + ${masterBug.key}"
                                style="max-height: 161px; min-height: 161px; overflow: scroll;" >
                                <li class="list-group-item list-group-item-inner" th:each="bugId : ${masterBug.value}" >
                                    <div th:id="'report-title-' + ${bugId}">
                                        <span  th:text="${bugId}">{{ report.print_id
                                            }}</span>
                                    </div>
                                    <div style="margin-top: 5px" th:text="${bugMap.get(bugId).description}">
                                        {{ report.description }}
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </th:block>


            </div><!-- /.box-body -->
        </div>
    </section>

</th:block>
</body>
</html>
<div class="modal fade bs-example-modal-lg text-center" id="imgModal" tabindex="-1" role="dialog"
     aria-labelledby="myLargeModalLabel">

    <div class="modal-dialog modal-lg" style="display: inline-block; width: 300px;">
        <div class="modal-content">
            <img id="imgInModalID"
                 class="carousel-inner img-responsive img-rounded"
                 onclick="closeImageViewer()"
                 onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
                 onmouseout="this.style.cursor='default'"

            />
        </div>
    </div>

</div>
<script type="text/javascript">
    //显示大图
    function showimage(source) {
        $("#imgModal").find("#imgInModalID").attr("src", source);
        $("#imgModal").modal();
    }

    //关闭
    function closeImageViewer() {
        $("#imgModal").modal('hide');
    }
</script>
<script src="/static/AdminLTE/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/static/AdminLTE/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>

<script src="/static/js/all_reports.js"></script>