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, 11 insertions, 2 deletions

diff --git a/install/ui/src/freeipa/details.js b/install/ui/src/freeipa/details.js
index 8b3eddb1f..279b76a1a 100644
--- a/install/ui/src/freeipa/details.js
+++ b/install/ui/src/freeipa/details.js
@@ -591,6 +591,15 @@ exp.details_facet = IPA.details_facet = function(spec, no_init) {
     that.dirty_changed = IPA.observer();
 
     /**
+     * Get field
+     * @param {string} name Field name
+     * @returns {IPA.field}
+     */
+    that.get_field = function(name) {
+        return that.fields.get_field(name);
+    };
+
+    /**
      * @inheritDoc
      */
     that.create = function(container) {
@@ -685,7 +694,7 @@ exp.details_facet = IPA.details_facet = function(spec, no_init) {
     that.is_dirty = function() {
         var fields = that.fields.get_fields();
         for (var i=0; i<fields.length; i++) {
-            if (fields[i].enabled && fields[i].is_dirty()) {
+            if (fields[i].enabled && fields[i].dirty) {
                 return true;
             }
         }
@@ -741,7 +750,7 @@ exp.details_facet = IPA.details_facet = function(spec, no_init) {
         for (var i=0; i<fields.length; i++) {
             var field = fields[i];
 
-            if (!field.enabled || only_dirty && !field.is_dirty()) continue;
+            if (!field.enabled || only_dirty && !field.dirty) continue;
 
             var values = field.save();
             if (require_value && !values) continue;