dialog.component.html
View Options

			<mat-toolbar role="toolbar" class="task-header" cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
			<h4>{{this.title}}</h4>
			</mat-toolbar>
			<mat-dialog-content>
			<!-- displaying OptionSettings component -->
			<div *ngIf="contentType === 0">
			<app-generic-control-elements-component [initialSettingsJson]="initialContent"></app-generic-control-elements-component>
			</div>
			<!-- displaying data browser component -->
			<div *ngIf="contentType === 1">
			<app-rdf-data-browser-component [resourceOfInterest] = "initialContent" ></app-rdf-data-browser-component>
			</div>
			</mat-dialog-content>
			<mat-dialog-actions align="end">
			<button mat-raised-button mat-dialog-close tabindex="-1">{{cancelButtonText}}</button>
			</mat-dialog-actions>

svg-test-app/src/app/dialog-component/dialog.component.htmlbddaff4df8bbmaster