radireddy / ember-bootstrap-table Goto Github PK

<div>
  {{#eb-table
      pageSize=10
      content=users
      columns=columns}}
  {{/eb-table}}
</div>

export default Ember.Component.extend({

  columns: Ember.computed(function() {
    var col1 = ColumnDefinition.create({
      header: 'Full Name',
      isSortable: false,
      contentPath: this.get('spreadsheetColumns')[0],
      isFilterable: true
    });
    var col2 = ColumnDefinition.create({
      header: 'Language',
      isSortable: false,
      contentPath: this.get('spreadsheetColumns')[1],
      isFilterable: true
    });
    var col3 = ColumnDefinition.create({
      header: 'Login',
      isSortable: false,
      contentPath: this.get('spreadsheetColumns')[2],
      textAlign: 'center',
      isFilterable: true
    });
    return [col1, col2, col3];
  }),
});

        _resolvedContent: _ember['default'].computed('content', function (key, value) {
            if (arguments.length > 1) {
                return value;
            } else {
                var _this = this;
                value = _ember['default'].A();

                var content = this.get('content');
                if (content.then) {  // Error on this line
                    // content is a promise
                    content.then(function (resolvedContent) {
                        // when the promise resolves, set this property so it gets cached
                        set(_this, '_resolvedContent', resolvedContent);
                        set(_this, 'content', resolvedContent);
                        //console.log(content._results);

                        // if the promise resolves immediately, set `value` so we return
                        // the resolved value and not []
                        //value = resolvedContent;
                        set(_this, '_isLoading', false);
                    });

                    // returns [] if the promise doesn't resolve immediately, or
                    // the resolved value if it's ready
                    return value;
                } else {
                    // content is not a promise
                    set(this, '_isLoading', false);
                    return content;
                }
            }
        }),

export default Ember.Controller.extend({
    columns: Ember.computed(function() {
        var col4 = ColumnDefinition.create({
            header: 'Action',
            isSortable: false,
            contentPath: '',
            textAlign: 'center',
            isFilterable: false,
            columnComponentName: 'users-table-delete-column',
        });
        return [col1, col2, col3, col4];
    })  
});

//users-table-delete-column.js
import Ember from 'ember';
import VcaTableColumn from 'ember-bootstrap-table/components/eb-table-column';
const { getOwner } = Ember;

export default VcaTableColumn.extend({
    layout: Ember.HTMLBars.compile('<button type="button" class="btn btn-primary btn-sm" id="delete" {{action "deleteRow" row target="controller"}}> Delete </button>'),
    actions: {
        deleteRow: function(row) {
            console.log(row);
            getOwner(this).lookup('controller:table').send('deleteUser', row);
        }
    }
});