diff options
author | Endi S. Dewata <edewata@redhat.com> | 2011-06-22 21:54:28 -0500 |
---|---|---|
committer | Adam Young <ayoung@redhat.com> | 2011-06-23 15:50:55 -0400 |
commit | 975e2bfa2b48c60bba99e2f2e4f106e031230bd3 (patch) | |
tree | 85968b71cf05c678f160405912365e173b5342f9 /install/ui/entity.js | |
parent | c8eb76766afc8755e709cdba62586a8ab1ad65c9 (diff) | |
download | freeipa-975e2bfa2b48c60bba99e2f2e4f106e031230bd3.tar.gz freeipa-975e2bfa2b48c60bba99e2f2e4f106e031230bd3.tar.xz freeipa-975e2bfa2b48c60bba99e2f2e4f106e031230bd3.zip |
Added navigation breadcrumb.
Navigation breadcrumb has been added to the facet header. The
breadcrumb will appear on details, association, and automount
facets.
Ticket #1323
Diffstat (limited to 'install/ui/entity.js')
-rw-r--r-- | install/ui/entity.js | 110 |
1 files changed, 60 insertions, 50 deletions
diff --git a/install/ui/entity.js b/install/ui/entity.js index 6a01652e5..6a1cde38d 100644 --- a/install/ui/entity.js +++ b/install/ui/entity.js @@ -36,8 +36,9 @@ IPA.facet = function (spec) { that.title = spec.title || that.label; that.display_class = spec.display_class; - that.disable_back_link = spec.disable_back_link; + that.disable_breadcrumb = spec.disable_breadcrumb; that.disable_facet_tabs = spec.disable_facet_tabs; + that.back_link_text = spec.back_link_text || IPA.messages.buttons.back_to_list; that.header = spec.header || IPA.facet_header({ facet: that }); @@ -186,6 +187,7 @@ IPA.facet_header = function(spec) { spec = spec || {}; var that = {}; + that.facet = spec.facet; that.select_tab = function() { @@ -203,48 +205,47 @@ IPA.facet_header = function(spec) { that.set_pkey = function(value) { - if (value) { + if (!value) return; + + if (!that.facet.disable_breadcrumb) { var breadcrumb = []; - var current_entity = that.facet.entity.containing_entity; - - while(current_entity){ - breadcrumb.unshift($('<a/>',{ - text:$.bbq.getState(current_entity.name+'-pkey'), - title: current_entity.name, - click: function() { - var entity = IPA.get_entity((this.title)); - IPA.nav.show_page(that.facet.entity.name, 'default'); - $('a', that.facet_tabs).removeClass('selected'); - return false; - } + var entity = that.facet.entity.containing_entity; + + while (entity) { + breadcrumb.unshift($('<a/>', { + text: $.bbq.getState(entity.name+'-pkey'), + title: entity.name, + click: function(entity) { + return function() { + IPA.nav.show_page(entity.name, 'default'); + return false; + }; + }(entity) })); - current_entity = current_entity.containing_entity; + entity = entity.containing_entity; } - that.title_container.empty(); - var h3 = $('<h3/>').appendTo(that.title_container); - - h3.empty(); - h3.append(that.facet.entity.title); - h3.append(': '); - - for (var i = 0; i < breadcrumb.length; i+=1){ - h3.append(breadcrumb[i]); - h3.append(' > '); + that.path.empty(); + for (var i=0; i<breadcrumb.length; i++){ + that.path.append(' » '); + that.path.append(breadcrumb[i]); } - h3.append( - $('<span/>', { - 'class': 'facet-pkey', - text:value - })); - } else { - that.title_container.empty(); - var span = $('<h3/>',{ - text: that.facet.entity.metadata.label - }).appendTo(that.title_container); + + that.path.append(' » '); + that.path.append(value); } + + that.title_container.empty(); + var h3 = $('<h3/>').appendTo(that.title_container); + h3.append(that.facet.entity.title); + h3.append(': '); + + $('<span/>', { + 'class': 'facet-pkey', + text: value + }).appendTo(h3); }; that.create_facet_link = function(container, other_facet) { @@ -293,35 +294,44 @@ IPA.facet_header = function(spec) { that.create = function(container) { - that.title_container = $('<div/>', { - 'class': 'facet-title' - }).appendTo(container); - - that.set_pkey(null); + if (!that.facet.disable_breadcrumb) { + that.breadcrumb = $('<div/>', { + 'class': 'breadcrumb' + }).appendTo(container); - if (!that.facet.disable_back_link) { that.back_link = $('<span/>', { - 'class': 'back-link', - click: function() { - if ($(this).hasClass('entity-facet-disabled')) { - return false; - } + 'class': 'back-link' + }).appendTo(that.breadcrumb); + that.back_link.append('« '); + + $('<a/>', { + text: that.facet.back_link_text, + click: function() { var current_entity = that.facet.entity; while(current_entity.containing_entity){ current_entity = current_entity.containing_entity; } IPA.nav.show_page(current_entity.name, 'search'); - $('a', that.facet_tabs).removeClass('selected'); return false; } - }).appendTo(container); + }).appendTo(that.back_link); - that.back_link.append('<span class="ipa-icon">◀</span> '); - that.back_link.append(IPA.messages.buttons.back_to_list); + + that.path = $('<span/>', { + 'class': 'path' + }).appendTo(that.breadcrumb); } + that.title_container = $('<div/>', { + 'class': 'facet-title' + }).appendTo(container); + + var span = $('<h3/>', { + text: that.facet.entity.metadata.label + }).appendTo(that.title_container); + if (!that.facet.disable_facet_tabs) { that.facet_tabs = $('<div/>', { 'class': 'facet-tabs' |