Add state badges (#169)

The whole box color is changed to the state color with the highest
precedence (the color of the badge in the center).

Clickable state badges were added to access the corresponding
prefiltered lists directly.
- Clicking on a state badge opens the host/service list filtered by the
**dimension and state**
- Clicking on the title now directly opens the host/service list
filtered **only be the dimension** (all states included)

Additionally the following has been done:
- The css has been reformatted
- Tho code has been modernized by adding types
- The complete html structure building process is changed from just
concatenating strings to using **IPL**
- **Pending state** has been added

This feature only supports **Icinga DB**, because we don't want to
support IDO anymore.

Author: jrauh01

README.md

@@ -10,7 +10,7 @@ The Icinga Cube is a tiny but useful [Icinga Web](https://github.com/Icinga/icin
 module. It currently shows host and service statistics (total count, health) grouped by
 various custom variables in multiple dimensions.
 
-![Cube - Overview](doc/img/cube_simple.png)
+![Cube - Overview](doc/img/cube_overview.png)
 
 It will be your new best friend in case you are running a large environment and
 want to get a quick answers to questions like:
@@ -31,31 +31,6 @@ want to get a quick answers to questions like:
   * Who is running the oldest ones? In production?
 * Which projects are still using physical servers in which environment?
 
-For Businessmen - Drill and Slice
----------------------------------
-
-Get answers to your questions. Quick and fully autonomous, using the cube
-requires no technical skills. Choose amongst all available dimensions and rotate
-the Cube to fit your needs.
-
-![Cube - Configure Dimensions](doc/img/cube_move-up.png)
-
-Want to drill down? Choose a slice and get your answers:
-
-![Cube - Configure Dimensions](doc/img/cube_slice.png)
-
-All facts configured for systems monitored by [Icinga](https://www.icinga.com/)
-can be used for your research.
-
-For Icinga Director users
--------------------------
-
-In case you are using the [Icinga Director](https://github.com/Icinga/icingaweb2-module-director),
-in addition to the multi-selection/edit feature the cube provides a nice way to
-modify multiple hosts at once.
-
-![Cube - Director multi-edit](doc/img/cube_director.png)
-
 Installation
 ------------
 

doc/01-About.md

@@ -4,7 +4,7 @@ The Icinga Cube is a tiny but useful [Icinga Web](https://github.com/Icinga/icin
 module. It currently shows host and service statistics (total count, health) grouped by
 various custom variables in multiple dimensions.
 
-![Cube - Overview](img/cube_simple.png)
+![Cube - Overview](img/cube_overview.png)
 
 It will be your new best friend in case you are running a large environment and
 want to get a quick answers to questions like:
@@ -25,31 +25,6 @@ want to get a quick answers to questions like:
   * Who is running the oldest ones? In production?
 * Which projects are still using physical servers in which environment?
 
-For Businessmen - Drill and Slice
----------------------------------
-
-Get answers to your questions. Quick and fully autonomous, using the cube
-requires no technical skills. Choose amongst all available dimensions and rotate
-the Cube to fit your needs.
-
-![Cube - Configure Dimensions](img/cube_move-up.png)
-
-Want to drill down? Choose a slice and get your answers:
-
-![Cube - Configure Dimensions](img/cube_slice.png)
-
-All facts configured for systems monitored by [Icinga](https://www.icinga.com/)
-can be used for your research.
-
-For Icinga Director users
--------------------------
-
-In case you are using the [Icinga Director](https://github.com/Icinga/icingaweb2-module-director),
-in addition to the multi-selection/edit feature the cube provides a nice way to
-modify multiple hosts at once.
-
-![Cube - Director multi-edit](img/cube_director.png)
-
 Installation
 ------------