140 lines
4.7 KiB
140 lines
4.7 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
</head>
|
|
|
|
<body class="preload">
|
|
<div class="commit-detail-panel">
|
|
<div class="commit-detail-panel__none" id="empty" aria-hidden="true">
|
|
<p>
|
|
Rich details for commits and stashes are shown as you navigate:
|
|
<ul class="bulleted">
|
|
<li>lines in the text editor</li>
|
|
<li>commits in the <a href="command:gitlens.showGraphPage">Commit Graph</a>, <a href="command:gitlens.showTimelineView">Visual File History</a>, or <a href="command:gitlens.showCommitsView">Commits view</a></li>
|
|
<li>stashes in the <a href="command:gitlens.showStashesView">Stashes view</a></li>
|
|
</ul>
|
|
</p>
|
|
|
|
<p>Alteratively, search for or choose a commit</p>
|
|
|
|
<p class="button-container">
|
|
<span class="button-group">
|
|
<button class="button button--full" type="button" data-action="pick-commit">
|
|
Choose Commit...
|
|
</button>
|
|
<button class="button" type="button" data-action="search-commit" aria-label="Search for Commit" title="Search for Commit">
|
|
<code-icon icon="search"></code-icon>
|
|
</button>
|
|
</span>
|
|
</p>
|
|
|
|
<!-- banner
|
|
<h2>Best practice</h2>
|
|
<p>To best take advantage of this view, we highly recommend moving it to the Secondary Side Bar.</p> -->
|
|
</div>
|
|
<main class="commit-details commit-detail-panel__main" id="main" tabindex="-1">
|
|
<div class="commit-details__top">
|
|
<ul class="commit-details__authors" aria-label="Authors">
|
|
<li class="commit-details__author" data-region="author">
|
|
<skeleton-loader></skeleton-loader>
|
|
</li>
|
|
</ul>
|
|
<a
|
|
class="commit-details__commit-action"
|
|
href="#"
|
|
data-action="pin"
|
|
aria-label="Pin Commit to View"
|
|
title="Pin Commit to View"
|
|
><code-icon icon="pin" data-region="commit-pin"></code-icon
|
|
></a>
|
|
<a
|
|
class="commit-details__commit-action"
|
|
href="#"
|
|
data-action="commit-actions"
|
|
data-action-type="sha"
|
|
aria-label="Copy SHA
|
|
[⌥] Pick Commit..."
|
|
title="Copy SHA
|
|
[⌥] Pick Commit..."
|
|
>
|
|
<code-icon icon="git-commit"></code-icon>
|
|
<span class="commit-details__sha" data-region="shortsha"></span
|
|
></a>
|
|
<a
|
|
class="commit-details__commit-action"
|
|
href="#"
|
|
data-action="commit-actions"
|
|
data-action-type="graph"
|
|
aria-label="Show Commit on Commit Graph"
|
|
title="Show Commit on Commit Graph"
|
|
><code-icon icon="graph"></code-icon
|
|
></a>
|
|
<a
|
|
class="commit-details__commit-action"
|
|
href="#"
|
|
data-action="commit-actions"
|
|
data-action-type="more"
|
|
aria-label="Show Commit Actions"
|
|
title="Show Commit Actions"
|
|
><code-icon icon="kebab-vertical"></code-icon
|
|
></a>
|
|
</div>
|
|
<div class="commit-details__message">
|
|
<p class="commit-details__message-text" data-region="message">
|
|
<skeleton-loader></skeleton-loader>
|
|
</p>
|
|
</div>
|
|
|
|
<webview-pane collapsable expanded data-region="rich-pane">
|
|
<span slot="title">Autolinks</span>
|
|
<span slot="subtitle" data-region="autolink-count"></span>
|
|
<div class="commit-details__rich" data-region="rich-info" aria-hidden="true">
|
|
<p>
|
|
<code-icon icon="info"></code-icon> Use autolinks to identify external references, like
|
|
Jira issues or Zendesk tickets, in your commit messages and convert them to clickable links.
|
|
</p>
|
|
<p>
|
|
<a href="#" data-action="autolink-settings">Configure autolinks in settings</a>
|
|
</p>
|
|
</div>
|
|
<div class="commit-details__rich" data-region="autolinks">
|
|
<section
|
|
class="commit-details__pull-request"
|
|
aria-label="Pull request"
|
|
data-region="pull-request"
|
|
>
|
|
<skeleton-loader lines="2"></skeleton-loader>
|
|
</section>
|
|
<section class="commit-details__issue" aria-label="Issue" data-region="issue">
|
|
<skeleton-loader lines="2"></skeleton-loader>
|
|
</section>
|
|
</div>
|
|
</webview-pane>
|
|
|
|
<webview-pane class="commit-details__files" collapsable expanded>
|
|
<span slot="title">Files changed </span>
|
|
<span slot="subtitle" data-region="stats"></span>
|
|
<ul class="change-list" data-region="files">
|
|
<li class="change-list__item commit-details__item-skeleton">
|
|
<skeleton-loader></skeleton-loader>
|
|
</li>
|
|
<li class="change-list__item commit-details__item-skeleton">
|
|
<skeleton-loader></skeleton-loader>
|
|
</li>
|
|
<li class="change-list__item commit-details__item-skeleton">
|
|
<skeleton-loader></skeleton-loader>
|
|
</li>
|
|
</ul>
|
|
</webview-pane>
|
|
</main>
|
|
</div>
|
|
#{endOfBody}
|
|
<style nonce="#{cspNonce}">
|
|
@font-face {
|
|
font-family: 'codicon';
|
|
src: url('#{webroot}/codicon.ttf?404cbc4fe3a64b9a93064eef76704c79') format('truetype');
|
|
}
|
|
</style>
|
|
</body>
|
|
</html>
|