Coder Social home page Coder Social logo

wildaid / o-fish-web Goto Github PK

View Code? Open in Web Editor NEW
31.0 4.0 42.0 1.3 MB

Web application for the Officer's Fishery Information Sharing Hub (O-FISH). The web app allows agencies to gain insights from the aggregated information gathered during a routine vessel inspection (submitted via the web app).

License: Apache License 2.0

HTML 0.33% JavaScript 92.97% CSS 6.69% Shell 0.01%
react dataviz charts hacktoberfest hacktoberfest2020 non-profit nonprofit wildaid mongodb mongodb-database

o-fish-web's People

Contributors

am-mongodb avatar antwonthegreat avatar ayushjainrksh avatar azzoo avatar brittanylau avatar cr96 avatar crowtech7 avatar deveshchatuphale7 avatar djdarkbeat avatar evayde avatar ismaeldcom avatar jessrichmond avatar jflip avatar joellord avatar joquendo avatar jsdmaria avatar k-azadzoi avatar lenmorld avatar mdegis avatar mfhan avatar mmhuseynov avatar o-fish-wildaid avatar pranshumaheshwari avatar rh9891 avatar ritikpandey1 avatar segh avatar sheeri avatar sourabhbagrecha avatar stennie avatar zsobral avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

o-fish-web's Issues

Search Results page clickable fields

On the search_results page after clicking 'See all results for 'search term' a user can only click on 'See all' for Records of Vessels or Captains & Crew or Boardings. Users should also be able to click on the vessel or person or boarding record shown on the page and go directly to that record - as if they had clicked through to the 'See all' page and then clicked that record. It will save 2 clicks and is what the users expect.

Web: MPA functionality

Have a hard-coded square overlaying some of the map area to represent a Marine Protected Area. Reports should be able to filter by MPA name.

Web: Incorrectly logging in on 1st attempt

When logging in through the web app the app makes a failed login attempt and then tries again with the correct credentials. Should log in just once with the correct credentials.

Web: Use the bucket pattern rather than skipping - web

When iterating using skip to page through a collection it works but it inefficient when working through many pages. A better pattern is the bucket pattern: [https://www.mongodb.com/blog/post/paging-with-the-bucket-pattern--part-1]

Typo in Boarding Records

On the 'boardings' screen (search results for bboarding records) - The 'Bordered by' column should be 'Boarded by'.

Web: App should create Realm user accounts

The user-creation page should create a Realm user as well as a document in the User collection (where the realmUserID attribute should be a string representing the Realm user account)

Map on Boardings page

The map on the boardings page shows points by specifying a list of _ids in the SDK for filtering. The filter should be by agency which is retrieved from the User collection (can be retrieved on login). This should be applied to all other maps and charts in the web app. Eventually users will be able to see data from more than their own agency - if they have sharing permissoins - so that filtering will be changed at that time. For now though - the map on the boardings page does not render when there are too many _id values being passed.

Search Results clickable

When you first search on the home page and get autocomplete results - the only thing you can click is 'See all results for 'search term''. A user should be able to click on the vessel or crew or boarding result if that's exactly the one they want; so they do not have to click on 'See all results for 'search term'' and then click 'See all' on the next page and THEN click on the same record they saw in the autocomplete.

User creation page design

The user creation page is great! However, there are a few design changes. See https://mongodb.invisionapp.com/share/MYXRXC2T2H3#/screens/422349126

First Name and Last Name are on the same line, everything else has its own line.
The role should be a drop down with at most 4 items as per https://mongodb.invisionapp.com/share/MYXRXC2T2H3#/screens/422349130_Global_Admin-Users-Create_New-Role-
Global Admin
Agency Admin
Group Admin
Field Officer

Only a Global Admin can make another Global Admin, so only a global admin sees all 4 choices.
An Agency Admin should see the 3 choices under Global Admin but not see Global Admin.

A group admin and a field officer cannot create users and should never see this page.

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.