Method render

src/dashboard_view.ts:155–321

(_keepState = false)

	}

	render(_keepState = false) {
		const container = this.containerEl.children[1];
		if (!container) return;
		container.empty();

		const root = container.createDiv({ cls: "code-dashboard-root" });

		// Header Container
		const headerContainer = root.createDiv({ cls: "code-dashboard-header-container" });
		
		// Title Group (Title + Buttons)
		const titleGroup = headerContainer.createDiv({ cls: "code-dashboard-title-group" });
		titleGroup.createEl("h1", { text: t('VIEW_TITLE') });

		// Settings Button
		new ButtonComponent(titleGroup)
			.setIcon("settings")
			.setTooltip(t('BUTTON_OPEN_SETTINGS'))
			.setClass("clickable-icon")
			.onClick((e) => {
				e.stopPropagation();
				type AppWithSetting = App & { setting: { open(): void; openTabById(id: string): void } };
				const appWithSetting = this.app as unknown as AppWithSetting;
				appWithSetting.setting.open();
				appWithSetting.setting.openTabById("code-space");
			});

		// Create File Button
		new ButtonComponent(titleGroup)
			.setIcon("plus-circle")
			.setTooltip(t('BUTTON_CREATE_FILE'))
			.setClass("clickable-icon")
			.onClick((e) => {
				e.stopPropagation();
				type AppWithPlugins = App & { plugins: { getPlugin(id: string): CodeSpacePlugin | undefined } };
				const plugin = (this.app as unknown as AppWithPlugins).plugins.getPlugin("code-space");
				if (plugin) {
					plugin.createCodeFile();
				}
			});

		new ButtonComponent(titleGroup)
			.setIcon("eye-off")
			.setTooltip(t("BUTTON_MANAGE_IGNORED_FILES"))
			.setClass("clickable-icon")
			.onClick((e) => {
				e.stopPropagation();
				if (this.plugin) {
					void this.plugin.openIgnoreManager();
				}
			});

		const codeExtensions = this.getManagedExtensions();
		let files = this.app.vault.getFiles().filter((file) =>
			codeExtensions.includes(file.extension.toLowerCase()) &&
			!this.plugin?.isIgnoredFile(file)
		);