@atlassian/aui 9.3.21 → 9.3.23

package/src/js/aui/restful-table.js

@@ -13,12 +13,12 @@ import CustomReadView from './restful-table/custom-read-view';
 import dataKeys from './restful-table/data-keys';
 import EditRow from './restful-table/edit-row';
 import EntryModel from './restful-table/entry-model';
-import {triggerEvtForInst} from './restful-table/event-handlers';
+import { triggerEvtForInst } from './restful-table/event-handlers';
 import events from './restful-table/event-names';
 import globalize from './internal/globalize';
 import Row from './restful-table/row';
 import { I18n } from './i18n';
-import {spinner} from './restful-table/spinner';
+import { spinner } from './restful-table/spinner';
 
 /**
  * A table whose entries/rows can be retrieved, added and updated via REST (CRUD).
@@ -84,15 +84,26 @@ var RestfulTable = Backbone.View.extend({
         this.$tbody = $('<tbody/>');
 
         if (!this.$table.length) {
-            throw new Error('RestfulTable: Init failed! The table you have specified [' + this.$table.selector + '] cannot be found.');
+            throw new Error(
+                'RestfulTable: Init failed! The table you have specified [' +
+                    this.$table.selector +
+                    '] cannot be found.'
+            );
         }
 
         if (!this.options.columns) {
-            throw new Error("RestfulTable: Init failed! You haven't provided any columns to render.");
+            throw new Error(
+                "RestfulTable: Init failed! You haven't provided any columns to render."
+            );
         }
 
-        if (this.options.deleteConfirmationCallback && !(this.options.deleteConfirmationCallback instanceof Function)) {
-            throw new Error('RestfulTable: Init failed! deleteConfirmationCallback is not a function');
+        if (
+            this.options.deleteConfirmationCallback &&
+            !(this.options.deleteConfirmationCallback instanceof Function)
+        ) {
+            throw new Error(
+                'RestfulTable: Init failed! deleteConfirmationCallback is not a function'
+            );
         }
 
         // Let user know the table is loading
@@ -100,7 +111,11 @@ var RestfulTable = Backbone.View.extend({
         this.options.columns.forEach(function (column) {
             var header = $.isFunction(column.header) ? column.header() : column.header;
             if (typeof header === 'undefined') {
-                logger.warn('You have not specified [header] for column [' + column.id + ']. Using id for now...');
+                logger.warn(
+                    'You have not specified [header] for column [' +
+                        column.id +
+                        ']. Using id for now...'
+                );
                 header = column.id;
             }
 
@@ -134,7 +149,9 @@ var RestfulTable = Backbone.View.extend({
             this.$tbody.sortable({
                 handle: '.' + this.classNames.DRAG_HANDLE,
                 helper: function (e, elt) {
-                    var helper = $('<div/>').attr('class', elt.attr('class')).addClass(instance.classNames.MOVEABLE);
+                    var helper = $('<div/>')
+                        .attr('class', elt.attr('class'))
+                        .addClass(instance.classNames.MOVEABLE);
                     elt.children().each(function () {
                         var $td = $(this);
 
@@ -144,11 +161,16 @@ var RestfulTable = Backbone.View.extend({
                         var borderRight = parseInt(0 + $td.css('border-right-width'), 10);
                         var width = $td[0].clientWidth + borderLeft + borderRight;
 
-                        helper.append($('<div/>').html($td.html()).attr('class', $td.attr('class')).width(width));
+                        helper.append(
+                            $('<div/>')
+                                .html($td.html())
+                                .attr('class', $td.attr('class'))
+                                .width(width)
+                        );
                     });
 
                     helper = $("<div class='aui-restfultable-readonly'/>").append(helper); // Basically just to get the styles.
-                    helper.css({left: elt.offset().left}); // To align with the other table rows, since we've locked scrolling on x.
+                    helper.css({ left: elt.offset().left }); // To align with the other table rows, since we've locked scrolling on x.
                     helper.appendTo(document.body);
 
                     return helper;
@@ -160,7 +182,8 @@ var RestfulTable = Backbone.View.extend({
                     // Make sure that when we start dragging widths do not change
                     ui.item
                         .addClass(instance.classNames.MOVEABLE)
-                        .children().each(function (i) {
+                        .children()
+                        .each(function (i) {
                             $(this).width($this.eq(i).width());
                         });
 
@@ -169,7 +192,7 @@ var RestfulTable = Backbone.View.extend({
 
                     ui.placeholder.html(td).css({
                         height: cachedHeight,
-                        visibility: 'visible'
+                        visibility: 'visible',
                     });
 
                     // Stop hover effects etc from occuring as we move the mouse (while dragging) over other rows
@@ -179,7 +202,8 @@ var RestfulTable = Backbone.View.extend({
                     if ($(ui.item[0]).is(':visible')) {
                         ui.item
                             .removeClass(instance.classNames.MOVEABLE)
-                            .children().attr('style', '');
+                            .children()
+                            .attr('style', '');
 
                         ui.placeholder.removeClass(instance.classNames.ROW);
 
@@ -192,7 +216,7 @@ var RestfulTable = Backbone.View.extend({
                         row: instance.getRowFromElement(ui.item[0]),
                         item: ui.item,
                         nextItem: ui.item.next(),
-                        prevItem: ui.item.prev()
+                        prevItem: ui.item.prev(),
                     };
 
                     instance.move(context);
@@ -202,7 +226,7 @@ var RestfulTable = Backbone.View.extend({
                 containment: 'document',
                 cursor: 'move',
                 scroll: true,
-                zIndex: 8000
+                zIndex: 8000,
             });
 
             // Prevent text selection while reordering.
@@ -212,7 +236,6 @@ var RestfulTable = Backbone.View.extend({
         }
 
         if (this.options.allowCreate !== false) {
-
             // Create row responsible for adding new entries ...
             this._createRow = new this.options.views.editRow({
                 columns: this.options.columns,
@@ -220,16 +243,19 @@ var RestfulTable = Backbone.View.extend({
                 model: this.options.model.extend({
                     url: function () {
                         return instance.options.resources.self;
-                    }
+                    },
                 }),
                 cancelAccessKey: this.options.cancelAccessKey,
                 submitAccessKey: this.options.submitAccessKey,
                 allowReorder: this.options.allowReorder,
-                fieldFocusSelector: this.options.fieldFocusSelector
+                fieldFocusSelector: this.options.fieldFocusSelector,
             });
             this._createRow.on(this._event.CREATED, function (values) {
-                if ((typeof instance.options.addPosition === 'undefined' && instance.options.createPosition === 'bottom') ||
-                        instance.options.addPosition === 'bottom') {
+                if (
+                    (typeof instance.options.addPosition === 'undefined' &&
+                        instance.options.createPosition === 'bottom') ||
+                    instance.options.addPosition === 'bottom'
+                ) {
                     instance.addRow(values);
                 } else {
                     instance.addRow(values, 0);
@@ -240,12 +266,13 @@ var RestfulTable = Backbone.View.extend({
             });
             this._createRow.render({
                 errors: {},
-                values: {}
+                values: {},
             });
 
             // ... and appends it as the first row
-            this.$create = $('<tbody class="' + this.classNames.CREATE + '" />')
-                .append(this._createRow.el);
+            this.$create = $('<tbody class="' + this.classNames.CREATE + '" />').append(
+                this._createRow.el
+            );
 
             // Manage which row has focus
             this._applyFocusCoordinator(this._createRow);
@@ -285,25 +312,25 @@ var RestfulTable = Backbone.View.extend({
     },
 
     move: function (context) {
-
         var instance = this;
 
         var createRequest = function (afterElement) {
             if (!afterElement.length) {
                 return {
-                    position: 'First'
+                    position: 'First',
                 };
             } else {
                 var afterModel = instance.getRowFromElement(afterElement).model;
                 return {
-                    after: afterModel.url()
+                    after: afterModel.url(),
                 };
             }
         };
 
         if (context.row) {
-
-            var data = instance.options.reverseOrder ? createRequest(context.nextItem) : createRequest(context.prevItem);
+            var data = instance.options.reverseOrder
+                ? createRequest(context.nextItem)
+                : createRequest(context.prevItem);
 
             $.ajax({
                 url: context.row.model.url() + '/move',
@@ -320,8 +347,12 @@ var RestfulTable = Backbone.View.extend({
                 },
                 error: function (xhr) {
                     var responseData = $.parseJSON(xhr.responseText || xhr.data);
-                    triggerEvtForInst(instance._event.SERVER_ERROR, instance, [responseData, xhr, this]);
-                }
+                    triggerEvtForInst(instance._event.SERVER_ERROR, instance, [
+                        responseData,
+                        xhr,
+                        this,
+                    ]);
+                },
             });
 
             // shows loading indicator (spinner)
@@ -354,7 +385,7 @@ var RestfulTable = Backbone.View.extend({
                 Backbone.Collection.prototype.remove.apply(this, args);
                 this.tableRows = undefined;
                 return this;
-            }
+            },
         });
 
         return new RowsAwareCollection([], {
@@ -362,7 +393,8 @@ var RestfulTable = Backbone.View.extend({
                 // sort models in collection based on dom ordering
                 var index;
 
-                var currentTableRows = (this && this.tableRows !== undefined) ? this.tableRows : instance.getRows();
+                var currentTableRows =
+                    this && this.tableRows !== undefined ? this.tableRows : instance.getRows();
                 currentTableRows.some(function (item, i) {
                     if (item.model.id === row.id) {
                         index = i;
@@ -370,7 +402,7 @@ var RestfulTable = Backbone.View.extend({
                     }
                 });
                 return index;
-            }
+            },
         });
     },
 
@@ -387,7 +419,7 @@ var RestfulTable = Backbone.View.extend({
         this.hideGlobalLoading();
         if (entries && entries.length) {
             // Empty the models collection
-            this._models.reset([], {silent: true});
+            this._models.reset([], { silent: true });
             // Add all the entries to collection and render them
             this.renderRows(entries);
             // show message to user if we have no entries
@@ -399,16 +431,12 @@ var RestfulTable = Backbone.View.extend({
         }
 
         // Ok, lets let everyone know that we are done...
-        this.$table
-            .append(this.$thead);
+        this.$table.append(this.$thead);
 
         if (this.options.createPosition === 'bottom') {
-            this.$table.append(this.$tbody)
-                .append(this.$create);
+            this.$table.append(this.$tbody).append(this.$create);
         } else {
-            this.$table
-                .append(this.$create)
-                .append(this.$tbody);
+            this.$table.append(this.$create).append(this.$tbody);
         }
 
         this.$table.trigger(this._event.INITIALIZED, [this]);
@@ -427,8 +455,13 @@ var RestfulTable = Backbone.View.extend({
      */
     showGlobalLoading: function () {
         if (!this.$loading) {
-            this.$loading =  $('<div class="aui-restfultable-init">' +
-                '<span class="aui-restfultable-loading">' + spinner + this.options.loadingMsg + '</span></div>');
+            this.$loading = $(
+                '<div class="aui-restfultable-init">' +
+                    '<span class="aui-restfultable-loading">' +
+                    spinner +
+                    this.options.loadingMsg +
+                    '</span></div>'
+            );
         }
 
         if (!this.$loading.is(':visible')) {
@@ -449,7 +482,6 @@ var RestfulTable = Backbone.View.extend({
         return this;
     },
 
-
     /**
      * Adds row to collection and renders it
      *
@@ -462,14 +494,16 @@ var RestfulTable = Backbone.View.extend({
         var model;
 
         if (!values.id) {
-            throw new Error('RestfulTable.addRow: to add a row values object must contain an id. ' +
-                'Maybe you are not returning it from your restend point?' +
-                'Recieved:' + JSON.stringify(values));
+            throw new Error(
+                'RestfulTable.addRow: to add a row values object must contain an id. ' +
+                    'Maybe you are not returning it from your restend point?' +
+                    'Recieved:' +
+                    JSON.stringify(values)
+            );
         }
 
         model = new this.options.model(values);
 
-
         view = this._renderRow(model, index);
 
         this._models.add(model);
@@ -574,16 +608,14 @@ var RestfulTable = Backbone.View.extend({
      * @return {RestfulTable}
      */
     showNoEntriesMsg: function () {
-
         if (this.$noEntries) {
             this.$noEntries.remove();
         }
 
         this.$noEntries = $('<tr>')
             .addClass(this.classNames.NO_ENTRIES)
-            .append($('<td>')
-                .attr('colspan', this.getColumnCount())
-                .text(this.options.noEntriesMsg)
+            .append(
+                $('<td>').attr('colspan', this.getColumnCount()).text(this.options.noEntriesMsg)
             )
             .appendTo(this.$tbody);
 
@@ -643,7 +675,7 @@ var RestfulTable = Backbone.View.extend({
             allowEdit: this.options.allowEdit,
             allowDelete: this.options.allowDelete,
             allowReorder: this.options.allowReorder,
-            deleteConfirmationCallback: this.options.deleteConfirmationCallback
+            deleteConfirmationCallback: this.options.deleteConfirmationCallback,
         });
 
         this.removeNoEntriesMsg();
@@ -656,7 +688,6 @@ var RestfulTable = Backbone.View.extend({
         $row = view.render().$el;
 
         if (index !== -1) {
-
             if (typeof index === 'number' && $rows.length !== 0) {
                 $row.insertBefore($rows[index]);
             } else {
@@ -706,7 +737,6 @@ var RestfulTable = Backbone.View.extend({
      * @return {Boolean}
      */
     isRowBeingEdited: function (row) {
-
         var isBeingEdited = false;
 
         this.editRows.some(function (editRow) {
@@ -764,7 +794,6 @@ var RestfulTable = Backbone.View.extend({
      * @return {RestfulTable}
      */
     _shiftFocusAfterEdit: function () {
-
         if (this.editRows.length > 0) {
             this.editRows[this.editRows.length - 1].trigger(this._event.FOCUS);
         } else if (this._createRow) {
@@ -812,18 +841,19 @@ var RestfulTable = Backbone.View.extend({
             fieldFocusSelector: this.options.fieldFocusSelector,
             model: row.model,
             cancelAccessKey: this.options.cancelAccessKey,
-            submitAccessKey: this.options.submitAccessKey
+            submitAccessKey: this.options.submitAccessKey,
         });
         var values = row.model.toJSON();
 
         values.update = true;
-        editRow.render({
-            errors: {},
-            update: true,
-            values: values
-        })
+        editRow
+            .render({
+                errors: {},
+                update: true,
+                values: values,
+            })
             .on(instance._event.UPDATED, function (model, focusUpdated) {
-                instance._removeEditRow (this);
+                instance._removeEditRow(this);
                 this.off();
                 row.render().delegateEvents(); // render and rebind events
                 row.trigger(instance._event.UPDATED); // trigger blur fade out
@@ -837,18 +867,18 @@ var RestfulTable = Backbone.View.extend({
             .on(instance._event.FINISHED_EDITING, function () {
                 instance._removeEditRow(this);
                 row.render().delegateEvents();
-                this.off();  // avoid any other updating, blurring, finished editing, cancel events being fired
+                this.off(); // avoid any other updating, blurring, finished editing, cancel events being fired
             })
             .on(instance._event.CANCEL, function () {
                 instance._removeEditRow(this);
-                this.off();  // avoid any other updating, blurring, finished editing, cancel events being fired
+                this.off(); // avoid any other updating, blurring, finished editing, cancel events being fired
                 row.render().delegateEvents(); // render and re` events
                 instance._shiftFocusAfterEdit();
             })
             .on(instance._event.BLUR, function () {
                 instance.dismissEditRows(); // dismiss edit rows that have no changes
                 if (instance._saveEditRowOnBlur()) {
-                    this.trigger(instance._event.SAVE, false);  // save row, which if successful will call the updated event above
+                    this.trigger(instance._event.SAVE, false); // save row, which if successful will call the updated event above
                 }
             });
 
@@ -868,7 +898,6 @@ var RestfulTable = Backbone.View.extend({
         return editRow;
     },
 
-
     /**
      * Renders all specified rows
      *
@@ -887,7 +916,7 @@ var RestfulTable = Backbone.View.extend({
             return model;
         });
 
-        this._models.add(models, {silent: true});
+        this._models.add(models, { silent: true });
         this._models.comparator = comparator;
         this.removeNoEntriesMsg();
         this.$tbody.append(els);
@@ -906,19 +935,19 @@ var RestfulTable = Backbone.View.extend({
             allowEdit: true,
             views: {
                 editRow: EditRow,
-                row: Row
+                row: Row,
             },
             Collection: Backbone.Collection.extend({
                 url: options.resources.self,
-                model: options.model || EntryModel
+                model: options.model || EntryModel,
             }),
             allowReorder: false,
             fieldFocusSelector: function (name) {
                 return ':input[name=' + name + '], #' + name;
             },
-            loadingMsg: options.loadingMsg || I18n.getText('aui.words.loading')
+            loadingMsg: options.loadingMsg || I18n.getText('aui.words.loading'),
         };
-    }
+    },
 });
 
 RestfulTable.ClassNames = classNames;

package/src/js/aui/result-set.js

@@ -3,7 +3,7 @@ import globalize from './internal/globalize';
 
 var ResultSet = Backbone.Model.extend({
     initialize: function (options) {
-        this.set('active', null, {silent: true});
+        this.set('active', null, { silent: true });
         this.collection = new Backbone.Collection();
         this.collection.bind('reset', this.setActive, this);
         this.source = options.source;
@@ -20,8 +20,8 @@ var ResultSet = Backbone.Model.extend({
     },
 
     setActive: function () {
-        var id = (arguments[0] instanceof Backbone.Collection) ? false : arguments[0];
-        var model = (id) ? this.collection.get(id) : this.collection.first();
+        var id = arguments[0] instanceof Backbone.Collection ? false : arguments[0];
+        var model = id ? this.collection.get(id) : this.collection.first();
         this.set('active', model || null);
         return this.get('active');
     },
@@ -35,14 +35,14 @@ var ResultSet = Backbone.Model.extend({
 
     prev: function () {
         var current = this.collection.indexOf(this.get('active'));
-        var i = ((current === 0) ? this.get('length') : current) - 1;
+        var i = (current === 0 ? this.get('length') : current) - 1;
         var prev = this.collection.at(i);
         return this.setActive(prev && prev.id);
     },
 
     each: function () {
         return this.collection.each.apply(this.collection, arguments);
-    }
+    },
 });
 
 globalize('ResultSet', ResultSet);

package/src/js/aui/results-list.js

@@ -5,12 +5,12 @@ import ResultSet from './result-set';
 
 var ResultsList = Backbone.View.extend({
     events: {
-        'click [data-id]': 'setSelection'
+        'click [data-id]': 'setSelection',
     },
 
     initialize: function (options) {
         if (!this.model) {
-            this.model = new ResultSet({source: options.source});
+            this.model = new ResultSet({ source: options.source });
         }
 
         if (!(this.model instanceof ResultSet)) {
@@ -70,7 +70,7 @@ var ResultsList = Backbone.View.extend({
 
     _shouldShow: function (query) {
         return query === '' || !(this._hiddenQuery && this._hiddenQuery === query);
-    }
+    },
 });
 
 globalize('ResultsList', ResultsList);