Code refactoring: Modify the project source code to enable new analysis easily integrated

[LaraMerdol]

For easier integration of new analyses into our project, we should restructure the repository to allow other developers to easily integrate their work.

[LaraMerdol]

The new structure of the custom folder:

/src
|-- app
|   |-- custom
|   |   |-- analyses
|   |   |-- assets
|   |   |-- customization-service
|   |   |-- config
|   |   |-- database-tab
|   |   |-- map-tab
|   |   |-- object-tab
|   |   |-- customization.module.ts

• The analyses folder should include different analysis components.
• The customization-service includes customization files for visual core components such as context-menu.
• The config folder includes configuration files such as app_description.json which define each node and edge types
• The database-tab is where new database-sub-tabs can be added to the code structure.
• The map-tab is where new map tabs can be added to the code structure.
• The object-tab is where new object-tabs can be added to the code structure, such as object queries or reports.

Developers should add each component to the customization.module.ts after adding them.

[LaraMerdol]

For the analysis components inside the analyses folder collect the helper methods that are same for the each query component to one file called query-helper.ts

[LaraMerdol]

Developer guide for the developers; https://docs.google.com/document/d/1dIasoHNoGYy6klZOnmUMzOE7RvM-fN7DOcEf7w9jS70/edit?usp=sharing

[LaraMerdol]

Adding query component interface and modifying all analysis components as they implement that interface.

import { TableViewInput, TableFiltering, TableData } from '../../shared/table-view/table-view-types';
import { Subject } from 'rxjs';
import { GraphResponse } from 'src/app/visuall/db-service/data-types';

export interface QueryComponent<T>  {
  tableInput: TableViewInput;
  tableFilled: Subject<boolean>;
  tableResponse: T; 
  graphResponse: GraphResponse;
  clearTableFilter: Subject<boolean>;

  ngOnInit(): void;
  prepareQuery(): void;
  loadTable(skip: number, filter?: TableFiltering): void;
  loadGraph(skip: number, filter?: TableFiltering): void;
  filterGraphResponse(x: GraphResponse): GraphResponse;
  fillTable(data: T[], totalDataCount: number | null): void;
  getDataForQueryResult(e: any): void;
  filterTable(filter: TableFiltering): void;
  filterTableResponse(x: T[], filter: TableFiltering): T[];
}

[LaraMerdol]

The structure of the custom folder changed as;

/src
|-- app
|   |-- custom
|   |   |-- analyses
|   |   |-- customization-service
|   |   |-- config
|   |   |-- operational-tabs
|   |   |-- customization.module.ts