Skip to content

Files

Latest commit

 

History

History

Angular

Contained in this folder are samples for the following patterns.

  • container - A platform built using the OpenFin container technology.
  • workspace - A platform which demonstrates implementing an OpenFin workspace platform and interacting with its components.

Container

For a guide on how this example was created see creating-container.md

When you execute this example with npm run start, you can launch http://localhost:4200 in your system browser (this is the ./container/src/app/app.component.ts content).

Container Browser

If you then run npm run client it will start the platform instead, you should see the following.

Container Platform

The platform window content is the ./container/src/app/platform/platform.component.ts which also initializes the platform.

The window with the two views are the ./container/src/app/view1/view1.component.ts and ./container/src/app/view2/view2.component.ts components.

These components demonstrate the following:

  • Displaying a notification
  • Broadcasting/listening for FDC3 contexts between views

Workspace

For a guide on how this example was created see creating-workspace.md

When you execute this example with npm run start,you can launch http://localhost:4200 in your system browser (this is the ./workspace/src/app/app.component.ts content).

Workspace Browser

If you then run npm run client it will start the platform instead, you should see the following.

Workspace Platform

The platform window content is the ./workspace/src/app/platform/platform.component.ts which also initializes the platform. The applications made available in your platform are read from ./workspace/src/assets/platform/manifest.fin.json

The component visible with the platform window is the OpenFin Workspace Home component, the Home component lists 2 applications which can be launched.

Workspace Browsers

These views demonstrate the following:

  • Displaying a notification
  • Broadcasting/listening for FDC3 contexts between views

Also from the Home component you can launch /dock

Workspace Dock

You can also launch /store

Workspace Dock

The notification center is launch with /notifications

Workspace Dock