Pinry/pinry/static/js/vue/main.js

function fetchPins(offset) {
  var apiUrl = API_BASE + 'pins/?format=json&ordering=-id&limit=50&offset='+String(offset);
  if (tagFilter) apiUrl = apiUrl + '&tags__name=' + tagFilter;
  if (userFilter) apiUrl = apiUrl + '&submitter__username=' + userFilter;
  return axios.get(apiUrl)
}

Vue.component('pin', {
  data: function () {
    return {'loaded': false}
  },
  props: ['pin'],
  template: '#pin-template',
  methods: {
    onImageLoad: function () {
      this.loaded = true;
    }
  }
});


var app = new Vue({
  el: '#app',
  components: {
    'waterfall': Waterfall.waterfall,
    'waterfall-slot': Waterfall.waterfallSlot,
  },
  data() {
    return {
      pins: [],
      loading: true,
    }
  },
  methods: {
    getInitialPins: function () {
      var self = this;
      var offset = 0;
      fetchPins(offset).then(
        function (res) {
          self.pins = res.data.results;
          self.loading = false;
        }
      );
    },
  },
  created: function () {
    this.getInitialPins();
  },
});