1 files changed, 124 insertions, 0 deletions
diff --git a/dev/jquery.jtable.record-actions.js b/dev/jquery.jtable.record-actions.js
new file mode 100644
index 0000000..bc317ca
--- /dev/null
+++ b/dev/jquery.jtable.record-actions.js
@@ -0,0 +1,124 @@
+/************************************************************************
+* RECORD-ACTIONS extension for jTable                                          *
+*************************************************************************/
+(function ($) {
+
+    //Reference to base object members
+    var base = {
+        _onRecordsLoaded: $.hik.jtable.prototype._onRecordsLoaded
+    };
+
+    //extension members
+    $.extend(true, $.hik.jtable.prototype, {
+
+        /************************************************************************
+        * OVERRIDED METHODS                                                     *
+        *************************************************************************/
+
+        /* Overrides base method to handle dropdown menu overflow.
+        *************************************************************************/
+        _onRecordsLoaded: function () {
+            base._onRecordsLoaded.apply(this, arguments);
+
+            var self = this;
+            self._$tableBody.find('div.dropdown').on('show.bs.dropdown', function (e) {
+                    var $this = $(this);
+
+                    if (!$this.data('_tether')) {
+                        var $dropdownButton = $this.find('.dropdown-toggle');
+                        var $dropdownMenu = $this.find('.dropdown-menu');
+
+                        $dropdownMenu.css({
+                            'display': 'block'
+                        });
+
+                        $this.data('_tether', new Tether({
+                            element: $dropdownMenu[0],
+                            target: $dropdownButton[0],
+                            attachment: 'top left',
+                            targetAttachment: 'bottom left',
+                            constraints: [{
+                                to: 'window',
+                                attachment: 'together',
+                                pin: true
+                            }]
+                        }));
+                    }
+
+                    var $dropdownMenu = $($this.data('_tether').element);
+                    $dropdownMenu.css({
+                        'display': 'block'
+                    });
+                }).on('hidden.bs.dropdown', function (e) {
+                    var $this = $(this);
+                    var $dropdownMenu = $($this.data('_tether').element);
+                    $dropdownMenu.css({
+                        'display': 'none'
+                    });
+                });
+        },
+
+        /************************************************************************
+        * PRIVATE METHODS                                                       *
+        *************************************************************************/
+
+        /* Builds the sorting array according to defaultSorting string
+        *************************************************************************/
+        _createRecordActionsDropdown: function(record, field){
+            var self = this;
+            var $dropdownContainer = $('<div></div>')
+                                        .addClass('btn-group')
+                                        .addClass('dropdown');
+    
+            var $dropdownButton = $('<button></button>')
+                                        .html(field.text)
+                                        .addClass('dropdown-toggle')
+                                        .attr('data-toggle','dropdown')
+                                        .attr('aria-haspopup','true')
+                                        .attr('aria-expanded','true');
+                                        
+            if(field.cssClass){
+                $dropdownButton.addClass(field.cssClass);
+            }
+
+            var $dropdownItemsContainer = $('<ul></ul>').addClass('dropdown-menu');
+            for (var i = 0; i < field.items.length; i++) {
+                var fieldItem = field.items[i];
+                
+                if(fieldItem.visibility && !fieldItem.visibility(record)){
+                    continue;    
+                }
+
+                var $dropdownItem = self._createDropdownItem(record, field.items[i]);
+                $dropdownItem.appendTo($dropdownItemsContainer);
+            }
+
+            if($dropdownItemsContainer.find('li').length > 0){
+                $dropdownItemsContainer.appendTo($dropdownContainer);
+                $dropdownButton.appendTo($dropdownContainer);
+            }
+            
+            return $dropdownContainer;
+        },
+
+        _createDropdownItem: function(record, item){
+            var $li = $('<li></li>');
+            var $a = $('<a></a>');
+
+            if(item.text){
+                $a.html(item.text);
+            }
+
+            if(item.action){
+                $a.click(function(){
+                    item.action(record);
+                });
+            }
+
+            $a.appendTo($li);
+            return $li;
+        }
+
+    });
+
+})(jQuery);
+\ No newline at end of file