File size: 2,549 Bytes
e5d8d3a
 
 
 
 
 
 
 
 
 
 
 
 
 
3678330
e5d8d3a
 
 
 
efcfc00
 
5b3181a
e5d8d3a
 
5b3181a
e5d8d3a
 
3678330
efcfc00
e5d8d3a
5b3181a
 
 
e5d8d3a
 
 
 
 
 
 
 
5b3181a
e5d8d3a
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>InfoRadar(信息雷达) - Demo 对比</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="compare.css">
    <!--<link rel="stylesheet" type="text/css" href="vendor.css">-->

</head>

<body>
    
    <div class="main_frame">
        <!-- Grid 容器包裹工具栏和内容区 -->
        <div class="compare-wrapper">
            <!-- 顶部工具栏 -->
            <div class="compare-toolbar">
                <h1 class="compare-toolbar-title" data-i18n>Inforadar - Compare results</h1>
                <div class="compare-toolbar-actions">
                    <a href="index.html" class="home-link" title="Back to Home" data-i18n="text,title">Back to Home</a>
                    <label style="display: flex; align-items: center; gap: 5px; cursor: pointer;">
                        <input type="checkbox" id="show_text_render_toggle">
                        <span data-i18n>Show Text Rendering</span>
                    </label>
                    <label style="display: flex; align-items: center; gap: 5px; cursor: pointer;">
                        <input type="checkbox" id="model_diff_mode_toggle">
                        <span data-i18n>Diff Mode</span>
                    </label>
                    <button id="edit_mode_toggle" data-i18n>Edit</button>
                    <button id="clear_demos_btn" data-i18n>Clear</button>
                    <button id="add_demos_btn" data-i18n>Add</button>
                </div>
            </div>

            <!-- 对比结果展示区 -->
            <div id="compare-container" class="compare-container">
                <!-- 空状态提示(自动显示/隐藏) -->
                <div class="compare-empty-state">
                    <div class="empty-icon">📊</div>
                    <div class="empty-title" data-i18n>No comparison data</div>
                </div>
                <!-- Demo 列将通过 JavaScript 动态创建 -->
            </div>
        </div>
    </div>

    <!-- Toast通知容器 -->
    <div id="toast" class="toast"></div>

    <!-- 全局tooltip容器(用于对比模式) -->
    <div id="global_tooltip" class="tooltip">
        <div class="currentToken"></div>
        <div class="myDetail"></div>
        <br />
        <div class="predictions predictions-table"></div>
    </div>

    <script src="vendor.js"></script>
    <script src="compare.js"></script>

</body>

</html>