From a93ab6edd799bf4e9e947373ea236ba5dd628afe Mon Sep 17 00:00:00 2001
From: Johannes Meyer <johannes.meyer@icinga.com>
Date: Fri, 7 Feb 2020 08:47:54 +0100
Subject: [PATCH] Add widget `IcingaIcon`

---
 configuration.php                      |   1 +
 library/Icingadb/Widget/IcingaIcon.php |  29 +++++++++++++++++
 public/css/icinga-icons.less           |  43 +++++++++++++++++++++++++
 public/css/module.less                 |   6 +++-
 public/font/Icinga-Icons.eot           | Bin 0 -> 1788 bytes
 public/font/Icinga-Icons.svg           |  13 ++++++++
 public/font/Icinga-Icons.ttf           | Bin 0 -> 1604 bytes
 public/font/Icinga-Icons.woff          | Bin 0 -> 1680 bytes
 8 files changed, 91 insertions(+), 1 deletion(-)
 create mode 100644 library/Icingadb/Widget/IcingaIcon.php
 create mode 100644 public/css/icinga-icons.less
 create mode 100644 public/font/Icinga-Icons.eot
 create mode 100644 public/font/Icinga-Icons.svg
 create mode 100644 public/font/Icinga-Icons.ttf
 create mode 100644 public/font/Icinga-Icons.woff

diff --git a/configuration.php b/configuration.php
index 153eec31..7085c651 100644
--- a/configuration.php
+++ b/configuration.php
@@ -88,6 +88,7 @@ namespace Icinga\Module\Icingadb
     $this->provideCssFile('lists.less');
     $this->provideCssFile('mixins.less');
     $this->provideCssFile('widgets.less');
+    $this->provideCssFile('icinga-icons.less');
 
     $this->provideJsFile('action-list.js');
     $this->provideJsFile('migrate.js');
diff --git a/library/Icingadb/Widget/IcingaIcon.php b/library/Icingadb/Widget/IcingaIcon.php
new file mode 100644
index 00000000..fd93e474
--- /dev/null
+++ b/library/Icingadb/Widget/IcingaIcon.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace Icinga\Module\Icingadb\Widget;
+
+use ipl\Html\Attributes;
+use ipl\Html\BaseHtmlElement;
+
+class IcingaIcon extends BaseHtmlElement
+{
+    protected $tag = 'i';
+
+    /**
+     * Create a icon element
+     *
+     * Creates a icon element from the given name and HTML attributes. The icon element's tag will be <i>. The given
+     * name will be used as automatically added CSS class for the icon element in the format 'iicon-$name'. In addition,
+     * the CSS class 'icon' will be automatically added too.
+     *
+     * @param string           $name       The name of the icon
+     * @param Attributes|array $attributes The HTML attributes for the element
+     */
+    public function __construct($name, $attributes = null)
+    {
+        $this
+            ->getAttributes()
+            ->add('class', ['icon', "iicon-$name"])
+            ->add($attributes);
+    }
+}
diff --git a/public/css/icinga-icons.less b/public/css/icinga-icons.less
new file mode 100644
index 00000000..770f72da
--- /dev/null
+++ b/public/css/icinga-icons.less
@@ -0,0 +1,43 @@
+@font-face {
+  font-family: 'Icinga-Icons';
+  src:  url('../icingadb/static?file=font/Icinga-Icons.eot');
+  src:  url('../icingadb/static?file=font/Icinga-Icons.eot') format('embedded-opentype'),
+  url('../icingadb/static?file=font/Icinga-Icons.ttf') format('truetype'),
+  url('../icingadb/static?file=font/Icinga-Icons.woff') format('woff'),
+  url('../icingadb/static?file=font/Icinga-Icons.svg') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="iicon-"]:before, [class*=" iicon-"]:before {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'Icinga-Icons' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1em;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+}
+
+.iicon-minimal:before {
+  content: "\e900";
+}
+.iicon-detailed:before {
+  content: "\e901";
+}
+.iicon-default:before {
+  content: "\e902";
+}
diff --git a/public/css/module.less b/public/css/module.less
index 39acdcde..556e6345 100644
--- a/public/css/module.less
+++ b/public/css/module.less
@@ -68,8 +68,12 @@
     a {
       display: block;
       height: 100%;
-      padding: 0.5em 1em;
+      padding: .3em .6em;
       width: 100%;
+
+      .icon:before {
+        font-size: 16px; // Pixels, because the glyphs get blurry otherwise
+      }
     }
   }
 }
diff --git a/public/font/Icinga-Icons.eot b/public/font/Icinga-Icons.eot
new file mode 100644
index 0000000000000000000000000000000000000000..b492a29cda708da6cd70d4aedf173fac3e990c95
GIT binary patch
literal 1788
zcma)7O-Ni<6#nkJGh-Z!CjLY*Ql5=bA&HvAU+Cg4QbDLBCc$ld8DGZ%oj1&kM0bw_
z3SE>+=_1)l*1=s%7o|M9kS@CFq6I@pp^GBjxM?9!XY$?m?lW&}44&cK`<?Hc`_7sB
z`(FmQNfofrC<0qTGoRjW<aKN$4_~L%aUalwIpk145qUVc8d@H$3PW3Q2QK+_tkPE|
za~_Li%JdeXqikHm2*&7n-*@QNMYO<&#MrI7qu1No)6dELKwZkMIi>E!U%y~bAMJa2
zr&3~nmbUKC<X1O8JNW&(e`#+3mRfP0<?bJMUIOxa`X^UNG(D0((>|a*u(DR&Xa@oy
z)k(W=)yp}kiCx-bw9l?N8zr>kE^S5IE;?)Ow~u%KqP@f%Kb5>nm32}w1KJNMeX)f!
zb3e6yA@fz#i@$M0H0!v82$tO_3fQ+~P!FIamCkrUbeyf5Fq_WUM_<&-FsctJOq0*z
z3>VxYXYX6}!+Kp0B1VWs{m<?c$0ffjAQ;t_;J9I?X2OuSaqs7{x>^}XpDWjmix|cg
zF7-Gox{2FBM`z~ZM}rgNlQ*uP?>Yf@^mp}7oMRJf7xB;u!NH{q7cRX^l@%QRPu1~A
zsm$mXy6+tv+%vuST&bF`1XL|hzIsJhFI}-48U9bMjZ~cNW^|z+gSgCPiff-p7JM#I
z{M1o|P?mq_YgN<3!_!GU@<<f~btttxG&3{Am|BksoR0Xg4x4o>alYHo5zhH2>o}HC
zPoe(F1fQ%*AWrXF>M)4akJ-4FILhw_ejv7uS$kptD0;6@Rr>YA`)wcpgO-$Lu~(YV
zXX&U9cL~ob_h=*>6YhCVsTS^h{iUQdMV^S#!)U8mLpF;}e2A~{o3O*tO<3Sb&=O|}
z4b!w@$K(+BfLxT%LKD6;Sd#z5;1uyQgVUVv0fRH-3kGM=i(P%LQq5#~=!vk!i}4$S
zCHVz|Q^Y$4r+HP58k`}&Zg7_8=a0Eup_q5B&gHyf<)rI((JfaBUeUfbGWPB}_cR|l
zP0SrPzrN~}8?XA)44n0fRXgt%-Lg}4m+c3eHviDP=M_gV8$J$I*nB)(J`?)Ma8PBx
bOzr_T+3IJ<!#q_#BqLn0@Xk#xX(N6E2J#x<

literal 0
HcmV?d00001

diff --git a/public/font/Icinga-Icons.svg b/public/font/Icinga-Icons.svg
new file mode 100644
index 00000000..697a9514
--- /dev/null
+++ b/public/font/Icinga-Icons.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="Icinga-Icons" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="minimal" d="M192.009 831.995c0-35.361-28.665-64.026-64.026-64.026s-64.026 28.665-64.026 64.026c0 35.361 28.665 64.026 64.026 64.026s64.026-28.665 64.026-64.026zM192.009 639.671c0-35.361-28.665-64.026-64.026-64.026s-64.026 28.665-64.026 64.026c0 35.361 28.665 64.026 64.026 64.026s64.026-28.665 64.026-64.026zM192.009 447.671c0-35.361-28.665-64.026-64.026-64.026s-64.026 28.665-64.026 64.026c0 35.361 28.665 64.026 64.026 64.026s64.026-28.665 64.026-64.026zM256.005 863.997h704.001v-64.005h-704.001v64.005zM256.005 479.674h704.001v-64.005h-704.001v64.005zM256.005 671.674h704.001v-64.005h-704.001v64.005zM256.005 287.674h704.001v-64.005h-704.001v64.005zM256.005 95.674h704.001v-64.005h-704.001v64.005zM192.009 255.348c0-35.361-28.665-64.026-64.026-64.026s-64.026 28.665-64.026 64.026c0 35.361 28.665 64.026 64.026 64.026s64.026-28.665 64.026-64.026zM192.009 63.671c0-35.361-28.665-64.026-64.026-64.026s-64.026 28.665-64.026 64.026c0 35.361 28.665 64.026 64.026 64.026s64.026-28.665 64.026-64.026z" />
+<glyph unicode="&#xe901;" glyph-name="detailed" d="M320.007 831.679h639.993v-191.358h-639.993v191.358zM320.007 575.997h639.993v-63.992h-639.993v63.992zM256.014 736.317c0-53.041-42.998-96.039-96.039-96.039s-96.039 42.998-96.039 96.039c0 53.041 42.998 96.039 96.039 96.039s96.039-42.998 96.039-96.039zM256.014 287.992c0-53.041-42.998-96.039-96.039-96.039s-96.039 42.998-96.039 96.039c0 53.041 42.998 96.039 96.039 96.039s96.039-42.998 96.039-96.039zM320.007 384.004h639.993v-192.005h-639.993v192.005zM320.007 128.005h639.993v-63.992h-639.993v63.992z" />
+<glyph unicode="&#xe902;" glyph-name="default" d="M256.015 767.992c0-53.041-42.998-96.039-96.039-96.039s-96.039 42.998-96.039 96.039c0 53.041 42.998 96.039 96.039 96.039s96.039-42.998 96.039-96.039zM384.001 864h576.002v-192.008h-576.002v192.008zM384.001 543.998h576.002v-192.008h-576.002v192.008zM384.001 223.998h576.002v-192.008h-576.002v192.008zM256.015 447.99c0-53.041-42.998-96.039-96.039-96.039s-96.039 42.998-96.039 96.039c0 53.041 42.998 96.039 96.039 96.039s96.039-42.998 96.039-96.039zM256.015 127.99c0-53.041-42.998-96.039-96.039-96.039s-96.039 42.998-96.039 96.039c0 53.041 42.998 96.039 96.039 96.039s96.039-42.998 96.039-96.039z" />
+</font></defs></svg>
\ No newline at end of file
diff --git a/public/font/Icinga-Icons.ttf b/public/font/Icinga-Icons.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..192416e166eee6201fef96faeff6978a1a553bdc
GIT binary patch
literal 1604
zcma)6J7^S96g_X=?#8TQVm>CsAQSTiHCaE230S;Bg%si^lGaQ%>n4!QEW0Zv-Jl>?
zh$0r+iM6CtEJOy2U}0sUpooHn1e-Jp7TNW@**9^FA99yF_uO;ud-uNILIBtf9}<}}
z6GMj^nv##mJflu!7o0-d<m(%N=%jxk@01F(jr6tMmY-j`wD$JNclwKfrDk)^OxyG2
z4}g5i_{c1Yx~uXf{WbbMvkT?LCLjP3E%ZC*y{v<ZSfQVx-?-o`7SMzV`ij2oIt#hS
z*H*sJpJI&{1+P?QpOjROjzdac+(weM?_00P+^Sje6-Pw9&Wnj)+rNtfRxKG+11L#l
zQ13+~b_jGet(}b3tPHa{k-#YVG`7LwPrzQas_WHiILcl{h(+~tTY}@_^9l%NHN-dz
zI5rlh{L1@3m)70NK>9qnHgsbE2av&0c60(~f##M}_rAX2qa#NS?{57EZtiOB8s5cE
zq^-pL|40sc_w4EYn<^_<|3lU0OsUN1_u6*!^}RDzTvw{%D*;srl&?NA)WJ{`MvCj?
z*+|9Ru171n(1-mzrl|Mfc*DD5%^%yy5X$n`eXVMAU|=+^8xg63pbDiP^pB18GpEvS
z5=U!%*oVzNrnuh?Xb$&$h<$9TsJBr6WQ>n@B@mVOEwvs*>PKv3B{u5&fggwm#;x2l
z02F;!s4Ds6%EgA`->^NQS-dL@>$kLF!&}0)$~#&UjtTEPw^R#nzMd&Ab+t&1(!=Ph
zNJBP_7VO0xyb*Rdx(?^~60}5BLdSe|V%gLX*g>vV&q5t;8Z615G&n*0(BLHZyT{-Z
z`8k8r=)j78SBZKu?Tpm0g`K!-uq1!Z-~{oq!Ab1KkijYPmkmzy{d^kF&bfK#;CR+^
zOBhF%6<y@v;9%%^^h%StVrkBE?L&hZOd^LON=(xs8;3B6%vL7ZO3wLQ{_?z2#CaCU
zv(I_<QQXSFQ=VJ4^Eo$HbjrCIdwR*{f=+v$JBU+Zqh+?5=d5nnzJoID47q76@vGPE
T;WSk*YLF)u{^!Pz^mqId_@xI5

literal 0
HcmV?d00001

diff --git a/public/font/Icinga-Icons.woff b/public/font/Icinga-Icons.woff
new file mode 100644
index 0000000000000000000000000000000000000000..f761729802ecc1d9b9cbda2bb0049859d1d7c7d8
GIT binary patch
literal 1680
zcma)6J!lj`6#i!S?qW_cf5u1*veEp3nnaUm0v1zfAcbgD(wfcXyabZnaCadFEEWYp
zP!zGyPOK%JRw9c?u&}aFh=_uPh>eYcMeh7&ZZ>YzguLUM`QG>5?0Y*qa|>sNhao^q
z-NAM}pRD+bueUSjdyWEP8`W`zn)>A9%&a>{ZHoQ{g{HALH*#)4Y0v1ZT!q@)%;F_#
zF9Ay`e1G@!=Tz361QH1V#}t~LFMXJzNbLmuHifFI_N%Gc;$>>%^jj3_fpEspsJtum
zYc)z@dDgwmx`~_g9gTXN_uSbmwa2XeLgC4^<u7x7p~&}TuF12>Y&#HlkYsNUtk?8!
zS7z}IeWIFv+=ME*&Lr^Fvcqx+X%mczSlrQES0QU*Oz{?uDyszv4029$r!4*ioUc}S
zwOpnKa%e8fpPLe9g${5K5X`F4PpN1YaC}IY{!@Q*Ev>q>Lp$KtZ^8j|;ShS!&yG&w
zEYPqkbzpzTK>xA6qq`e7;0>*ftpjx&A~ceBZjc<d@7>$}KS(QF{Ri^zOk0}O@73Jg
z(XnD?ab3z%AO&P8l!5%nP%}eO7%9Fdzl|-q+tp}9D>`tHTNw2|5O26H*8K6c3?Z#x
zHBgX)U0s85tVL`YhGj_kuybgrlR2e5CULN$>pmRzG0y$2L4)4&9`^B9MYV<MXUFt-
zR{~M_z>=$BgdkF**~VJ^APhqB(72`hhJdEd3L%rf7B1GD_<`-}N&+i$1HJKCpAvPS
zd7`v&jXv|-Qe`~(>Pc~{szfT1T1H<+&}tgHun%|fRycZf6-IdzltopvV}_krGBpHt
zP^;9lP=#BD+tg1Po*;i@c#`|wW_XJFwBczqV_Ds+L^YK?j8wRVow#SXO?}kx1o@KT
zN$f_C;VJ6#hNpRdK8<9iy_|b^B;$Jpj3C2`9&&JTSbILb!dNz6nD#yANOv#BkVPH^
zrm2vFBj`r&RvxmIoO9XS{EVB&ITp#W&l&cS-^#*a-zz$~te4HZ#q6XrvFPxHPW!&s
njbYtrk*((VR8P0>qR4rY+5{Fks`vJBnouv*%`c|@`8KiNXM_t_

literal 0
HcmV?d00001