web-angular: rework template and add basic component tests

[chalin]

Part of #390.

[chalin]

The current template allows the user to type her/his name and get a "Hello" message inside a modal dialog. Part of the issue is that we aren't able to write component tests for modal dialogs quite yet.

@kwalrath @filiph - these are the changes that I propose doing:

1. Drop hello_dialog: instead, display the greeting in a "Greeting" tab (this can be tested). Looking like this

---

---

2. Have a second tab named "Hall of Fame" that will be initially empty. This second tab will be populated by code which is added in the second part of the Get Started page; i.e. from this

To this:

Clicking a superhero name shows a "cheers!" dialog (which is the old hello_dialog repurposed). (We don't include the tests for this part of the code, so using a modal dialog is ok).

WDYT? Suggestions are welcome.

[chalin]

@kwalrath @filiph - FYI, here is a snapshot of the revised app:

I'm looking at the tests now. Once that is done, I'll submit a new PR with the revised code.

[filiph]

Thanks! This looks amazing!

Where are we on the LOC front? From the screenshot it looks like a full-featured TODO app, which is awesome, but only if it's really just a few lines of code (in the ballpark of the current template).

If it's more than that, let's use your code as a medium article / sample / etc., because this is exactly what we need right now — but lets shave the code in the template to a bare minimum.

[chalin]

@filiph - the code (w/o the updated tests) is in #401. I'm stepping out, but will be available for discussion when I get back.