From 1d5bd351d9dc10e265cb1ae6b81851b3a68f87c9 Mon Sep 17 00:00:00 2001
From: davidepastore <pasdavide@gmail.com>
Date: Fri, 29 Aug 2014 20:15:06 +0200
Subject: [PATCH] Add update option.

---
 listgroup.js | 61 ++++++++++++++++++++++++++++++++++++----------------
 test/test.js | 17 +++++++++++++++
 2 files changed, 60 insertions(+), 18 deletions(-)

diff --git a/listgroup.js b/listgroup.js
index e981966..e811e78 100644
--- a/listgroup.js
+++ b/listgroup.js
@@ -116,23 +116,7 @@
         if ($select.attr('multiple'))
             $listGroup.attr('data-toggle', 'items');
 
-        $select.find('option').each(function (i, item) {
-            var $item = $(item);
-    
-            var $new = $('<a>')
-                        .attr('href', '#')
-                        .addClass('list-group-item')
-                        .attr('data-value', $item.val())
-                        .text($item.text());
-
-            if ($item.is(':disabled'))
-                $new.addClass('disabled');
-
-            if ($item.css('display') === 'none')
-                $new.addClass('hidden');
-
-            $listGroup.append($new);
-        });
+        this.duplicateOptions($select, $listGroup);
 
         $select.change(function () {
             $listGroup.listgroup({
@@ -160,6 +144,45 @@
 
         return $listGroup;
     };
+    
+	/**
+	 * Update the listgroup. It is useful when you update the select element and you want to copy the options
+	 * in the listgroup.
+	 */
+    SelectList.prototype.update = function() {
+    	var $select = this.$element;
+    	
+    	//Remove old values
+    	var $listGroup = this.$element.data('listgroup').$listGroup;
+    	$listGroup.empty();
+    	
+    	this.duplicateOptions($select, $listGroup);
+    }
+    
+    /**
+     * Duplicates the options from the select element to the listgroup.
+     * @param $select The jQuery select object.
+     * @param $listGroup The jQuery listgroup object.
+     */
+    SelectList.prototype.duplicateOptions = function($select, $listGroup) {
+    	$select.find('option').each(function (i, item) {
+            var $item = $(item);
+    
+            var $new = $('<a>')
+                        .attr('href', '#')
+                        .addClass('list-group-item')
+                        .attr('data-value', $item.val())
+                        .text($item.text());
+
+            if ($item.is(':disabled'))
+                $new.addClass('disabled');
+
+            if ($item.css('display') === 'none')
+                $new.addClass('hidden');
+
+            $listGroup.append($new);
+        });
+    }
 
     
     // LIST GROUP PLUGIN DEFINITION
@@ -175,12 +198,14 @@
                     : new ListGroup(element, option)));
 
             if (option) {
-
                 if (option.unselect)
                     list.unselect(option.unselect);
 
                 if (option.select)
                     list.select(option.select);
+                
+                if (option == "update")
+                	list.update();
             }
         });
     };
diff --git a/test/test.js b/test/test.js
index 97a8e48..3bb88ba 100644
--- a/test/test.js
+++ b/test/test.js
@@ -232,4 +232,21 @@
 
         equal($listgroup.find('.list-group-item.active').length, 0, 'all item are unselected')
     })
+	
+    test('should update listgroup after select is updated and the update option is called', function () {
+        var $select = $('<select>_</select>')
+                        .append('<option value="1" selected>foo</option>')
+                        .append('<option value="2" selected>foo</option>')
+                        .listgroup()
+
+        var $listgroup = $select.siblings('.list-group')
+        
+        $select.empty();
+        
+        $select.append('<option value="3" >foo</option>');
+        
+        $select.listgroup('update');
+        
+        equal($listgroup.find('.list-group-item').length, 1, 'items are updated')
+    })
 })