feat: switch to ember-table for all remaining tables [Admin Area]

[abhinavk96]

Fixes #3169

Short description of what this resolves:

Replaces all the ember-model tables inside the admin area with ember-tables.

[abhinavk96]

@niranjan94
Events which share same session names:

[abhinavk96]

@niranjan94 It's ready for another review.

[niranjan94]

Use model directly. One less computed property. One less iteration of the dataset.

[niranjan94]

Use model directly. One less computed property. One less iteration of the dataset.

[abhinavk96]

Use model directly. One less computed property. One less iteration of the dataset.

@niranjan94 How exactly will that work?
model has the format:

where as the mapped array has the format:

Ember table expects the formatted mapped array?

[niranjan94]

The models have getters for the properties already. So, even though you cannot see the property when you do a console.log, accessing them via for example, model.email would work ... And hence would work fine with ember tables too ... Just make sure the valuePath is correct for each column

[niranjan94]

ember tables uses get internally ... So model.get() would work fine

[abhinavk96]

@niranjan94 I tried with a single column table,
my column definition schema being:

get columns() {
    return [
      {
        name      : 'Email',
        valuePath : 'email' 
     }
    ];
  }

passed rows=model in the template, model is identical to the one in the screenshot above. (user list)

It throws this exception:

collapse-tree.js:514 Uncaught (in promise) TypeError: Ember.get(...).some is not a function
    at Class.<anonymous> (collapse-tree.js:514)
    at ComputedProperty.get (metal.js:3200)
    at Object._get2 [as get] (metal.js:1614)
    at Class.<anonymous> (collapse-tree.js:609)
    at ComputedProperty.get (metal.js:3200)
    at _get2 (metal.js:1614)
    at _getPath (metal.js:1646)
    at Object._get2 [as get] (metal.js:1598)
    at Class.<anonymous> (collapse-tree.js:851)
    at ComputedProperty.get (metal.js:3200)

Collapsee tree.js:514:

return !Ember.get(this, 'value.children').some(function (child) {
        return Ember.isArray(Ember.get(child, 'children'));
      });

What else needs to change?

[abhinavk96]

@niranjan94 This is ready for review, I have used extraValue paths for all properties.

[shreyanshdwivedi]

@CosmicCoder96 actually I'm already refactoring this file in my PR #3198 where I'm also introducing few session rating columns and actions. 😅
I'll introduce any changes if missing there.