<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<style>
|
|
.hidden {
|
|
display: none !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="preload" data-placement="#{placement}">
|
|
<plus-feature-welcome class="scrollable">
|
|
<p>
|
|
Visualize the evolution of a file, including when changes were made, how large they were, and who made
|
|
them.
|
|
</p>
|
|
</plus-feature-welcome>
|
|
<div class="container">
|
|
<progress-indicator id="spinner" position="top" active="true"></progress-indicator>
|
|
<section id="header" class="header">
|
|
<div class="header--context">
|
|
<h2 data-bind="title"></h2>
|
|
<h2 data-bind="sha"></h2>
|
|
<h2 data-bind="description"></h2>
|
|
</div>
|
|
<div class="toolbox">
|
|
<div class="select-container">
|
|
<label for="periods">Timeframe</label>
|
|
<vscode-dropdown id="periods" name="periods" position="below">
|
|
<vscode-option value="7|D">1 week</vscode-option>
|
|
<vscode-option value="1|M">1 month</vscode-option>
|
|
<vscode-option value="3|M" selected="true">3 months</vscode-option>
|
|
<vscode-option value="6|M">6 months</vscode-option>
|
|
<vscode-option value="9|M">9 months</vscode-option>
|
|
<vscode-option value="1|Y">1 year</vscode-option>
|
|
<vscode-option value="2|Y">2 years</vscode-option>
|
|
<vscode-option value="4|Y">4 years</vscode-option>
|
|
<vscode-option value="all">Full history</vscode-option>
|
|
</vscode-dropdown>
|
|
</div>
|
|
<gk-button
|
|
data-placement-visible="view"
|
|
href="command:gitlens.views.timeline.openInTab"
|
|
title="Open in Editor Area"
|
|
aria-label="Open in Editor Area"
|
|
appearance="toolbar"
|
|
>
|
|
<code-icon icon="link-external"></code-icon>
|
|
</gk-button>
|
|
</div>
|
|
</section>
|
|
<section id="content">
|
|
<div id="empty" hidden></div>
|
|
<div id="chart"></div>
|
|
</section>
|
|
<section id="footer"></section>
|
|
</div>
|
|
#{endOfBody}
|
|
|
|
<style nonce="#{cspNonce}">
|
|
@font-face {
|
|
font-family: 'codicon';
|
|
font-display: block;
|
|
src: url('#{webroot}/codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'glicons';
|
|
font-display: block;
|
|
src: url('#{root}/dist/glicons.woff2?ab6c9110fb0444acd9ba719c4c55fa68') format('woff2');
|
|
}
|
|
</style>
|
|
</body>
|
|
</html>
|