A CompositeView which accepts a loadingView

CompositeView.js

var CompositeView = Marionette.CompositeView.extend({
  _initialEvents: function(){
    this._isLoading = true;
    if (this.collection){
      this.listenTo(this.collection, "add", this.addChildView);
      this.listenTo(this.collection, "remove", this.removeItemView);
      this.listenTo(this.collection, "reset", this.render);
      this.listenTo(this.collection, "sync", function () {
        this._isLoading = false;
      });
    }
  },
  isLoading: function () {
    return this._isLoading;
  },
  getLoadingView: function () {
    return Marionette.getOption(this, "loadingView");
  },
  showEmptyView: function(){
    var model = new Backbone.Model();
    var LoadingView = this.getLoadingView();
    if (LoadingView && this.isLoading() && !this._showingLoadingView) {
      this._showingLoadingView = true;
      this.addItemView(model, LoadingView, 0);
    } else {
      var EmptyView = this.getEmptyView();

      if (EmptyView && !this._showingEmptyView){
        this._showingEmptyView = true;
        this.addItemView(model, EmptyView, 0);
      }
    }
  },
  closeEmptyView: function(){
    if (this._showingLoadingView){
      this.closeChildren();
      delete this._showingLoadingView;
    } else if (this._showingEmptyView){
      this.closeChildren();
      delete this._showingEmptyView;
    }
  }
});