honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
sp-dev-fx-webparts/samples/react-staffdirectory/README.md

2.5 KiB
Raw Blame History

page_type products languages extensions
sample
office-sp
javascript
typescript
contentType technologies platforms createdDate
samples
SharePoint Framework
Msgraph
Fluent UI React Controls
React
4/9/2020 12:00:00 AM

Staff Directory (Search Directory)

Summary

This web part shows the current user's colleagues, and allows the user to search AD directory, The user can configure the properties to show when expand the user card.

staff staff staff

Compatibility

SPFx 1.11 Node.js LTS 10.x SharePoint Online Teams N/A: Untested with Microsoft Teams Workbench Hosted: Does not work with local workbench

Applies to

Solution

Solution Author(s)
react-staffdirectory Ari Gunawan (@arigunawan3023)
react-staffdirectory João Mendes (joaojmendes)

Version history

Version Date Comments
1.0.0 February 16, 2021 Initial release
1.0.1 March 28, 2021 Added missing Graph API Permission (User.Read.All) for getting users information

Disclaimer

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.

Minimal Path to Awesome

Please follow all the steps:

  • Clone this repository
  • in the command line run:
    • npm install
    • gulp build
    • gulp bundle --ship
    • gulp package-solution --ship
  • Add and deploy package to your tenant's App Catalog
  • Go to API Access - from SharePoint Admin Center new experience, and Approve the permission to use Microsoft Graph scopes Presence.Read.All and User.Read.All