HR

describe('Discover', function() {
  // Tests without a function will be marked as "pending" and not run
  // Implement these tests (and others) and make them pass!
  it('has a prefix of 6011 and a length of 16', function(){
    detectNetwork('6011345678901234').should.equal('Discover');
  });
  it('has a prefix of 6011 and a length of 19', function(){
    detectNetwork('6011345678901234012').should.equal('Discover');
  });
});

describe('Maestro', function() {
  // Write full test coverage for the Maestro card
  for (var prefix = 644; prefix <= 649; prefix++) {
      (function(currentPrefix) {
            it('has a prefix of ' + currentPrefix + ' and a length of 16', function(){
              detectNetwork(currentPrefix+'1345678901234').should.equal('Maestro');
            });
            it('has a prefix of ' + currentPrefix + ' and a length of 19', function(){
              detectNetwork(currentPrefix+'6011345678901234').should.equal('Maestro');
            });
          })(prefix)
  }

  // When it has a prefix of 65
  it('has a prefix of 65 and a length of 16', function(){
    detectNetwork('6521345678901234').should.equal('Maestro');
  });
  it('has a prefix of 65 and a length of 19', function(){
    detectNetwork('6576011345678901234').should.equal('Maestro');
  });
});

describe('Discover', function() {
  // Tests without a function will be marked as "pending" and not run
  // Implement these tests (and others) and make them pass!
  it('has a prefix of 6011 and a length of 16', function(){
    detectNetwork('6011345678901234').should.equal('Discover');
  });
  it('has a prefix of 6011 and a length of 19', function(){
    detectNetwork('6011345678901234012').should.equal('Discover');
  });
});

describe('Maestro', function() {
  // Write full test coverage for the Maestro card
  for (var prefix = 644; prefix <= 649; prefix++) {
      (function(currentPrefix) {
            it('has a prefix of ' + currentPrefix + ' and a length of 16', function(){
              detectNetwork(currentPrefix+'1345678901234').should.equal('Maestro');
            });
            it('has a prefix of ' + currentPrefix + ' and a length of 19', function(){
              detectNetwork(currentPrefix+'6011345678901234').should.equal('Maestro');
            });
          })(prefix)
  }

  // When it has a prefix of 65
  it('has a prefix of 65 and a length of 16', function(){
    detectNetwork('6521345678901234').should.equal('Maestro');
  });
  it('has a prefix of 65 and a length of 19', function(){
    detectNetwork('6576011345678901234').should.equal('Maestro');
  });
});

describe('Maestro', function() {
  prefixMaestro = ['5018','5020','5038','6304'];
    
  for (let length = 12; length <= 19; length++) { 
    for (let prefix = 0; prefix < prefixMaestro.length; prefix++){
    (function(length, prefix){
      it ('has a prefix of ' + prefixMaestro[prefix]+ ' and a length of ' +length, function(){
        detectNetwork(prefixMaestro[prefix].padEnd(length,'0')).should.equal('Maestro')
      }); 
      })(length, prefix);
    }
  }
});

// Write full test coverage for the Switch
describe('Switch', function() {
  // Switch with prefix of 564182 or 633110
  var switchPrefix = [564182, 633110];
  for (var prefixIndex = 0; prefixIndex < switchPrefix.length; prefixIndex++) {
    (function(currentIndex) {
      it('has a prefix of ' + switchPrefix[currentIndex] + ' and a length of 16', function() {
        detectNetwork(switchPrefix[currentIndex] + '1234567890').should.equal('Switch');
      });
      it('has a prefix of ' + switchPrefix[currentIndex] + ' and a length of 18', function() {
        detectNetwork(switchPrefix[currentIndex] + '123456789012').should.equal('Switch');
      });
      it('has a prefix of ' + switchPrefix[currentIndex] + ' and a length of 19', function() {
        detectNetwork(switchPrefix[currentIndex] + '1234567890123').should.equal('Switch');
      });
    })(prefixIndex);
  }
  // Switch with prefix of 4903, 4905, 4911, 4936, 6333 or 6759
  var switchPrefix2 = [4903, 4905, 4911, 4936, 6333, 6759];
  for (var prefixIndex = 0; prefixIndex < switchPrefix2.length; prefixIndex++) {
    (function(currentIndex) {
      it('has a prefix of ' + switchPrefix2[currentIndex] + ' and a length of 16', function() {
        detectNetwork(switchPrefix2[currentIndex] + '123456789012').should.equal('Switch');
      });
      it('has a prefix of ' + switchPrefix2[currentIndex] + ' and a length of 18', function() {
        detectNetwork(switchPrefix2[currentIndex] + '12345678901234').should.equal('Switch');
      });
      it('has a prefix of ' + switchPrefix2[currentIndex] + ' and a length of 19', function() {
        detectNetwork(switchPrefix2[currentIndex] + '123456789012345').should.equal('Switch');
      });
    })(prefixIndex);
  }
});

// Write full test coverage for the Discover card
describe('Discover', function() {
  // Tests without a function will be marked as "pending" and not run
  // Implement these tests (and others) and make them pass!
  it('has a prefix of 6011 and a length of 16', function() {
    detectNetwork('6011345678901234').should.equal('Discover');
  });
  it('has a prefix of 6011 and a length of 19', function() {
    detectNetwork('6011345678901234012').should.equal('Discover');
  });

  // When it has a prefix of 65
  it('has a prefix of 65 and a length of 16', function() {
    detectNetwork('6521345678901234').should.equal('Discover');
  });
  it('has a prefix of 65 and a length of 19', function() {
    detectNetwork('6576011345678901234').should.equal('Discover');
  });

  for (var prefix = 644; prefix <= 649; prefix++) {
    (function(currentPrefix) {
      it('has a prefix of ' + currentPrefix + ' and a length of 16', function() {
        detectNetwork(currentPrefix + '1345678901234').should.equal('Discover');
      });
    })(prefix);
  }

  for (var prefix = 644; prefix <= 649; prefix++) {
    (function(currentPrefix) {
      it('has a prefix of ' + currentPrefix + ' and a length of 19', function() {
        detectNetwork(currentPrefix + '6011345678901234').should.equal('Discover');
      });
    })(prefix);
  }
});

_.uniq = function(array, isSorted, iterator) {
    var newArr = [];
    if(iterator === undefined) {
      for(var i = 0; i<array.length; i++) {
        if(! newArr.join('').includes(array[i])) {
          newArr.push(array[i]);
        }
      }
    } else {
      for(var i = 0; i<array.length; i++) {
      var test = iterator(array[i],i,array);
       if (test && array[i] == array[0]) {
          newArr.push(array[0], array[1]);
          return newArr;
       }
      }
      if(!test) newArr.push(array[0]);
    }
    return newArr;
  };


//
iterator(newArr[j],j,newArr) ? arr2.push(newArr[j]) : '';

_.uniq = function(array, isSorted, iterator) {
    var uniqueArray = [];
    var storeObj = {};
    var iteratorArray = [];

    _.each(array, function(item, index) {
      if (iterator) {
        iteratorArray.push(iterator(item));
      } else {
        iteratorArray.push(_.identity(item));
      }
    });

    _.each(iteratorArray, function(item, index) {
      if (storeObj[item] === undefined) {
        storeObj[item] = array[index];
      }
    });

    for(var key in storeObj) {
      uniqueArray.push(storeObj[key]);
    }

    return uniqueArray;
  };

_.memoize = function(func) {
    var alreadyCalled = false;
    var result;
    var arr = [];
    return function() {
      //console.log(arguments[0]);
      if (!alreadyCalled) {
        if ( !(arr.join(' ')).includes(arguments[0])) {
          arr.push(arguments[0]);
          result = func.apply(this, arguments);
          alreadyCalled = true;
        } else {
          //arr.push(arguments[0]);
          alreadyCalled = true;
        }
        return result;
      }
      return result;
    };

  };

_.delay = function(func, wait) {
    var result;
    var params = [...arguments];
    setTimeout(function() {
      result = func.apply(this, params.slice(2));
    }, wait);
    return result;
  };

var test = true;
    if (iterator === undefined) {
      for (var key in collection) {
        if (! collection[key]) {
          return false;
        }
      }
    } else {
      for (var key in collection) {
        if (! iterator(collection[key]) ) {
          return false;
        }
      }
    }
    return test;

var addTweets =  function(){
  var index = streams.home.length - 1;
  while(index >= 0){
    var tweet = streams.home[index];
    var $tweet = $('<div class="tweet"></div>');
    $tweet.text('@' + tweet.user + ': ' + tweet.message);
    $tweet.appendTo('#feed');
    index -= 1;
  }
  }

$(document).ready(function(){

  var $app = $('#app');
  $app.html('');

  var feed = $( '<div id="feed"></div>' );
  feed.appendTo("#app");

  var updateFeed = $('<button id="update-feed">Update Feed</button>');
  updateFeed.appendTo("#app");



  var renderFeed =  function(){
    $("#feed").html("");
    var index = streams.home.length - 1;
    while(index >= 0){
      var tweet = streams.home[index];
      var $tweet = $('<div class="tweet"></div>');
      $tweet.text('@' + tweet.user + ': ' + tweet.message);
      $tweet.appendTo('#feed');
      index -= 1;
    }
    }

  renderFeed();

  $( "#update-feed" ).on("click", function() {
    renderFeed();
  })



});

$(document).ready(function(){
  jQuery("time.timeago").timeago();
  jQuery.timeago(new Date());
  var $app = $('#app');
  $app.html('');

  var feed = $( '<div id="feed"></div>' );
  feed.appendTo("#app");

  var updateFeed = $('<button id="update-feed">Update Feed</button>');
  updateFeed.appendTo("#app");

    $("#feed").html("");
    var index = streams.home.length - 1;
    while(index >= 0){
      var tweet = streams.home[index];
      var $tweet = $('<div class="tweet"></div>');
      $tweet.text('@' + tweet.user + ': ' + tweet.message);
      $tweet.appendTo('#feed');
      index -= 1;
    }


  var renderFeed =  function(){
    $("#feed").html("");
    var index = streams.home.length - 1;
    while(index >= 0){
      var tweet = streams.home[index];
      var $tweet = $('<div class="tweet"></div>');

      $tweet.html('<p class="message">' + tweet.message +
      '</p><a class="username">@' + tweet.user +
      '</a> <img class="profile-photo" src="assets/icons/placeholder.png" />'
      + '<span class="timestamp">' + jQuery.timeago(tweet.created_at) + '</span>'
      + '<i class="comment far fa-comment"></i>'
      + '<i class="retweet far fa-retweet"></i>'
      + '<i class="like far fa-like"> </i>'
      + '<i class="share far fa-share"></i>'
      );
      $tweet.appendTo('#feed');
      index -= 1;
    }
  }

  $( "#update-feed" ).on("click", function() {
    renderFeed();
  });

  var renderFeed2 =  function(user){
    $(".tweet").text("");
  }

  $( ".username" ).on("click", function(e) {
    renderFeed2(streams.users[e.target.text]);
  })

});


// '<div class="comment"> <img src="assets/icons/placeholder.png" /> </div>'

var $loadTweetsButton = $('<button></button>');
        $loadTweetsButton.appendTo($main);
        $loadTweetsButton.click(function() {
          displayHomepage();
        });

        var $newTweet = $('<form id="newTweet"></form>');
        var $visitorName = $('<div><label for="visitorName">Username</label>\n<input type="text" id="visitorName"></div>');
        var $visitorTweet = $('<div><label for="visitorTweet">Tweet</label>\n<input type="text" id="visitorTweet"></div>');
        var $visitorButton = $('<div><input type="submit"></div>');
        var $githubLink = $('<span id="github">Built by <a href="https://github.com/ascherj">Jake Ascher</a></span>');

        $newTweet.append($visitorName, $visitorTweet, $visitorButton);
        $newTweet.appendTo($main);

        $('#newTweet').submit(function(event) {
          event.preventDefault();
          window.visitor = $('#visitorName').val();
          writeTweet($('#visitorTweet').val());
          $('#visitorName').val('');
          $('#visitorTweet').val('');
          displayHomepage();
        });

        var $tweets = $('<div class="tweets"></div>');
        $tweets.appendTo($main);

        function renderTweet(tweet) {
          var $tweet = $('<div></div>');
          $tweet.append('@' + '<a class="user">' + tweet.user + '</a>' + ': ' + tweet.message);
          $tweet.append('<br>');
          var $timestamp = $('<i class="timestamp"></i>');
          $timestamp.append(moment(tweet.created_at).fromNow());
          $timestamp.attr('title', moment(tweet.created_at).format('MMM DD, YYYY, h:mm:ss a'));
          $timestamp.appendTo($tweet);
          $tweet.appendTo($tweets);
        }

        function loadTweets(tweets) {
          $tweets.html('');

          var index = tweets.length - 1;
          while(index >= 0){
            var tweet = tweets[index];
            renderTweet(tweet);
            index -= 1;
          }

          $('.user').on('click', function(event) {
            displayUserTimeline(event.target.text);
          });
        }

        function displayUserTimeline(user) {
          $pageName.text(user + '\'s Timeline');
          $loadTweetsButton.text('Return to Home');
          loadTweets(streams.users[user]);
        }

        function displayHomepage() {
          $pageName.text('Homepage');
          $loadTweetsButton.text('Load New Tweets');
          loadTweets(streams.home);
        }

        displayHomepage();
        $main.append($githubLink);

var $loadTweetsButton = $('<button></button>');
        $loadTweetsButton.appendTo($main);
        $loadTweetsButton.click(function() {
          displayHomepage();
        });

        var $newTweet = $('<form id="newTweet"></form>');
        var $visitorName = $('<div><label for="visitorName">Username</label>\n<input type="text" id="visitorName"></div>');
        var $visitorTweet = $('<div><label for="visitorTweet">Tweet</label>\n<input type="text" id="visitorTweet"></div>');
        var $visitorButton = $('<div><input type="submit"></div>');
        var $githubLink = $('<span id="github">Built by <a href="https://github.com/ascherj">Jake Ascher</a></span>');

        $newTweet.append($visitorName, $visitorTweet, $visitorButton);
        $newTweet.appendTo($main);

        $('#newTweet').submit(function(event) {
          event.preventDefault();
          window.visitor = $('#visitorName').val();
          writeTweet($('#visitorTweet').val());
          $('#visitorName').val('');
          $('#visitorTweet').val('');
          displayHomepage();
        });

        var $tweets = $('<div class="tweets"></div>');
        $tweets.appendTo($main);

        function renderTweet(tweet) {
          var $tweet = $('<div></div>');
          $tweet.append('@' + '<a class="user">' + tweet.user + '</a>' + ': ' + tweet.message);
          $tweet.append('<br>');
          var $timestamp = $('<i class="timestamp"></i>');
          $timestamp.append(moment(tweet.created_at).fromNow());
          $timestamp.attr('title', moment(tweet.created_at).format('MMM DD, YYYY, h:mm:ss a'));
          $timestamp.appendTo($tweet);
          $tweet.appendTo($tweets);
        }

        function loadTweets(tweets) {
          $tweets.html('');

          var index = tweets.length - 1;
          while(index >= 0){
            var tweet = tweets[index];
            renderTweet(tweet);
            index -= 1;
          }

          $('.user').on('click', function(event) {
            displayUserTimeline(event.target.text);
          });
        }

        function displayUserTimeline(user) {
          $pageName.text(user + '\'s Timeline');
          $loadTweetsButton.text('Return to Home');
          loadTweets(streams.users[user]);
        }

        function displayHomepage() {
          $pageName.text('Homepage');
          $loadTweetsButton.text('Load New Tweets');
          loadTweets(streams.home);
        }

        displayHomepage();
        $main.append($githubLink);

var getElementsByClassName = function (cName) {
  var obj = {};
  var count = 0;
  var allNodes = document.body.childNodes;
  // look inside body root for any element has className
  // if the className found, go over all child element
  for (var i = 0; i < allNodes.length; i++) {
    if (allNodes[i].nodeType === 1) {
      if (allNodes[i].classList == cName) {
        obj[count] = allNodes[i];
        count++;
        //return obj[count];
      }
    }
  }
  console.log(obj);
};

getElementsByClassName("example color");

var getElementsByClassName = function(className) {
  const myNodes = [];

  function innerFn(node) {
    if (node.classList && node.classList.value.indexOf(className) > -1) {
      myNodes.push(node)
    }
    node.childNodes.forEach((child) => innerFn(child))
  }
  innerFn(document.body)

  return myNodes;
};

//Recursive implementation of jSON.stringify;
var stringifyJSON = function(obj) {

    var arrOfKeyVals = [],
        arrVals = [],
        objKeys = [];

    /*********CHECK FOR PRIMITIVE TYPES**********/
    if (typeof obj === 'number' || typeof obj === 'boolean' || obj === null)
        return '' + obj;
    else if (typeof obj === 'string')
        return '"' + obj + '"';

    /*********CHECK FOR ARRAY**********/
    else if (Array.isArray(obj)) {
        //check for empty array
        if (obj[0] === undefined)
            return '[]';
        else {
            obj.forEach(function(el) {
                arrVals.push(stringifyJSON(el));
            });
            return '[' + arrVals + ']';
        }
    }
    /*********CHECK FOR OBJECT**********/
    else if (obj instanceof Object) {
        //get object keys
        objKeys = Object.keys(obj);
        //set key output;
        objKeys.forEach(function(key) {
            var keyOut = '"' + key + '":';
            var keyValOut = obj[key];
            //skip functions and undefined properties
            if (keyValOut instanceof Function || typeof keyValOut === undefined)
                arrOfKeyVals.push('');
            else if (typeof keyValOut === 'string')
                arrOfKeyVals.push(keyOut + '"' + keyValOut + '"');
            else if (typeof keyValOut === 'boolean' || typeof keValOut === 'number' || keyValOut === null)
                arrOfKeyVals.push(keyOut + keyValOut);
            //check for nested objects, call recursively until no more objects
            else if (keyValOut instanceof Object) {
                arrOfKeyVals.push(keyOut + stringifyJSON(keyValOut));
            }
        });
        return '{' + arrOfKeyVals + '}';
    }
};

var getElementsByClassName = function(className) {
  var listArray = [];

  // START INNER FUNCTION
  var innerFn = function(node) {
    if (node.nodeType === 1) {
      if (node.classList.value.includes(className)) {
        listArray.push(node);
      }
    }
    node.childNodes.forEach( function(element) {
      return innerFn(element);
    });
  };
  // END INNER FUNCTION
  
  innerFn(document.body);
  return listArray;
};