A SPFx web part to list people, locations and statuses from the Microsoft Graph API
Get your own free development tenant by subscribing to Microsoft 365 developer program
"dependencies": { "@fluentui/react": "^8.106.4", "@microsoft/sp-component-base": "1.19.0", "@microsoft/sp-core-library": "1.19.0", "@microsoft/sp-http": "latest", "@microsoft/sp-lodash-subset": "1.19.0", "@microsoft/sp-office-ui-fabric-core": "1.19.0", "@microsoft/sp-property-pane": "1.19.0", "@microsoft/sp-webpart-base": "1.19.0", "office-ui-fabric-react": "latest", "react": "17.0.1", "react-dom": "17.0.1", "tslib": "2.3.1" }, "devDependencies": { "@microsoft/eslint-config-spfx": "1.20.1", "@microsoft/eslint-plugin-spfx": "1.20.1", "@microsoft/microsoft-graph-types": "2.40.0", "@microsoft/rush-stack-compiler-4.7": "0.1.0", "@microsoft/sp-build-web": "1.20.1", "@microsoft/sp-module-interfaces": "1.20.1", "@rushstack/eslint-config": "2.5.1", "@types/react": "17.0.45", "@types/react-dom": "17.0.17", "@types/webpack-env": "~1.15.2", "ajv": "^6.12.5", "eslint": "8.7.0", "eslint-plugin-react-hooks": "4.3.0", "gulp": "4.0.2", "typescript":
THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
- Clone this repository
- Ensure that you are at the solution folder
- in the command-line run:
- npm install
- gulp serve
Include any additional steps as needed.
The People Directory web part can be placed on any Sharepoint page and will list all the individuals in an organisation, along with their job title, department and their prescence. It will also list their current status message OR their current "Out of Office" message.
You can filter by name or department.
All details are taken from their Microsoft 365 profile and obtained via the Graph API.
- Getting started with SharePoint Framework
- Building for Microsoft teams
- Use Microsoft Graph in your solution
- Publish SharePoint Framework applications to the Marketplace
- Microsoft 365 Patterns and Practices - Guidance, tooling, samples and open-source controls for your Microsoft 365 development