").append(n.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};var dd=a.document.documentElement;function ed(a){return n.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,"position"),l=n(a),m={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=n.css(a,"top"),i=n.css(a,"left"),j=("absolute"===k||"fixed"===k)&&n.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),"using"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,n.contains(b,e)?(typeof e.getBoundingClientRect!==L&&(d=e.getBoundingClientRect()),c=ed(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===n.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],"html")||(c=a.offset()),c.top+=n.css(a[0],"borderTopWidth",!0),c.left+=n.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-n.css(d,"marginTop",!0),left:b.left-c.left-n.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||dd;while(a&&!n.nodeName(a,"html")&&"static"===n.css(a,"position"))a=a.offsetParent;return a||dd})}}),n.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);n.fn[a]=function(d){return W(this,function(a,d,e){var f=ed(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?n(f).scrollLeft():e,c?e:n(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),n.each(["top","left"],function(a,b){n.cssHooks[b]=Mb(l.pixelPosition,function(a,c){return c?(c=Kb(a,b),Ib.test(c)?n(a).position()[b]+"px":c):void 0})}),n.each({Height:"height",Width:"width"},function(a,b){n.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return W(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.size=function(){return this.length},n.fn.andSelf=n.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return n});var fd=a.jQuery,gd=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=gd),b&&a.jQuery===n&&(a.jQuery=fd),n},typeof b===L&&(a.jQuery=a.$=n),n});
5 |
--------------------------------------------------------------------------------
/js/playlist.js:
--------------------------------------------------------------------------------
1 | var currentKey;
2 |
3 | require([
4 | '$api/models',
5 | '$views/list#List'
6 | ], function(models, List) {
7 | var playlistURI;
8 |
9 | // Handle drops
10 | var dropBox = document.querySelector('#drop-box');
11 |
12 | dropBox.addEventListener('dragstart', function(e){
13 | e.dataTransfer.setData('text/html', this.innerHTML);
14 | e.dataTransfer.effectAllowed = 'copy';
15 | }, false);
16 |
17 | dropBox.addEventListener('dragenter', function(e){
18 | e.preventDefault();
19 | e.dataTransfer.dropEffect = 'copy';
20 | this.classList.add('over');
21 | }, false);
22 |
23 | dropBox.addEventListener('dragover', function(e){
24 | e.preventDefault();
25 | e.dataTransfer.dropEffect = 'copy';
26 | return false;
27 | }, false);
28 |
29 | dropBox.addEventListener('dragleave', function(e){
30 | e.preventDefault();
31 | this.classList.remove('over');
32 | }, false);
33 |
34 | dropBox.addEventListener('drop', function(e){
35 | e.preventDefault();
36 | var drop = models.Playlist.fromURI(e.dataTransfer.getData('text'));
37 | this.classList.remove('over');
38 | var successMessage = document.createElement('p');
39 | successMessage.innerHTML = 'Playlist successfully dropped: ' + drop.uri;
40 | // "http://open.spotify.com/user/ylevtov/playlist/4voZh03pjqzzhKTapTZwjR"
41 | var formattedPlaylistURI1 = drop.uri.replace('http://open.spotify.com/', 'spotify:');
42 | playlistURI = formattedPlaylistURI1.replace(/\//g, ':');
43 | buildPlaylist();
44 | console.log('playlistURI ='+playlistURI);
45 |
46 | this.appendChild(successMessage);
47 | }, false);
48 |
49 | function reduceFontSize() {
50 | var selects = document.getElementsByTagName("sp-list-item");
51 | for(var i =0, il = selects.length;i
= 12 && keyAndMode == (currentKey+15)) {
102 | ("RELATIVE MAJOR! Key and Mode: "+keyAndMode+", Current Key: "+currentKey);
103 | return 5
104 | }else {
105 | return 0
106 | }
107 | }
108 |
109 | // Wait for the list to have loaded and then replace the column headings with our own text
110 | setTimeout(function replaceNames() {
111 | $("th.sp-list-cell-popularity").replaceWith("BPM | ");
112 | $("th.sp-list-cell-share").replaceWith("Key | ");
113 | }, 1000);
114 |
115 | // This is where we actually get the song title and artist names, get the code and insert the info into the tables.
116 | // I totally agree that this should be three different methods, but hey-ho, I was at a hackday...
117 | function printAlbums(number, offset) {
118 | var playlistLength = $('.sp-list-table-body').find(".sp-list-item").size();
119 | // EchoNest only allows you to request info for 4 or 5 songs at a time, so we need to do this in batches
120 | // console.log('Printing '+number+' albums with offset = '+offset);
121 | var uriBatch = [];
122 | var track;
123 | var artist;
124 | var i = 0;
125 | // console.log('playlist length = '+playlistLength);
126 | $('.sp-list-item').each(function(i, trackItem) {
127 | // Get uri of song
128 | var uri = trackItem.getAttribute("data-uri");
129 | if(undefined !== uri) {
130 | // Change format of the Spotify URI to comply with EchoNest API
131 | // var formattedURI = uri.replace('spotify', 'spotify-WW');
132 | // if (i>=offset && i<4+offset) {
133 | // Add the URI to our current batch
134 | uriBatch.push(uri);
135 | // }
136 | }
137 | });
138 |
139 | // Construct the URL request for EchoNest. There's definitely a better way to do this using a base URL with parameters...
140 | // var enURL = enBase+'api_key='+enAPIkey+'&format=json&track_id='+uriBatch[0]+'&track_id='+uriBatch[1]+'&track_id='+uriBatch[2]+'&track_id='+uriBatch[3]+'&bucket=audio_summary';
141 | var enURL = enBase+'api_key='+enAPIkey+'&format=json&track_id='+uriBatch[offset]+'&bucket=audio_summary';
142 | var batchBPM = [];
143 | var batchKey =[];
144 | var batchMode =[];
145 | var batchKeyMatch =[];
146 |
147 | console.log('enURL = '+enURL, enAPIkey);
148 |
149 | $.getJSON(
150 | enURL, function (data) {
151 | console.log(data);
152 | $.each(data, function(index, element) {
153 | // for (var k = 0; k<1; k++) {
154 | if (element.status.code == 0) {
155 | // console.log('pushing key and bpm for item '+k);
156 | // Put the key and BPM info into our arrays
157 | batchKey.push(element.songs[0].audio_summary.key);
158 | batchMode.push(element.songs[0].audio_summary.mode);
159 | batchBPM.push(parseInt(element.songs[0].audio_summary.tempo));
160 | batchKeyMatch.push(compareToCurrentKey(element.songs[0].audio_summary.key, element.songs[0].audio_summary.mode));
161 | console.log(compareToCurrentKey(element.songs[0].audio_summary.key, element.songs[0].audio_summary.mode));
162 | }else{
163 | batchKey.push('!');
164 | batchMode.push('!');
165 | batchBPM.push('!');
166 | batchKeyMatch.push('!');
167 | }
168 | // }
169 | });
170 | // Now we've got our data, replace the column contents with it
171 | $('.sp-list-item').each(function(i, trackItem) {
172 | if (i>=offset && i<1+offset) {
173 | var keyMatchTextColor;
174 | var keyMatchBgColor;
175 | if (batchKeyMatch[i-offset] == 0) {
176 | // NO MATCH
177 | keyMatchTextColor = "black";
178 | keyMatchBgColor = "inherit";
179 | }else if (batchKeyMatch[i-offset] == 1) {
180 | // IN KEY
181 | keyMatchTextColor = "white";
182 | keyMatchBgColor = "green";
183 | }else if (batchKeyMatch[i-offset] == 2) {
184 | // UP A FIFTH
185 | keyMatchTextColor = "white";
186 | keyMatchBgColor = "orange";
187 | }else if (batchKeyMatch[i-offset] == 3) {
188 | // DOWN A FIFTH
189 | keyMatchTextColor = "white";
190 | keyMatchBgColor = "#808000";
191 | }else if (batchKeyMatch[i-offset] == 4) {
192 | // RELATIVE MAJOR
193 | keyMatchTextColor = "white";
194 | keyMatchBgColor = "#008080";
195 | }else if (batchKeyMatch[i-offset] == 5) {
196 | // RELATIVE MINOR
197 | keyMatchTextColor = "white";
198 | keyMatchBgColor = "#008080";
199 | }
200 | // console.log('replace '+i);
201 | $(this).find(".sp-list-cell-popularity").each(function (l) {
202 | $(this).html(batchBPM[i-offset]);
203 | });
204 | $(this).find(".sp-list-cell-share").each(function (l) {
205 | if (batchMode[i-offset]) {
206 | $(this).html(""+convertKey(batchKey[i-offset])+"m
");
207 | }else{
208 | $(this).html(""+convertKey(batchKey[i-offset])+"
");
209 | }
210 | });
211 | }
212 | });
213 |
214 | // Run the whole thing again until we run out of songs
215 | if (offset <= playlistLength){
216 | printAlbums(1, offset+1);
217 | // console.log('next offset = '+offset+4);
218 | }else{
219 | // console.log('reached end of list');
220 | }
221 | });
222 | }
223 |
224 | // Run for the first time after having loaded the playlists
225 | setTimeout(function(){ printAlbums(1, 0); }, 1000);
226 | reduceFontSize();
227 | }
228 | });
229 |
230 | function calculateHarmony(key) {
231 | console.log("setting key to "+key);
232 | currentKey = key;
233 | }
--------------------------------------------------------------------------------
/js/rainbow-custom.min.js:
--------------------------------------------------------------------------------
1 | /* Rainbow v1.1.8 rainbowco.de | included languages: generic, javascript, html, css */
2 | window.Rainbow=function(){function q(a){var b,c=a.getAttribute&&a.getAttribute("data-language")||0;if(!c){a=a.attributes;for(b=0;b=e[d][c])delete e[d][c],delete j[d][c];if(a>=c&&ac&&b'+b+""}function s(a,b,c,h){var f=a.exec(c);if(f){++t;!b.name&&"string"==typeof b.matches[0]&&(b.name=b.matches[0],delete b.matches[0]);var k=f[0],i=f.index,u=f[0].length+i,g=function(){function f(){s(a,b,c,h)}t%100>0?f():setTimeout(f,0)};if(C(i,u))g();else{var m=v(b.matches),l=function(a,c,h){if(a>=c.length)h(k);else{var d=f[c[a]];if(d){var e=b.matches[c[a]],i=e.language,g=e.name&&e.matches?
4 | e.matches:e,j=function(b,d,e){var i;i=0;var g;for(g=1;g/g,">").replace(/&(?![\w\#]+;)/g,
6 | "&"),b,c)}function o(a,b,c){if(b