webui: field and widget binding refactoring

This is a Web UI wide change. Fields and Widgets binding was refactored
to enable proper two-way binding between them. This should allow to have
one source of truth (field) for multiple consumers - widgets or something
else. One of the goal is to have fields and widget implementations
independent on each other. So that one could use a widget without field
or use one field for multiple widgets, etc..

Basically a fields logic was split into separate components:
- adapters
- parsers & formatters
- binder

Adapters
- extract data from data source (FreeIPA RPC command result)
- prepares them for commands.

Parsers
- parse extracted data to format expected by field
- parse widget value to format expected by field

Formatters
- format field value to format suitable for widgets
- format field value to format suitable for adapter

Binder
- is a communication bridge between field and widget
- listens to field's and widget's events and call appropriate methods

Some side benefits:
- better validation reporting in multivalued widget

Reviewed-By: Adam Misnyovszki <amisnyov@redhat.com>

1 files changed, 4 insertions, 3 deletions

diff --git a/install/ui/src/freeipa/certificate.js b/install/ui/src/freeipa/certificate.js
index 7a7ece0e1..c2e229302 100755
--- a/install/ui/src/freeipa/certificate.js
+++ b/install/ui/src/freeipa/certificate.js
@@ -523,6 +523,8 @@ IPA.cert.load_policy = function(spec) {
             method: 'show',
             args: [serial_number],
             on_success: function(data, text_status, xhr) {
+                // copy it so consumers can notice the difference
+                that.container.certificate = lang.clone(that.container.certificate);
                 var cert = that.container.certificate;
                 cert.revocation_reason = data.result.result.revocation_reason;
                 that.notify_loaded();
@@ -914,12 +916,11 @@ IPA.cert.status_field = function(spec) {
 
     that.load = function(result) {
         that.register_listener();
-        that.reset();
+        that.field_load(result);
     };
 
     that.set_certificate = function(certificate) {
-        that.values = certificate;
-        that.reset();
+        that.set_value(certificate);
     };
 
     that.register_listener = function() {