-
Notifications
You must be signed in to change notification settings - Fork 1.2k
/
commitDetails.html
170 lines (162 loc) · 5.39 KB
/
commitDetails.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!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:</p>
<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>Alternatively, 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="scm"
aria-label="Open SCM view"
title="Open SCM view"
><code-icon icon="source-control"></code-icon
></a>
<a
class="commit-details__commit-action"
href="#"
data-action="commit-actions"
data-action-type="graph"
aria-label="Open in Commit Graph"
title="Open in 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>
<action-nav slot="actions">
<action-item data-switch-value="list-tree" label="Show tree" icon="list-tree"></action-item>
</action-nav>
<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';
font-display: block;
src: url('#{webroot}/codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa') format('truetype');
}
</style>
<style nonce="#{cspNonce}">
@font-face {
font-family: 'glicons';
font-display: block;
src: url('#{root}/dist/glicons.woff2?2e51fe40df2abdf6a27fbae6c29587b1') format('woff2');
}
</style>
</body>
</html>