mapoflife / datasets Goto Github PK

View Code? Open in Web Editor NEW

1.0 14.0 2.0 19.04 MB

A datasets list and information view for Map of Life

Home Page: https://mol.org/datasets/

License: MIT License

JavaScript 40.45% HTML 39.82% CSS 19.54% Shell 0.19%

datasets's Introduction

The datasets module

A dataset listing and information application, written for Angular 1.5.x.

After cloning, install client dependencies...

bower update

Clone the MOL UI components into a separate directory and link them in with bower

git clone [email protected]:MapofLife/ui-components /path/to/my/workspace/
cd /path/to/my/workspace/ui-components
bower link
cd /path/to/my/workspace/datasets
bower link mol-ui-components

Install all local dev dependencies

npm install

Run the development server using

grunt serve

That will serve the application at the given base configured in package.json (here http://localhost:9001/inventory/)

Build and deploy to gh-pages using

grunt build
git commit -am 'Updating dist'
grunt deploy

Both of these rely on css hosted at //mol.org/ for the MOL theme.

All routes in the app are relative to /{pkg.base}/ are and handled by ui-router client side configurations.

datasets's People

Contributors

Stargazers

Watchers

Forkers

mannguyen

datasets's Issues

Says login/register even when logged in

Unlike MapofLife/species#9, I am on https, but it says 'login/register' on top. Showing private datasets, so I'm logged in.

Going back from dataset does not send to the same tab

If I click on a rangemap in the list, then go back, the list of datasets will be on the inventories, not in the list of rangemaps.

Can the page go back to whichever the active tab was instead of always to the inventories?

Update external libraries

Might need to update some of the external libraries we are using to build this. Got the following message post-installing a fresh copy of the repo.

Please note that,
    angular-ui-select3#fa739d3363 depends on angular#>=1.0.2 <1.2 which resolved to angular#1.0.8
    angular-animate#1.5.7, angular-cookies#1.5.7, angular-resource#1.5.7, angular-sanitize#1.5.7, angular-touch#1.5.7 depends on angular#1.5.7 which resolved to angular#1.5.7
    angular-simple-logger#0.1.7, angular-simple-logger#0.1.7 depends on angular#^1.2 which resolved to angular#1.5.7
    angular-rangeslider#0.0.14 depends on angular#>=1.0.* which resolved to angular#1.5.7
    angular-loading-bar#0.8.0 depends on angular#^1.2.9 which resolved to angular#1.5.7
    angular-bootstrap#1.0.3 depends on angular#>=1.4.0 which resolved to angular#1.5.7
    angular-nvd3#1.0.7 depends on angular#^1.x which resolved to angular#1.5.7
    inventory depends on angular#~1.5.5 which resolved to angular#1.5.7
    angular-ui-router#0.2.18 depends on angular#^1.0.8 which resolved to angular#1.5.7
    ui-leaflet#1.0.1 depends on angular#1.x which resolved to angular#1.5.7
    ui-select#0.16.1 depends on angular#>=1.2.18 which resolved to angular#1.5.7
    angular-bootstrap-checkbox#0.4.0 depends on angular#>= 1.2.0 which resolved to angular#1.5.7
    angular-filter#0.5.8 depends on angular#* which resolved to angular#1.5.7
    angular-google-maps#2.3.3 depends on angular#1.2 - 1.5 which resolved to angular#1.5.7
Resort to using angular#~1.5.5 which resolved to angular#1.5.7
Code incompatibilities may occur.

Change color scale to a more subtle gradient

At the moment, change from blue/green to pink is too dramatic

https://3.basecamp.com/3232053/buckets/1126873/todos/179832301

Implement other metrics for map and legend API

inventory/map should support a property and reducer attribute to allow aggregate metrics across other grid cell statistics that are being added to geohash_summary_stats. Example

{
   "property" :  "feature_count",
   "reducer" : "sum",
}

Make number of map/legend bins dynamic

For cases where this is not much variance in the result, 8 bins is too many. This will require updates to the api at https://github.com/MapofLife/api/blob/master/handlers/0_x/inventory/maps.py

Represent more application state via URL

Users should be able to link to any combination of selected facets or map options. For instance,

https://mol.org/datasets/map?metric=records&type=localinv,points&taxa=mammals

would boot the UI into a map view of inventory and point record counts for mammals.

Highlight the default View Mode option and make them responsive

When the datasets page is loaded, the View Mode button, Both, isn't highlighted by default.

Also need to make it responsive, in the sense that when you tap the button on the edge, the button changes colour, but the view doesn't change.

Add toggles for displaying dataset content info

Toggles for:

Map view
One for the table or info view

Fix scrolling

Have the facets and map/list areas scroll independently

Find alternative to map sitting above list

From 'both' or 'everything' view

https://3.basecamp.com/3232053/buckets/1126873/todos/179805387

Change View Mode text 'Everything'

Currently says 'Everything', should be 'Both', or something better.

https://3.basecamp.com/3232053/buckets/1126873/todos/179852163

List sort on numeric columns doesn't seem to work right.

Looks like it is treating the values as string and sorting alphabetic. So, in a descending sort, "99" is above "100". Might need to add a "type" attribute to the facet API for the UI to know this.

Page title missing

The list and each dataset page shows this as the title in the browser title bar:

Map of Life -

I'm guessing the title is missing after the -.

Metadata area too small

Looking in a small-ish screen, area of the text is too small. Plus, footer is moving from the bottom.

Modify map extent for single datasets from 80% fill to 20% fill

Zoom out further

https://3.basecamp.com/3232053/buckets/1126873/todos/179817618

Format numbers in tables

Determine data type from fields
If the data type is numeric then put a filter on it for better formatting

Show inventory outlines in single dataset view.

To tease out inventories behind grid-based counts.

Make HTTPS calls

Just so the security works, let's also add the map tiles via HTTPS

Zoom to dataset bounds or geographic scope

When viewing a dataset info, the map should automatically zoom to the its bounds. For instances where there isn't a map associated (there should be one for all datasets?), we should zoom to the geographic scope, where available.

Example dataset: http://mol.org/datasets/eb6963c6-694e-4135-be03-8aa88d5dd913

@ljvillanueva, can you comment why there are no maps associated with some of the datasets?

Colors and legend values inconsistent between different filters/views

When viewing all datasets versus for example only amphibians, the legend values change and the colors are assigned to different values. How are we deciding how to split these values and can we standardize these?

https://3.basecamp.com/3232053/buckets/1126873/todos/179851893

Map is blank returning to All datasets view

For some reason the map is not getting refreshed when you click "All datasets" to go back from a single dataset view.

regionalchecklist dissappear

When loading, a "Regional Checklist" appears in the Data Type, but then it goes away.

Add switch for Marine/Terrestrial

Can be via taxon grouping or a separate binary filter

https://3.basecamp.com/3232053/buckets/1126873/todos/179810737

Change position or size of view modes to emphasize dataset options

Preferable to be able to view the full list of taxa

https://3.basecamp.com/3232053/buckets/1126873/todos/179808348

Map should clear as soon as facets change

Removing or adding a facet selection triggers a new map api call, but the map does not change until it returns. We should remove the current overlay (just set it to undefined) while waiting for the api to return. Also, make sure to set the "loading" param to true in order to display the mol-loading-indicator while the call is out.

Sidebar hider styling

Give it a margin-left: -2 to make it look like part of the sidebar. And maybe set position as fixed and top to 50vh. While we are at it, see if you can make the facet toolbar stick in view as you scroll down using fixed positioning.

Limit data sets to the current map bounding box

Filter datasets when the map bounding box changes. Only how datasets that are contained in the bounding box.

Taxonomic group sorting/ordering

Taxonomic group: As previously requested, let’s put these in more sensible order. And can we group them? Vertebrates, Invertebrates Plants. This way, most folks would be able to the full list. Dodgy that part is hidden now, and requires messing with left hand scroll bar to see.

https://3.basecamp.com/3232053/buckets/1126873/todos/179819577

Fill in more dataset types

Gridded range atlases are still missing, and regional checklists dont seem to have geohash maps behind them

Remove legend from individual dataset view

Number of Datasets will always equal 1

https://3.basecamp.com/3232053/buckets/1126873/todos/179852163

Display a map legend

What is the map even showing?

Make facet selector components that use ui-select dropdowns in the subnav.

The idea behind this is to be able to stick these in the subnav and clean up the sidebar.

Loading indicator placement

Let's put the loading indicator just below the green bar like we do on other UI.

Fix navbar reactive display on small screens

Fix navbar reactive squeeze. The Map & List links stop working and either bring back the hamburger or resize the elements and leave them on the navbar

Make visualization types configurable.

Add an additional field added to the inventory/datasets api that the UI that can allow the UI to determine what map visualizations are available for a given dataset. For example record counts are only appropriate for points.

Switching to a map view with subnav toggle zooms map to wrong place.

Seems easy to get sent to Antarctica. Which normally I would be cool with, but here it's not the expected behavior.

No need for a hamburger with just one or two buttons.

The responsive sub nav menu needs work everywhere in MOL, but here in particular it really is not needed. Strip out the responsive switches in there so the "All Datasets" button sticks around.

Map issues

Have map fit to width of page. It may be OK to have a horizontal scroll of the facets are displaying
The map is not showing on small screens
The map is not centering on every other redisplay. It seems to center on Antarctica in those cases. This is only happening on the single dataset display

Make sidebar content smaller

We should try to get all this to stay on screen as much as possible, so the only scroll-able is the content area. That is not possible for all screen sizes, but we can try.

Make content area fill down to footer.

This may have to do with how the footer is being positioned. It seems the height of the content area is being limited by the height of the map/table content. It should fill down to the footer.