diff --git a/DeckGenerator.js b/DeckGenerator.js new file mode 100644 index 0000000..67db604 --- /dev/null +++ b/DeckGenerator.js @@ -0,0 +1,51 @@ +Cards = new Meteor.Collection('cards'); + + +function toQueryString(obj) { + var parts = []; + for (var i in obj) { + if (obj.hasOwnProperty(i)) { + parts.push(encodeURIComponent(i) + "=" + encodeURIComponent(obj[i])); + } + } + return parts.join("&"); +} +var authWindow = null; + +var token = null; + +function getListInfo(user_id,playlist_id,accessToken) { + $.ajax({ + url: 'https://api.spotify.com/v1/users/' + user_id + '/playlist/' + playlist_id + '/tracks', + headers: { + 'Authorization': 'Bearer ' + accessToken + }, + success: function(response) { + console.log(response); + tracks = response.items + var c = [] + for (var track in tracks) { + Cards.insert ({cardname: track.name, attack: track.popularity, defense: (100 - track.popularity), url: "lulz.com"}) + } + } + }); +} + +playlistsListPlaceholder.addEventListener('click', function(e) { + var target = e.target; + if (target !== null && target.classList.contains('load')) { + e.preventDefault(); + var link = target.getAttribute('data-link'); + + $.ajax({ + url: link, + headers: { + 'Authorization': 'Bearer ' + token + }, + success: function(response) { + console.log(response); + playlistDetailPlaceholder.innerHTML = playlistDetailTemplate(response); + } + }); + } +}); diff --git a/Spotifight.css b/Spotifight.css new file mode 100644 index 0000000..faedbaa --- /dev/null +++ b/Spotifight.css @@ -0,0 +1,59 @@ + +#board { + background: #efefef; +} + + +/* Cardstuff ------------------------------ */ +.card { + width: 200px; + height: 300px; + margin: 20px; + border: 1px solid #c0c0c0; + display: inline-block; + background: #fff; + font: 0.7em Helvetica; + position: relative; +} + +.cardname, +.attack, +.defense { + display: block; + position: absolute; + text-align: center; + vertical-align: middle; + font-weight: bold; +} + +.portrait { + top: 40px; + position: absolute; + width: 100%; + height: 260px; +} + +.attack, +.defense { + background: #fff; + padding: 1em; + font-size: 1.3em; + border: 1px solid #eee; +} + +.cardname { + top: 0; + text-transform: uppercase; + width: 100%; + padding-top: 0.6em; + height: 30px; +} +.attack { + left: 0; + bottom: 0; +} +.defense { + right: 0; + bottom: 0; +} +/* Cardstuff END -------------------------- */ \ No newline at end of file diff --git a/Spotifight.html b/Spotifight.html new file mode 100644 index 0000000..57f017d --- /dev/null +++ b/Spotifight.html @@ -0,0 +1,23 @@ + + Spotifight + + + + + {{> cards}} + + + diff --git a/Spotifight.js b/Spotifight.js new file mode 100644 index 0000000..198ebb5 --- /dev/null +++ b/Spotifight.js @@ -0,0 +1,19 @@ +Cards = new Meteor.Collection('cards'); + +if (Meteor.isClient) { + Template.cards.helpers({ + cards: function() { + return Cards.find(); + } + }); +} + +if (Meteor.isServer) { + Meteor.startup(function () { + Cards.remove( {} ); + Cards.insert( {cardname: "Michael Jacksson", attack: 10, defense: 2, url: "http://i2.cdnds.net/13/12/618x867/michael-jackson-mugshot.jpg" } ); + Cards.insert( {cardname: "Ozzy Osbourne", attack: 3, defense: 7, url: "http://cps-static.rovicorp.com/3/JPG_400/MI0003/538/MI0003538195.jpg?partner=allrovi.com" } ); + Cards.insert( {cardname: "Mick Jagger", attack: 5, defense: 5, url: "http://4.bp.blogspot.com/-dtv-4JoDabU/T-_onzjcwHI/AAAAAAAAAbU/TuG902lIGME/s320/mick-jagger-old_pic4_us1.jpg" } ); + Cards.insert( {cardname: "Def Leppard Drummer", attack: 14, defense: 1, url: "http://s3.amazonaws.com/rapgenius/public-transport-guide.jpg" } ); + }); +}