Update output HTML template

Registered by Tovin Seven

Currently, HTML template for --html output is pretty old.

Current status:
===========
1. Coding format inconsistency (2/4 spaces indent)
2. Typos and syntaxes (in JS and HTML sections)
3. Old library (Angular 1.2, Anguar UI 0.11, Bootstrap 3.2)
4. Coding style (using $scope)
5. Templates (concatenate string to make template)

Work items:
=========
1. Re-format html output
    + Indentation consistency

2. Fix typos, syntaxes in HTML template
    + CSS
    + JavaScript
    + HTML template

3. Upgrade Angular, Angular UI, Bootstrap version
    + Angular to 1.5.x (current 1.5.9)
    + Angular UI to 2.3.x (current 2.3.0)
    + Bootstrap to 3.3.x (current 3.3.7)

4. Coding style
    + Use `controller as` and `vm syntax` instead of $scope service [1] [2] [3]
    + Explicit dependency injection [4]

5. Use string template (string interpolation) instead of string concatenation [5] [6]

References:
=========
[1] https://github.com/johnpapa/angular-styleguide/blob/master/a1/README.md
[2] https://github.com/toddmotto/angular-styleguide
[3] https://github.com/airbnb/javascript
[4] https://docs.angularjs.org/guide/di
[5] https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals
[6] https://developers.google.com/web/updates/2015/01/ES6-Template-Strings

Blueprint information

Status:
Complete
Approver:
Dina Belova
Priority:
Medium
Drafter:
Tovin Seven
Direction:
Approved
Assignee:
Tovin Seven
Definition:
Approved
Series goal:
Proposed for trunk
Implementation:
Implemented
Milestone target:
None
Started by
Tovin Seven
Completed by
Tovin Seven

Related branches

Sprints

Whiteboard

Gerrit topic: https://review.openstack.org/#q,topic:update_template,n,z

Addressed by: https://review.openstack.org/403593
    Fix syntax in JS, json indent with 4 spaces

Addressed by: https://review.openstack.org/403592
    Re-format html template

Gerrit topic: https://review.openstack.org/#q,topic:bp/update-html-template,n,z

Addressed by: https://review.openstack.org/404115
    Upgrade libraries, add highlight for JSON data

(?)

Work Items

Work items:
Re-format html output: DONE
Fix typos, syntaxes in HTML template: DONE
Upgrade Angular, Angular UI, Bootstrap version: DONE
Coding style: DONE
Use string template (string interpolation) instead of string concatenation: DONE

This blueprint contains Public information 
Everyone can see this information.

Subscribers

No subscribers.