').append(
247 | $(data).find('.lyricbox').contents().filter(filter)).remove().html();
248 | }
249 |
250 | function getSongInfoFromRawHtml(data) {
251 | return $(data).find('#WikiaPageHeader h1').text();
252 | }
253 |
254 | function sendSearchRequest(title) {
255 | $.ajax({
256 | url : "http://lyrics.wikia.com/Special:Search",
257 | data : {
258 | search : title,
259 | fulltext : 'Search',
260 | ns0 : '1'
261 | },
262 | type : 'GET',
263 | complete : function(jqXHR, status) {
264 | // console.log('searchOnLiricWiki:Status:'+status);
265 | },
266 | success : function(resultsPage, songStatus) {
267 | var i = 0;
268 | var lwSearchResults = [];
269 |
270 | $(resultsPage).find('li.result').each(
271 | function(index, element) {
272 | var articleTitle = $(this).children().children('h1')
273 | .children('a').text();
274 | var articleLink = $(this).children().children('h1')
275 | .children('a').prop('href');
276 |
277 | // If there is a artist name before ':'
278 | if (articleTitle.indexOf(':') > 0) {
279 | // Get the song title (part after
280 | // the colon)
281 | var songTitle = articleTitle.substr(
282 | articleTitle.indexOf(':') + 1).trim();
283 |
284 | // if the result contains in
285 | // original song title
286 | if (songTitle.toLowerCase().search(
287 | title.toLowerCase()) !== -1) {
288 | // create JSON object for each result
289 | var result = {};
290 | result.link = articleLink;
291 | result.title = articleTitle;
292 | lwSearchResults[i] = result;
293 | i++;
294 | }
295 | }
296 | });
297 | callContentScript(msgFromTabId, "displaySearchResults",[lwSearchResults]);
298 | }
299 | });
300 | }
301 |
302 | function getArtistFromMusicBrainz(title, album) {
303 | var artist = 'Not Found';
304 | var query = (!album) ? 'recording:"' + title + '"' : 'recording:"' + title
305 | + '" AND release:"' + album + '"';
306 |
307 | $.ajax({
308 | url : "http://musicbrainz.org/ws/2/recording",
309 | data : {
310 | query : query
311 | },
312 | type : "GET",
313 | error : function(jqXHR, textStatus, errorThrown) {
314 | // send error message to content script
315 | var pass_data = {
316 | 'msgType' : 'displayError',
317 | 'message' : 'An error occurred while searching artist on MusicBrainz for "'
318 | + title + '". Please retry.'
319 | };
320 | chrome.tabs.sendMessage(msgFromTabId, pass_data);
321 | console.log("Error calling MusicBrainz api!");
322 | },
323 | success : function(data, status) {
324 | var artistCredit = $(data).find("artist-credit");
325 | if (artistCredit.length > 0) {
326 | artist = artistCredit[0].getElementsByTagName("artist")[0].getElementsByTagName("name")[0].textContent;
327 | console.log("Artist name retrieved from MusicBrainz: " + artist);
328 | callContentScript(msgFromTabId, "getLyrics",[artist, title, album]);
329 | } else {
330 | console.log("MusicBrainz returned 0 results");
331 | callContentScript(msgFromTabId, "getLyrics",['Not Found', title, album]);
332 | }
333 | }
334 | });
335 | }
336 |
337 | function callContentScript(tabid, targetFunction, args){
338 | var message = {functionName: targetFunction, args: args};
339 | chrome.tabs.sendMessage(tabid, message);
340 | }
341 |
--------------------------------------------------------------------------------
/docs/css/responsive.css:
--------------------------------------------------------------------------------
1 | /* Default Layout: 992px.
2 | Gutters: 24px.
3 | Outer margins: 48px.
4 | Leftover space for scrollbars @1024px: 32px.
5 | -------------------------------------------------------------------------------
6 | cols 1 2 3 4 5 6 7 8 9 10
7 | px 68 160 252 344 436 528 620 712 804 896 */
8 | /* Tablet Layout: 768px.
9 | Gutters: 24px.
10 | Outer margins: 28px.
11 | Inherits styles from: Default Layout.
12 | -----------------------------------------------------------------
13 | cols 1 2 3 4 5 6 7 8
14 | px 68 160 252 344 436 528 620 712 */
15 | @media only screen and (min-width: 768px) and (max-width: 991px) {
16 | /*---------------------------------------------
17 | Index Start
18 | -----------------------------------------------*/
19 | /*--
20 | wrapper Start
21 | --*/
22 | #wrapper {
23 | text-align: center;
24 | }
25 | #wrapper .block img {
26 | padding-top: 100px;
27 | width: 50%;
28 | }
29 | /*--
30 | content Start
31 | --*/
32 | #content {
33 | text-align: center;
34 | }
35 | #content .block {
36 | padding-bottom: 100px;
37 | }
38 | /*--
39 | features Start
40 | --*/
41 | #features {
42 | text-align: center;
43 | }
44 | /*--
45 | footer Start
46 | --*/
47 | footer .navbar {
48 | margin-bottom: 0px;
49 | border: 0px;
50 | min-height: 40px;
51 | }
52 | footer .navbar-default {
53 | border: 0px;
54 | width: 68%;
55 | }
56 | footer .navbar-default .navbar-nav li a {
57 | color: #494949;
58 | padding: 10px 10px;
59 | font-size: 15px;
60 | }
61 | footer .navbar-default .navbar-nav li a:hover {
62 | color: #000;
63 | }
64 | /*---------------------------------------------
65 | Index Close
66 | -----------------------------------------------*/
67 | /*=============================================*/
68 | /*---------------------------------------------
69 | Work Start
70 | -----------------------------------------------*/
71 | /*--
72 | slider-work Start
73 | --*/
74 | #slider-work .block h1 {
75 | font-size: 28px;
76 | }
77 | #slider-work .block p {
78 | font-size: 15px;
79 | }
80 | /*--
81 | portfolio Start
82 | --*/
83 | #portfolio-work .block .portfolio-manu {
84 | padding-left: 0px;
85 | }
86 | #portfolio-work .block .portfolio-contant ul li a .img-heading {
87 | padding: 5px 0 5px 13px;
88 | }
89 | #portfolio-work .block .portfolio-contant ul li a .img-heading h2 {
90 | font-size: 20px;
91 | line-height: 25px;
92 | }
93 | #portfolio-work .block .portfolio-contant ul li a .img-heading p {
94 | font-size: 11px;
95 | line-height: 20px;
96 | }
97 | #portfolio-work .block .portfolio-contant ul li a .overlay {
98 | padding-left: 15px;
99 | }
100 | #portfolio-work .block .portfolio-contant ul li a .overlay h2 {
101 | padding-top: 30px;
102 | padding-bottom: 15px;
103 | font-size: 20px;
104 | line-height: 25px;
105 | }
106 | #portfolio-work .block .portfolio-contant ul li a .overlay p {
107 | font-size: 11px;
108 | line-height: 20px;
109 | padding-top: 15px;
110 | }
111 | /*--
112 | wrapper Start
113 | --*/
114 | #wrapper-work ul li .items-text {
115 | padding-top: 0;
116 | padding-left: 25px;
117 | }
118 | #wrapper-work ul li .items-text h2 {
119 | padding-bottom: 10px;
120 | padding-top: 40px;
121 | }
122 | #wrapper-work ul li .items-text p {
123 | font-size: 14px;
124 | line-height: 20px;
125 | padding-right: 30px;
126 | }
127 | /*--
128 | features Start
129 | --*/
130 | #features-work .block ul li {
131 | width: 49%;
132 | }
133 | /*---------------------------------------------
134 | Work close
135 | -----------------------------------------------*/
136 | /*=============================================*/
137 | /*---------------------------------------------
138 | contact start
139 | -----------------------------------------------*/
140 | #wrapper-contact .block {
141 | padding-bottom: 50px;
142 | }
143 | /*--
144 | features-contact Start
145 | --*/
146 | #features-contact .block ul li {
147 | width: 49%;
148 | }
149 | /*---------------------------------------------
150 | contact close
151 | -----------------------------------------------*/
152 | /*------------------*/
153 | }
154 | /* Mobile Layout: 320px.
155 | Gutters: 24px.
156 | Outer margins: 34px.
157 | Inherits styles from: Default Layout.
158 | ---------------------------------------------
159 | cols 1 2 3
160 | px 68 160 252 */
161 | @media only screen and (max-width: 767px) {
162 | /*---------------------------------------------
163 | Index Start
164 | -----------------------------------------------*/
165 | .heading {
166 | padding-left: 0px;
167 | }
168 | h2 {
169 | font-size: 18px;
170 | }
171 | p {
172 | font-size: 13px;
173 | }
174 | header .navbar-default .navbar-toggle {
175 | margin-top: 20px;
176 | margin-bottom: 20px;
177 | }
178 | #slider {
179 | padding-top: 90px;
180 | padding-bottom: 100px;
181 | }
182 | #slider .block {
183 | padding-left: 0px;
184 | }
185 | #slider .block h1 {
186 | font-size: 20px;
187 | }
188 | #slider .block p {
189 | font-size: 13px;
190 | }
191 | /*--
192 | wrapper Start
193 | --*/
194 | #wrapper {
195 | text-align: center;
196 | padding-top: 70px;
197 | padding-bottom: 100px;
198 | }
199 | #wrapper .block img {
200 | padding-top: 100px;
201 | padding-left: 0px;
202 | width: 100%;
203 | }
204 | /*--
205 | service Start
206 | --*/
207 | #service {
208 | padding-top: 100px;
209 | }
210 | #service .thumbnail {
211 | padding-bottom: 70px;
212 | }
213 | /*--
214 | call-to-action Start
215 | --*/
216 | #call-to-action p {
217 | padding: 0px 0px 40px;
218 | }
219 | #call-to-action .btn {
220 | padding: 10px 20px;
221 | font-size: 15px;
222 | }
223 | /*--
224 | content Start
225 | --*/
226 | #content {
227 | text-align: center;
228 | padding-top: 70px;
229 | }
230 | #content .block {
231 | padding-bottom: 100px;
232 | }
233 | #content .block h2 {
234 | padding-top: 0px;
235 | }
236 | #content .block-bottom {
237 | padding: 0px;
238 | }
239 | #content .block-bottom .item-img {
240 | padding-left: 0px;
241 | }
242 | /*--
243 | features Start
244 | --*/
245 | #features .features-img {
246 | text-align: center;
247 | }
248 | /*---------------------------------------------
249 | Index Close
250 | -----------------------------------------------*/
251 | /*=============================================*/
252 | /*---------------------------------------------
253 | Work Start
254 | -----------------------------------------------*/
255 | #slider-work {
256 | padding-top: 100px;
257 | padding-bottom: 100px;
258 | }
259 | #slider-work .block {
260 | padding-left: 0px;
261 | }
262 | #slider-work .block h1 {
263 | font-size: 20px;
264 | }
265 | #slider-work .block p {
266 | font-size: 11px;
267 | line-height: 25px;
268 | }
269 | /*--
270 | portfolio Start
271 | --*/
272 | #portfolio-work .block .portfolio-manu {
273 | padding-left: 0px;
274 | text-align: center;
275 | }
276 | #portfolio-work .block .portfolio-manu ul li {
277 | padding: 0 8px;
278 | }
279 | #portfolio-work .block .portfolio-contant ul li {
280 | width: 100%;
281 | }
282 | #portfolio-work .block .portfolio-contant ul li a .img-heading {
283 | padding: 5px 0 5px 13px;
284 | }
285 | #portfolio-work .block .portfolio-contant ul li a .img-heading h2 {
286 | font-size: 20px;
287 | line-height: 25px;
288 | }
289 | #portfolio-work .block .portfolio-contant ul li a .img-heading p {
290 | font-size: 11px;
291 | line-height: 20px;
292 | }
293 | #portfolio-work .block .portfolio-contant ul li a .overlay {
294 | padding-left: 15px;
295 | }
296 | #portfolio-work .block .portfolio-contant ul li a .overlay h2 {
297 | padding-top: 65px;
298 | padding-bottom: 15px;
299 | font-size: 20px;
300 | line-height: 25px;
301 | }
302 | #portfolio-work .block .portfolio-contant ul li a .overlay p {
303 | font-size: 11px;
304 | line-height: 20px;
305 | padding-top: 15px;
306 | padding-right: 5px;
307 | }
308 | /*--
309 | wrapper Start
310 | --*/
311 | #wrapper-work ul li {
312 | float: none;
313 | width: 100%;
314 | }
315 | #wrapper-work ul li .items-text {
316 | padding-left: 15px;
317 | padding-top: 30px;
318 | }
319 | #wrapper-work ul li .items-text h2 {
320 | padding-top: 10px;
321 | padding-bottom: 15px;
322 | font-size: 20px;
323 | line-height: 25px;
324 | }
325 | #wrapper-work ul li .items-text p {
326 | font-size: 11px;
327 | line-height: 20px;
328 | padding-top: 15px;
329 | }
330 | /*--
331 | features Start
332 | --*/
333 | #features-work .block ul li {
334 | display: block;
335 | width: 100%;
336 | }
337 | /*---------------------------------------------
338 | Work close
339 | -----------------------------------------------*/
340 | /*=============================================*/
341 | /*---------------------------------------------
342 | contact Start
343 | -----------------------------------------------*/
344 | /*--
345 | slider-contact Start
346 | --*/
347 | #slider-contact {
348 | padding-top: 100px;
349 | padding-bottom: 100px;
350 | }
351 | #slider-contact .block {
352 | padding-left: 0px;
353 | }
354 | #slider-contact .block h1 {
355 | font-size: 20px;
356 | }
357 | #slider-contact .block p {
358 | font-size: 11px;
359 | line-height: 25px;
360 | }
361 | /*--
362 | wrapper-contact Start
363 | --*/
364 | #wrapper-contact .block {
365 | padding-bottom: 50px;
366 | }
367 | #wrapper-contact .block .location p {
368 | width: 100%;
369 | }
370 | #wrapper-contact .block .social-media-icon a i {
371 | padding-top: 30px;
372 | }
373 | /*--
374 | features-contact Start
375 | --*/
376 | #features-contact .block ul li {
377 | display: block;
378 | width: 100%;
379 | }
380 | /*---------------------------------------------
381 | contact close
382 | -----------------------------------------------*/
383 | /*--
384 | footer Start
385 | --*/
386 | footer .footer-manu {
387 | display: none;
388 | }
389 | }
390 | /* Wide Mobile Layout: 480px.
391 | Gutters: 24px.
392 | Outer margins: 22px.
393 | Inherits styles from: Default Layout, Mobile Layout.
394 | ------------------------------------------------------------
395 | cols 1 2 3 4 5
396 | px 68 160 252 344 436 */
397 | /* Retina media query.
398 | Overrides styles for devices with a
399 | device-pixel-ratio of 2+, such as iPhone 4.
400 | ----------------------------------------------- */
401 |
--------------------------------------------------------------------------------
/glyrics-app/window.js:
--------------------------------------------------------------------------------
1 | var extId = "indphkjgcbdoaigcjlaaokkfllleolli";
2 | var hasExtension = false;
3 | var requiredVersion = 1.0;
4 | var mainView = null;
5 | var header;
6 | var headerTitle;
7 | var headerArtist;
8 |
9 | window.onload = function() {
10 | mainView = document.getElementById('main');
11 | header = document.getElementById("header");
12 |
13 | pingExt();
14 |
15 |
16 | var dialog = $( "#dialog-form" ).dialog({
17 | autoOpen: false,
18 | height: 300,
19 | width: 350,
20 | modal: true,
21 | buttons: {
22 | "OK": function(){},
23 | Cancel: function() {
24 | dialog.dialog( "close" );
25 | }
26 | },
27 | close: function() {}
28 |
29 | });
30 |
31 | $(document).click(function(event) {
32 | if(!$(event.target).parents('dropdown').length) {
33 | $("dropdown input").prop("checked",false);
34 | }
35 | });
36 |
37 |
38 | var alwaysOnTop=chrome.storage.local["alwaysOnTop"];
39 | if (alwaysOnTop === undefined || alwaysOnTop === true){
40 | $("#keep-on-top-btn").removeClass("display-none");
41 | chrome.app.window.current().setAlwaysOnTop(true);
42 | }
43 |
44 | $("dropdown ul li.reload").click(function(){
45 | pingExt();
46 | $("dropdown input").prop("checked",false);
47 | });
48 |
49 | $("dropdown ul li.change-style").click(function(){
50 | dialog.dialog( "open" );
51 | $("dropdown input").prop("checked",false);
52 | });
53 |
54 | $("dropdown ul li.window-on-top").click(function(){
55 | var alwaysOnTop=chrome.app.window.current().isAlwaysOnTop();
56 | chrome.app.window.current().setAlwaysOnTop(!alwaysOnTop);
57 | $("dropdown ul li.window-on-top .symbol").toggleClass("display-none");
58 | $("dropdown input").prop("checked",false);
59 | });
60 |
61 | $("dropdown ul li.feedback").click(function(){
62 | window.open("https://chrome.google.com/webstore/detail/gaana-lyrics-app/paiehomgejkdifojcddmbinmophkibac/reviews");
63 | $("dropdown input").prop("checked",false);
64 | });
65 | };
66 |
67 | chrome.runtime.onMessageExternal.addListener(function(request, sender,
68 | sendResponse) {
69 | if (request.msgType === "trackInfo") {
70 | //console.log("lyric request received by window");
71 | setHeader(request.artist, request.title);
72 | getLyrics(request.artist, request.title, request.album);
73 | }
74 | });
75 |
76 | function setHeader(artist, title){
77 | if (title){
78 | header.innerHTML = title + ((artist)?'
by ' + artist:"");
79 | }else{
80 | header.innerHTML = "Gaana Lyrics";
81 | }
82 | }
83 |
84 |
85 | function pingExt(){
86 | chrome.runtime.sendMessage(extId, {
87 | msgType : "version"
88 | }, function(reply) {
89 | if (reply) {
90 | if (reply.version) {
91 | if (reply.version >= requiredVersion) {
92 | if(hasExtension === false){
93 | hasExtension = true;
94 | document.getElementById('ext-note').remove();
95 | }
96 | }
97 | }
98 | }
99 | });
100 | }
101 |
102 | function getLyrics(artist, title, album) {
103 | /* check if title is present */
104 | if (!title) {
105 | mainView.innerHTML = 'Song title is missing. Cannot search for lyrics.';
106 | return;
107 | }
108 |
109 | /* If artist is missing try to get artist name from MusicBrainz */
110 | if (!artist) {
111 | mainView.innerHTML = 'Artist is missing! Searching for Artist Name on MusicBrainz...';
112 | getArtistFromMusicBrainz(title, album);
113 | /*
114 | * the above method will call getLyrics() again after search on
115 | * MusicBrainz is complere
116 | */
117 | return;
118 | }
119 |
120 | /* Artist could not be retrieved from MusicBrainz as well */
121 | if (artist === 'Not Found') {
122 | mainView.innerHTML = 'Artist not found! Cannot locate lyrics for
'
123 | + title
124 | + ' \
125 | (
Search Google ).';
127 | searchOnLiricWiki(title);
128 | return;
129 | }
130 |
131 | /* update header, in case clicked a search result */
132 | setHeader(artist, title);
133 | mainView.innerHTML = "Searching lyrics for " + title + " by " + artist + "...";
134 | getURLFromLyricWiki(artist, title);
135 |
136 | }
137 |
138 | function getURLFromLyricWiki(artist, title) {
139 | $
140 | .ajax({
141 | url : 'http://lyrics.wikia.com/api.php',
142 | data : {
143 | action : 'lyrics',
144 | artist : artist,
145 | song : title,
146 | fmt : 'xml'
147 | },
148 | headers : {
149 | "X-Wikia-API-Key" : "90d9b7f2f7e0f57b66f13e5c99b287cfa189bb88"
150 | },
151 | dataType : 'xml',
152 | type : 'GET',
153 | cache : false,
154 | complete : function(jqXHR, status) {
155 | // console.log('Status:'+status);
156 | },
157 | error : function(jqXHR, textStatus, errorThrown) {
158 | // send error message to content script
159 | console.log('error');
160 | mainView.innerHTML = 'An error occurred while retrieving lyrics for "'
161 | + title + '" by "' + artist + '". Please retry.';
162 | },
163 | success : function(lyricsData, status) {
164 | try {
165 | // Grab lyrics wikia song url
166 | var songURL = $(lyricsData).find("url").text();
167 |
168 | if (!songURL) {
169 | throw ('Could not find a song URL');
170 | }
171 |
172 | var lyrics = $(lyricsData).find("lyrics").text();
173 | if (lyrics === 'Not found') {
174 | mainView.innerHTML = 'Lyrics not found for
'
175 | + title
176 | + ' by
'
177 | + artist
178 | + ' \
179 | (
Search Google ).\
184 |
'
185 | + 'Please add lyrics at ' + '
LyricWiki .'
188 | searchOnLiricWiki(title);
189 | throw new Error('LYRICS NOT FOUND');
190 | }
191 | console.log(songURL);
192 | getLyricsFromLyricWikiURL(songURL);
193 | } catch (err) {
194 | if (err.message != 'LYRICS NOT FOUND') {
195 | document.getElementById('main').innerHTML = 'An error occurred while retrieving lyrics for "'
196 | + title
197 | + '" by "'
198 | + artist
199 | + '". Please retry.';
200 | }
201 | }
202 |
203 | }
204 |
205 | });
206 | }
207 |
208 | function getLyricsFromLyricWikiURL(songURL) {
209 | $
210 | .ajax({
211 | url : songURL,
212 | type : 'GET',
213 | complete : function(jqXHR, status) {
214 | // console.log('Status:'+status);
215 | },
216 | success : function(songData, songStatus) {
217 | lyrics = getLyricsFromRawHtml(songData);
218 | if (lyrics.length === 0) {
219 | throw ('No lyrics found');
220 | } else {
221 | document.getElementById('main').innerHTML = lyrics
222 | + '
Lyrics provided by
LyricWiki .';
224 | }
225 | }
226 | });
227 | }
228 |
229 | function getLyricsFromRawHtml(data) {
230 | var filter = function() {
231 | // filters all text nodes and some inline elements out
232 | return this.nodeType === Node.TEXT_NODE
233 | || $(this).is('p, br, i, b, strong, em');
234 | };
235 |
236 | // create a div,
237 | // append .lyricsbox's direct children to it
238 | // and filter all unnecessary elements out
239 | // get the html and remove the div.
240 | return $('
').append(
241 | $(data).find('.lyricbox').contents().filter(filter)).remove()
242 | .html();
243 | }
244 |
245 | function searchOnLiricWiki(title) {
246 | searchElement = document.createElement('div');
247 | mainView.innerHTML = mainView.innerHTML
248 | + '
Possible Matches: ';
249 | mainView.appendChild(searchElement);
250 | searchElement.innerHTML = 'Searching with "' + title + '" ...';
251 |
252 | $
253 | .ajax({
254 | url : "http://lyrics.wikia.com/Special:Search",
255 | data : {
256 | search : title,
257 | fulltext : 'Search',
258 | ns0 : '1'
259 | },
260 | type : 'GET',
261 | complete : function(jqXHR, status) {
262 | // console.log('searchOnLiricWiki:Status:'+status);
263 | },
264 | success : function(resultsPage, songStatus) {
265 | i = 0;
266 | lwSearchResults = [];
267 | $(resultsPage)
268 | .find('li.result')
269 | .each(
270 | function(index, element) {
271 | articleTitle = $(this).children()
272 | .children('h1').children('a')
273 | .text();
274 | articleLink = $(this).children()
275 | .children('h1').children('a')
276 | .prop('href');
277 |
278 | // If there is a artist name before ':'
279 | if (articleTitle.indexOf(':') > 0) {
280 | // Get the song title (part after
281 | // the colon)
282 | songTitle = articleTitle
283 | .substr(
284 | articleTitle
285 | .indexOf(':') + 1)
286 | .trim();
287 |
288 | // if the result contains in
289 | // original song title
290 | if (songTitle.toLowerCase().search(
291 | title.toLowerCase()) !== -1) {
292 | // create
element containing
293 | // the result
294 | result = document
295 | .createElement('a');
296 | result.setAttribute('href',
297 | articleLink);
298 | result.setAttribute('target',
299 | '_blank');
300 | result.innerHTML = articleTitle;
301 | lwSearchResults[i] = result;
302 | i++;
303 | result.onclick = function() {
304 | // do not follow the link
305 | event.returnValue = false;
306 | // Set lyricArtist and
307 | // lyricTitle to be
308 | // displayed on header
309 | elementText = event.srcElement.innerText;
310 | lyricArtist = elementText
311 | .substr(
312 | 0,
313 | elementText
314 | .indexOf(':'));
315 | lyricTitle = elementText
316 | .substr(elementText
317 | .indexOf(':') + 1);
318 | getLyricsFromLyricWikiURL(event.srcElement
319 | .getAttribute('href'));
320 | };
321 | }
322 | }
323 |
324 | });
325 |
326 | if (lwSearchResults.length === 0) {
327 | searchElement.innerHTML = 'No match found for "'
328 | + title + '".';
329 | } else {
330 | searchElement.innerHTML = '';
331 | ol = document.createElement('ol');
332 | searchElement.appendChild(ol);
333 | for (var i = 0; i < lwSearchResults.length; i++) {
334 | li = document.createElement('li');
335 | li.appendChild(lwSearchResults[i]);
336 | ol.appendChild(li);
337 | }
338 | }
339 |
340 | // If only one result returned and the song title matches
341 | // exactly, then fetch lyrics from the page immediately
342 | /*
343 | * if (lwSearchResults.length == 1 &&
344 | * lwSearchResults[0].innerHTML.substr(lwSearchResults[0].innerHTML.indexOf(':')+1).trim().toLowerCase()
345 | * === title.toLowerCase()){ //Set lyricArtist and
346 | * lyricTitle to be displayed on header elementText =
347 | * lwSearchResults[0].innerHTML; lyricArtist =
348 | * elementText.substr(0,elementText.indexOf(':'));
349 | * lyricTitle =
350 | * elementText.substr(elementText.indexOf(':')+1);
351 | *
352 | * getLyricsFromLyricWikiURL(lwSearchResults[0].getAttribute('href')); }
353 | */
354 |
355 | }
356 | });
357 | }
358 |
359 | function getArtistFromMusicBrainz(title, album) {
360 | var artist = 'Not Found';
361 | query = (!album) ? 'recording:"' + title + '"' : 'recording:"' + title
362 | + '" AND release:"' + album + '"';
363 |
364 | $
365 | .ajax({
366 | url : "http://musicbrainz.org/ws/2/recording",
367 | data : {
368 | query : query
369 | },
370 | type : "GET",
371 | error : function(jqXHR, textStatus, errorThrown) {
372 | console.log("Error calling MusicBrainz api!");
373 | mainView.innerHTML = 'An error occurred while searching artist on MusicBrainz for "'
374 | + title + '". Please retry.';
375 | },
376 | success : function(data, status) {
377 | artistCredit = $(data).find("artist-credit");
378 | if (artistCredit.length > 0) {
379 | artist = artistCredit[0].getElementsByTagName("artist")[0]
380 | .getElementsByTagName("name")[0].textContent;
381 | console.log("Artist name retrieved from MusicBrainz: "
382 | + artist);
383 | getLyrics(artist, title, album);
384 | } else {
385 | console.log("MusicBrainz returned 0 results");
386 | getLyrics('Not Found', title, album);
387 | }
388 | }
389 |
390 | });
391 | }
--------------------------------------------------------------------------------
/docs/js/vendor/modernizr-2.6.2.min.js:
--------------------------------------------------------------------------------
1 | /* Modernizr 2.6.2 (Custom Build) | MIT & BSD
2 | * Build: http://modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-webgl-shiv-mq-cssclasses-addtest-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load
3 | */
4 | ;window.Modernizr=function(a,b,c){function D(a){j.cssText=a}function E(a,b){return D(n.join(a+";")+(b||""))}function F(a,b){return typeof a===b}function G(a,b){return!!~(""+a).indexOf(b)}function H(a,b){for(var d in a){var e=a[d];if(!G(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function I(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:F(f,"function")?f.bind(d||b):f}return!1}function J(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+p.join(d+" ")+d).split(" ");return F(b,"string")||F(b,"undefined")?H(e,b):(e=(a+" "+q.join(d+" ")+d).split(" "),I(e,b,c))}function K(){e.input=function(c){for(var d=0,e=c.length;d',a,""].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},z=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return y("@media "+b+" { #"+h+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},A=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=F(e[d],"function"),F(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),B={}.hasOwnProperty,C;!F(B,"undefined")&&!F(B.call,"undefined")?C=function(a,b){return B.call(a,b)}:C=function(a,b){return b in a&&F(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=w.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(w.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(w.call(arguments)))};return e}),s.flexbox=function(){return J("flexWrap")},s.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},s.canvastext=function(){return!!e.canvas&&!!F(b.createElement("canvas").getContext("2d").fillText,"function")},s.webgl=function(){return!!a.WebGLRenderingContext},s.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:y(["@media (",n.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},s.geolocation=function(){return"geolocation"in navigator},s.postmessage=function(){return!!a.postMessage},s.websqldatabase=function(){return!!a.openDatabase},s.indexedDB=function(){return!!J("indexedDB",a)},s.hashchange=function(){return A("hashchange",a)&&(b.documentMode===c||b.documentMode>7)},s.history=function(){return!!a.history&&!!history.pushState},s.draganddrop=function(){var a=b.createElement("div");return"draggable"in a||"ondragstart"in a&&"ondrop"in a},s.websockets=function(){return"WebSocket"in a||"MozWebSocket"in a},s.rgba=function(){return D("background-color:rgba(150,255,150,.5)"),G(j.backgroundColor,"rgba")},s.hsla=function(){return D("background-color:hsla(120,40%,100%,.5)"),G(j.backgroundColor,"rgba")||G(j.backgroundColor,"hsla")},s.multiplebgs=function(){return D("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){3}/.test(j.background)},s.backgroundsize=function(){return J("backgroundSize")},s.borderimage=function(){return J("borderImage")},s.borderradius=function(){return J("borderRadius")},s.boxshadow=function(){return J("boxShadow")},s.textshadow=function(){return b.createElement("div").style.textShadow===""},s.opacity=function(){return E("opacity:.55"),/^0.55$/.test(j.opacity)},s.cssanimations=function(){return J("animationName")},s.csscolumns=function(){return J("columnCount")},s.cssgradients=function(){var a="background-image:",b="gradient(linear,left top,right bottom,from(#9f9),to(white));",c="linear-gradient(left top,#9f9, white);";return D((a+"-webkit- ".split(" ").join(b+a)+n.join(c+a)).slice(0,-a.length)),G(j.backgroundImage,"gradient")},s.cssreflections=function(){return J("boxReflect")},s.csstransforms=function(){return!!J("transform")},s.csstransforms3d=function(){var a=!!J("perspective");return a&&"webkitPerspective"in g.style&&y("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},s.csstransitions=function(){return J("transition")},s.fontface=function(){var a;return y('@font-face {font-family:"font";src:url("https://")}',function(c,d){var e=b.getElementById("smodernizr"),f=e.sheet||e.styleSheet,g=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"";a=/src/i.test(g)&&g.indexOf(d.split(" ")[0])===0}),a},s.generatedcontent=function(){var a;return y(["#",h,"{font:0/0 a}#",h,':after{content:"',l,'";visibility:hidden;font:3px/1 a}'].join(""),function(b){a=b.offsetHeight>=3}),a},s.video=function(){var a=b.createElement("video"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,""),c.h264=a.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,""),c.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,"")}catch(d){}return c},s.audio=function(){var a=b.createElement("audio"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),c.mp3=a.canPlayType("audio/mpeg;").replace(/^no$/,""),c.wav=a.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),c.m4a=(a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;")).replace(/^no$/,"")}catch(d){}return c},s.localstorage=function(){try{return localStorage.setItem(h,h),localStorage.removeItem(h),!0}catch(a){return!1}},s.sessionstorage=function(){try{return sessionStorage.setItem(h,h),sessionStorage.removeItem(h),!0}catch(a){return!1}},s.webworkers=function(){return!!a.Worker},s.applicationcache=function(){return!!a.applicationCache},s.svg=function(){return!!b.createElementNS&&!!b.createElementNS(r.svg,"svg").createSVGRect},s.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=n,e._domPrefixes=q,e._cssomPrefixes=p,e.mq=z,e.hasEvent=A,e.testProp=function(a){return H([a])},e.testAllProps=J,e.testStyles=y,e.prefixed=function(a,b,c){return b?J(a,b,c):J(a,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+v.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f 
38 | 
107 | 
110 | 
41 | 
53 | 
65 | 
78 | 
90 | 
102 | 
128 | 
131 | 
134 | 
137 | 
140 |