79 lines
3.1 KiB
Markdown
79 lines
3.1 KiB
Markdown
# My Teams
|
|
|
|
## Summary
|
|
|
|
This sample uses Microsoft Graph to list the Teams the current user is a member of. When the user clicks on one of the teams, the web part retrieves information about the default channel (General) and opens it.
|
|
The web part can be configured to open the team on the web browser or client app.
|
|
|
|
![Demo](./assets/Preview.png)
|
|
|
|
|
|
# Compatibility
|
|
|
|
![SPFx 1.7.1](https://img.shields.io/badge/SPFx-1.7.1-green.svg)
|
|
![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg)
|
|
![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg)
|
|
![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg)
|
|
![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1")
|
|
![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg)
|
|
![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg)
|
|
|
|
## Applies to
|
|
|
|
- [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
|
|
|
|
## Prerequisites
|
|
|
|
- Office 365 subscription with SharePoint Online licence
|
|
- SharePoint Framework [development environment](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment) already set up.
|
|
|
|
## Solution
|
|
|
|
| Solution | Author(s) |
|
|
| -------------- | -------------- |
|
|
| react-my-teams | Joel Rodrigues |
|
|
|
|
## Version history
|
|
|
|
| Version | Date | Comments |
|
|
| ------- | ----------------- | --------------- |
|
|
| 1.0 | February 26, 2019 | 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.
|
|
|
|
In the command line run:
|
|
|
|
```bash
|
|
npm install
|
|
gulp serve --nobrowser
|
|
```
|
|
|
|
Navigate to the hosted version of SharePoint workbench, eg. https://contoso.sharepoint.com/_layouts/15/workbench.aspx
|
|
|
|
### Grant the service principal permission to the Microsoft Graph API
|
|
|
|
Once installed, the solution will request the required permissions via the Office 365 admin portal.
|
|
If you prefer to approve the permissions in advance, for example when testing the solution in the Workbench page without installing it, you can do so using Office 365 CLI:
|
|
|
|
```bash
|
|
o365 spo login https://contoso-admin.sharepoint.com
|
|
o365 spo serviceprincipal grant add --resource 'Microsoft Graph' --scope 'User.Read.All'
|
|
o365 spo serviceprincipal grant add --resource 'Microsoft Graph' --scope 'User.ReadWrite.All'
|
|
o365 spo serviceprincipal grant add --resource 'Microsoft Graph' --scope 'Group.Read.All'
|
|
o365 spo serviceprincipal grant add --resource 'Microsoft Graph' --scope 'Group.ReadWrite.All'
|
|
```
|
|
|
|
## Features
|
|
|
|
This Web Part lists all the teams the current user is a member of.
|
|
|
|
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-my-teams" />
|