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-graph-webpart-report
History
a1mery 3d1a156705 First commit 2023-04-23 20:57:05 +02:00
..
assets First commit 2023-04-23 20:57:05 +02:00
config First commit 2023-04-23 20:57:05 +02:00
src First commit 2023-04-23 20:57:05 +02:00
teams First commit 2023-04-23 20:57:05 +02:00
.eslintrc.js First commit 2023-04-23 20:57:05 +02:00
.gitignore First commit 2023-04-23 20:57:05 +02:00
.npmignore First commit 2023-04-23 20:57:05 +02:00
.yo-rc.json First commit 2023-04-23 20:57:05 +02:00
README.md First commit 2023-04-23 20:57:05 +02:00
gulpfile.js First commit 2023-04-23 20:57:05 +02:00
package-lock.json First commit 2023-04-23 20:57:05 +02:00
package.json First commit 2023-04-23 20:57:05 +02:00
tsconfig.json First commit 2023-04-23 20:57:05 +02:00

README.md

Web Part Report

Summary

This sample web part shows a report of the web parts used on the current site.

Chart View

List View

Animated

Used SharePoint Framework Version

version

Applies to

Get your own free development tenant by subscribing to Microsoft 365 developer program

Prerequisites

Microsoft Graph permission:

  • Sites.Read.All

Solution

Solution Author(s)
react-graph-webpart-report Aimery Thomas

Version history

Version Date Comments
1.0 March 23, 2023 Initial release

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

  • Clone this repository
  • Ensure that you are at the solution folder
  • in the command-line run:
    • npm install
    • gulp bundle
    • gulp package-solution
  • Deploy the package to your app catalog
  • Approve the API permission request from the SharePoint admin
  • Add the web part to a page
  • In the command-line run:
    • gulp serve --nobrowser

Features

This webpart illustrates the following concepts:

  • Consume the Microsoft Graph API from SPFx web part
  • Use of the SharePoint Pages Microsoft Graph API
  • Use of @pnp/spfx-property-controls (ListView and CharControl)
  • Use of Top Actions

References