From f0b42ed06000e7c6a8a72bbbdb0673018af8a58b Mon Sep 17 00:00:00 2001
From: Petr Vobornik <pvoborni@redhat.com>
Date: Wed, 6 Nov 2013 15:19:42 +0100
Subject: Facet title status icons

https://fedorahosted.org/freeipa/ticket/3904
---
 install/ui/ipa.css              | 25 +++++++++++++++----------
 install/ui/src/freeipa/facet.js |  8 ++++----
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/install/ui/ipa.css b/install/ui/ipa.css
index fa9886ba2..904d4d5de 100644
--- a/install/ui/ipa.css
+++ b/install/ui/ipa.css
@@ -1448,20 +1448,25 @@ form#login {
 
 .facet-title .header-icon {
     display: none;
-    width: 17px;
-    height: 17px;
+    font-size: 70%;
+    vertical-align: 20%;
+    margin-right: 3px;
+    /* Font awesome style, TODO: use mixin */
+    display: inline-block;
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
-.facet-title.enabled .header-icon {
-    background-image: url(images/ui-icons_222222_256x240.png);
-    background-position: -64px -144px;
-    display: inline-block;
+.facet-title.enabled .header-icon:before {
+    content: "\f00c";
 }
 
-.facet-title.disabled .header-icon {
-    background-image: url(images/ui-icons_bbbbbb_256x240.png);
-    background-position: -64px -128px;
-    display: inline-block;
+.facet-title.disabled .header-icon:before {
+    content: "\f068";
 }
 
 .facet-title.disabled h3,
diff --git a/install/ui/src/freeipa/facet.js b/install/ui/src/freeipa/facet.js
index 44ebfe5af..5127489d2 100644
--- a/install/ui/src/freeipa/facet.js
+++ b/install/ui/src/freeipa/facet.js
@@ -1443,12 +1443,12 @@ exp.facet_title = IPA.facet_title = function(spec) {
             'class': 'facet-title'
         }).appendTo(container);
 
-        that.icon = $('<div />', {
-            'class': 'header-icon'
-        }).appendTo(that.title_container);
-
         var h3 = $('<h3/>').appendTo(that.title_container);
 
+        that.icon = $('<i />', {
+            'class': 'header-icon'
+        }).appendTo(h3);
+
         that.title = $('<span/>').appendTo(h3);
 
         that.pkey = $('<span/>', {
-- 
cgit