History

Hugo Bernier 103907bdc6 Added compatibility warning on readme and template		2023-02-10 10:22:32 -05:00
..
.devcontainer	added remaining containers	2022-02-16 21:47:07 -05:00
assets	Changed docs links to learn	2022-10-24 09:42:45 -04:00
config	Added the Aggregated Calendar Webpart using React framework (#566 )	2018-07-13 11:11:28 +03:00
src/webparts	Fixed date formats (#648 )	2018-11-09 16:59:55 +02:00
.editorconfig	Added the Aggregated Calendar Webpart using React framework (#566 )	2018-07-13 11:11:28 +03:00
.gitignore	Added the Aggregated Calendar Webpart using React framework (#566 )	2018-07-13 11:11:28 +03:00
.yo-rc.json	Added the Aggregated Calendar Webpart using React framework (#566 )	2018-07-13 11:11:28 +03:00
README.md	Added compatibility warning on readme and template	2023-02-10 10:22:32 -05:00
gulpfile.js	Added the Aggregated Calendar Webpart using React framework (#566 )	2018-07-13 11:11:28 +03:00
package-lock.json	Bump ua-parser-js in /samples/react-aggregated-calendar	2023-01-26 04:37:32 -05:00
package.json	Bump socket.io-parser, @microsoft/sp-build-web and @microsoft/sp-webpart-workbench	2023-01-01 02:41:06 -05:00
tsconfig.json	Added the Aggregated Calendar Webpart using React framework (#566 )	2018-07-13 11:11:28 +03:00

README.md

Aggregated Calendar

Summary

This is a sample web part developed using React Framework to gather the aggregated events from the multiple calendars from multiple sites using Full Calendar from fullcalendar.io

The web part was designed to create an aggregated view of calendar to fetch events from multiple calendars across the sites and site collection. The web part will show the event information using the callout functionality of Office UI Fabric

Web part is developed using below technologies

React Framework
Full Calendar(fullcalendar.io)
jQuery
Office UI Fabric

Compatibility

⚠️ 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 https://aka.ms/spfx-matrix for more information on SPFx compatibility.

Applies to

Prerequisites

Before you can use this web part example, you will need at least one Out of the Box Calendar created.

It is required that the users have view access on the calendar.

Solution

Solution	Author(s)
react-aggregated-calendar	Dhaval Shah (@beingdhavalshah)

Version history

Version	Date	Comments
1.0	July 16, 2018	Initial Release

Minimal Path to Awesome

Clone this repository
in the command line run:
- npm install
- gulp serve

This sample can also be opened with VS Code Remote Development. Visit https://aka.ms/spfx-devcontainer for further instructions.

Features

This Web Part displays the events from multiple calendars located in various sites/site collection of SharePoint:

Aggregated events for Calendar
Supports Sub-Sites and Site Collection level
Display of Legend for each Calendar
Formatted Date time
Display of Event Details over event click

React Aggregated Calendar

Building the code

git clone the repo
npm i
npm i -g gulp
gulp

This package produces the following:

lib/* - intermediate-stage commonjs build artifacts
dist/* - the bundled script, along with other resources
deploy/* - all resources which should be uploaded to a CDN.

Build options

gulp clean gulp test gulp serve gulp bundle gulp package-solution

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.