From f92c831a323f0e32d8bb2c2c0623fcaa2f273bd7 Mon Sep 17 00:00:00 2001
From: Adam Young <ayoung@redhat.com>
Date: Fri, 14 Jan 2011 14:25:47 -0500
Subject: arrow icons Use Unicode characters for the arrow icons

---
 install/static/entity.js | 24 +++++++++++++-----------
 install/static/ipa.css   |  6 +++++-
 2 files changed, 18 insertions(+), 12 deletions(-)

(limited to 'install')

diff --git a/install/static/entity.js b/install/static/entity.js
index 908263a26..b980c9569 100644
--- a/install/static/entity.js
+++ b/install/static/entity.js
@@ -448,6 +448,8 @@ IPA.nested_tabs = function(entity_name){
     return siblings;
 };
 
+IPA.selected_icon = '&#x25B6; ';
+IPA.back_icon = '&#x25C0; ';
 
 IPA. facet_create_action_panel = function(container) {
 
@@ -502,6 +504,7 @@ IPA. facet_create_action_panel = function(container) {
             if (entity.facets.length > 0 ){
                 if ( entity.facets[0].name === IPA.current_facet( entity)){
                     main_facet.text( IPA.metadata[entity_name].label);
+                    main_facet.removeClass('back-to-search');
                     main_facet.appendTo(ul);
                     ul.append($('<li><span class="action-controls"/></li>'));
                 }else{
@@ -509,11 +512,8 @@ IPA. facet_create_action_panel = function(container) {
                         $('<span />',{
                             "class":"input_link" 
                         }).
-                            append(
-                                $('<span/>',{
-                                    "class":"ui-icon ui-icon-triangle-1-w "
-                                })).
-                            append('Back to List '));
+                            append(IPA.back_icon + '  Back to List '));
+                    main_facet.addClass('back-to-search');
                     main_facet.appendTo(ul);
                 }
             }
@@ -540,7 +540,7 @@ IPA. facet_create_action_panel = function(container) {
                     li.after(link );
                     /*
                       If we are on the current facet, we make the text black, non-clickable,
-                      add an icon and make suer the action controls are positioned underneath it.
+                      add an icon and make sure the action controls are positioned underneath it.
                      */
                     if ( other_facet.name === IPA.current_facet( entity)){
                         var text = link.text();
@@ -548,10 +548,8 @@ IPA. facet_create_action_panel = function(container) {
                         link.append($('<ul>').
                                     append($('<li />',{
                                         'class': 'entity-facet-selected',
-                                        html:  $('<span />',{
-                                            'class':'input_link',
-                                            html:'<span class="ui-icon ui-icon-triangle-1-e" />'+ text
-                                        })})).
+                                        html:  IPA.selected_icon +  text
+                                        })).
                                     append($('<li/>',{
                                         html:$('<span />',{
                                             'class':"action-controls"
@@ -561,8 +559,12 @@ IPA. facet_create_action_panel = function(container) {
                     facet_groups[facet_group] = li.next();
                 } else {
                     var innerlist = $('<ul/>').appendTo(ul);
-                    innerlist.append(build_link(other_facet, other_facet.label));
+                    var facet_link = build_link(other_facet, other_facet.label);
+                    facet_link.addClass('entity-facet-selected');
+                    facet_link.prepend(IPA.selected_icon);
+                    innerlist.append(facet_link);
                     if ( other_facet.name === IPA.current_facet( entity)){
+
                         innerlist.append($('<li class="entity-facet"><span class="action-controls"  /></li>'));
                     }
                 }
diff --git a/install/static/ipa.css b/install/static/ipa.css
index cdeb4045e..0b64203e6 100644
--- a/install/static/ipa.css
+++ b/install/static/ipa.css
@@ -13,7 +13,7 @@
 
 body{
     background-image:url('outer-bg.png');
-    background-repeat:repeat-x; 
+    background-repeat:repeat-x;
     background-position:left top;
     background-color:#F9F9F9;
     border-width: 0;
@@ -485,6 +485,10 @@ span.main-separator{
     font-size: 1.2em;
 }
 
+.action-panel li.back-to-search {
+    margin-left: -1.5em;
+}
+
 .action-panel li.entity-facet {
     font-family: "Liberation Sans",Arial,sans-serif;
     color: #1d85d5;
-- 
cgit