codecharta-visualization 1.119.1 → 1.120.0

package/app/codeCharta/state/store/state.manager.ts

@@ -1,70 +0,0 @@
-import { appSettings, defaultAppSettings } from "./appSettings/appSettings.reducer"
-import { defaultFileSettings, fileSettings } from "./fileSettings/fileSettings.reducer"
-import { defaultDynamicSettings, dynamicSettings } from "./dynamicSettings/dynamicSettings.reducer"
-import { defaultFiles, files } from "./files/files.reducer"
-import { appStatus, defaultAppStatus } from "./appStatus/appStatus.reducer"
-import { ActionReducer } from "@ngrx/store"
-import { CcState } from "../../codeCharta.model"
-import { isSetStateAction } from "./state.actions"
-import { clone } from "../../util/clone"
-
-export const appReducers = {
-	fileSettings,
-	appSettings,
-	dynamicSettings,
-	files,
-	appStatus
-}
-export const defaultState: CcState = {
-	fileSettings: defaultFileSettings,
-	appSettings: defaultAppSettings,
-	dynamicSettings: defaultDynamicSettings,
-	files: defaultFiles,
-	appStatus: defaultAppStatus
-}
-
-export const setStateMiddleware =
-	(reducer: ActionReducer<CcState>): ActionReducer<CcState> =>
-	(state, action) => {
-		if (isSetStateAction(action)) {
-			const newState = clone(state)
-			return _applyPartialState(newState, action.value)
-		}
-		return reducer(state, action)
-	}
-
-const objectWithDynamicKeysInStore = new Set([
-	"fileSettings.attributeTypes",
-	"fileSettings.attributeDescriptors",
-	"fileSettings.blacklist",
-	"fileSettings.edges",
-	"fileSettings.markedPackages",
-	"dynamicSettings.focusedNodePath",
-	"files" // ToDo; this should be a Map with an unique id
-])
-
-export function _applyPartialState<T>(applyTo: T, toBeApplied: unknown, composedPath = []): T {
-	for (const [key, value] of Object.entries(toBeApplied)) {
-		if (value === null || value === undefined) {
-			continue
-		}
-
-		if (!isKeyOf(applyTo, key)) {
-			continue
-		}
-
-		const newComposedPath = [...composedPath, key]
-		const composedJoinedPath = newComposedPath.join(".")
-
-		applyTo[key] =
-			typeof value !== "object" || objectWithDynamicKeysInStore.has(composedJoinedPath)
-				? value
-				: _applyPartialState(applyTo[key], value, newComposedPath)
-	}
-
-	return applyTo
-}
-
-function isKeyOf<T>(of: T, key: PropertyKey): key is keyof T {
-	return Object.prototype.hasOwnProperty.call(of, key)
-}

package/app/codeCharta/state/store/state.reducer.spec.ts

@@ -1,59 +0,0 @@
-import { AttributeTypeValue } from "../../codeCharta.model"
-import { _applyPartialState, defaultState } from "./state.manager"
-import { expect } from "@jest/globals"
-import { clone } from "../../util/clone"
-
-describe("_applyPartialState", () => {
-	it("should update partial state", () => {
-		const partialState = {
-			appSettings: {
-				invertArea: true
-			}
-		}
-
-		const newState = _applyPartialState(clone(defaultState), partialState)
-
-		expect(newState.appSettings.invertArea).toBe(true)
-		expect(newState.appSettings.experimentalFeaturesEnabled).toBe(defaultState.appSettings.experimentalFeaturesEnabled)
-	})
-
-	it("should not update state property when a key does not exist", () => {
-		const partialState = {
-			dynamicSettings: {
-				notValidKey: "doesn't exist"
-			}
-		}
-
-		const newState = _applyPartialState(clone(defaultState), partialState)
-
-		expect(newState.dynamicSettings["notValidKey"]).toBeUndefined()
-	})
-
-	it("should update partial state with objects that have dynamic keys ", () => {
-		const partialState = {
-			fileSettings: {
-				attributeTypes: {
-					nodes: {
-						rloc: AttributeTypeValue.absolute
-					}
-				},
-				blacklist: [
-					{
-						path: "excludedNode",
-						type: "exclude"
-					}
-				]
-			}
-		}
-
-		const newState = _applyPartialState(clone(defaultState), partialState)
-
-		expect(newState.fileSettings.attributeTypes.nodes["rloc"]).toBe("absolute")
-		expect(newState.fileSettings.blacklist).toEqual([
-			{
-				path: "excludedNode",
-				type: "exclude"
-			}
-		])
-	})
-})

package/app/codeCharta/state/store/util/setState.reducer.factory.spec.ts

@@ -1,24 +0,0 @@
-import { mergeState, setState } from "./setState.reducer.factory"
-
-describe("setState.reducer.factory", () => {
-	describe("setState", () => {
-		it("should return default state when action payload is undefined", () => {
-			expect(setState(2)(undefined, { type: "generic", value: undefined })).toBe(2)
-		})
-
-		it("should return value of action", () => {
-			expect(setState(2)(undefined, { type: "generic", value: 3 })).toBe(3)
-		})
-	})
-
-	describe("mergeState", () => {
-		const defaultState: { a: string; b: string } = { a: "a", b: "b" }
-		it("should return default state when action payload is undefined", () => {
-			expect(mergeState(defaultState)(defaultState, { type: "generic", value: undefined })).toBe(defaultState)
-		})
-
-		it("should merge in value of action", () => {
-			expect(mergeState(defaultState)(defaultState, { type: "generic", value: { a: "A" } })).toEqual({ a: "A", b: "b" })
-		})
-	})
-})

package/app/codeCharta/state/store/util/setState.reducer.factory.ts

@@ -1,17 +0,0 @@
-/**
- * Most of CodeCharta's action will reset when action's payload is undefined.
- * E.g., this has currently an effect when applying a scenario without map colors,
- * to ensure that it will have default colors.
- */
-
-import { Action } from "@ngrx/store"
-
-export const setState =
-	<T>(defaultValue: T) =>
-	(_state: T, action: Action & { value: T }) =>
-		action.value === undefined ? defaultValue : action.value
-
-export const mergeState =
-	<T>(defaultValue: T) =>
-	(state: T, action: Action & { value: Partial<T> }): T =>
-		action.value === undefined ? defaultValue : { ...state, ...action.value }

package/app/codeCharta/streetLayoutTodo.md

@@ -1,16 +0,0 @@
-## refactoring
-
--   refactoring of algorithm needs more work, maybe abstract the layout Generator for both street and squared layout.
--   needs more unit tests.
--   refactore horizontalStreet.ts (layoutTopRow, layoutBottomRow are very similar)
-
-## bugs
-
--   height is not calculated properly.
--   manual margin is not working.
-
-## improvement
-
--   scaling is not same in both algorithm.
--   no label on streets.
--   autocentering the camera does not always fit the label, the bounding box should include the labels.

package/app/codeCharta/ui/actionIcon/actionIcon.component.html

@@ -1 +0,0 @@
-<i role="button" [class]="icon"></i>

package/app/codeCharta/ui/actionIcon/actionIcon.component.scss

@@ -1,23 +0,0 @@
-@use "../../../material/theme";
-
-cc-action-icon {
-	display: inline-flex;
-	align-items: center;
-	cursor: pointer;
-	width: 24px;
-	height: 24px;
-	border-radius: 100%;
-	background-color: theme.$cc-primary-color;
-	font-size: 14px;
-
-	&:hover {
-		background-color: theme.$cc-emphasized-color;
-	}
-
-	i,
-	i.fa {
-		margin: auto;
-		line-height: 1.5;
-		color: white;
-	}
-}

package/app/codeCharta/ui/actionIcon/actionIcon.component.ts

@@ -1,11 +0,0 @@
-import { Component, Input, ViewEncapsulation } from "@angular/core"
-
-@Component({
-	selector: "cc-action-icon",
-	templateUrl: "./actionIcon.component.html",
-	styleUrls: ["./actionIcon.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class ActionIconComponent {
-	@Input() icon: string
-}

package/app/codeCharta/ui/actionIcon/actionIcon.module.ts

@@ -1,10 +0,0 @@
-import { CommonModule } from "@angular/common"
-import { NgModule } from "@angular/core"
-import { ActionIconComponent } from "./actionIcon.component"
-
-@NgModule({
-	imports: [CommonModule],
-	declarations: [ActionIconComponent],
-	exports: [ActionIconComponent]
-})
-export class ActionIconModule {}

package/app/codeCharta/ui/attributeSideBar/attributeSideBar.component.html

@@ -1,8 +0,0 @@
-<div class="side-bar-container cc-shadow" [class.expanded]="isAttributeSideBarVisibleService.isOpen">
-	<cc-attribute-side-bar-header-section
-		[node]="selectedNode$ | async"
-		[fileName]="fileName$ | async"
-	></cc-attribute-side-bar-header-section>
-	<cc-attribute-side-bar-primary-metrics></cc-attribute-side-bar-primary-metrics>
-	<cc-attribute-side-bar-secondary-metrics></cc-attribute-side-bar-secondary-metrics>
-</div>

package/app/codeCharta/ui/attributeSideBar/attributeSideBar.component.scss

@@ -1,164 +0,0 @@
-cc-attribute-side-bar {
-	.side-bar-container {
-		width: 350px;
-		height: calc(100% - 98px); // canvas overflow (ribbonBar height)
-		padding: 8px;
-		font-size: 11pt;
-		position: absolute;
-		right: -355px;
-		background: white;
-
-		&.expanded {
-			right: 0;
-		}
-
-		&:before {
-			content: "";
-			height: 100%;
-			float: left;
-		}
-
-		.secondary-metrics-wrapper {
-			position: relative;
-
-			&:after {
-				content: "";
-				clear: both;
-				display: block;
-			}
-
-			.metrics-wrapper {
-				position: absolute;
-				width: 100%;
-				height: 100%;
-				padding-top: 12px;
-			}
-		}
-
-		.metric-box {
-			border-radius: 5px;
-			background-color: #f0f0f0;
-			padding: 5px;
-
-			&.scrollable-content {
-				max-height: 100%;
-				overflow: auto;
-			}
-
-			table {
-				th {
-					text-align: left;
-				}
-
-				&.primary-metrics {
-					table-layout: fixed;
-					width: 100%;
-					border-collapse: collapse;
-
-					tr:not(:last-child) td {
-						border-bottom: 3px solid white;
-					}
-
-					td {
-						padding: 5px;
-
-						&:first-child {
-							border-right: 3px solid white;
-						}
-					}
-
-					.primary-metric-box {
-						display: flex;
-						flex-direction: column;
-						height: 100%;
-						width: 100%;
-					}
-
-					.metric-name {
-						margin-top: 5px;
-					}
-
-					.primary-metric-value {
-						margin-right: -5px;
-					}
-
-					i.fa {
-						font-size: 12pt;
-						min-width: 17px;
-						text-align: center;
-					}
-				}
-
-				&.secondary-metrics {
-					td {
-						padding-left: 5px;
-
-						&:first-child {
-							padding-left: 4px;
-						}
-					}
-
-					.secondary-metric-box {
-						border-radius: 3px;
-						padding: 4px 4px;
-						vertical-align: middle;
-						background: #d5d5d5;
-					}
-
-					.secondary-metric-row {
-						flex-wrap: nowrap;
-					}
-				}
-
-				.primary-metric-row,
-				.secondary-metric-row {
-					display: flex;
-					align-items: center;
-					flex-wrap: wrap;
-					gap: 5px;
-				}
-
-				.metric-name {
-					color: grey;
-					word-break: break-word;
-					vertical-align: middle;
-				}
-
-				.delta-value-box {
-					vertical-align: middle;
-				}
-			}
-
-			cc-metric-delta-selected:has(span) {
-				margin-top: 5px;
-			}
-		}
-
-		cc-attribute-side-bar-primary-metrics,
-		cc-attribute-side-bar-secondary-metrics {
-			.metric-box,
-			.metrics-wrapper {
-				i.fa.fa-external-link {
-					font-size: 10px;
-					min-width: 10px;
-					text-align: center;
-				}
-
-				a:link,
-				a:visited {
-					text-decoration: none;
-				}
-
-				a:hover {
-					color: blue;
-					text-decoration: solid;
-					text-decoration-line: underline;
-				}
-
-				a:active {
-					color: red;
-				}
-			}
-		}
-	}
-}

package/app/codeCharta/ui/attributeSideBar/attributeSideBar.component.spec.ts

@@ -1,161 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { render } from "@testing-library/angular"
-import { provideMockStore, MockStore } from "@ngrx/store/testing"
-import { expect } from "@jest/globals"
-import { TEST_NODE_LEAF, TEST_ATTRIBUTE_DESCRIPTORS, TEST_NODE_FOLDER } from "../../util/dataMocks"
-import { selectedNodeSelector } from "../../state/selectors/selectedNode.selector"
-import { AttributeSideBarComponent } from "./attributeSideBar.component"
-import { AttributeSideBarModule } from "./attributeSideBar.module"
-import { IsAttributeSideBarVisibleService } from "../../services/isAttributeSideBarVisible.service"
-import { primaryMetricNamesSelector } from "../../state/selectors/primaryMetrics/primaryMetricNames.selector"
-import { attributeDescriptorsSelector } from "../../state/store/fileSettings/attributeDescriptors/attributeDescriptors.selector"
-import { CodeMapNode } from "../../codeCharta.model"
-import { klona } from "klona"
-import { accumulatedDataSelector } from "../../state/selectors/accumulatedData/accumulatedData.selector"
-import { mapColorsSelector } from "../../state/store/appSettings/mapColors/mapColors.selector"
-import { defaultMapColors } from "../../state/store/appSettings/mapColors/mapColors.reducer"
-import { primaryMetricsSelector } from "../../state/selectors/primaryMetrics/primaryMetrics.selector"
-import { attributeTypesSelector } from "../../state/store/fileSettings/attributeTypes/attributeTypes.selector"
-import { defaultAttributeTypes } from "../../state/store/fileSettings/attributeTypes/attributeTypes.reducer"
-import { showAttributeTypeSelectorSelector } from "./util/showAttributeTypeSelector.selector"
-import { metricTitles } from "../../util/metric/metricTitles"
-
-let selectedMetricNames
-
-describe("AttributeSideBarComponent", () => {
-	beforeEach(() => {
-		selectedMetricNames = {
-			areaMetric: "a",
-			heightMetric: "a",
-			colorMetric: "a",
-			edgeMetric: "c"
-		}
-		TestBed.configureTestingModule({
-			imports: [AttributeSideBarModule],
-			providers: [
-				{ provide: IsAttributeSideBarVisibleService, useValue: { isOpen: true } },
-				provideMockStore({
-					selectors: [
-						{ selector: primaryMetricNamesSelector, value: selectedMetricNames },
-						{ selector: showAttributeTypeSelectorSelector, value: true },
-						{ selector: attributeDescriptorsSelector, value: TEST_ATTRIBUTE_DESCRIPTORS },
-						{ selector: attributeTypesSelector, value: defaultAttributeTypes },
-						{ selector: selectedNodeSelector, value: null },
-						{ selector: accumulatedDataSelector, value: {} },
-						{ selector: mapColorsSelector, value: defaultMapColors },
-						{ selector: primaryMetricsSelector, value: { edge: {}, color: {}, height: {}, area: {} } }
-					]
-				})
-			]
-		})
-	})
-
-	it("should display side bar if no building is selected (for opening / closing transition effect)", async () => {
-		const { container } = await render(AttributeSideBarComponent, { excludeComponentDeclaration: true })
-
-		expect(container.querySelector(".side-bar-container")).not.toBe(null)
-	})
-
-	it("should hide side bar if side bar is closed", async () => {
-		const { container } = await render(AttributeSideBarComponent, {
-			excludeComponentDeclaration: true,
-			componentProviders: [{ provide: IsAttributeSideBarVisibleService, useValue: { isOpen: false } }]
-		})
-
-		expect(container.querySelector(".side-bar-container.expanded")).toBe(null)
-	})
-
-	it("should render correctly with selected building", async () => {
-		const { container, detectChanges } = await render(AttributeSideBarComponent, { excludeComponentDeclaration: true })
-		const selectedNode = klona(TEST_NODE_LEAF)
-		selectedNode.deltas = undefined
-		mockSelectedNode(selectedNode as unknown as CodeMapNode, detectChanges)
-
-		const isSideBarOpen = container.querySelector(".side-bar-container.expanded") !== null
-		expect(isSideBarOpen).toBe(true)
-
-		const name = container.querySelector("a[class=node-link]").textContent
-		expect(name).toMatch("root/big leaf.ts")
-
-		const pathName = container.querySelector("cc-node-path").textContent
-		expect(pathName).toMatch("/root/big leaf")
-	})
-
-	it("should display attribute type selectors for folders", async () => {
-		const { container, detectChanges } = await render(AttributeSideBarComponent, { excludeComponentDeclaration: true })
-		const selectedNode = klona(TEST_NODE_FOLDER)
-		selectedNode["children"] = [{}]
-		mockSelectedNode(selectedNode as unknown as CodeMapNode, detectChanges)
-
-		const attributeTypeSelectorWithinPrimaryMetrics = container.querySelectorAll(
-			"cc-attribute-side-bar-primary-metrics cc-attribute-type-selector"
-		)
-		expect(attributeTypeSelectorWithinPrimaryMetrics.length).toBe(4)
-		const attributeTypeSelectorWithinSecondaryMetrics = container.querySelectorAll(
-			"cc-attribute-side-bar-secondary-metrics cc-attribute-type-selector"
-		)
-		expect(attributeTypeSelectorWithinSecondaryMetrics.length).toBe(1)
-	})
-
-	it("should contain 'no edge metric available' note", async () => {
-		selectedMetricNames.edgeMetric = undefined
-		const { container, detectChanges } = await render(AttributeSideBarComponent, { excludeComponentDeclaration: true })
-		const selectedNode = klona(TEST_NODE_FOLDER)
-		selectedNode["children"] = [{}]
-		mockSelectedNode(selectedNode as unknown as CodeMapNode, detectChanges)
-
-		const primaryMetricsWithoutEdgeMetric = container.querySelectorAll("cc-attribute-side-bar-primary-metrics td")
-		expect(primaryMetricsWithoutEdgeMetric[3].textContent === "No edge metric available")
-	})
-
-	it("should contain primary/secondary metrics with title/tooltip attribute/metric descriptor information", async () => {
-		selectedMetricNames.areaMetric = "a"
-		selectedMetricNames.heightMetric = "b"
-		selectedMetricNames.colorMetric = "mcc"
-		selectedMetricNames.edgeMetric = "someEdge"
-
-		const { container, detectChanges } = await render(AttributeSideBarComponent, { excludeComponentDeclaration: true })
-
-		const store = TestBed.inject(MockStore)
-		store.overrideSelector(primaryMetricsSelector, {
-			area: { name: "a", value: 3 },
-			height: { name: "b", value: 1 },
-			color: {
-				name: "mcc",
-				value: 10
-			},
-			edge: {
-				name: "someEdge",
-				incoming: 20,
-				outgoing: 60
-			}
-		})
-
-		const selectedNode = klona(TEST_NODE_FOLDER)
-		selectedNode["children"] = [{}]
-		selectedNode["attributes"] = { a: 3, b: 1, mcc: 4, rloc: 222, someColor: 10, d: 100 }
-		selectedNode["edgeAttributes"] = { someEdge: { incoming: 20, outgoing: 60 } }
-		mockSelectedNode(selectedNode as unknown as CodeMapNode, detectChanges)
-
-		const attributeTypeSelectorWithinPrimaryMetrics = container.querySelectorAll("cc-attribute-side-bar-primary-metrics td")
-		const attributeTypeSelectorWithinSecondaryMetrics = container.querySelectorAll("cc-attribute-side-bar-secondary-metrics tr")
-		expect(attributeTypeSelectorWithinPrimaryMetrics[0].getAttribute("title")).toBe("a_testTitle (a):\na_testDescription")
-		expect(attributeTypeSelectorWithinPrimaryMetrics[1].getAttribute("title")).toBe("b_testTitle (b)")
-		expect(attributeTypeSelectorWithinPrimaryMetrics[1].querySelector("a").getAttribute("href")).toBe("https://test.link")
-		expect(attributeTypeSelectorWithinPrimaryMetrics[2].getAttribute("title")).toBe(metricTitles.get("mcc"))
-		expect(attributeTypeSelectorWithinPrimaryMetrics[3].getAttribute("title")).toBe("")
-
-		expect(attributeTypeSelectorWithinSecondaryMetrics[1].querySelector("a").getAttribute("href")).toBe("https://test2.link")
-		expect(attributeTypeSelectorWithinSecondaryMetrics[1].getAttribute("title")).toBe("d")
-		expect(attributeTypeSelectorWithinSecondaryMetrics[2].getAttribute("title")).toBe(metricTitles.get("rloc"))
-		expect(attributeTypeSelectorWithinSecondaryMetrics[3].getAttribute("title")).toBe("") // someColor
-		expect(attributeTypeSelectorWithinSecondaryMetrics.length).toBe(4) // header + three entries
-	})
-})
-
-function mockSelectedNode(node: CodeMapNode, detectChanges: () => void) {
-	const store = TestBed.inject(MockStore)
-	store.overrideSelector(selectedNodeSelector, node)
-	store.refreshState()
-	detectChanges()
-}

package/app/codeCharta/ui/attributeSideBar/attributeSideBar.component.ts

@@ -1,21 +0,0 @@
-import { map } from "rxjs"
-import { Component, ViewEncapsulation } from "@angular/core"
-
-import { selectedNodeSelector } from "../../state/selectors/selectedNode.selector"
-import { accumulatedDataSelector } from "../../state/selectors/accumulatedData/accumulatedData.selector"
-import { IsAttributeSideBarVisibleService } from "../../services/isAttributeSideBarVisible.service"
-import { Store } from "@ngrx/store"
-import { CcState } from "../../codeCharta.model"
-
-@Component({
-	selector: "cc-attribute-side-bar",
-	templateUrl: "./attributeSideBar.component.html",
-	styleUrls: ["./attributeSideBar.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class AttributeSideBarComponent {
-	selectedNode$ = this.store.select(selectedNodeSelector)
-	fileName$ = this.store.select(accumulatedDataSelector).pipe(map(accumulatedData => accumulatedData.unifiedFileMeta?.fileName ?? ""))
-
-	constructor(public isAttributeSideBarVisibleService: IsAttributeSideBarVisibleService, private store: Store<CcState>) {}
-}

package/app/codeCharta/ui/attributeSideBar/attributeSideBar.module.ts

@@ -1,35 +0,0 @@
-import { NgModule } from "@angular/core"
-import { CommonModule } from "@angular/common"
-
-import { AttributeSideBarComponent } from "./attributeSideBar.component"
-import { AttributeSideBarSecondaryMetricsComponent } from "./attributeSideBarSecondaryMetrics/attributeSideBarSecondaryMetrics.component"
-import { AttributeTypeSelectorModule } from "./attributeTypeSelector/attributeTypeSelector.module"
-import { MetricDeltaSelectedModule } from "./metricDeltaSelected/metricDeltaSelected.module"
-import { AttributeSideBarPrimaryMetricsComponent } from "./attributeSideBarPrimaryMetrics/attributeSideBarPrimaryMetrics.component"
-import { AttributeSideBarPrimaryMetricComponent } from "./attributeSideBarPrimaryMetrics/attributeSideBarPrimaryMetric/attributeSideBarPrimaryMetric.component"
-import { AttributeSideBarHeaderSectionComponent } from "./attributeSideBarHeaderSection/attributeSideBarHeaderSection.component"
-import { NodePathComponent } from "./attributeSideBarHeaderSection/nodePath/nodePath.component"
-import { MaterialModule } from "../../../material/material.module"
-import { RemoveExtensionPipeModule } from "../../util/pipes/RemoveExtensionPipeModule"
-import { AttributeDescriptorTooltipPipeModule } from "../../util/pipes/AttributeDescriptorTooltipPipeModule"
-
-@NgModule({
-	imports: [
-		CommonModule,
-		MaterialModule,
-		AttributeTypeSelectorModule,
-		MetricDeltaSelectedModule,
-		RemoveExtensionPipeModule,
-		AttributeDescriptorTooltipPipeModule
-	],
-	declarations: [
-		AttributeSideBarComponent,
-		AttributeSideBarHeaderSectionComponent,
-		NodePathComponent,
-		AttributeSideBarPrimaryMetricsComponent,
-		AttributeSideBarPrimaryMetricComponent,
-		AttributeSideBarSecondaryMetricsComponent
-	],
-	exports: [AttributeSideBarComponent]
-})
-export class AttributeSideBarModule {}

package/app/codeCharta/ui/attributeSideBar/attributeSideBarHeaderSection/attributeSideBarHeaderSection.component.html

@@ -1,14 +0,0 @@
-<ng-container *ngIf="node">
-	<i class="close-icon fa fa-times" (click)="closeSideBar()"></i>
-
-	<div *ngIf="node.link" data-testid="file-link" matTooltip="{{ node.link }}" [matTooltipShowDelay]="200" class="node-name">
-		<a class="node-link" href="{{ node.link }}" target="_blank" rel="noopener noreferrer">
-			<h2>{{ node.name }}&nbsp;</h2>
-			<i class="fa fa-external-link"></i>
-		</a>
-	</div>
-
-	<p class="node-origin">{{ fileName | removeExtension }}</p>
-
-	<cc-node-path [node]="node"></cc-node-path>
-</ng-container>