////////////////////////////////////////
// reload page after Forward and back
///////////////////////////////////////

const TYPE_BACK_FORWARD = 2;

function isReloadedPage() {
  return performance.navigation.type === TYPE_BACK_FORWARD;
}

function main() {
  if (isReloadedPage()) {
    window.location.reload();
  }
}
main();

////////////////////////////////////////////////////////////
///// TEAM  API REQUEST ` `
////////////////////////////////////////////////////////////


Vue.use(VueMeta);
new Vue({

  el: '#teamlist',

  data () {
    return {
      teamData: [],
      iniLoad: 0,
      more_body: false,
      client:'',
      meta_title: 'The GovLab | Team',
      meta_content: 'Deepening our understanding of how to govern more effectively and legitimately through technology.',
      // apiURL: 'https://directus.thegovlab.com/thegovlab/items/team?sort=order&fields=*,picture.*'
      apiURL: 'https://content.thegovlab.com/thegovlab/items/team?sort=order&fields=*,picture.*'
    }
  },
  metaInfo () {
        return {
          title: this.meta_title,
          meta: [
            {title: this.meta_title, property:'og:title'},
      {  name: 'description', content: this.meta_content, property:'og:description'}
    ]
    }
  },
  created: function created() {
    this.fetchTeam();
  },
updated () {
this.scrollToAnchor();
},
  methods: {

    fetchTeam() {
      self = this;
      this.client = new DirectusSDK({
        url: "https://content.thegovlab.com",
        project: "/",
        storage: window.localStorage
      });
      this.client.getItems(
  'team',
  {
    limit: '-1',
    sort: 'name',
    fields: ['*.*','picture.*','projects.projects_id.*']
  }
).then(data => {
  console.log(data);
  data.data.sort(function(x,y){ return x.slug == 'stefaan-verhulst' ? -1 : y == 'beth-simone-noveck' ? 1 : 0; });
  data.data.sort(function(x,y){ return x.slug == 'beth-simone-noveck' ? -1 : y == 'beth-simone-noveck' ? 1 : 0; });
  self.teamData = data.data;

})
.catch(error => console.error(error));
    },
    showDesc(teammember) {
      teammember['extended'] = true;
    },
    showExc(teammember) {
      teammember['extended'] = false;
    },
    showProj(teammember) {
      teammember['extended_project'] = true;
    },
    hideProj(teammember) {
      teammember['extended_project'] = false;
    },
    teamMore(slug) {
      window.location.href= slug+'.html';
    },
    scrollToAnchor () {
  this.$nextTick(() => {
    if(window.location.hash && this.iniLoad==0) {
      const $el = document.getElementById(window.location.hash.substring(1));
      $el && window.scrollTo(0, $el.offsetTop);
       this.iniLoad = 1;
    }
  });
}
  }
});