main.js

var userName = "NicerHugs";

function renderTemplate(templateId, location, model) {
    var templateString = $(templateId).text();
    var templateFunction = _.template(templateString);
    var renderedTemplate = templateFunction(model);
    $(location).append(renderedTemplate);}

function renderAllTemplates() {
  makeHeader();
  makeSidebar();
  makeOrgs();
  makeReposTab('all');
}


//to use the sortByItem function each object in the array must contain a property called sort by that has a number value.
function sortByItem(array){
    array = array.sort(function(a, b) {
      if ((a.sortBy) > (b.sortBy)) {
        return -1;
      }
      if ((a.sortBy) < (b.sortBy)) {
        return 1;
      }
      // a must be equal to b
      return 0;
    });
}

function makeHeader() {
  $.getJSON('https://api.github.com/users/' + userName).done(function(data) {
    var userData = {
      image: data.avatar_url,
      username: data.login,
    };
    //render header template
    renderTemplate('#templates-user-links', 'header .content', userData);
  });
}

function makeSidebar() {
  $.getJSON('https://api.github.com/users/' + userName).done(function(data) {
    var userData = {
      image: data.avatar_url,
      name: data.name,
      username: data.login,
      location: data.location,
      email: data.email,
      joinedDate: moment(data.created_at).format("MMM D, YYYY"),
      followers: data.followers,
      following: data.following,
    };
    //render header template
    renderTemplate('#templates-user-links', 'header .content', userData);
    //add starred data to user data model
    $.getJSON('https://api.github.com/users/' + userName + '/starred').done(function(starredData) {
      userData.starred = starredData.length;
      //render sidebar template
      renderTemplate('#templates-sidebar', '.sidebar-top', userData);
    });
  });
}

function makeOrgs() {  //make orgs data model
  $.getJSON('https://api.github.com/users/' + userName + '/orgs').done(function(data){
    var orgData = _.map(data, function(org) {
      return {
        orgAvatar: org.avatar_url,
        orgName: org.login
      };
    });
    orgData.forEach(function(orgDatum){
      renderTemplate('#templates-sidebar-orgs', '.org-imgs', orgDatum);
    });
  });
}

function makeReposTab(filterBy) {

//make repos model
  $.getJSON('https://api.github.com/users/' + userName + '/repos').done(function(data){
    var reposData = _.map(data, function(repo) {
      return {
        repoUrl: repo.html_url,
        repoName: repo.name,
        sortBy: Date.parse(repo.updated_at),
        lastUpdated: moment(repo.updated_at).fromNow(),
        forks: repo.forks_count,
        stargazers: repo.stargazers_count,
        repoLanguage: repo.language,
        private: repo.private,
        public: !repo.private,
        description: repo.description,
        fork: repo.fork,
        source: !repo.fork,
        mirror: repo.mirror_url,
        all: true
      };
    });
    sortByItem(reposData);
// filter data to show only that which is clicked on
    var filteredReposData = reposData.filter(function(repoDatum){
      return repoDatum[filterBy] === true;});
    filteredReposData.forEach(function(repoDatum){
      renderTemplate('#templates-repos', '.repos', repoDatum);
    });
  });
}

function makeContributionsTab() {
  $.getJSON('https://api.github.com/users/' + userName + '/repos').done(function(data){
    var contributionsData = _.map(data, function(repo) {
      return {
        repoUrl: repo.html_url,
        repoName: repo.name,
        sortBy: repo.stargazers_count,
        stargazers: repo.stargazers_count,
        description: repo.description
      };
    });
    sortByItem(contributionsData);
    contributionsData = contributionsData.slice(0,5);
    contributionsData.forEach(function(contrDatum){
      renderTemplate('#popular-repos', '.popular-repos', contrDatum);
    });
  });
}

makeContributionsTab();

$('.filter li').on('click', function(){
  var clickedID = $(this).attr('id');
  var filterBy = clickedID.slice(7);
  $('.repo').remove();
  makeReposTab(filterBy);
});

//click action to make clicked elements active
function makeActiveMultiItem(element) {
  $(element).on('click', function(){
    $(element).removeClass("active");
    $(this).addClass("active");
  });
}

makeActiveMultiItem('.filter li');
makeActiveMultiItem('.tabs span');

function makeActiveUniqueItem(className){
  $(className).siblings().removeClass('active');
  $(className).addClass('active');
}

function displaySelectedTab(){
  $('.tabs span').on('click', function(){
    var tabString = $(this).text();
    tabString = tabString.toLowerCase();
    var tabArray = tabString.split(" ");
    var tabID = "#" + tabArray.join("-") + "-tab";
    var tabClass = "." + tabArray.join("-") + "-tab";
    $(tabID).on('click', makeActiveUniqueItem(tabClass));
  });
}


renderAllTemplates();

displaySelectedTab();




$.getJSON('https://api.github.com/users/' + userName + '/repos').done(function(repos){
  var i = repos.length-1;
  var reposData= _.map(repos, function(repoDatum){
    return {
      commitsURL: 'https://api.github.com/repos/' + repoDatum.full_name + '/commits',
      name: repoDatum.name};
  });
  var commitsArray = [];
  functionHolder(reposData, commitsArray, i);
});

//function calls recursively until all objects have been inspected, then functions are performed on data in the else call so as to not close the .done statement
function functionHolder(arrayOfGits, arrayOfCommits, counter){
  $.getJSON(arrayOfGits[counter].commitsURL).done(function(commits){
    arrayOfCommits.push({
      name: arrayOfGits[counter].name,
      totalCommits: commits.length,
      commits: _.map(commits, function(commit){
        return Date.parse(commit.commit.author.date);
      })
    });
    if (counter > 0) {
      counter--;
      functionHolder(arrayOfGits, arrayOfCommits, counter);
    }
    else {
//any data manipulation to do with commit data goes here
      console.log(arrayOfCommits);
      var commitDates = [];
      _.each(arrayOfCommits, function(repo){
        _.each(repo.commits, function(commitDate){
          commitDates.push(commitDate);
        });
      });
      console.log(commitDates);
      var commitDatesStrings = _.map(commitDates, function(commitDate){
        return moment(commitDate).format("MMM D, YYYY");
      });
      console.log(commitDatesStrings);
      commitFrequency = dateFreq(commitDates);
      var commitsModel = {
        totalCommits: commitDates.length
      };
      renderTemplate('#templates-contributions-commits', '.contributions-commits', commitsModel);
    }
  });
}

function dateFreq(arrayOfDates) {
  var frequency = [];
  _.each(arrayOfDates, function(date){
      frequency.push({"Date": date, "Frequency": 1})  ;
//     _.each(frequency, function(frequencyObject){
//       if(frequencyObject[itemName] === item){
//         frequencyObject[itemFrequency]++;
//       }
//       else {
//         frequency.push({itemName: item, itemFrequency: 1});
//       }
//     });
  });
  console.log(frequency);
  return frequency;
}

//==> [{itemName: item, itemFrequency: #ofiteminarrayOfItems}, {itemName: item, itemFrequency: #ofItemInarrayOfItems} etc]

//returns an object with each item and its frequency as a key:value pair
// function itemFreq(arrayOfItems) {
//   var frequency = {};
//   _.each(arrayOfItems, function(item){
//     if (!frequency[item]) {
//       Object.defineProperty(frequency, item, {value: 1, configurable: true});
//     }
//     else {
//       Object.defineProperty(frequency, item, {value: frequency[item] + 1});
//     }
//   });
//   return frequency;
// }