diff --git a/app/assets/javascripts/artists.js b/app/assets/javascripts/artists.js index 99e214461..9100ea0fd 100644 --- a/app/assets/javascripts/artists.js +++ b/app/assets/javascripts/artists.js @@ -55,11 +55,18 @@ } $.get("/artists.json?name=" + artist_name, - function(data) { - if (data.length) { - $("#check-name-result").html("Taken"); + function(artists) { + $("check-name-result").empty(); + + if (artists.length) { + $("#check-name-result").text("Taken: "); + + $.map(artists.slice(0, 5), function (artist) { + var link = $("").attr("href", "/artists/" + artist.id).text(artist.name); + $("#check-name-result").append(link); + }); } else { - $("#check-name-result").html("OK"); + $("#check-name-result").text("OK"); } } ); diff --git a/app/assets/stylesheets/specific/artists.css.scss b/app/assets/stylesheets/specific/artists.css.scss index f0d433eab..270e745f1 100644 --- a/app/assets/stylesheets/specific/artists.css.scss +++ b/app/assets/stylesheets/specific/artists.css.scss @@ -29,6 +29,10 @@ div#c-artists, div#excerpt { .hint { display: block; } + + #check-name-result a { + margin-right: 1em; + } } div.recent-posts {