Git Product home page Git Product logo

eip-ashtracker's People

Contributors

joshuapowell avatar mundania78 avatar

Watchers

 avatar  avatar

eip-ashtracker's Issues

Update contaminant interactions on the Well View

Overview

Note from John:

"The dreaded periodic table grid...I think the gridded section just blocks out all the parameters of concern that are listed in the glossary section. Metals that are not monitored for are greyed out in yellow and on hover show a tooltip that is like: not monitored at this well. To stick with the well symbology I think we just stick with coloring the box red if it's an exceedance."

Solution

  • We need to make the exceedence red and we need to select that color from the "violation pin" or red pin on the Well View.
  • We need to make the compliance, green. We should select that color from the "compliance pin" or green pin on the Well View.
  • We need to make the unmonitored contaminants gray by default, then when rolled over, we'll change the color (hover) to yellow, and then display a popup (default Bootstrap popover) and display a message that says "Not monitored at this well"

Content Migration Review

We need to make sure that all wells and all facilities are operating as expected. I believe we have a few more wells to take care of and they in Basecamp.

Add (x) to "close" the Facility View, returning you to the National View

Note from John:

"In the app we have a that top bar that has facility view. Similarly if you click to well view that changes to "well view" on the left with an x on the right. maybe under facility view we put a button that says national view that brings us back to the splash screen with the Ashtracker overview."

Update how facilities are accessed

This is a two step process:

  1. We need to remove the Facilities drop down menu because it has outgrown it's original capabilities and was never designed to handle 50+ facilities.
  2. We need to create a Facilities page, much like the downloads page, which will allow users to click on Facility in the list and that will take them to the individual Facility page.

Typos in data download and facility/well view.

We have a few typos for Arsenic, the word Dissolved, and Fluoride. The typos occur at the facility and or well view as well as the data download sheets. The revised data download sheets are coming int an email to you Josh. Thanks for your help!!!

Update Well Data

I know we're darn close with the map data and I'm stoke about what we've gotten done in regards to that.

There were a few things that I noticed that we need to fix today and then reexport the data.

  1. The file names need to start with a date (e.g., 2013-11-01-colstrip123.md) It doesn't matter which date, it just needs a date.
  2. I also noticed that ever single well site has the exact same longitude and latitude, which is not right, looks like something is getting stuck in your loop.

Other than that they show up as expect, given those fixes.

Add Legend to the map

The legend needs to be added to the map and contain:

  • The blue facility pin
  • The gray facility pin
  • The green upgradient pin
  • The green downgradient pin
  • The red upgradient pin
  • The red downgradient pin

The legend does not need to be "always on" meaning, if we can hide it and only show it when necessary, that'd be great, if not, we'll make it unobtrusive.

Implement the Heavy Metal cards within Well Views

Overview

Note from John:

From the well view when a user clicks on a heavy metal where there has been an exceedance, the parameter profile loads in the side panel, masking the periodic table grid. Here the user sees the chemical name, details about the type of exceedance and ratios of exceedance to number of time measured as well as threshold to max reading.

Other problems with this

  • We also need to update the data for these heavy metals, because, right now they are not structure, in the markdown files, nor in the spreadsheet, in a way that we can easily loop over them. The solution is to convert the individual heavy metal exceedenaces in objects, then put each of those objects in an array so we end up with something like this.

Template code

  {% if page.contaminants %}

    {% for contaminant in page.contaminants %}

    <h3>{{ contaminant.drinking_water_health_standards_exceeded }}</h3>

    {% endfor %}

  {% endif %}

Content Structure

contaminants: [
    {
        drinking_water_health_standards_exceeded: "Antimony",
        health_base_standard_exceeded: "MCL",
        number_of_times_in_exceedance: "4",
        number_of_times_monitored: "7",
        max_exceedance_amount: "0.059",
        max_allowable_amount: "0.006",
        unit_of_measurement: "mg/L"
    },
    {
        drinking_water_health_standards_exceeded: "Molybdenum",
        health_base_standard_exceeded: "LHA",
        number_of_times_in_exceedance: "2",
        number_of_times_monitored: "4",
        max_exceedance_amount: "0.057",
        max_allowable_amount: "0.04",
        unit_of_measurement: "mg/L"
    }
]

Review Facilities markdown files

Hi Dane:

I need you to sync, using the gh-pages branch of the Ashtracker project. Then I need you to make sure that all 49 facilities are on the "National Map" or the "Home Page". And I need you to make sure each one of those is clickable and that the page loads appropriately.

If you find bugs, start a new "Issue" for each Facility that doesn't load.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.