Added multi-valued text widget.

A multi-valued text widget has been created to replace the old
IPA.details_field. The old code was designed to handle all data
types, and it uses one <dd> tag for each value, so the code is
still incomplete and complex. The new code was designed to handle
only multi-valued text attributes, and it uses one <dd> tag for
all values, so it's easier to maintain. There are already other
widgets that can be used to handle other data types.

The new code supports line-level undo and line-out for removal
like the old code, but there are some changes:
 - Undoing a newly added line will remove the entire line.
 - Editing the value of a removed line will cancel the removal.
 - It provides 'undo all' link to reset the entire attribute.

The old code will be cleaned up in a subsequent patch.

1 files changed, 33 insertions, 1 deletions

diff --git a/install/ui/test/widget_tests.js b/install/ui/test/widget_tests.js
index 3d827cdb8..f4281e38f 100644
--- a/install/ui/test/widget_tests.js
+++ b/install/ui/test/widget_tests.js
@@ -67,7 +67,7 @@ function base_widget_test(widget,entity_name, value){
 }
 
 
-function widget_string_test(widget, value){
+function widget_string_test(widget) {
    var value = 'test_title';
     var mock_record = {'title': value};
 
@@ -117,6 +117,31 @@ function text_tests(widget,input){
 
 }
 
+function multivalued_text_tests(widget) {
+
+    var values = ['val1', 'val2', 'val3'];
+
+    var record = {};
+    record[widget.name] = values;
+
+    widget.load(record);
+
+    same(widget.save(), values, "All values loaded");
+    same(widget.is_dirty(), false, "Field initially clean");
+
+    values = ['val1', 'val2', 'val3', 'val4'];
+    widget.add_row('val4');
+
+    same(widget.save(), values, "Value added");
+    same(widget.is_dirty(), true, "Field is dirty");
+
+    values = ['val1', 'val3', 'val4'];
+    widget.remove_row(1);
+
+    same(widget.save(), values, "Value removed");
+    same(widget.is_dirty(), true, "Field is dirty");
+}
+
 test("IPA.table_widget" ,function(){
     var widget = IPA.table_widget({undo:true,name:'users'});
 
@@ -191,6 +216,13 @@ test("Testing text widget.", function() {
 
 });
 
+test("Testing multi-valued text widget.", function() {
+    var widget = IPA.multivalued_text_widget({undo:true,name:'title'});
+    base_widget_test(widget,'user','test_value');
+    widget_string_test(widget);
+    multivalued_text_tests(widget);
+});
+
 test("Testing checkbox widget.", function() {
     var widget = IPA.checkbox_widget({name:'title'});
     base_widget_test(widget,'user','test_value');