contextualcamouflage / contextual-camouflage Goto Github PK

This content needs to be on the Resources page titled "Need Help?"

McKoy Creative Consulting & Design: Links for main Resource Page.pdf

I found the project after the RailsConf talk about it. My nephew is autistic so the project really made an impact on me so I thought I'd contribute.

It seems like there's some documentation needs.

My thought is to add a CONTRIBUTING.md file. A couple other things I noticed missing from the read me are project setup instructions & versions of various parts of the stack. I'd also recommend adding a .ruby-version file. If you're cool with any of this and/or have any thoughts let me know and I can submit a PR for some of this.

Todos:

• Make CONTRIBUTING.md
• Add/include in ^, Installation instructions
• Add .ruby-version

Assigning to @danigirl329 first to see if she can spot a form issue first.

Downtown Pittsburgh's IP address actually geocodes to McKeesport. We want to setup a field in Installations so that we can display 'Downtown' but still still geocode using 'McKeesport'.

This field can be easily changed in the Admin section of the app.

From Jason:

I included a disclaimer that should exist in some way on every page. It can just be a popup, tooltip, or the full passage, whatever you think works best with the aesthetic.

"The content on this site is made available for education and informational purposes only and is not meant to serve as medical advice or to replace consultation with your physician or mental health professional.  If you have questions or concerns, you are advised to consult a mental health provider."

Should we:

• Integrate collecting email addresses from a user on the same page as where we list installations?
• Setup a new page and re-direct the user to that email collection page?

The links in the resource slider need to be styled more closely to the second image. This information is coming from the admin screen, so I need to investigate translating html and how well it will do.

I'm going to send an email to Jason and ask him to create a Google Analytics project and invite our Gmail addresses to it.

We will need the GA information to be kept secret since we do not want to hardcode it for future users of the project.

The menu works for me everywhere in the app but if I click on it from the Resources view, it will not open.

Example: https://www.contextualcamouflage.com/resources/4#

I believe it is an issue with the Slider on the page.

Uncaught TypeError: Cannot read property 'style' of undefined

Please theme the Admin Login screen and the Admin section to fit the rest of the application.

Instructions here: https://github.com/sferik/rails_admin/wiki/Theming-and-customization

Add instructions of getting a certificate from Heroku

Prompt the user for their email address:

Reason:

• Interest in visiting an Installation
• Interest in hosting an Installation

Example: 23.25.80.129

This IP does not return a locality for this, which is required to connect to an Installation.

It would be great if the map could flex for phone size.

Even better: if the screen size is beyond a standard laptop size, we should hide all forms and assume the map and key the only elements needed for the "art piece".

From Jason:

"Here is a mockup of how I envision the projected display looking. When it's projected, I want more emphasis on the map activity first and randomized revolving stories."

Currently, illness selection is a radio button, we'd like a way to tie a single submission as the user wishes (example: OCD & Anxiety)

Branch: geolocate-js

I cloned down the branch locally and ran it.

I ran into two issues:

• Every page load requested permission to share my coordinates (my permission is not saving)
• When I submitted the form through ngrok, the params are blank for latitude and longitude.

I tested this in Chrome and Safari.

Library: https://github.com/js-cookie/js-cookie

We need to grab the cookie value and submit through on all of the forms, to be stored into the database.

For testing purposes, we will shorten this to 5 minutes.

When a submission is submitted, the client would like it if the new submission was animated on to the live art piece.

Top portion should provide information about the illness in slides. The bottom portion should contain the camo background and anecdotes also as a slider. Keep the 'back' button functionality.

http://materializecss.com/side-nav.html

Set up the slide nav for main navigation

Remove any other item from the display page except the map - screen size to work with for now is 75"

A separate display(s) that displays posted stories as they're submitted, and/or carousels stories.

Session = the user who is currently accessing the website
Cookie = the user's current form submission

The users are not getting geolocated in time to start answering questions and being geolocated. Let's place a loading screen so after approval is received to share location, the user can't interact with the forms until their location is received from geo.

Note: this link will live on in the code for all users so be sure it is somewhere subtle but easy to find.

Open a new tab since we don't want to confuse the users with pushing them to a different site.

We should be able to set the screen size in admin for each installation.

We can use this to show the map at the proper size using media queries for the installation when it goes live at each location. This way we won't have to 'recode' every time we do a new installation.

Please style the installations in a responsive table. Thanks!

Currently the root page of the app: https://contextual-camo-staging.herokuapp.com/

Cannot use Heroku since the application will sleep.

Since we're doing a solid job of locating the user, we should also use that information to autodirect the user to the closest active installation that they can submit to (/installation/#).

If an active Installation does not exist in their area, we can redirect them to /installations

Have McKoy creative input the valid Installation (Locality) areas so IP address submissions can be matched.

I plan on pairing with @danigirl329 on this.

https://github.com/axyjo/leaflet-rails

I will set up the data and the controller actions, will reassign to @danigirl329 for styling once they are ready.

Please move all of the styles from:

https://github.com/ContextualCamouflage/contextual-camoflage-frontend

and make sure it is enabled for the Asset Pipeline.

Please add a favicon to the site so users are assured they have come to the right place. Either come up with your own or request one from McCoy Creative. Thanks!

We need to design, then link to the marker class for each submission illness type. I think if we use a wavy blog top icon, it will end up looking like camoflage.

They should match the current key:

The actual colors are linked here:

https://github.com/ContextualCamouflage/contextual-camoflage/blob/90624d74f6bd93a2ba61d26fc535e93946f1f47e/app/assets/stylesheets/general/theme.scss

Disable submit buttons when forms are submitted
Reenable them when the form errors or resets

@danigirl329 I've added the real descriptions in for the conditions. Can you please re-style and make sure:

• The descriptions fit within the box
• The back button floats to where it should be
• Anecdotes render properly
• Links in the description are clickable (new feature)

Current example: https://www.contextualcamouflage.com/resources/8

Please do this ticket first: #9

• We need to setup each form progressive flow (order is Submission, Anecdote, Research)
• Setup proper dropdowns (look at CC v1 for the data needed)
• Submit the cookie on each form submission, Backend will handle the IP address
• Allow the user to exit out of the flow if they do not want to add an Anecdote or Research
• Keep them on the page

Use this one! https://github.com/blocknotes/rails_admin_material

...lives with one or more of the following diagnosed mental disorders

This should only let you select one illness at a time (we'd overwhelm the map with more than one).

Can use Actioncable (ideal) or a service like Pusher.

We occasionally get errors from Rollbar from Crawlers looking for Wordpress (?) access.

Following this blog post should be a big help.

https://andycroll.com/ruby/stop-robots-crawlers-triggering-errors-rails/

We will need to protect against any and all fake and blank submissions. Right now, if I submit a blank 'illness' the page reloads and fails loading because it's looking for a name of that illness, but it doesn't exist.

To repro:
Click Share My Story
Don't select an illness
Click either button to submit the form
Reload the page, you should get an error.