northwest-knowledge-network / mdedit

A data-driven metadata editor front and back end |
http://northwest-knowledge-network.github.io/mdedit
BSD 3-Clause "New" or "Revised" License
2 stars 1 forks source link

Form Wizard (Step-by-step UI) #139

Closed ccasey645 closed 8 years ago

ccasey645 commented 8 years ago

Made the UI more "step-by-step" by dividing out form sections into steps that are completed one at a time. Made a breadcrumb navigation bar with buttons that change color to green and displays a checkmark if all the parts of the form section have been completed, red with an "X" if not all required fields are completed in that section, and dark green with a circle if that form section has been selected and is displaying. Got rid of the hours, minutes, and seconds fields for "start_date" and "end_date" per the last staff meeting's recommendations (these fields were never being stored in the database anyway).

Also modified the e2e tests to work with the new design: had to add function to click on appropriate button before trying to access form elements to expose the form section where that form element is. Also added a function to wait for the animation to finish or else protractor cannot find any elements on that form section since they do not register as part of the page until after the animation has finished. All tests (e2e and ngSpec) are passing 100% now.

Still need to figure out how to un-alphabetize the keys of the currentRecord object being returned by the ng-repeat statement in the "review.html" form section. According to my research, Angular 1.4 and higher was supposed to get rid of this "feature", but I am still having this problem.

Currently writing more test to account for added database fields and animation system. And I am hoping to have a version up on the development server sometime soon for more testing. And after all of that, I will make a PDF write-up describing the changes/additions that this version has to help in a review of the code.

ccasey645 commented 8 years ago

I have a version of this that is ready to be tested on the development version of the site. Anyone know if the deployment scripts are working, or should we just deploy it manually? Also, I'm not sure if I have access to the dev version of the site.