Skip to content

wv-2442 Vector Flow Prototype#4022

Draft
Tomcariello wants to merge 97 commits intodevelopfrom
wv-2442
Draft

wv-2442 Vector Flow Prototype#4022
Tomcariello wants to merge 97 commits intodevelopfrom
wv-2442

Conversation

@Tomcariello
Copy link
Copy Markdown
Contributor

@Tomcariello Tomcariello commented Nov 3, 2022 •
edited
Loading

Description

Vector Flow Prototyping. Add ASCAT & OSCAR layers with animated visualizations. Include MISR Cloud Motion Vector layer (just for comparison). Implement UI for user input for visualization (static or animated, color palette, etc.)

How To Test

  • Load at least 1 base layer (I like Blue Marble, August 2004 shaded relief). The animation will work with any base layer but it doesn't stand out well if there is cloud cover.
  • Set the date to January 01, 2020 for OSCAR or ASCAT. Use March 21, 2020 for MISR.
  • Add layer ASCAT/OSCAR/MISR from the layer picker.

Notes

To test static/animated representation, set renderAscatAnimated to false (line 55 in layerbuilder.js). This will be moved to the UI as progress allows.

Caveats

When loading the animation, overlay layers can be added/removed but adding/re-ordering base layers is not yet working.
Not supported on mobile.

ryanweiler92 and others added 30 commits September 26, 2022 11:52
@ryanweiler92
add mobile animation button
26c756c
@ryanweiler92
full screen modal for mobile view
fbecd03
@ryanweiler92
customize date range selector
aa4836a
@ryanweiler92
mobile animation menu options
e1c3e90
@ryanweiler92
initial mobile-timescale-interval-change component
50d4cf4
@jasontk19
WV-2450
fe9a52d 
* Constants for CRS codes
* Safety check for non-existant proj in measurement
* Better request reducer error handling
@ryanweiler92
create mobile custom interval selector
313b15b
@ryanweiler92
add mobile layout version to interval-select.js
f0b3162
@ryanweiler92
formated interval select
b0fdaac
@ryanweiler92
clean up css and animation-widget
5d1ba56
@ryanweiler92
fix minimum and maximum date format for mobile date picker
43f5acf
@jasontk19
Source maps for scss files
c3d1982
@jasontk19
No source map for prod build
402fa3a
@ryanweiler92
working mobile date wheel selectors in animation widget
b14d572
@ryanweiler92
update play button position in mobile portrait subdaily mode
8d4da58
@ryanweiler92
update screenSize actions to include mobile/tablet identification and…
e0d7f39 
… provide mobile animation widget with custom mobile ids
@Tomcariello
Merge branch 'develop' of https://github.com/nasa-gibs/worldview into…
fb7e582 
… develop
@Tomcariello
Merge branch 'wv-2457' of https://github.com/nasa-gibs/worldview into…
8940e81 
… develop
@ryanweiler92
mobile phone landscape layout
051f76a
@ryanweiler92
move play button in mobile portrait
99422b2
@ryanweiler92
mobile-portrait design
53c9a49
@ryanweiler92
add unique ids/classes for different views
b2990cb
@ryanweiler92
reconfigure mobile device layouts for animation button and collapsed …
94a7bb8 
…widget
@ryanweiler92
conditional desktop styling for animation button and collapsed widget
27ff2cb
@ryanweiler92
cleaning up components & css
edfd5ed
@ryanweiler92
limit max mobile frames to 50
7e958de
@ryanweiler92
create and utilize animation collapse redux action
59c4c56
@ryanweiler92
update start and end date limit in mobile date pickers
cae764b
@ryanweiler92
update initial state logic for isCollapsed
de4ec1b
@ryanweiler92
mobile-animation-test start
0add4a9
@Tomcariello Tomcariello reopened this Apr 13, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@Tomcariello @ryanweiler92 @jasontk19