Adds show view links to view sections

gitkraken · Oct 20, 2020 · eabd057 · eabd057
1 parent e50730b
commit eabd057
Show file tree

Hide file tree

Showing 11 changed files with 89 additions and 12 deletions.
diff --git a/src/webviews/apps/scss/settings.scss b/src/webviews/apps/scss/settings.scss
@@ -38,6 +38,18 @@ header {
 	padding: 1px 3px;
 }
 
+.command--show-view {
+	&:before {
+		content: '\eb14';
+		font-family: codicon;
+		font-size: 14px;
+		font-weight: 400;
+		position: relative;
+		top: 3px;
+		left: -1px;
+	}
+}
+
 .container {
 	display: grid;
 	grid-template-areas: 'header header' 'cta cta' 'hero sidebar' 'content sidebar';

diff --git a/src/webviews/apps/settings/partials/views.branches.html b/src/webviews/apps/settings/partials/views.branches.html
@@ -11,7 +11,15 @@ <h2>
 			</a>
 		</h2>
 
-		<p class="section__header-hint">Adds a Branches view to visualize, explore, and manage Git branches</p>
+		<p class="section__header-hint">
+			Adds a Branches view
+			<a
+				class="command command--show-view"
+				title="Show View in Side Bar"
+				href="command:gitlens.showBranchesView"
+			></a>
+			to visualize, explore, and manage Git branches
+		</p>
 	</div>
 
 	<div class="section__collapsible">

diff --git a/src/webviews/apps/settings/partials/views.commits.html b/src/webviews/apps/settings/partials/views.commits.html
@@ -11,7 +11,15 @@ <h2>
 			</a>
 		</h2>
 
-		<p class="section__header-hint">Adds a Commits view to visualize, explore, and manage Git commits</p>
+		<p class="section__header-hint">
+			Adds a Commits view
+			<a
+				class="command command--show-view"
+				title="Show View in Side Bar"
+				href="command:gitlens.showCommitsView"
+			></a>
+			to visualize, explore, and manage Git commits
+		</p>
 	</div>
 
 	<div class="section__collapsible">

diff --git a/src/webviews/apps/settings/partials/views.contributors.html b/src/webviews/apps/settings/partials/views.contributors.html
@@ -11,7 +11,15 @@ <h2>
 			</a>
 		</h2>
 
-		<p class="section__header-hint">Adds a Contributors view to visualize, navigate, and explore contributors</p>
+		<p class="section__header-hint">
+			Adds a Contributors view
+			<a
+				class="command command--show-view"
+				title="Show View in Side Bar"
+				href="command:gitlens.showContributorsView"
+			></a>
+			to visualize, navigate, and explore contributors
+		</p>
 	</div>
 
 	<div class="section__collapsible">

diff --git a/src/webviews/apps/settings/partials/views.file-history.html b/src/webviews/apps/settings/partials/views.file-history.html
@@ -12,7 +12,13 @@ <h2>
 		</h2>
 
 		<p class="section__header-hint">
-			Adds a File History view to visualize, navigate, and explore the revision history of the current file
+			Adds a File History view
+			<a
+				class="command command--show-view"
+				title="Show View in Side Bar"
+				href="command:gitlens.showFileHistoryView"
+			></a>
+			to visualize, navigate, and explore the revision history of the current file
 		</p>
 	</div>
 

diff --git a/src/webviews/apps/settings/partials/views.line-history.html b/src/webviews/apps/settings/partials/views.line-history.html
@@ -13,8 +13,13 @@
 		</div>
 
 		<p class="section__header-hint">
-			Adds a Line History view to visualize, navigate, and explore the revision history of the selected lines of
-			current file
+			Adds a Line History view
+			<a
+				class="command command--show-view"
+				title="Show View in Side Bar"
+				href="command:gitlens.showLineHistoryView"
+			></a>
+			to visualize, navigate, and explore the revision history of the selected lines of current file
 		</p>
 	</div>
 

diff --git a/src/webviews/apps/settings/partials/views.remotes.html b/src/webviews/apps/settings/partials/views.remotes.html
@@ -12,7 +12,13 @@ <h2>
 		</h2>
 
 		<p class="section__header-hint">
-			Adds a Remotes view to visualize, explore, and manage Git remotes and remote branches
+			Adds a Remotes view
+			<a
+				class="command command--show-view"
+				title="Show View in Side Bar"
+				href="command:gitlens.showRemotesView"
+			></a>
+			to visualize, explore, and manage Git remotes and remote branches
 		</p>
 	</div>
 

diff --git a/src/webviews/apps/settings/partials/views.repositories.html b/src/webviews/apps/settings/partials/views.repositories.html
@@ -13,7 +13,13 @@
 		</div>
 
 		<p class="section__header-hint">
-			Adds a Repositories view to visualize, navigate, and explore Git repositories
+			Adds a Repositories view
+			<a
+				class="command command--show-view"
+				title="Show View in Side Bar"
+				href="command:gitlens.showRepositoriesView"
+			></a>
+			to visualize, navigate, and explore Git repositories
 		</p>
 	</div>
 

diff --git a/src/webviews/apps/settings/partials/views.searchAndCompare.html b/src/webviews/apps/settings/partials/views.searchAndCompare.html
@@ -12,8 +12,14 @@ <h2>
 		</h2>
 
 		<p class="section__header-hint">
-			Adds a Search &amp; Compare view to search and explore commit histories by message, author, files, id, etc,
-			or visualize comparisons between branches, tags, commits, and more
+			Adds a Search &amp; Compare view
+			<a
+				class="command command--show-view"
+				title="Show View in Side Bar"
+				href="command:gitlens.showSearchAndCompareView"
+			></a>
+			to search and explore commit histories by message, author, files, id, etc, or visualize comparisons between
+			branches, tags, commits, and more
 		</p>
 	</div>
 

diff --git a/src/webviews/apps/settings/partials/views.stashes.html b/src/webviews/apps/settings/partials/views.stashes.html
@@ -11,7 +11,15 @@ <h2>
 			</a>
 		</h2>
 
-		<p class="section__header-hint">Adds a Stashes view to visualize, explore, and manage Git stashes</p>
+		<p class="section__header-hint">
+			Adds a Stashes view
+			<a
+				class="command command--show-view"
+				title="Show View in Side Bar"
+				href="command:gitlens.showStashesView"
+			></a>
+			to visualize, explore, and manage Git stashes
+		</p>
 	</div>
 
 	<div class="section__collapsible">

diff --git a/src/webviews/apps/settings/partials/views.tags.html b/src/webviews/apps/settings/partials/views.tags.html
@@ -11,7 +11,11 @@ <h2>
 			</a>
 		</h2>
 
-		<p class="section__header-hint">Adds a Tags view to visualize, explore, and manage Git tags</p>
+		<p class="section__header-hint">
+			Adds a Tags view
+			<a class="command command--show-view" title="Show View in Side Bar" href="command:gitlens.showTagsView"></a>
+			to visualize, explore, and manage Git tags
+		</p>
 	</div>
 
 	<div class="section__collapsible">