Add setting to hide "Remotes" and "Simplify" from the toolbar

hansu · hansu · commit acd088468ed6 · 2025-02-13T21:39:23.000+01:00
diff --git a/package.json b/package.json
@@ -542,6 +542,24 @@
 					},
 					"description": "An object specifying the default visibility of the Date, Author & Commit columns. Example: {\"Date\": true, \"Author\": true, \"Commit\": true}"
 				},
+				"git-graph.toolbarButtonVisibility": {
+					"type": "object",
+					"properties": {
+						"Remotes": {
+							"type": "boolean",
+							"title": "Visibility of the Remotes checkbox"
+						},
+						"Simplify": {
+							"type": "boolean",
+							"title": "Visibility of the Simplify checkbox"
+						}
+					},
+					"default": {
+						"Remotes": true,
+						"Simplify": true
+					},
+					"description": "An object specifying the default visibility of the items of the tool bar. Example: {\"Remotes\": true\", Simplify\": true}"
+				},
 				"git-graph.dialog.addTag.pushToRemote": {
 					"type": "boolean",
 					"default": false,
diff --git a/src/config.ts b/src/config.ts
@@ -25,7 +25,8 @@ import {
 	RepoDropdownOrder,
 	SquashMessageFormat,
 	TabIconColourTheme,
-	TagType
+	TagType,
+	ToolbarButtonVisibility
 } from './types';
 
 const VIEW_COLUMN_MAPPING: { [column: string]: vscode.ViewColumn } = {
@@ -168,6 +169,18 @@ class Config {
 		}
 	}
 
+	/**
+	 * Get the value of the `git-graph.toolbarButtonVisibility` Extension Setting.
+	 */
+	get toolbarButtonVisibility(): ToolbarButtonVisibility {
+		let obj: any = this.config.get('toolbarButtonVisibility', {});
+		if (typeof obj === 'object' && obj !== null && typeof obj['Remotes'] === 'boolean' && typeof obj['Simplify'] === 'boolean') {
+			return { remotes: obj['Remotes'], simplify: obj['Simplify'] };
+		} else {
+			return { remotes: true, simplify: true };
+		}
+	}
+
 	/**
 	 * Get the value of the `git-graph.dialog.*` Extension Settings.
 	 */
diff --git a/src/gitGraphView.ts b/src/gitGraphView.ts
@@ -694,7 +694,8 @@ export class GitGraphView extends Disposable {
 				showRemoteBranches: config.showRemoteBranches,
 				simplifyByDecoration: config.simplifyByDecoration,
 				showStashes: config.showStashes,
-				showTags: config.showTags
+				showTags: config.showTags,
+				toolbarButtonVisibility: config.toolbarButtonVisibility
 			},
 			lastActiveRepo: this.extensionState.getLastActiveRepo(),
 			loadViewTo: this.loadViewTo,
@@ -718,15 +719,17 @@ export class GitGraphView extends Disposable {
 			</body>`;
 		} else if (numRepos > 0) {
 			const stickyClassAttr = initialState.config.stickyHeader ? ' class="sticky"' : '';
+			let hideRemotes = '', hideSimplify = '';
+			if (!config.toolbarButtonVisibility.remotes) { hideRemotes = 'style="display: none"'; }
+			if (!config.toolbarButtonVisibility.simplify) { hideSimplify = 'style="display: none"'; }
 			body = `<body>
 			<div id="view" tabindex="-1">
 				<div id="controls"${stickyClassAttr}>
 					<span id="repoControl"><span class="unselectable">Repo: </span><div id="repoDropdown" class="dropdown"></div></span>
 					<span id="branchControl"><span class="unselectable">Branches: </span><div id="branchDropdown" class="dropdown"></div></span>
 					<span id="authorControl"><span class="unselectable">Authors: </span><div id="authorDropdown" class="dropdown"></div></span>
-
-					<label id="showRemoteBranchesControl" title="Show Remote Branches"><input type="checkbox" id="showRemoteBranchesCheckbox" tabindex="-1"><span class="customCheckbox"></span>Remotes</label>
-					<label id="simplifyByDecorationControl" title="Simplify By Decoration"><input type="checkbox" id="simplifyByDecorationCheckbox" tabindex="-1"><span class="customCheckbox"></span>Simplify</label>
+					<label ${hideRemotes} id="showRemoteBranchesControl" title="Show Remote Branches"><input type="checkbox" id="showRemoteBranchesCheckbox" tabindex="-1"><span class="customCheckbox"></span>Remotes</label>
+					<label ${hideSimplify} id="simplifyByDecorationControl" title="Simplify By Decoration"><input type="checkbox" id="simplifyByDecorationCheckbox" tabindex="-1"><span class="customCheckbox"></span>Simplify</label>
 					<div id="currentBtn" title="Current"></div>
 					<div id="findBtn" title="Find"></div>
 					<div id="terminalBtn" title="Open a Terminal for this Repository"></div>
diff --git a/src/types.ts b/src/types.ts
@@ -267,6 +267,7 @@ export interface GitGraphViewConfig {
 	readonly showStashes: boolean;
 	readonly showTags: boolean;
 	readonly stickyHeader: boolean;
+	readonly toolbarButtonVisibility: ToolbarButtonVisibility;
 }
 
 export interface GitGraphViewGlobalState {
@@ -460,6 +461,11 @@ export interface DefaultColumnVisibility {
 	readonly commit: boolean;
 }
 
+export interface ToolbarButtonVisibility {
+	readonly remotes: boolean;
+	readonly simplify: boolean;
+}
+
 export interface DialogDefaults {
 	readonly addTag: {
 		readonly pushToRemote: boolean,
