Print-Friendly PPM Estimator results

[jamesatheyDDS]

Implements #356.

Checklist

I have…

• [x] run the application locally (bin/rails server) and verified that my changes behave as expected.
• [x] run static code analysis (bin/rubocop) and vulnerability scan (bin/brakeman) against my changes.
• [x] run the test suite (bin/rake spec) and verified that all tests pass.
• [x] summarized below my changes and noted which issues (if any) this pull request fixes or addresses.
• [x] thoroughly outlined below the steps necessary to test my changes.
• [x] attached screenshots illustrating relevant behavior before and after my changes in a modern desktop browser, in MSIE 11, and in a mobile browser.

Summary of Changes

This pull request adds a print-specific stylesheet for the PPM Estimator page. This stylesheet restricts the output during printing to only the results of the PPM calculation. The results have also been expanded to show all of the inputs the user fed to the calculation, including the origin and destination (with map), the branch of service, the rank, dependents, the date, and the weights.

Testing

To verify the changes proposed in this pull request…

1. clone this repo,
2. git checkout ppm-estimator-print-friendly,
3. set up development dependencies according to CONTRIBUTING.md,
4. run bin/rails server, and
5. load up http://localhost:3000 in the Web browser of your choice.

Screenshots

Chrome


Internet Explorer 11


Mobile Safari


Printed output - Chrome

[Personally Procured Move (PPM) Estimator — Move.mil (Chrome).pdf](https://github.com/deptofdefense/move.mil/files/1838901/Personally.Procured.Move.PPM.Estimator.Move.mil.Chrome.pdf)

Printed output - Firefox (Background colors / Background images NOT enabled)

[Personally Procured Move (PPM) Estimator — Move.mil (Firefox).pdf](https://github.com/deptofdefense/move.mil/files/1838921/Personally.Procured.Move.PPM.Estimator.Move.mil.Firefox.pdf)

Printed output - Safari

[Personally Procured Move (PPM) Estimator — Move.mil (Safari).pdf](https://github.com/deptofdefense/move.mil/files/1838925/Personally.Procured.Move.PPM.Estimator.Move.mil.Safari.pdf)

Printed output - Internet Explorer 11 (Background colors / Background Images setting in Page Settings NOT enabled)

[Personally Procured Move (PPM) Estimator - Move.mil (IE11).pdf](https://github.com/deptofdefense/move.mil/files/1839009/Personally.Procured.Move.PPM.Estimator.-.Move.mil.IE11.pdf)

Printed output - Edge (no way to control background images / colors)

[Personally Procured Move (PPM) Estimator - Move.mil (Edge).pdf](https://github.com/deptofdefense/move.mil/files/1839008/Personally.Procured.Move.PPM.Estimator.-.Move.mil.Edge.pdf)

[jamesatheyDDS]

@jgarber623-gov If the ZIP code work is separated into another PR, then it wouldn't be used anywhere at first. This PR is the first and only user of that zip code work. The existing PPM estimator results don't recap the inputs. If I were looking at a PR that just added a bunch of data and dependencies and didn't use it anywhere, I wouldn't want to approve it, because there wouldn't be a guarantee that a later PR that does use the work would be approved.

[jgarber623-gov]

If the ZIP code work is separated into another PR, then it wouldn't be used anywhere at first. This PR is the first and only user of that zip code work.

@jamesatheyDDS We could potentially use this work on the locator map where we're currently displaying "Displaying results near , ." We'd previously talked about how the current display isn't terribly helpful.

Conversely, we could launch a version of the print stylesheet without the ZIP feature and follow it on with the addition of the new seed data, migrations, models, etc.

[jamesatheyDDS]

FYI, If you happen to look at the output from Safari, it spills one line onto a second page. Pretty obnoxious - desktop Safari is using a different DPI for print than all of the other browsers, so everything is larger (including fonts). I'm not eager to invest lots of effort to address this given desktop Safari's pitifully low market share.