stodevx / aao-react-native Goto Github PK

BonApp publishes "menus" online for both the Caf and the Cage. The cage's is … never right, but the caf's is in sync with the web menu.

I would like to, for a future version, build a native Caf menu screen that took advantage of the menu data for the Caf to render locally, instead of loading the giant webpage in a webview.

Caf JSON Menu: http://legacy.cafebonappetit.com/api/2/menus?cafe=261
Cage JSON Menu: http://legacy.cafebonappetit.com/api/2/menus?cafe=262

Unfortunately, the Caf menu only seems to include some of the menu items.

@elijahverdoorn, IIRC the problem with the Cage menu it that it's never updated. Essentially ever.

This will just be a list of options, with it calculating and displaying time until the next bus (when the busses are running)

• The iOS version of this is easy, there is a built-in component
• Android version could be harder, find an existing component?

IIRC, when I last looked at this, I came to the conclusion that we'd need to get a Google Maps API key for Android, at least.

• Rotation on iOS physical device (have not tested Android)
• Stream is only playable once if "done" is hit on video view
• Stream is playable many times if pinch out of video view
• Preview images for streams

Haven't looked at it any further yet. We might just be able to shrink the left-right-padding on the buttons.

This seems to be the way that the cool kids are deploying these days. Let's do it too.

https://microsoft.github.io/code-push/

Current error:

Could not get BatchedBridge, make sure your bundle is packaged properly

Currently, there is no way to edit the icons on the home screen. I would love the ability to rearrange and disable some options there, especially as we add new sections.

Here's my proposal:

• We make the Edit button pull up a screen with two lists.
• You can drag items between the lists, and rearrange them within the top list. (The bottom list is always alphabetical.)
• Items in the bottom list are disabled and hidden from the home screen.
• The order of the items in the top list is the order of the icons on the home screen.
• These settings are stored in the AsyncStorage('homescreen:order') and AsyncStorage('homescreen:disabled') stores.
• When we add a new screen, it is automatically appended to the end of the enabled list.

I'm looking at using https://www.npmjs.com/package/react-native-config.

I'll make a .env.example, which has the key names and some instructions, but it'll read from a .env file in the root directory. .env itself will also be ignored by git.

Working on a basic settings view. It will have a spot for system-wide credentials (username/password for SIS and off-campus directory). An about page and licensing info can be stored here as well.

• Credentials
• Contact
• Legal
• Credits
• Privacy

https://papercut.stolaf.edu:9192 (only available on-campus)

I need to get my developer credentials set up before I can do this one, this is mostly a reminder to myself.

• Make everything pass eslint and run it automatically (#53)
• Extract a reusable, simpler wrapper for the tabview screens
• Use Drew's list view in the calendar
• fix calendar loading on android (#89)
• figure out the map on android bug (#27)
• SIS financials view (part of #13)
• SIS courses-by-term lists (other part of #13)
• Fix local building images on Android (#52)
• Transportation view (#15)
• fix alignment issues in the Android title bar

• HTML in rows needs decoding
• Need a min height on the row (see labor day)

Need to pull in the version of the app into the settings view

Display content from Oleville. Currently targeting reading posts for v1, will expand for future versions.

@elijahverdoorn: The build is failing with (context)

A problem occurred configuring project ':app'.
> Cannot evaluate module react-native-onesignal : Configuration with name 'default' not found.

on Android on both OS X and Windows. Did you ever see that error while you were building notifications or have any idea what it's talking about?

What should happen?

• Focus the Username field
• Tap the Password field
• The password field is now focused

What happens?

• Focus the Username field
• Tap the Password field
• The password field is not focused. Nothing is focused, and the keyboard is dismissed.

This happens on both iOS and Android.

HTML in titles needs decoding

Similarly to the menu issue the dictionary is not rendering properly.

Minor UI Changes only.

The buttons do not render all corners. Depends upon how you're scrolling.

Ass a followup to #32, it'd be nice if we actually used the app icons to, you know, show the app.

• Android
• iOS

Need to do research to figure out how to do this. Are we supposed to just do thorough Xcode for iOS?

On my android phone, the map view is not loading. It shows this:

Any ideas? @hawkrives I think that this was your code.

• Streaming Media PRs Welcome
  • Implementation unclear
  • Reading Flash media might not be easy, all streaming at olaf is currently through ShockWave Flash

It is, but the webcams at least are also available as a raw MP4 stream, IIRC. I'll look around for the URL again.

This is being developed in the streaming-media branch.

Is anyone familiar with the life cycle of permissions in regards to location data and WebViews? We are using a WebView which has requested specific permission to track our location. Do we know if it ever stops tracking, if it requests every time we open the app -> view, etc. We should look into this one... it could be a battery killer at some point?

Update
It appears that the location is requested twice at init, once for the app and once for the website. Thereafter, the website requests the location each time.

It should be possible, no? I think they have their own Google Calendar feed with id [email protected].

(pulled from http://oleville.com/pause/calendar/)

Build the Campus map part of the app.

• The iOS version of this is easy, there is a built-in component
• Android version could be harder, find an existing component?

The building hours view is totally empty when I load it on android.

• Adding an accordion component for this

This seems to be an easy tool to resize the icon:
https://makeappicon.com/

Double room listing needs alignment adjustment. It is understood that multiple room listings appear, but we must have a way to present it without hiding overflow.

@hawkrives and I agree that we need to adjust the sizes of the navigation buttons, both icons and text. The target is too small to hit perfectly every time.

• Adjust size of navbar buttons and icons
• Align navbar buttons and icons

testing auto-checking of issues

• Android (#151)
• iOS (#148)

Low priority for v1, since it is rather complex.

• Course searching (v2)
• Browsing of current enrolled courses
• Card balances
  • Flex dollars
  • Ole dollars
  • Copy/print
• Meal Plan
  • Daily meals left
  • Weekly Meals Left

3 out of 4 of the Contact resources are fairly important numbers that we don't want to spam with accidental dials, so I believe we should add a confirm (yes/no) modal popup alert that asks if they really want to dial the number.

I am speaking from experience -- I have received a lot of blank support emails because it does not ask if you want to send the email or not -- it simply sends. Let me know your thoughts.

https://www.objc.io/issues/6-build-tools/travis-ci/

The loading screen never goes away, both tabs.

This might be just pulling from APIs, reading RSS feeds, or could be as simple as webviews

Each tab needs a different icon. We need to pick them, and figure out how to use them.

Picking them first, I think.

We've been using the icons from entypo.com for the rest of the app, so ideally all the icons would come from there.

If we need special icons for some tabs – maybe logos for the news orgs – then we'll have to figure out how to do those.

Tabs that need icons

• Menus
  • Stav
  • Cage
• Streaming Media
  • Ksto
  • Webcams
  • Weekly movie
• Calendar
  • Master calendar
  • Oleville
• News
  • St. Olaf
  • Mess
  • PoliticOle

@elijahverdoorn: Would you mind if I copied/moved the documentation on what's in-progress to individual issues, rather than living in the README?

Currently it just kinda crashes.

• Move the label for what the location is inside the picture
• Change the border color to Yellow when the building will close in 20 min.
• Add the rest of the images
  • @elijahverdoorn is going to Campus on 8/5 and will get them at that time.

Currently, we cut off the title of the news article.

It would be nice if the article displayed the title at the top of the article view.

• Install eslint
• Add .eslintrc
• Merge the outstanding PRs
• Make everything currently in the repo pass Eslint
• Add pre-commit hook to enforce eslint passing
• Add eslint checks to CI

If we do not render anything, we should provide text and/or an image to provide context.

A List of ListViews:

• Hours (static data source)
• Webcams (static data source)
• Calendar (https://github.com/StoDevX/AAO-React-Native/blob/master/views/calendar/calendar.js#L169-L171)
• Menus (https://github.com/StoDevX/AAO-React-Native/blob/master/views/menus/components/menu.js#L85-L87)
• News (https://github.com/StoDevX/AAO-React-Native/blob/master/views/news/news-container.js#L110-L112)
• Orgs (https://github.com/StoDevX/AAO-React-Native/blob/master/views/student-orgs/list.js#L158-L160)
• SIS/Courses
• Oleville

Currently, we disable links from the news article webviews. It would be nice if those links were, instead, loaded in a different view so people could look at them.

There are a few ways this could go:

• (ideal) We could use SafariViewController and Chrome Custom Tabs to present it in-app
• (easier) We could just kick the user over to the default web browser

Enhanced dictionary list rendering

• Search
• Alphabetical section headers

Given that we are already storing user's usernames and passwords, can we make it easy for students to input their hours into TES?