encounter/react-add-to-calendar
0
0
Fork 0
mirror of https://github.com/encounter/react-add-to-calendar.git synced 2026-07-10 21:18:44 -07:00
Code Issues Packages Projects Releases Wiki Activity

Adds Support for Outlook.com

Browse Source
This commit is contained in:
Flavio Teixeira
2017-05-03 19:16:50 -04:00
parent 7ef4066302
commit 3d1e358841
5 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs-site/src/examples/changeDropdownLabels.jsx
+3
View File
@@ -15,6 +15,7 @@ export default React.createClass({
let items = [
{ outlook: 'Outlook' },
{ outlookcom: 'Outlook.com' },
{ apple: 'iCal' },
{ yahoo: 'Yahoo!' },
{ google: 'Google' }
@@ -28,6 +29,8 @@ export default React.createClass({
   
{"\{ outlook: 'Outlook' \}"}<br/>
&nbsp;&nbsp;&nbsp;
{"\{ outlookcom: 'Outlook.com' \}"}<br/>
&nbsp;&nbsp;&nbsp;
{"\{ apple: 'iCal' \}"}<br/>
&nbsp;&nbsp;&nbsp;
{"\{ yahoo: 'Yahoo!' \}"}<br/>
docs-site/src/examples/changeDropdownOrder.jsx
+3
View File
@@ -15,6 +15,7 @@ export default React.createClass({
let items = [
{ outlook: 'Outlook' },
{ outlookcom: 'Outlook.com' },
{ apple: 'Apple Calendar' },
{ yahoo: 'Yahoo' },
{ google: 'Google' }
@@ -28,6 +29,8 @@ export default React.createClass({
&nbsp;&nbsp;&nbsp;
{"\{ outlook: 'Outlook' \}"}<br/>
&nbsp;&nbsp;&nbsp;
{"\{ outlookcom: 'Outlook.com' \}"}<br/>
&nbsp;&nbsp;&nbsp;
{"\{ apple: 'Apple Calendar' \}"}<br/>
&nbsp;&nbsp;&nbsp;
{"\{ yahoo: 'Yahoo' \}"}<br/>
docs/ReactAddToCalendar.md
+1
View File
@@ -67,6 +67,7 @@ defaultValue: `[
{ apple: 'Apple Calendar' },
{ google: 'Google' },
{ outlook: 'Outlook' },
{ outlookcom: 'Outlook.com' },
{ yahoo: 'Yahoo' }
]`
src/ReactAddToCalendar.js
+3 -2
View File
@@ -62,7 +62,7 @@ export default class ReactAddToCalendar extends React.Component {
let icon = null;
if (self.props.displayItemIcons) {
let currentIcon = (currentItem === 'outlook') ? 'windows' : currentItem;
let currentIcon = (currentItem === 'outlook' || currentItem === 'outlookcom') ? 'windows' : currentItem;
icon = <i className={'fa fa-' + currentIcon}/>;
}
@@ -187,7 +187,8 @@ ReactAddToCalendar.defaultProps = {
{ apple: 'Apple Calendar' },
{ google: 'Google' },
{ outlook: 'Outlook' },
{ yahoo: 'Yahoo' }
{ outlookcom: 'Outlook.com' },
{ yahoo: 'Yahoo' },
],
rootClass: 'react-add-to-calendar'
};
src/helpers/index.js
+14 -2
View File
@@ -46,13 +46,25 @@ export default class helpers {
// yahoo doesn't utilize endTime so we need to calulate duration
let duration = this.calculateDuration(event.startTime, event.endTime);
calendarUrl = 'https://calendar.yahoo.com/?v=60&view=d&type=20';
calendarUrl += '&title=' + event.title;
calendarUrl += '&title=' + encodeURIComponent(event.title);
calendarUrl += '&st=' + this.formatTime(event.startTime);
calendarUrl += '&dur=' + duration;
calendarUrl += '&desc=' + event.description;
calendarUrl += '&desc=' + encodeURIComponent(event.description);
calendarUrl += '&in_loc=' + encodeURIComponent(event.location);
break;
case 'outlookcom':
calendarUrl = "https://outlook.live.com/owa/?rru=addevent";
calendarUrl += "&startdt=" + this.formatTime(event.startTime);
calendarUrl += "&enddt=" + this.formatTime(event.endTime);
calendarUrl += "&subject=" + encodeURIComponent(event.title);
calendarUrl += "&location=" + encodeURIComponent(event.location);
calendarUrl += "&body=" + encodeURIComponent(event.description);
calendarUrl += "&allday=false";
calendarUrl += "&uid=" + this.getRandomKey();
calendarUrl += "&path=/calendar/view/Month";
break;
default:
calendarUrl = [
'BEGIN:VCALENDAR',