diff --git a/samples/react-rhythm-of-business-calendar/.nvmrc b/samples/react-rhythm-of-business-calendar/.nvmrc new file mode 100644 index 000000000..dac255d28 --- /dev/null +++ b/samples/react-rhythm-of-business-calendar/.nvmrc @@ -0,0 +1 @@ +v16.15.1 diff --git a/samples/react-rhythm-of-business-calendar/README.md b/samples/react-rhythm-of-business-calendar/README.md index e9ff36aab..ae5ee53c8 100644 --- a/samples/react-rhythm-of-business-calendar/README.md +++ b/samples/react-rhythm-of-business-calendar/README.md @@ -4,11 +4,31 @@ This sample is the source code for the Rhythm of Business Calendar app and is intended to demonstrate patterns and practices for building enterprise apps on the SharePoint platform. +This application requires below Graph Api Permissions- + +# Send Approval notifications to approvers over teams in personal chat + +1. Chat.Create - It is required for creating the chat and getting the chat id for sending an adaptive card to the approver. +2. ChatMessage.Send - It is required for sending the adaptive card (with @mention activity feed) to all the approvers whenever any event is created with approval rule applied for any refiner. + +# Share event details to teams channel where the app is installed + +1. ChannelMessage.Send - It is required for sharing the event details on click of "Share" button into the same teams channel in which the app is added. + +Note: Sharing events details to teams channel feature will be disbled if the webpart is installed on a SharePoint page. + +### versions + +node v16.15.1 +npm 8.13.2 +spfx 1.15.0 +TypeScript 4.5 + -Rhythm of Business (RoB) Calendar keeps you on top of your business goals by managing all team and organizational events seamlessly. Simplify and expedite the coordination and planning process for your team and subgroups with the help of color-coded events, approval workflow, refiners and confidential events. Ideal for Chiefs of Staff, Executive Assistants, or anyone who manages a team calendar, you can empower your teams by enabling better insights on your business goals and team events. +Rhythm of Business (RoB) Calendar keeps you on top of your business goals by managing all team and organizational events seamlessly. Simplify and expedite the coordination and planning process for your team and subgroups with the help of color-coded events, approval workflow, refiners and confidential events. Ideal for Chiefs of Staff, Executive Assistants, or anyone who manages a team calendar, you can empower your teams by enabling better insights on your business goals and team events. Month view ![Screenshot of month view](./assets/screenshot-month-view.png) @@ -21,16 +41,16 @@ Edit refiner ## Compatibility -| :warning: Important | -|:---------------------------| -| Every SPFx version is only compatible with specific version(s) of Node.js. In order to be able to build this sample, please ensure that the version of Node on your workstation matches one of the versions listed in this section. This sample will not work on a different version of Node.| -|Refer to for more information on SPFx compatibility. | +| :warning: Important | +| :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| Every SPFx version is only compatible with specific version(s) of Node.js. In order to be able to build this sample, please ensure that the version of Node on your workstation matches one of the versions listed in this section. This sample will not work on a different version of Node. | +| Refer to for more information on SPFx compatibility. | ![SPFx 1.15](https://img.shields.io/badge/SPFx-1.15-green.svg) ![Node.js v16](https://img.shields.io/badge/Node.js-v16-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) ![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg "SharePoint Server 2019 requires SPFx 1.4.1 or lower") -![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") +![Does not work with SharePoint 2016 (Feature Pack 2)]( "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Local Workbench Unsupported](https://img.shields.io/badge/Local%20Workbench-Unsupported-red.svg "Local workbench is no longer available as of SPFx 1.13 and above") ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) @@ -38,29 +58,30 @@ Edit refiner ## Applies to -* [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) -* [Microsoft 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment) +- [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) +- [Microsoft 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment) > Get your own free development tenant by subscribing to [Microsoft 365 developer program](https://aka.ms/m365/devprogram) ## Contributors - -* [Dan Turley](https://github.com/d-turley) +- [Dan Turley](https://github.com/d-turley) +- Co-authored-by [Mrigango Deb](https://github.com/Mrigango) ## Version history -Version|Date|Comments --------|----|-------- -1.0|September 26, 2022|Initial release +| Version | Date | Comments | +| ------- | ------------------ | ------------------- | +| 1.0 | September 26, 2022 | Initial release | +| 5.0.1 | September 16, 2024 | Enhancement release | ## Minimal path to awesome -* Clone this repository (or [download this solution as a .ZIP file](https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-rhythm-of-business-calendar) then unzip it) -* From your command line, change your current directory to the directory containing this sample (`react-rhythm-of-business-calendar`, located under `samples`) -* in the command line run: - * `npm install` - * `gulp serve --nobrowser` +- Clone this repository (or [download this solution as a .ZIP file](https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-rhythm-of-business-calendar) then unzip it) +- From your command line, change your current directory to the directory containing this sample (`react-rhythm-of-business-calendar`, located under `samples`) +- in the command line run: + - `npm install` + - `gulp serve --nobrowser`