Settings for advances notifications openintents#75

leonardohofling · Feb 18, 2019 · ef42751 · ef42751
1 parent a518fa4
commit ef42751
Show file tree

Hide file tree

Showing 8 changed files with 184 additions and 2 deletions.
diff --git a/src/components/event-details/EventDetails.js b/src/components/event-details/EventDetails.js
@@ -222,6 +222,7 @@ class EventDetails extends Component {
       loadGuestList,
       addingConferencing,
       removingConferencing,
+      richNofifExclude,
     } = this.props
     const { GuestList } = views
     const {
@@ -284,6 +285,19 @@ class EventDetails extends Component {
       )
     }
 
+    function getLabelForReminder() {
+      var isEnriched = false
+      let array = guestsStringToArray(eventDetail.guests)
+
+      array.forEach(e => {
+        if (!richNofifExclude.includes(e)) {
+          isEnriched = true
+        }
+      })
+
+      return isEnriched ? 'Enriched Notification' : 'Set Reminder'
+    }
+
     return (
       <Modal show onHide={handleClose}>
         <Modal.Header closeButton>
@@ -359,7 +373,7 @@ class EventDetails extends Component {
             <Row>
               <Col xs={12}>
                 <div className="reminder-container">
-                  <label> Set Reminder </label>
+                  <label> {getLabelForReminder()} </label>
 
                   <div className="reminder-group">
                     <input

diff --git a/src/components/settings/Notifications.js b/src/components/settings/Notifications.js
@@ -0,0 +1,70 @@
+import React, { Component } from 'react'
+import { Form, Card } from 'react-bootstrap'
+
+const guestsStringToArray = function(guestsString) {
+  if (!guestsString || !guestsString.length) {
+    return []
+  }
+  const guests = guestsString.split(/[,\s]+/g)
+  return guests.filter(g => g.length > 0).map(g => g.toLowerCase())
+}
+
+export default class Notifications extends Component {
+  constructor(props) {
+    super(props)
+
+    const { richNotifEnabled, richNofifExclude } = this.props
+
+    this.state = {
+      richNofifExclude: richNofifExclude ? richNofifExclude.join(',') : '',
+      richNotifEnabled,
+    }
+  }
+  handleEnrichedNotificationsChange = event => {
+    const { enableRichNotif, disableRichNotif } = this.props
+    if (event.target.checked) {
+      enableRichNotif()
+    } else {
+      disableRichNotif()
+    }
+  }
+
+  handleExcludedGuestsChange = event => {
+    const { saveRichNotifExcludeGuests } = this.props
+    saveRichNotifExcludeGuests(guestsStringToArray(event.target.value))
+  }
+
+  renderBody = () => {
+    const { richNotifEnabled, richNofifExclude } = this.state
+    return (
+      <Form>
+        <Form.Group controlId="formBasicChecbox">
+          <Form.Check
+            type="checkbox"
+            label="Enable Enriched Notifications"
+            defaultChecked={richNotifEnabled}
+            onChange={this.handleEnrichedNotificationsChange}
+          />
+        </Form.Group>
+        <Form.Group controlId="formEcludedGuests">
+          <Form.Label>Excluded guests</Form.Label>
+          <Form.Control
+            type="email"
+            defaultValue={richNofifExclude}
+            placeholder="bob.id, alice.id.blockstack, ..."
+            onBlur={this.handleExcludedGuestsChange}
+          />
+        </Form.Group>
+      </Form>
+    )
+  }
+
+  render() {
+    return (
+      <Card style={{}}>
+        <Card.Header>Enriched Notifications</Card.Header>
+        <Card.Body>{this.renderBody()}</Card.Body>
+      </Card>
+    )
+  }
+}
diff --git a/src/components/settings/Settings.js b/src/components/settings/Settings.js
@@ -3,10 +3,16 @@ import { Button } from 'react-bootstrap'
 
 import Calendars from './Calendars'
 import Contacts from './Contacts'
+import Notifications from './Notifications'
 
 class SettingsPage extends Component {
   render() {
-    const { CalendarsContent, ContactsContent, handleHide } = this.props
+    const {
+      CalendarsContent,
+      ContactsContent,
+      NotificationsContent,
+      handleHide,
+    } = this.props
     return (
       <div
         className="bodyContainer"
@@ -16,6 +22,7 @@ class SettingsPage extends Component {
 
         {CalendarsContent}
         {ContactsContent}
+        {NotificationsContent}
         <Button onClick={handleHide}>Done</Button>
       </div>
     )
@@ -41,6 +48,11 @@ export default class Settings extends Component {
       user,
       verifyNewCalendar,
       verifiedNewCalendarData,
+      richNotifEnabled,
+      richNofifExclude,
+      enableRichNotif,
+      disableRichNotif,
+      saveRichNotifExcludeGuests,
     } = this.props
     const CalendarsContent = (
       <div>
@@ -72,10 +84,23 @@ export default class Settings extends Component {
       </div>
     )
 
+    const NotificationsContent = (
+      <div>
+        <Notifications
+          richNotifEnabled={richNotifEnabled}
+          richNofifExclude={richNofifExclude}
+          enableRichNotif={enableRichNotif}
+          disableRichNotif={disableRichNotif}
+          saveRichNotifExcludeGuests={saveRichNotifExcludeGuests}
+        />
+      </div>
+    )
+
     return (
       <SettingsPage
         CalendarsContent={CalendarsContent}
         ContactsContent={ContactsContent}
+        NotificationsContent={NotificationsContent}
         handleHide={handleHide}
       />
     )

diff --git a/src/flow/connect/connectEventDetails.js b/src/flow/connect/connectEventDetails.js
@@ -36,6 +36,8 @@ export default connect(
     const inviteSuccess = state.events.inviteSuccess
     const addingConferencing = state.events.addingConferencing
     const removingConferencing = state.events.removingConferencing
+    const richNotifEnabled = state.events.richNotifEnabled
+    const richNofifExclude = state.events.richNofifExclude
 
     return {
       inviteError,
@@ -45,6 +47,8 @@ export default connect(
       eventType: currentEventType,
       addingConferencing,
       removingConferencing,
+      richNotifEnabled,
+      richNofifExclude,
     }
   },
   (dispatch, redux) => {

diff --git a/src/flow/connect/connectSettings.js b/src/flow/connect/connectSettings.js
@@ -4,6 +4,9 @@ import {
   showAllCalendars,
   verifyNewCalendar,
   clearVerifyCalendar,
+  enableRichNotif,
+  disableRichNotif,
+  saveRichNotifExcludeGuests,
 } from '../store/event/eventActionLazy'
 
 import {
@@ -26,13 +29,17 @@ export default connect(
     const calendars = state.events.calendars
     const user = state.auth.user
     const verifiedNewCalendarData = state.events.verifiedNewCalendarData
+    const richNotifEnabled = state.events.richNotifEnabled
+    const richNofifExclude = state.events.richNofifExclude
     return {
       show,
       contacts,
       calendars,
       addCalendarUrl,
       user,
       verifiedNewCalendarData,
+      richNotifEnabled,
+      richNofifExclude,
     }
   },
   (dispatch, redux) => {
@@ -85,6 +92,15 @@ export default connect(
       verifyNewCalendar: calendar => {
         dispatch(verifyNewCalendar(calendar))
       },
+      enableRichNotif: isActive => {
+        dispatch(enableRichNotif(isActive))
+      },
+      disableRichNotif: isActive => {
+        dispatch(disableRichNotif())
+      },
+      saveRichNotifExcludeGuests: guests => {
+        dispatch(saveRichNotifExcludeGuests(guests))
+      },
     }
   }
 )
diff --git a/src/flow/store/ActionTypes.js b/src/flow/store/ActionTypes.js
@@ -42,6 +42,9 @@ export const SHOW_ALL_CALENDARS = 'settings.SHOW_ALL_CALENDARS'
 export const SHOW_SETTINGS_ADD_CALENDAR = 'settings.SHOW_SETTINGS_ADD_CALENDAR'
 export const SHOW_INSTRUCTIONS = 'settings.SHOW_INSTRUCTIONS'
 export const SHOW_FILES = 'settings.SHOW_FILES'
+export const SET_RICH_NOTIF_ENABLED = 'settings.SET_RICH_NOTIF_ENABLED'
+export const SET_RICH_NOTIF_EXCLUDE_GUESTS =
+  'settings.SET_RICH_NOTIF_EXCLUDE_GUESTS'
 
 // FILES
 export const SET_FILES = 'files.SET_FILES'

diff --git a/src/flow/store/event/eventActionLazy.js b/src/flow/store/event/eventActionLazy.js
@@ -21,6 +21,8 @@ import {
   CREATE_CONFERENCING_ROOM,
   REMOVE_CONFERENCING_ROOM,
   VERIFY_NEW_CALENDAR,
+  SET_RICH_NOTIF_ENABLED,
+  SET_RICH_NOTIF_EXCLUDE_GUESTS,
 } from '../ActionTypes'
 
 import { defaultEvents } from '../../io/eventDefaults'
@@ -200,6 +202,14 @@ export function showInstructionsAction(show) {
   return { type: SHOW_INSTRUCTIONS, payload: { show } }
 }
 
+function setRichNotifEnabled(isEnabled) {
+  return { type: SET_RICH_NOTIF_ENABLED, payload: { isEnabled } }
+}
+
+function setRichNotifExcludeGuests(guests) {
+  return { type: SET_RICH_NOTIF_EXCLUDE_GUESTS, payload: { guests } }
+}
+
 export function initializePreferences() {
   return async (dispatch, getState) => {
     fetchPreferences().then(preferences => {
@@ -210,6 +220,8 @@ export function initializePreferences() {
             : true
         )
       )
+      dispatch(setRichNotifEnabled(preferences.richNotifEnabled))
+      dispatch(setRichNotifExcludeGuests(preferences.richNofifExclude))
     })
   }
 }
@@ -224,6 +236,30 @@ export function hideInstructions() {
   }
 }
 
+export function enableRichNotif() {
+  console.log('enableRichNotif')
+  return async (dispatch, getState) => {
+    savePreferences({ richNotifEnabled: true })
+    dispatch(setRichNotifEnabled(true))
+  }
+}
+
+export function disableRichNotif() {
+  console.log('disableRichNotif')
+  return async (dispatch, getState) => {
+    savePreferences({ richNotifEnabled: false })
+    dispatch(setRichNotifEnabled(false))
+  }
+}
+
+export function saveRichNotifExcludeGuests(guests) {
+  console.log('saveRichNotifExcludeGuests', guests)
+  return async (dispatch, getState) => {
+    savePreferences({ richNofifExclude: guests })
+    dispatch(setRichNotifExcludeGuests(guests))
+  }
+}
+
 // ################
 // Events
 // ################

diff --git a/src/flow/store/event/eventReducer.js b/src/flow/store/event/eventReducer.js
@@ -24,6 +24,8 @@ import {
   REMOVE_CONFERENCING_ROOM,
   VERIFY_NEW_CALENDAR,
   SHOW_FILES,
+  SET_RICH_NOTIF_ENABLED,
+  SET_RICH_NOTIF_EXCLUDE_GUESTS,
 } from '../ActionTypes'
 
 let initialState = {
@@ -244,6 +246,18 @@ export default function reduce(state = initialState, action = {}) {
         verifiedNewCalendarData: payload,
       }
       break
+    case SET_RICH_NOTIF_ENABLED:
+      newState = {
+        ...state,
+        richNotifEnabled: payload.isEnabled,
+      }
+      break
+    case SET_RICH_NOTIF_EXCLUDE_GUESTS:
+      newState = {
+        ...state,
+        richNofifExclude: payload.guests,
+      }
+      break
 
     default:
       newState = state