Carleton menus tab

Author: drewvolz

app.js

@@ -28,6 +28,7 @@ import HomeView from './views/home'
 import MapView from './views/map'
 import StreamingView from './views/streaming'
 import {MenusView} from './views/menus'
+import {BonAppHostedMenu} from './views/menus/menu-bonapp'
 import {FilterView} from './views/components/filter'
 import NewsView from './views/news'
 import NewsItemView from './views/news/news-item'
@@ -54,6 +55,7 @@ function renderScene(route, navigator) {
   switch (route.id) {
     case 'HomeView': return <HomeView {...props} />
     case 'MenusView': return <MenusView {...props} />
+    case 'BonAppHostedMenu': return <BonAppHostedMenu {...props} />
     case 'FilterView': return <FilterView {...props} />
     case 'DirectoryView': return <DirectoryView {...props} />
     case 'CalendarView': return <CalendarView {...props} />

views/menus/carleton-list.js

@@ -0,0 +1,69 @@
+// @flow
+import React from 'react'
+import {View, Platform, ScrollView, StyleSheet} from 'react-native'
+import type {TopLevelViewPropsType} from '../types'
+import type {CarletonDetailMenuType} from './types'
+import {Row} from '../components/layout'
+import {ListRow, ListSeparator, Title} from '../components/list'
+import {NoticeView} from '../components/notice'
+
+import {carleton} from './tabs'
+
+const styles = StyleSheet.create({
+  rowText: {
+    paddingVertical: 6,
+  },
+})
+
+export class CarletonMenuPicker extends React.Component {
+  props: TopLevelViewPropsType;
+
+  onPressRow = (data: CarletonDetailMenuType) => {
+    let name = data.title
+    let id = data.props.cafeId
+
+    this.props.navigator.push({
+      id: 'BonAppHostedMenu',
+      title: name,
+      backButtonTitle: 'Carleton',
+      index: this.props.route.index + 1,
+      props: {
+        name: name,
+        loadingMessage: data.props.loadingMessage,
+        cafeId: id,
+      },
+    })
+  }
+
+  renderCafes = () => {
+    if (!carleton) {
+      return <NoticeView text={'No Carleton Cafes to choose.'} />
+    }
+
+    return (
+      <ScrollView style={{paddingTop: Platform.OS === 'ios' ? 20 : 0}}>
+        {carleton.map((loc: CarletonDetailMenuType, i, collection) =>
+          <View key={`${i}`}>
+            <ListRow
+              onPress={() => this.onPressRow(loc)}
+              arrowPosition='center'>
+              <Row alignItems='center'>
+                <Title style={styles.rowText}>{loc.title}</Title>
+              </Row>
+            </ListRow>
+            {i < collection.length - 1 ? <ListSeparator spacing={{left: 15}} /> : null}
+          </View>
+        )}
+      </ScrollView>
+    )
+  }
+
+  render() {
+    let cafeList = this.renderCafes()
+    return (
+      <View style={{flex: 1}}>
+        {cafeList}
+      </View>
+    )
+  }
+}

views/menus/tabs.js

@@ -1,7 +1,8 @@
 // @flow
 import {BonAppHostedMenu} from './menu-bonapp'
 import {GitHubHostedMenu} from './menu-github'
-// import {BonAppPickerView} from './dev-bonapp-picker'
+import {CarletonMenuPicker} from './carleton-list'
+//import {BonAppPickerView} from './dev-bonapp-picker'
 
 const stolaf = [
   {
@@ -46,6 +47,15 @@ const stolaf = [
       ],
     },
   },
+  {
+    id: 'CarletonMenuListView',
+    title: 'Carleton',
+    rnVectorIcon: {iconName: 'menu'},
+    component: CarletonMenuPicker,
+    props: {
+      name: 'carleton',
+    },
+  },
   // {
   //   id: 'BonAppDevToolView',
   //   title: 'BonApp',

views/menus/types.js

@@ -62,6 +62,13 @@ export type CafeMenuType = {
   dayparts: DayPartsCollectionType,
 };
 
+export type CarletonDetailMenuType = {
+  component: any,
+  id: string,
+  props: {cafeId: number, loadingMessage: Array<string>},
+  title: string,
+};
+
 export type MenuForDayType = {
   date: string,
   cafes: {[key: string]: CafeMenuType},