mirror of
https://github.com/espressif/esp-idf.git
synced 2026-04-29 03:44:59 +00:00
132 lines
5.0 KiB
HTML
132 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>{{title}}</title>
|
|
<link
|
|
rel="shortcut icon"
|
|
href="https://www.espressif.com/sites/all/themes/espressif/favicon.ico"
|
|
type="image/vnd.microsoft.icon"
|
|
/>
|
|
<!-- External CSS libraries -->
|
|
<link
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
href="https://unpkg.com/bootstrap-table@1.22.1/dist/bootstrap-table.min.css"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.0/dist/extensions/sticky-header/bootstrap-table-sticky-header.css"
|
|
/>
|
|
<link
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
|
|
rel="stylesheet"
|
|
/>
|
|
<!-- CSS content will be injected here during template rendering -->
|
|
<style>
|
|
/* {{css_content}} */
|
|
/* Additional styles for disabled tabs */
|
|
.report-nav-tabs .nav-tab.disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* Loading animation for tabs */
|
|
.report-nav-tabs .nav-tab.loading:after {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 1em;
|
|
height: 1em;
|
|
border: 2px solid rgba(0, 0, 0, 0.2);
|
|
border-left-color: #333;
|
|
border-radius: 50%;
|
|
margin-left: 8px;
|
|
animation: spin 1s linear infinite;
|
|
}
|
|
|
|
@keyframes spin {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body data-pipeline-id="{{pipeline_id}}">
|
|
<!-- Navigation progress bar -->
|
|
<div class="nav-progress-container">
|
|
<div class="nav-progress-bar" id="nav-progress-bar"></div>
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
<!-- Report header section -->
|
|
<header class="report-header">
|
|
<div class="logo-container">
|
|
<img
|
|
src="https://www.espressif.com/sites/all/themes/espressif/logo-black.svg"
|
|
alt="Espressif Logo"
|
|
class="logo"
|
|
/>
|
|
</div>
|
|
<div class="title-container">
|
|
<h1>
|
|
<span style="color: #333">Dynamic Pipeline Report</span>
|
|
</h1>
|
|
</div>
|
|
<div class="spacer"></div>
|
|
</header>
|
|
|
|
<!-- Search and controls section -->
|
|
<div class="row mb-4">
|
|
<div class="col-md-8">
|
|
</div>
|
|
<div class="col-md-4 text-end">
|
|
<div class="action-buttons">
|
|
<button
|
|
class="btn btn-esp btn-sm"
|
|
id="expand-all-tables"
|
|
>
|
|
<i class="fas fa-table"></i> Expand All
|
|
</button>
|
|
<button
|
|
class="btn btn-outline-secondary btn-sm ms-2"
|
|
id="collapse-all-tables"
|
|
>
|
|
<i class="fas fa-minus"></i> Collapse All
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-responsive">
|
|
<div class="table-container">{{table}}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Floating action buttons -->
|
|
<div class="floating-actions">
|
|
<div class="floating-action-btn back-to-top" id="back-to-top">
|
|
<i class="fas fa-arrow-up"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- JavaScript libraries -->
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="https://unpkg.com/bootstrap-table@1.22.1/dist/bootstrap-table.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.0/dist/extensions/sticky-header/bootstrap-table-sticky-header.min.js"></script>
|
|
<script src="https://unpkg.com/bootstrap-table@1.22.1/dist/extensions/export/bootstrap-table-export.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/tableexport.jquery.plugin@1.10.21/tableExport.min.js"></script>
|
|
<script src="https://unpkg.com/bootstrap-table@1.22.1/dist/extensions/filter-control/bootstrap-table-filter-control.min.js"></script>
|
|
|
|
<!-- Custom scripts -->
|
|
<script>
|
|
{{js_content}}
|
|
</script>
|
|
</body>
|
|
</html>
|