Commit Graph

11 Commits

Author SHA1 Message Date
Daniel Scalzi
d9394432d2
Add loading UI, add view transition animations.
Framework is in place to run initial load on app startup. These routines will be called
in Application's initLoad function. The loader will run for a min of 800ms to prevent it
from looking odd on the UI. This can be reduced/changed later if this turns out to not be
a concern.

Added an app reducer to redux. The loading state was initially going to be there. On further
inspection, it seemed better to have it as a state variable in the Application component. It
remains in the store for now as an example. The pattern is valid and will be used for other
proprties.

Added animations for view transitions. On v1, this was done with jquery. Here, we are using
react-transition-group. Got it working with a clever trick to store a workingView and use that
for rendering. When the currentView is changed by the redux store, the fade out transition will
start. Once the fade out completes, the workingView reference will be updated to the new view,
triggering the fade in.
2020-05-26 01:50:55 -04:00
Daniel Scalzi
18fbfe4289
Move backgrounds to static, get dynamic backgrounds to work.
TODO: Add loading spinner and make background load ease in.
2020-05-25 17:13:59 -04:00
Daniel Scalzi
7ef375db7a
Bring back eslint. 2020-05-24 19:11:34 -04:00
Daniel Scalzi
5944f70a2a
Add login behavior up to loading state.
The remaining functionality depends on implementing a new AuthManager and overlay system.
2020-05-23 03:31:26 -04:00
Daniel Scalzi
c718cc741a Add functionality to LoginField component.
State management and error detection/animation added.
TBD: Connect fields to parent component.
2020-05-23 02:03:20 -04:00
Daniel Scalzi
f1a7e39e13
Initial work on Login view, fixed some style issues.
So far, the basic structure of the Login view has been imported. The css
properties need to be converted to use rem. The component also needs to
be made functional and reactive.

Planning on using property callbacks for Child -> Parent communication.
2020-05-22 22:41:47 -04:00
Daniel Scalzi
a9d6f2021d
Use rem for sizing instead of px. Will enable scalability.
Applied rem changes to Welcome.css.
Updated dependencies.
2020-05-22 21:05:29 -04:00
Daniel Scalzi
3fcfa492af
Initial redux setup. 2020-05-06 07:35:25 -04:00
Daniel Scalzi
28f78f719e
Updated dependencies, added Welcome component.
The CSS needs to be redone and made more modular. Measurements should not be done in px, and switched to em/rem.
Redux needs to be setup for state management.
2020-05-05 18:39:31 -04:00
Daniel Scalzi
761a46060b
Add global styles, move fonts.
Need to figure out if the path trick to load fonts from css will work in prod.
May need to load fonts from tsx file and use __static.
2020-04-13 06:23:27 -04:00
Daniel Scalzi
b9536ed014
Initial work on react.
Far from done.
Far from working.
Requires rewrite of UI logic using react patterns.
2020-03-08 20:40:37 -04:00