diff options
author | Endi S. Dewata <edewata@redhat.com> | 2011-02-03 21:42:50 -0600 |
---|---|---|
committer | Adam Young <ayoung@redhat.com> | 2011-02-07 11:31:17 -0500 |
commit | 348d734c59432a740b52924ac18ff47b30dad54e (patch) | |
tree | 7ed5d13f7a8f16dce89e6889366f9b661ef41cf1 /install/ui/service.js | |
parent | a6849ef2ba5611ac44b612b2c0552c685b22aa3a (diff) | |
download | freeipa-348d734c59432a740b52924ac18ff47b30dad54e.tar.gz freeipa-348d734c59432a740b52924ac18ff47b30dad54e.tar.xz freeipa-348d734c59432a740b52924ac18ff47b30dad54e.zip |
Restructuring details page.
Previously the IPA.details_list_section can only be used with widgets
that generates <dd> tag because it uses the following structure:
<dl>
<dt>Telephone Number:</dt>
<span name="teleponenumber">
<dd>111-1111</dd>
<dd>222-2222</dd>
</span>
</dl>
The <dd> tag was previously used to handle multi-valued attributes.
Since multi-valued attributes are now handled by the recently added
IPA.multivalued_text_widget, the structure can be changed as follows:
<dl>
<dt>Telephone Number:</dt>
<dd>
<span name="telephonenumber">
<div>111-1111</div>
<div>222-2222</div>
</span>
</dd>
</dl>
This allows IPA.details_list_section to be used with any widgets
without requiring the <dd> tag.
Diffstat (limited to 'install/ui/service.js')
-rw-r--r-- | install/ui/service.js | 81 |
1 files changed, 44 insertions, 37 deletions
diff --git a/install/ui/service.js b/install/ui/service.js index daa38b2b..53a44440 100644 --- a/install/ui/service.js +++ b/install/ui/service.js @@ -135,19 +135,19 @@ IPA.service_details_facet = function (spec) { name: 'details', label: 'Service Settings' }). - input({ - name: 'krbprincipalname' - }). - input({ - name: 'service', - label: 'Service', - load: service_service_load - }). - input({ - name: 'host', - label: 'Host Name', - load: service_host_load - })). + input({ + name: 'krbprincipalname' + }). + custom_input(IPA.service_name_widget({ + name: 'service', + label: 'Service', + read_only: true + })). + custom_input(IPA.service_host_widget({ + name: 'host', + label: 'Host Name', + read_only: true + }))). section( IPA.stanza({ name: 'provisioning', @@ -171,34 +171,45 @@ IPA.service_details_facet = function (spec) { return that; }; +IPA.service_name_widget = function(spec) { -function service_service_load(result) { + spec = spec || {}; - var that = this; + var that = IPA.text_widget(spec); - $('dd', that.container).remove(); + that.load = function(record) { - var dd = IPA.create_first_dd(this.name); - dd.appendTo(that.container); + that.text_load(record); - var krbprincipalname = result['krbprincipalname'][0]; - var service = krbprincipalname.replace(/\/.*$/, ''); - dd.append(service); -} + var krbprincipalname = record['krbprincipalname'][0]; + var value = krbprincipalname.replace(/\/.*$/, ''); + that.values = [value]; -function service_host_load(result) { + that.reset(); + }; - var that = this; + return that; +}; - $('dd', that.container).remove(); +IPA.service_host_widget = function(spec) { - var dd = IPA.create_first_dd(this.name); - dd.appendTo(that.container); + spec = spec || {}; - var krbprincipalname = result['krbprincipalname'][0]; - var host = krbprincipalname.replace(/^.*\//, '').replace(/@.*$/, ''); - dd.append(host); -} + var that = IPA.text_widget(spec); + + that.load = function(record) { + + that.text_load(record); + + var krbprincipalname = record['krbprincipalname'][0]; + var value = krbprincipalname.replace(/^.*\//, '').replace(/@.*$/, ''); + that.values = [value]; + + that.reset(); + }; + + return that; +}; function service_provisioning_status_widget(spec) { @@ -211,13 +222,9 @@ function service_provisioning_status_widget(spec) { that.widget_create(container); - var dd = $('<dd/>', { - 'class': 'first' - }).appendTo(container); - var div = $('<div/>', { 'class': 'kerberos-key-valid' - }).appendTo(dd); + }).appendTo(container); $('<img/>', { src: 'check.png', @@ -241,7 +248,7 @@ function service_provisioning_status_widget(spec) { div = $('<div/>', { name: 'kerberos-key-missing' - }).appendTo(dd); + }).appendTo(container); $('<img/>', { src: 'caution.png', |