|
|
<!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"> |
|
|
|
|
|
|
|
|
</head> |
|
|
|
|
|
<body> |
|
|
|
|
|
<div class="main_frame"> |
|
|
|
|
|
<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> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="toast" class="toast"></div> |
|
|
|
|
|
|
|
|
<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> |
|
|
|
|
|
|
