Introduction

This repository contains all neccessary code for the 'Import Data' web client micro front end application. The code is maintained by The Surgeons scrum team. A link to the backlog for the feature can be found here.

Getting Started

1. Load the schema from the model directory or copy below into a load file and submit through the loader.

 <Container>
  <SPFClientAPI>
    <IObject UID="C_SDXImportData" Name="SDXImportData" />
    <ISPFAdminItem />
    <ISPFSubscribableItem />
    <ISPFClientAPI />
  </SPFClientAPI>
  <SPFMethod>
    <IObject UID="MTH_SDXImportData" Name="SDXImportData" />
    <ISPFMethod />
    <ISPFGUIDisplay SPFGUIDisplayAs="Import Data" />
    <ISPFSubscribableItem />
    <ISPFAdminItem />
  </SPFMethod>
  <Rel>
    <IObject UID="C_SDXImportData.SPFClientAPIMethods.MTH_SDXImportData"  />
    <IRel UID1="C_SDXImportData" DefUID="SPFClientAPIMethods" UID2="MTH_SDXImportData" />
  </Rel>
  <Rel>
    <IObject UID="IObject.SPFInterfaceDefMethod.MTH_SDXImportData"  />
    <IRel UID1="IObject" DefUID="SPFInterfaceDefMethod" UID2="MTH_SDXImportData" />
  </Rel>
  <Rel>
    <IObject UID="MAG_FDWBusinessAdministrator.SPFAccessGroupMethod.MTH_SDXImportData" />
    <ISPFAccessGroupMethod SPFRestrictToActionRecipsWhenObjInWorkflow="False" />
    <IRel UID1="MAG_FDWBusinessAdministrator" DefUID="SPFAccessGroupMethod" UID2="MTH_SDXImportData" />
  </Rel>
</Container>

2. Merge in the client-config.json changes with the web client.

{
  "iframe": {
    "modals": [
      {
       "clientAPI": "SDXImportDataMFE",
       "path": "http://localhost:4300/#/import-data",
       "config": { "height": "90%", "width": "77vw" }
      }
    ]
  }
}

3. Add the CORS setting to the SDxServer web.config to allow communication.

<cors allowedOrigins="http://localhost:4300" allowedMethods="*" allowedHeaders="*" exposedHeaders="" allowCredentials="true" preflightMaxAge="600" />

4. Run yarn serve - the application should run on port 4300

Build and Test

A full list of scripts can be found in the package.json

• yarn serve
• yarn test-unit
• yarn test-cit

Serverside Dependencies

TODO

Wireframes

TODO

QA Test Repostory

TODO

Filing a TR

TODO

Documentation Hub

TODO

General MFE Wiki

Getting Started with Web Client MFEs

Contribute

Contact D-US-PPM Scrum Team The Surgeons [email protected]