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

Merge pull request #1582 from Abderahman88/CalendarLoc

This commit is contained in:
Hugo Bernier 2020-11-04 14:16:40 -05:00 committed by GitHub
parent bcff312786 12ce858f20
commit c2cdb33313
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 66 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
samples/react-graph-calendar/README.md
View File

@ -42,6 +42,7 @@ Version|Date|Comments
1.1 |January 08, 2020 | Bumped to SPFx 1.10 and added the Personal Tab support
1.2 |October 27, 2020 | Recurring events support
1.2.1|November 1, 2020 | Changed return behavior for single items vs recurring items
1.2.2|November 3, 2020 | Show calendar in other languages
## 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.**

2
samples/react-graph-calendar/config/package-solution.json
View File

@ -3,7 +3,7 @@
"solution": {
"name": "react-graph-calendar-client-side-solution",
"id": "42fe0a0f-c4d9-4b05-806c-3857decb3d71",
"version": "1.2.1.0",
"version": "1.2.2.0",
"includeClientSideAssets": true,
"skipFeatureDeployment": true,
"isDomainIsolated": false,

2
samples/react-graph-calendar/package-lock.json generated
View File

@ -1,6 +1,6 @@
{
"name": "react-graph-calendar",
"version": "1.2.1",
"version": "1.2.2",
"lockfileVersion": 1,
"requires": true,
"dependencies": {

2
samples/react-graph-calendar/package.json
View File

@ -1,6 +1,6 @@
{
"name": "react-graph-calendar",
"version": "1.2.1",
"version": "1.2.2",
"private": true,
"main": "lib/index.js",
"engines": {

65
samples/react-graph-calendar/src/webparts/graphCalendar/components/GraphCalendar.tsx
View File

@ -9,6 +9,7 @@ import dayGridPlugin from '@fullcalendar/daygrid';
import * as moment from 'moment-timezone';
import { Panel, PanelType } from 'office-ui-fabric-react/lib/Panel';
import { extendMoment } from 'moment-range';
import allLocales from '@fullcalendar/core/locales-all';
const { range } = extendMoment(moment);
@ -30,6 +31,7 @@ enum TabType {
export default class GraphCalendar extends React.Component<IGraphCalendarProps, IGraphCalendarState> {
private calendar = createRef<FullCalendar>();
private calendarLang: string = null;
/**
* Builds the Component with the provided properties
@ -47,6 +49,14 @@ export default class GraphCalendar extends React.Component<IGraphCalendarProps,
}
}
//Set language of the calendar (if language is unknown, use english as default)
const allLanguages: Map<string, string> = this._createLangMap();
if (this._isRunningInTeams()) {
this.calendarLang = allLanguages.get(this.props.teamsContext.locale) || "en";
} else {
this.calendarLang = allLanguages.get(this.props.context.pageContext.cultureInfo.currentCultureName) || "en";
}
this.state = {
events: [],
height: this._calculateHeight(),
@ -85,7 +95,9 @@ export default class GraphCalendar extends React.Component<IGraphCalendarProps,
datesRender={this._datesRender.bind(this)}
eventClick={this._openEventPanel.bind(this)}
height={this.state.height}
events={this.state.events} />
events={this.state.events}
locales={allLocales}
locale={this.calendarLang} />
{this.state.currentSelectedEvent &&
<Panel
isOpen={this.state.isEventDetailsOpen}
@ -309,7 +321,7 @@ export default class GraphCalendar extends React.Component<IGraphCalendarProps,
//Get recurring events and merge with the other (standard) events
this._getRecurringMaster(startDate, endDate).then((recData: Array<EventInput>) => {
if(recData.length > 0) {
if (recData.length > 0) {
this._getRecurrentEvents(recData, startDate, endDate).then((recEvents: Array<EventInput>) => {
this.setState({
events: [...recEvents, ...events].slice(0, this.props.limit),
@ -320,7 +332,7 @@ export default class GraphCalendar extends React.Component<IGraphCalendarProps,
events: events,
});
}
});
} else {
//Show only (standard) events
@ -411,4 +423,51 @@ export default class GraphCalendar extends React.Component<IGraphCalendarProps,
});
});
}
/**
* Mapping for SharePoint laguages with Fullcalendar languages
*/
private _createLangMap(): Map<string, string> {
var languages = new Map();
languages.set("en-US", "en"); //English
languages.set("ar-SA", "ar"); //Arabic
languages.set("bg-BG", "bg"); //Bulgarian
languages.set("ca-ES", "ca"); //Catalan
languages.set("cs-CZ", "cs"); //Czech
languages.set("da-DK", "da"); //Danish
languages.set("de-DE", "de"); //German
languages.set("el-GR", "el"); //Greek
languages.set("es-ES", "es"); //Spanish
languages.set("et-EE", "et"); //Estonian
languages.set("fi-FI", "fi"); //Finish
languages.set("fr-FR", "fr"); //French
languages.set("he-IL", "he"); //Hebrew
languages.set("hi-IN", "hi"); //Hindi
languages.set("hr-HR", "hr"); //Croatian
languages.set("hu-HU", "hu"); //Hungarian
languages.set("it-IT", "it"); //Italian
languages.set("kk-KZ", "kk"); //Kazakh
languages.set("ko-KR", "ko"); //Korean
languages.set("lt-LT", "lt"); //Lithuanian
languages.set("lv-LV", "lv"); //Latvian
languages.set("nb-NO", "nb"); //Norwegian
languages.set("nl-NL", "nl"); //Dutch
languages.set("pl-PL", "pl"); //Polish
languages.set("pt-BR", "pt-br"); //Portugues (Brazil)
languages.set("pt-PT", "pt"); //Portuguese (Portugal)
languages.set("ro-RO", "ro"); //Romanian
languages.set("ru-RU", "ru"); //Russian
languages.set("sk-SK", "sk"); //Slovak
languages.set("sl-SI", "sl"); //Slovenian
languages.set("sr-Latn-CS", "sr-cyrl"); //Serbian
languages.set("sv-SE", "sv"); //Swedish
languages.set("th-TH", "th"); //Thai
languages.set("tr-TR", "tr"); //Turkish
languages.set("uk-UA", "uk"); //Ukrainian
languages.set("zh-CN", "zh-cn"); //Chinese (Simplified)
languages.set("zh-TW", "zh-tw"); //Chinese (Taiwan)
return languages;
}
}