sp-dev-fx-webparts/samples/react-manage-profile-card-p.../README.md

# React Manage Profile Card Properties 

## Summary

This web part allows tenant administrators to manage profile card properties.  
We can create, edit, delete, directory properties that can be add to profile card.

Only users with Tenant Admin Role are allowed to managed profile card properties. 

## Manage Profile Card Properties

![manageProps](assets/Screenshot1.png)

![manageProps](assets/Screenshot2.png)

![manageProps](assets/Screenshot3.png)

![manageProps](assets/Screenshot4.png)

![manageProps](assets/Screenshot5.png)


## Used SharePoint Framework Version 

![SPFx 1.11.0](https://img.shields.io/badge/version-1.11.0-green.svg)

## Applies to

* [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
* [Office 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)

## WebPart Properties
 
Property |Type|Required| comments
--------------------|----|--------|----------
WebPart Title| Text| no|
 

## Solution

The Web Part Use Microsoft Graph API, Fluent-UI components.

Solution|Author(s)
--------|---------
Manage Profile Card Properties |João Mendes

## Version history

Version|Date|Comments
-------|----|--------
1.0.0|July 28, 2020|Initial release
1.0.1|October 5, 2020|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
- Move to sample folder
- In the command line run:
  - `npm install`
  - `gulp build`
  - `gulp bundle --ship`
  - `gulp package-solution --ship`
  - `Add to AppCatalog and deploy`
- Approve the required permissions (User.ReadWrite, Directory.AccessAsUser.All) on SharePoint Admin in App permissions

> **NOTE:** This web part does not work in the local workbench

<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-manage-profile-card-properties" />
first commit 2020-07-27 18:59:31 -04:00			`# React Manage Profile Card Properties`

			`## Summary`
Fixed readme 2020-10-08 00:54:14 -04:00
first commit 2020-07-27 18:59:31 -04:00			`This web part allows tenant administrators to manage profile card properties.`
			`We can create, edit, delete, directory properties that can be add to profile card.`

			`Only users with Tenant Admin Role are allowed to managed profile card properties.`

Fixed readme 2020-10-08 00:54:14 -04:00			`## Manage Profile Card Properties`
first commit 2020-07-27 18:59:31 -04:00
Updated Docs 2020-07-28 17:52:26 -04:00			`![manageProps](assets/Screenshot1.png)`
first commit 2020-07-27 18:59:31 -04:00
Updated Docs 2020-07-28 17:52:26 -04:00			`![manageProps](assets/Screenshot2.png)`
first commit 2020-07-27 18:59:31 -04:00
Updated Docs 2020-07-28 17:52:26 -04:00			`![manageProps](assets/Screenshot3.png)`

			`![manageProps](assets/Screenshot4.png)`

			`![manageProps](assets/Screenshot5.png)`
first commit 2020-07-27 18:59:31 -04:00

			`## Used SharePoint Framework Version`
Fixed readme 2020-10-08 00:54:14 -04:00
Added comments about local workbench 2020-07-28 22:48:25 -04:00			`![SPFx 1.11.0](https://img.shields.io/badge/version-1.11.0-green.svg)`
first commit 2020-07-27 18:59:31 -04:00
			`## Applies to`

			`* [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)`
			`* [Office 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)`

			`## WebPart Properties`

			`Property \|Type\|Required\| comments`
			`--------------------\|----\|--------\|----------`
			`WebPart Title\| Text\| no\|`


			`## Solution`
Fixed readme 2020-10-08 00:54:14 -04:00
first commit 2020-07-27 18:59:31 -04:00			`The Web Part Use Microsoft Graph API, Fluent-UI components.`

			`Solution\|Author(s)`
			`--------\|---------`
			`Manage Profile Card Properties \|João Mendes`

			`## Version history`

			`Version\|Date\|Comments`
			`-------\|----\|--------`
			`1.0.0\|July 28, 2020\|Initial release`
Fixed readme 2020-10-08 00:54:14 -04:00			`1.0.1\|October 5, 2020\|Initial release`
first commit 2020-07-27 18:59:31 -04:00
			`## Disclaimer`
Fixed readme 2020-10-08 00:54:14 -04:00
first commit 2020-07-27 18:59:31 -04:00			`*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`
			`- Move to sample folder`
Added comments about local workbench 2020-07-28 22:48:25 -04:00			`- In the command line run:`
first commit 2020-07-27 18:59:31 -04:00			- `npm install`
			- `gulp build`
			- `gulp bundle --ship`
			- `gulp package-solution --ship`
			- `Add to AppCatalog and deploy`
Added comments about local workbench 2020-07-28 22:48:25 -04:00			`- Approve the required permissions (User.ReadWrite, Directory.AccessAsUser.All) on SharePoint Admin in App permissions`

			`> NOTE: This web part does not work in the local workbench`
first commit 2020-07-27 18:59:31 -04:00
Updated Docs 2020-07-28 17:52:26 -04:00			`<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-manage-profile-card-properties" />`