+
+
+
+
+
+
+
diff --git a/prototypes/process-explorer/oss-frontend/src/app/shared/sidenav/sidenav.component.scss b/prototypes/process-explorer/oss-frontend/src/app/shared/sidenav/sidenav.component.scss
new file mode 100644
index 000000000..b6017c503
--- /dev/null
+++ b/prototypes/process-explorer/oss-frontend/src/app/shared/sidenav/sidenav.component.scss
@@ -0,0 +1,15 @@
+.app-container {
+ height: 90%;
+ margin: 0;
+}
+.app-sidenav {
+ width: 230px;
+}
+.app-sidenav-content {
+ display: flex;
+ height: 100%;
+ align-items: center;
+ justify-content: center;
+ font-weight: 550;
+ font-size: larger;
+}
\ No newline at end of file
diff --git a/prototypes/process-explorer/oss-frontend/src/app/shared/sidenav/sidenav.component.spec.ts b/prototypes/process-explorer/oss-frontend/src/app/shared/sidenav/sidenav.component.spec.ts
new file mode 100644
index 000000000..c04e2ef9d
--- /dev/null
+++ b/prototypes/process-explorer/oss-frontend/src/app/shared/sidenav/sidenav.component.spec.ts
@@ -0,0 +1,38 @@
+/* Morgan Stanley makes this available to you under the Apache License, Version 2.0 (the "License"). You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0. See the NOTICE file distributed with this work for additional information regarding copyright ownership. Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatIconModule } from '@angular/material/icon';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
+import { MatListModule } from '@angular/material/list'
+import { AppRoutingModule } from '../../app-routing.module';
+
+
+
+import { SidenavComponent } from './sidenav.component';
+
+describe('SidenavComponent', () => {
+ let component: SidenavComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(() => {
+ TestBed.configureTestingModule({
+ declarations: [SidenavComponent],
+ imports: [
+ MatToolbarModule,
+ MatIconModule,
+ MatSidenavModule,
+ BrowserAnimationsModule,
+ MatListModule,
+ AppRoutingModule
+ ]
+ });
+ fixture = TestBed.createComponent(SidenavComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/prototypes/process-explorer/oss-frontend/src/app/shared/sidenav/sidenav.component.ts b/prototypes/process-explorer/oss-frontend/src/app/shared/sidenav/sidenav.component.ts
new file mode 100644
index 000000000..3d91acb92
--- /dev/null
+++ b/prototypes/process-explorer/oss-frontend/src/app/shared/sidenav/sidenav.component.ts
@@ -0,0 +1,11 @@
+/* Morgan Stanley makes this available to you under the Apache License, Version 2.0 (the "License"). You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0. See the NOTICE file distributed with this work for additional information regarding copyright ownership. Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-sidenav',
+ templateUrl: './sidenav.component.html',
+ styleUrls: ['./sidenav.component.scss']
+})
+export class SidenavComponent {
+
+}
diff --git a/prototypes/process-explorer/oss-frontend/src/assets/.gitkeep b/prototypes/process-explorer/oss-frontend/src/assets/.gitkeep
new file mode 100644
index 000000000..e69de29bb
diff --git a/prototypes/process-explorer/oss-frontend/src/favicon.ico b/prototypes/process-explorer/oss-frontend/src/favicon.ico
new file mode 100644
index 000000000..997406ad2
Binary files /dev/null and b/prototypes/process-explorer/oss-frontend/src/favicon.ico differ
diff --git a/prototypes/process-explorer/oss-frontend/src/index.html b/prototypes/process-explorer/oss-frontend/src/index.html
new file mode 100644
index 000000000..860c265eb
--- /dev/null
+++ b/prototypes/process-explorer/oss-frontend/src/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+ Processes explorer
+
+
+
+
+
+
+
+
diff --git a/prototypes/process-explorer/oss-frontend/src/main.ts b/prototypes/process-explorer/oss-frontend/src/main.ts
new file mode 100644
index 000000000..247db4aa8
--- /dev/null
+++ b/prototypes/process-explorer/oss-frontend/src/main.ts
@@ -0,0 +1,7 @@
+/* Morgan Stanley makes this available to you under the Apache License, Version 2.0 (the "License"). You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0. See the NOTICE file distributed with this work for additional information regarding copyright ownership. Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { AppModule } from './app/app.module';
+
+
+platformBrowserDynamic().bootstrapModule(AppModule)
+ .catch(err => console.error(err));
diff --git a/prototypes/process-explorer/oss-frontend/src/styles.scss b/prototypes/process-explorer/oss-frontend/src/styles.scss
new file mode 100644
index 000000000..3538abf11
--- /dev/null
+++ b/prototypes/process-explorer/oss-frontend/src/styles.scss
@@ -0,0 +1,3 @@
+/* You can add global styles to this file, and also import other style files */
+@import 'material-icons/iconfont/material-icons.css';
+html, body { height: 100%; }
diff --git a/prototypes/process-explorer/oss-frontend/tsconfig.app.json b/prototypes/process-explorer/oss-frontend/tsconfig.app.json
new file mode 100644
index 000000000..374cc9d29
--- /dev/null
+++ b/prototypes/process-explorer/oss-frontend/tsconfig.app.json
@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "outDir": "./out-tsc/app",
+ "types": []
+ },
+ "files": [
+ "src/main.ts"
+ ],
+ "include": [
+ "src/**/*.d.ts"
+ ]
+}
diff --git a/prototypes/process-explorer/oss-frontend/tsconfig.json b/prototypes/process-explorer/oss-frontend/tsconfig.json
new file mode 100644
index 000000000..17dd290fc
--- /dev/null
+++ b/prototypes/process-explorer/oss-frontend/tsconfig.json
@@ -0,0 +1,34 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+ "compileOnSave": false,
+ "compilerOptions": {
+ "baseUrl": "./",
+ "outDir": "./dist/out-tsc",
+ "forceConsistentCasingInFileNames": true,
+ "strict": true,
+ "strictPropertyInitialization": false,
+ "noImplicitOverride": true,
+ "noPropertyAccessFromIndexSignature": true,
+ "noImplicitReturns": true,
+ "noFallthroughCasesInSwitch": true,
+ "sourceMap": true,
+ "declaration": false,
+ "downlevelIteration": true,
+ "experimentalDecorators": true,
+ "moduleResolution": "node",
+ "importHelpers": true,
+ "target": "ES2022",
+ "module": "ES2022",
+ "useDefineForClassFields": false,
+ "lib": [
+ "ES2022",
+ "dom"
+ ]
+ },
+ "angularCompilerOptions": {
+ "enableI18nLegacyMessageIdFormat": false,
+ "strictInjectionParameters": true,
+ "strictInputAccessModifiers": true,
+ "strictTemplates": true
+ }
+}
diff --git a/prototypes/process-explorer/oss-frontend/tsconfig.spec.json b/prototypes/process-explorer/oss-frontend/tsconfig.spec.json
new file mode 100644
index 000000000..be7e9da76
--- /dev/null
+++ b/prototypes/process-explorer/oss-frontend/tsconfig.spec.json
@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "outDir": "./out-tsc/spec",
+ "types": [
+ "jasmine"
+ ]
+ },
+ "include": [
+ "src/**/*.spec.ts",
+ "src/**/*.d.ts"
+ ]
+}