Skip to content

Commit a71e8b7

Browse files
committed
Update summary view with reset button and enhanced styling
- Added a reset button with updated styles for better visibility and user interaction. - Modified the chart title to reflect the top 5 project summaries. - Integrated heatmap creation into the summary view logic for improved data representation.
1 parent 6c119f1 commit a71e8b7

1 file changed

Lines changed: 12 additions & 2 deletions

File tree

src/summaryView.ts

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -221,6 +221,13 @@ export class SummaryViewProvider implements vscode.WebviewViewProvider {
221221
.search-form button:hover {
222222
background-color: var(--vscode-button-hoverBackground);
223223
}
224+
.reset-button {
225+
background-color: var(--vscode-button-secondaryBackground) !important;
226+
color: var(--vscode-button-secondaryForeground) !important;
227+
}
228+
.reset-button:hover {
229+
background-color: var(--vscode-button-secondaryHoverBackground) !important;
230+
}
224231
.header {
225232
display: flex;
226233
justify-content: space-between;
@@ -372,7 +379,6 @@ export class SummaryViewProvider implements vscode.WebviewViewProvider {
372379
<body>
373380
<div class="header">
374381
<h1>Coding Time Summary</h1>
375-
<button class="reload-button" id="reload-button">Reload</button>
376382
</div>
377383
<div class="container">
378384
<h2>Total Coding Time</h2>
@@ -415,6 +421,7 @@ export class SummaryViewProvider implements vscode.WebviewViewProvider {
415421
${projectOptions}
416422
</select>
417423
<button id="search-button">Search</button>
424+
<button id="reload-button" class="reset-button">Reset</button>
418425
</div>
419426
<div id="content">
420427
<div class="chart-container">
@@ -583,7 +590,7 @@ export class SummaryViewProvider implements vscode.WebviewViewProvider {
583590
const content = document.getElementById('content');
584591
content.innerHTML = \`
585592
<div class="chart-container">
586-
<div class="chart-title">Project Summary 1</div>
593+
<div class="chart-title">Project Summary (Top 5)</div>
587594
<div class="chart-wrapper">
588595
<canvas id="projectChart"></canvas>
589596
</div>
@@ -596,6 +603,9 @@ export class SummaryViewProvider implements vscode.WebviewViewProvider {
596603
</div>
597604
\`;
598605
606+
// Create heatmap
607+
createHeatmap(data);
608+
599609
// Project summary chart
600610
const projectCtx = document.getElementById('projectChart').getContext('2d');
601611
const projectData = Object.entries(data.projectSummary)

0 commit comments

Comments
 (0)