discourse-adplugin/assets/javascripts/discourse/components/codefund-ad.js.es6

import {
  default as computed,
  observes
} from "ember-addons/ember-computed-decorators";

var _loaded = false,
  _promise = null,
  currentUser = Discourse.User.current(),
  propertyId = Discourse.SiteSettings.codefund_property_id;

function loadCodeFund() {
  if (_loaded) {
    return Ember.RSVP.resolve();
  }

  if (_promise) {
    return _promise;
  }

  const url = "https://codefund.app/properties/" + propertyId + "/funder.json";

  _promise = new Promise(function(resolve, reject) {
    let xhr = new XMLHttpRequest();

    xhr.open("GET", url);
    xhr.onreadystatechange = handler;
    xhr.responseType = "json";
    xhr.setRequestHeader("Accept", "application/json");
    xhr.send();

    function handler() {
      if (this.readyState === this.DONE) {
        _loaded = true;

        if (this.status === 200) {
          resolve(this.response);
        } else {
          reject(
            new Error(
              "getJSON: `" + url + "` failed with status: [" + this.status + "]"
            )
          );
        }
      }
    }
  });

  return _promise;
}

export default Ember.Component.extend({
  classNameBindings: [
    ":codefund-ad",
    "classForSlot",
    "isResponsive:codefund-responsive"
  ],
  propertyId: propertyId,
  adRequested: false,
  adDetails: {},

  _triggerAds() {
    if (!propertyId) return;

    this.set("adRequested", true);
    loadCodeFund()
      .then(data => {
        _loaded = false;
        _promise = null;
        this.set("adDetails", data);
        this.set("adRequested", false);
      })
      .catch(error => console.log(error));
  },

  didInsertElement() {
    this._super();

    if (!this.get("showAd")) {
      return;
    }

    if (this.get("listLoading")) {
      return;
    }

    Ember.run.scheduleOnce("afterRender", this, this._triggerAds);
  },

  @observes("listLoading")
  waitForLoad: function() {
    if (this.get("adRequested")) {
      return;
    } // already requested that this ad unit be populated
    if (!this.get("listLoading")) {
      Ember.run.scheduleOnce("afterRender", this, this._triggerAds);
    }
  },

  checkTrustLevels: function() {
    return !(
      currentUser &&
      currentUser.get("trust_level") >
        Discourse.SiteSettings.codefund_through_trust_level
    );
  }.property("trust_level"),

  @computed("checkTrustLevels")
  showAd: function(checkTrustLevels) {
    return Discourse.SiteSettings.codefund_property_id && checkTrustLevels;
  },

  @computed("placement")
  displayPostBottom: function(placement) {
    return placement === "post-bottom";
  },

  @computed("placement")
  displayTopicAbovePostStream: function() {
    return this.get("placement") === "topic-above-post-stream";
  },

  @computed("placement")
  displayTopicAboveSuggested: function() {
    return this.get("placement") === "topic-above-suggested";
  },

  @computed("placement")
  displayTopicListTop: function() {
    return this.get("placement") === "topic-list-top";
  }
});