Kategorien
Dev

Die coolsten Atom-Plugins

Teil 6: Die Toolbar

Mit der Tool Bar und dem dazu passendem Flex Tool Bar Plugin habe ich mir eine schicke Tool Bar gebaut. Dabei habe ich als Icons fast ausschließlich die MaterialDesignIcons benutzt. Allerdings musste ich leider feststellen, dass bei dem Plugin noch eine sehr alte Version dieser Icons verwendet wird, weshalb ich viel passendere Icons nicht benutzen konnte. Also habe ich versucht, die verwendete Font und CSS-Datei durch eine neue zu ersetzen, was aber gnadenlos schiefging, und letztendlich gar keine Icons mehr angezeigt wurden🙈

Meine toolbar.cson könnt ihr hier sehen:

Code
[
	{
		type: "button"
		icon: "pencil"
		callback: "flex-tool-bar:edit-config-file"
		tooltip: "Bearbeiten"
	}
	{
		type: "button"
		icon: "note-plus-outline"
		iconset: "mdi"
		callback: "application:new-file"
		tooltip: "Neue Datei"
	}
	{
		type: "button"
		icon: "folder-outline"
		iconset: "mdi"
		callback: "application:open-folder"
		tooltip: "Öffnen"
	}
	{
		type: "button"
		icon: "file-restore"
		iconset: "mdi"
		callback: "application:reopen-project"
		tooltip: "Zuletzt geöffnet"
	}
	{
		type: "button"
		icon: "content-save"
		iconset: "mdi"
		callback: "core:save"
		tooltip: "Speichern"
	}
	{
		type: "button"
		icon: "folder-upload"
		iconset: "mdi"
		callback: "tree-view:show-current-file-in-file-manager"
		tooltip: "In Explorer öffnen"
	}
	{
		type: "button"
		icon: "columns"
		iconset: "fa"
		callback: ["pane:split-right"]
		tooltip: "Splitten"
	}
	{
		type: "button"
		icon: "mouse"
		iconset: "mdi"
		callback: "scroll-sync:toggle"
		tooltip: "Synchrones scrollen"
	}
	{
		type: "button"
		icon: "map"
		iconset: "mdi"
		tooltip: "Toggle <b>Minimap</b>"
		html: true
		callback: "minimap:toggle"
		show: {
			package: "minimap"
		}
	}
	{
		type: "spacer"
	}
	{
		type: "button"
		icon: "console"
		iconset: "mdi"
		callback: "platformio-ide-terminal:toggle"
		tooltip: "Terminal"
	}
	{
		type: "spacer"
	}
	{
		type: "button"
		icon: "file-find"
		iconset: "mdi"
		callback: "atom-html-preview:toggle"
		disable: "!html"
		tooltip: "Vorschau"
		show: "html"
	}
	{
		type: "spacer"
		show: "html"
	}
	{
		type: "button"
		icon: "file-find"
		iconset: "mdi"
		callback: "markdown-preview:toggle"
		disable: "!markdown"
		tooltip: "Vorschau"
		show: "markdown"
	}
	{
		type: "spacer"
		show: "markdown"
	}
	{
		type: "button"
		icon: "file-find"
		iconset: "mdi"
		callback: "mjml-preview:preview"
		disable: "!mjml"
		tooltip: "Vorschau"
		show: "mjml"
	}
	{
		type: "spacer"
		show: "mjml"
	}
	{
		type: "button"
		icon: "file-find"
		iconset: "mdi"
		callback: "svg-preview:toggle"
		disable: "!svg"
		tooltip: "Vorschau"
		show: "svg"
	}
	{
		type: "spacer"
		show: "svg"
	}
	{
		type: "button"
		icon: "magnify"
		iconset: "mdi"
		callback: "find-and-replace:show"
		tooltip: "Suchen"
	}
	{
		type: "button"
		icon: "find-replace"
		iconset: "mdi"
		callback: "find-and-replace:show-replace"
		tooltip: "Suchen & Ersetzen"
	}
	{
		type: "spacer"
	}
	{
		type: "button"
		icon: "keyboard-tab"
		iconset: "mdi"
		callback: "command-palette:toggle"
		tooltip: "Befehlspalette"
	}
	{
		type: "button"
		icon: "settings"
		iconset: "mdi"
		callback: "settings-view:open"
		tooltip: "Einstellungen öffnen"
	}
	{
		type: "button"
		icon: "package-variant-closed"
		iconset: "mdi"
		callback: "settings-view:view-installed-packages"
		tooltip: "Plugins"
	}
	{
		type: "button"
		icon: "download"
		iconset: "mdi"
		callback: "settings-view:install-packages-and-themes"
		tooltip: "Plugins/Themes installieren"
	}
]

Von Silas_229

Silas programmiert in seiner Freizeit Websites und Apps.