diff options
author | Endi Sukma Dewata <edewata@redhat.com> | 2011-12-05 23:25:07 -0600 |
---|---|---|
committer | Endi S. Dewata <edewata@redhat.com> | 2011-12-07 15:33:32 +0000 |
commit | 6ca3b5c569eee394945347e65ee7d9a465524dcb (patch) | |
tree | 619edb3cdf2363fc74caa0903a911597cefa9879 /install/ui | |
parent | 84019af3f12a5c8a908e7ca52a8d678e21184dce (diff) | |
download | freeipa-6ca3b5c569eee394945347e65ee7d9a465524dcb.tar.gz freeipa-6ca3b5c569eee394945347e65ee7d9a465524dcb.tar.xz freeipa-6ca3b5c569eee394945347e65ee7d9a465524dcb.zip |
Fixed CSS for HBAC Test
The tables in HBAC Test have been modified to expand according to
window size. Hard-coded CSS codes have been moved into ipa.css.
Ticket #388
Diffstat (limited to 'install/ui')
-rw-r--r-- | install/ui/hbactest.js | 131 | ||||
-rw-r--r-- | install/ui/ipa.css | 98 |
2 files changed, 186 insertions, 43 deletions
diff --git a/install/ui/hbactest.js b/install/ui/hbactest.js index 7f7030b9c..602cba6f2 100644 --- a/install/ui/hbactest.js +++ b/install/ui/hbactest.js @@ -154,7 +154,7 @@ IPA.hbac.test_facet = function(spec) { that.create_buttons = function(container) { var buttons = $('<div/>', { - style: 'float: right' + 'class': 'hbac-test-navigation-buttons' }).appendTo(container); var facet_group = that.entity.get_facet_group('default'); @@ -233,7 +233,7 @@ IPA.hbac.test_facet = function(spec) { }; that.get_search_command_name = function() { - return that.managed_entity.name + '_find' + (that.pagination ? "_pkeys" : ""); + return that.managed_entity.name + '_find' + (that.pagination ? '_pkeys' : ''); }; that.refresh = function() { @@ -287,10 +287,15 @@ IPA.hbac.test_select_facet = function(spec) { that.create_content = function(container) { - var header = $('<h3/>', { - text: that.label + var header = $('<div/>', { + 'class': 'hbac-test-header' }).appendTo(container); + var title = $('<span/>', { + text: that.label, + 'class': 'hbac-test-title' + }).appendTo(header); + var filter_container = $('<div/>', { 'class': 'search-filter' }).appendTo(header); @@ -318,17 +323,21 @@ IPA.hbac.test_select_facet = function(spec) { header.append(IPA.create_network_spinner()); - var div = $('<div/>', { - style: 'position: relative; height: 200px' + var content = $('<div/>', { + 'class': 'hbac-test-content' }).appendTo(container); - that.table.create(div); - - container.append('<br/>'); + that.table.create(content); var id = that.entity.name+'-'+that.name+'-external'; var pkey_name = that.managed_entity.metadata.primary_key; + var tr = $('<tr/>').appendTo(that.table.tfoot); + + var td = $('<td/>', { + name: 'external' + }).appendTo(tr); + that.external_radio = $('<input/>', { id: id, type: 'radio', @@ -337,25 +346,27 @@ IPA.hbac.test_select_facet = function(spec) { click: function() { that.selected_values = [ that.external_radio.val() ]; } - }).appendTo(container); + }).appendTo(td); $('<label/>', { text: 'Specify external '+that.managed_entity.metadata.label_singular+':', 'for': id - }).appendTo(container); + }).appendTo(td); - container.append(' '); + td.append(' '); that.external_text = $('<input/>', { name: 'external', focus: function() { that.external_radio.click(); } - }).appendTo(container); + }).appendTo(td); - container.append('<br/>'); + var footer = $('<div/>', { + 'class': 'hbac-test-footer' + }).appendTo(container); - that.create_buttons(container); + that.create_buttons(footer); }; that.get_selected_values = function() { @@ -401,12 +412,13 @@ IPA.hbac.test_rules_facet = function(spec) { that.create_content = function(container) { - var header = $('<p/>', { + var header = $('<div/>', { + 'class': 'hbac-test-header' }).appendTo(container); - $('<h3/>', { + var title = $('<span/>', { text: that.label, - style: 'display: inline-block' + 'class': 'hbac-test-title' }).appendTo(header); header.append(' '); @@ -433,15 +445,17 @@ IPA.hbac.test_rules_facet = function(spec) { text: 'Include disabled' }).appendTo(header); - var div = $('<div/>', { - style: 'position: relative; height: 200px' + var content = $('<div/>', { + 'class': 'hbac-test-content' }).appendTo(container); - that.table.create(div); + that.table.create(content); - container.append('<br/>'); + var footer = $('<div/>', { + 'class': 'hbac-test-footer' + }).appendTo(container); - that.create_buttons(container); + that.create_buttons(footer); }; that.get_selected_values = function() { @@ -483,13 +497,17 @@ IPA.hbac.test_run_facet = function(spec) { that.create_content = function(container) { - var action_panel = $('<div/>', { - style: 'border: 1px solid #C9C3BA; padding: 10px' + var header = $('<div/>', { + 'class': 'hbac-test-header' }).appendTo(container); - var action_button = $('<div/>', { - style: 'width: 100px; display: inline-block' - }).appendTo(action_panel); + var top_panel = $('<div/>', { + 'class': 'hbac-test-top-panel' + }).appendTo(header); + + var button_panel = $('<div/>', { + 'class': 'hbac-test-button-panel' + }).appendTo(top_panel); that.run_button = IPA.button({ name: 'run', @@ -500,29 +518,58 @@ IPA.hbac.test_run_facet = function(spec) { } return false; } - }).appendTo(action_button); + }).appendTo(button_panel); - var action_result = $('<div/>', { - style: 'display: inline-block' - }).appendTo(action_panel); + var result_panel = $('<div/>', { + 'class': 'hbac-test-result-panel' + }).appendTo(top_panel); - that.test_result = $('<p/>').appendTo(action_result); + that.test_result = $('<p/>', { + 'class': 'hbac-test-title' + }).appendTo(result_panel); - var header = $('<h3/>', { - text: 'Rules' - }).appendTo(container); + var title = $('<span/>', { + text: 'Rules', + 'class': 'hbac-test-title' + }).appendTo(header); + + header.append(' '); + + that.matched = $('<input/>', { + id: 'hbactest-rules-matched', + type: 'checkbox', + name: 'matched' + }).appendTo(header); + + $('<label/>', { + 'for': 'hbactest-rules-matched', + text: 'Matched' + }).appendTo(header); + + that.unmatched = $('<input/>', { + id: 'hbactest-rules-unmatched', + type: 'checkbox', + name: 'disabled' + }).appendTo(header); + + $('<label/>', { + 'for': 'hbactest-rules-unmatched', + text: 'Unmatched' + }).appendTo(header); - var div = $('<div/>', { - style: 'position: relative; height: 200px' + var content = $('<div/>', { + 'class': 'hbac-test-content' }).appendTo(container); - that.table.create(div); + that.table.create(content); - container.append('<br/>'); + var footer = $('<div/>', { + 'class': 'hbac-test-footer' + }).appendTo(container); var buttons = $('<div/>', { - style: 'float: right' - }).appendTo(container); + 'class': 'hbac-test-navigation-buttons' + }).appendTo(footer); that.back_button = IPA.button({ name: 'back', diff --git a/install/ui/ipa.css b/install/ui/ipa.css index 189539816..714f397df 100644 --- a/install/ui/ipa.css +++ b/install/ui/ipa.css @@ -629,7 +629,7 @@ span.main-nav-off > a:visited { top: 31px; left: 3px; right: 4px; - bottom: 32px; + bottom: 35px; } .search-filter { @@ -1316,4 +1316,100 @@ body.info-page { .dialog-section .section-cell-label .required-indicator { margin-right: 0px; +} + +/* ---- HBAC Test ---- */ + +.hbac-test-header { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 30px; +} + +.hbac-test-content { + position: absolute; + top: 30px; + left: 0; + right: 0; + bottom: 30px; +} + +.hbac-test-footer { + position: absolute; + height: 25px; + left: 0; + right: 0; + bottom: 0; +} + +.hbac-test-title { + font-family: 'Overpass Bold', 'Liberation Sans', Arial, Sans-Serif; + font-size: 1.8em; + color: #3c3c3c; + text-transform: uppercase; + text-shadow: 1px 1px 0 #FFFFFF; + margin: 0; +} + +div.entity[name=hbactest] .content-table tbody { + bottom: 68px; +} + +div.entity[name=hbactest] .content-table tfoot td[name=external] { + background-color: #F6F6F6; + border: 1px solid #DFDFDF; + color: #333333; + height: 30px; + padding: 0 0.5em; + text-align: left; +} + +div.entity[name=hbactest] div.facet[name=run] .hbac-test-header { + height: 100px; +} + +div.entity[name=hbactest] div.facet[name=run] .hbac-test-content { + top: 100px; +} + +.hbac-test-top-panel { + position: relative; + width: 100%; + height: 50px; + margin-bottom: 20px; +} + +.hbac-test-button-panel { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 130px; + padding: 10px; + + border: 1px solid #C9C3BA; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; + background-color: #F6F6F6; +} + +.hbac-test-result-panel { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 151px; + + padding: 10px; + + border: 1px solid #C9C3BA; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: #F6F6F6; +} + +.hbac-test-navigation-buttons { + float: right; }
\ No newline at end of file |