From 74e061c96b3264cecc76ab65ac5abe236b23c191 Mon Sep 17 00:00:00 2001
From: Elmar Kouwenhoven <elmarkou@gmail.com>
Date: Fri, 11 May 2012 22:16:59 +0200
Subject: [PATCH 1/3] Added Opera Linear gradients

---
 data/interfaces/default/css/config.less |  3 +++
 data/interfaces/default/css/style.css   | 34 +++++++++++++++++++++++++
 2 files changed, 37 insertions(+)

diff --git a/data/interfaces/default/css/config.less b/data/interfaces/default/css/config.less
index a726a661..4fdccaee 100644
--- a/data/interfaces/default/css/config.less
+++ b/data/interfaces/default/css/config.less
@@ -56,12 +56,14 @@
 .shadow(@shadow: 0 17px 11px -1px #ced8d9) {
    -moz-box-shadow: @shadow;
    -webkit-box-shadow: @shadow;
+   -o-box-shadow: @shadow;
    box-shadow: @shadow;
 }
 .gradient(@gradientFrom: #FFFFFF, @gradientTo: #EEEEEE){
 	background-image: -moz-linear-gradient(@gradientFrom, @gradientTo) !important;
 	background-image: linear-gradient(@gradientFrom, @gradientTo) !important;
 	background-image: -webkit-linear-gradient(@gradientFrom, @gradientTo) !important;
+	background-image: -o-linear-gradient(@gradientFrom, @gradientTo) !important;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@gradientFrom, endColorstr=@gradientTo) !important;
 	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@gradientFrom, endColorstr=@gradientTo) !important;
 }
@@ -69,6 +71,7 @@
 	filter: ~"alpha(opacity=85)";
 	-moz-opacity: @opacity_percent / 100 !important; 
 	-khtml-opacity:@opacity_percent / 100 !important;
+	-o-opacity:@opacity_percent / 100 !important;
 	opacity:@opacity_percent / 100 !important;
 }
 
diff --git a/data/interfaces/default/css/style.css b/data/interfaces/default/css/style.css
index 15296d1f..be01b89e 100644
--- a/data/interfaces/default/css/style.css
+++ b/data/interfaces/default/css/style.css
@@ -176,11 +176,13 @@ table th {
   background-image: -moz-linear-gradient(#fafafa, #eaeaea) !important;
   background-image: linear-gradient(#fafafa, #eaeaea) !important;
   background-image: -webkit-linear-gradient(#fafafa, #eaeaea) !important;
+  background-image: -o-linear-gradient(#fafafa, #eaeaea) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   border-left: 1px solid #E0E0E0;
   -moz-box-shadow: 1px 0 0 #fafafa;
   -webkit-box-shadow: 1px 0 0 #fafafa;
+  -o-box-shadow: 1px 0 0 #fafafa;
   box-shadow: 1px 0 0 #fafafa;
   text-shadow: 1px 1px 0 #FFFFFF ;
 }
@@ -191,6 +193,7 @@ table th:first-child {
   border-left: 0;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
+  -o-box-shadow: none;
   box-shadow: none;
 }
 table th.sorting_desc,
@@ -198,6 +201,7 @@ table th.sorting_asc {
   background-image: -moz-linear-gradient(#fafbfd, #dce6ef) !important;
   background-image: linear-gradient(#fafbfd, #dce6ef) !important;
   background-image: -webkit-linear-gradient(#fafbfd, #dce6ef) !important;
+  background-image: -o-linear-gradient(#fafbfd, #dce6ef) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   color: #4183c4;
@@ -226,6 +230,7 @@ input:invalid,
 textarea:invalid {
   -moz-box-shadow: 0 0 5px #ff0000;
   -webkit-box-shadow: 0 0 5px #ff0000;
+  -o-box-shadow: 0 0 5px #ff0000;
   box-shadow: 0 0 5px #ff0000;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
@@ -329,9 +334,11 @@ form .row input[type=password] {
   border-top: 1px solid #CDCDCD;
   -moz-box-shadow: 0 1px 0 #f1f1f1;
   -webkit-box-shadow: 0 1px 0 #f1f1f1;
+  -o-box-shadow: 0 1px 0 #f1f1f1;
   box-shadow: 0 1px 0 #f1f1f1;
   -moz-box-shadow: inset 0 1px 1px #e0e0e0;
   -webkit-box-shadow: inset 0 1px 1px #e0e0e0;
+  -o-box-shadow: inset 0 1px 1px #e0e0e0;
   box-shadow: inset 0 1px 1px #e0e0e0;
   color: #343434;
   font-size: 14px;
@@ -403,6 +410,7 @@ ul#nav {
   border-left: 1px solid #FAFAFA;
   -moz-box-shadow: -1px 0 0 #e0e0e0;
   -webkit-box-shadow: -1px 0 0 #e0e0e0;
+  -o-box-shadow: -1px 0 0 #e0e0e0;
   box-shadow: -1px 0 0 #e0e0e0;
   height: 58px;
 }
@@ -427,6 +435,7 @@ ul#nav li a:hover {
   background-image: -moz-linear-gradient(#f1f1f1, #e0e0e0) !important;
   background-image: linear-gradient(#f1f1f1, #e0e0e0) !important;
   background-image: -webkit-linear-gradient(#f1f1f1, #e0e0e0) !important;
+  background-image: -o-linear-gradient(#f1f1f1, #e0e0e0) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   border: 1px solid #DDDDDD;
@@ -435,9 +444,11 @@ ul#nav li a:hover {
   border-radius: 3px;
   -moz-box-shadow: 0 1px 0 #fafafa;
   -webkit-box-shadow: 0 1px 0 #fafafa;
+  -o-box-shadow: 0 1px 0 #fafafa;
   box-shadow: 0 1px 0 #fafafa;
   -moz-box-shadow: 0 1px 0 #fafafa inset;
   -webkit-box-shadow: 0 1px 0 #fafafa inset;
+  -o-box-shadow: 0 1px 0 #fafafa inset;
   box-shadow: 0 1px 0 #fafafa inset;
   -webkit-transition: color 0.2s ease-in;
   -moz-transition: color 0.2s ease-in;
@@ -461,11 +472,13 @@ header {
   background-image: -moz-linear-gradient(#fafafa, #eaeaea) !important;
   background-image: linear-gradient(#fafafa, #eaeaea) !important;
   background-image: -webkit-linear-gradient(#fafafa, #eaeaea) !important;
+  background-image: -o-linear-gradient(#fafafa, #eaeaea) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   border-bottom: 1px solid #CACACA;
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   height: 58px;
   position: fixed;
@@ -505,6 +518,7 @@ footer {
   background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important;
   background-image: linear-gradient(#fcf5c2, #fff6a9) !important;
   background-image: -webkit-linear-gradient(#fcf5c2, #fff6a9) !important;
+  background-image: -o-linear-gradient(#fcf5c2, #fff6a9) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   display: inline-block;
@@ -522,6 +536,7 @@ footer {
   background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important;
   background-image: linear-gradient(#ffffff, #eeeeee) !important;
   background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important;
+  background-image: -o-linear-gradient(#ffffff, #eeeeee) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -moz-border-radius: 7px;
@@ -532,6 +547,7 @@ footer {
   right: 10px;
   -moz-box-shadow: 0px 0px 2px #aaaaaa;
   -webkit-box-shadow: 0px 0px 2px #aaaaaa;
+  -o-box-shadow: 0px 0px 2px #aaaaaa;
   box-shadow: 0px 0px 2px #aaaaaa;
   padding: 7px 10px;
   position: fixed;
@@ -543,6 +559,7 @@ footer {
   filter: alpha(opacity=85);
   -moz-opacity: 0.8 !important;
   -khtml-opacity: 0.8 !important;
+  -o-opacity: 0.8 !important;
   opacity: 0.8 !important;
 }
 #ajaxMsg .msg {
@@ -558,6 +575,7 @@ footer {
   background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important;
   background-image: linear-gradient(#d3ffd7, #c2edc6) !important;
   background-image: -webkit-linear-gradient(#d3ffd7, #c2edc6) !important;
+  background-image: -o-linear-gradient(#d3ffd7, #c2edc6) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   padding: 15px 10px;
@@ -567,6 +585,7 @@ footer {
   background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important;
   background-image: linear-gradient(#ffd3d3, #edc4c4) !important;
   background-image: -webkit-linear-gradient(#ffd3d3, #edc4c4) !important;
+  background-image: -o-linear-gradient(#ffd3d3, #edc4c4) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   padding: 15px 10px;
@@ -584,6 +603,7 @@ footer {
   background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important;
   background-image: linear-gradient(#ffffff, #eeeeee) !important;
   background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important;
+  background-image: -o-linear-gradient(#ffffff, #eeeeee) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -moz-border-radius: 7px;
@@ -594,6 +614,7 @@ footer {
   right: 10px;
   -moz-box-shadow: 0px 0px 2px #aaaaaa;
   -webkit-box-shadow: 0px 0px 2px #aaaaaa;
+  -o-box-shadow: 0px 0px 2px #aaaaaa;
   box-shadow: 0px 0px 2px #aaaaaa;
   padding: 7px 10px;
   position: fixed;
@@ -605,11 +626,13 @@ footer {
   filter: alpha(opacity=85);
   -moz-opacity: 0.8 !important;
   -khtml-opacity: 0.8 !important;
+  -o-opacity: 0.8 !important;
   opacity: 0.8 !important;
   display: block;
   background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important;
   background-image: linear-gradient(#fcf5c2, #fff6a9) !important;
   background-image: -webkit-linear-gradient(#fcf5c2, #fff6a9) !important;
+  background-image: -o-linear-gradient(#fcf5c2, #fff6a9) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
 }
@@ -626,6 +649,7 @@ footer {
   background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important;
   background-image: linear-gradient(#d3ffd7, #c2edc6) !important;
   background-image: -webkit-linear-gradient(#d3ffd7, #c2edc6) !important;
+  background-image: -o-linear-gradient(#d3ffd7, #c2edc6) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   padding: 15px 10px;
@@ -635,6 +659,7 @@ footer {
   background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important;
   background-image: linear-gradient(#ffd3d3, #edc4c4) !important;
   background-image: -webkit-linear-gradient(#ffd3d3, #edc4c4) !important;
+  background-image: -o-linear-gradient(#ffd3d3, #edc4c4) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   padding: 15px 10px;
@@ -668,6 +693,7 @@ footer {
   background-image: -moz-linear-gradient(#f4f4f4, #e7e7e7) !important;
   background-image: linear-gradient(#f4f4f4, #e7e7e7) !important;
   background-image: -webkit-linear-gradient(#f4f4f4, #e7e7e7) !important;
+  background-image: -o-linear-gradient(#f4f4f4, #e7e7e7) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
@@ -678,6 +704,7 @@ footer {
   background-image: -moz-linear-gradient(#599bdc, #3072b3) !important;
   background-image: linear-gradient(#599bdc, #3072b3) !important;
   background-image: -webkit-linear-gradient(#599bdc, #3072b3) !important;
+  background-image: -o-linear-gradient(#599bdc, #3072b3) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   color: #FFF;
@@ -687,6 +714,7 @@ div#searchbar {
   border-left: 1px solid #FAFAFA;
   -moz-box-shadow: -1px 0 0 #e0e0e0;
   -webkit-box-shadow: -1px 0 0 #e0e0e0;
+  -o-box-shadow: -1px 0 0 #e0e0e0;
   box-shadow: -1px 0 0 #e0e0e0;
   padding: 15px 0 15px 20px;
   position: absolute;
@@ -698,9 +726,11 @@ div#searchbar input[type=text] {
   border-top: 1px solid #CDCDCD;
   -moz-box-shadow: 0 1px 0 #f1f1f1;
   -webkit-box-shadow: 0 1px 0 #f1f1f1;
+  -o-box-shadow: 0 1px 0 #f1f1f1;
   box-shadow: 0 1px 0 #f1f1f1;
   -moz-box-shadow: inset 0 1px 1px #e0e0e0;
   -webkit-box-shadow: inset 0 1px 1px #e0e0e0;
+  -o-box-shadow: inset 0 1px 1px #e0e0e0;
   box-shadow: inset 0 1px 1px #e0e0e0;
   color: #999;
   float: left;
@@ -779,6 +809,7 @@ div#artistheader #artistImg {
   border: 5px solid #FFF;
   -moz-box-shadow: 1px 1px 2px 0 #555555;
   -webkit-box-shadow: 1px 1px 2px 0 #555555;
+  -o-box-shadow: 1px 1px 2px 0 #555555;
   box-shadow: 1px 1px 2px 0 #555555;
   float: left;
   height: 200px;
@@ -869,6 +900,7 @@ div#artistheader h2 a {
   border: 5px solid #FFF;
   -moz-box-shadow: 1px 1px 2px 0 #555555;
   -webkit-box-shadow: 1px 1px 2px 0 #555555;
+  -o-box-shadow: 1px 1px 2px 0 #555555;
   box-shadow: 1px 1px 2px 0 #555555;
   float: left;
   height: 200px;
@@ -1080,6 +1112,7 @@ div#artistheader h2 a {
   background-image: -moz-linear-gradient(#a3e532, #90cc2a) !important;
   background-image: linear-gradient(#a3e532, #90cc2a) !important;
   background-image: -webkit-linear-gradient(#a3e532, #90cc2a) !important;
+  background-image: -o-linear-gradient(#a3e532, #90cc2a) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
 }
@@ -1096,6 +1129,7 @@ div#artistheader h2 a {
   background-image: -moz-linear-gradient(#a3e532, #90cc2a) !important;
   background-image: linear-gradient(#a3e532, #90cc2a) !important;
   background-image: -webkit-linear-gradient(#a3e532, #90cc2a) !important;
+  background-image: -o-linear-gradient(#a3e532, #90cc2a) !important;
   filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
   height: 14px;

From 25d1b2f7ed38373916d3e9e6e94dc96e5330aa2b Mon Sep 17 00:00:00 2001
From: Elmar Kouwenhoven <elmarkou@gmail.com>
Date: Fri, 11 May 2012 22:44:58 +0200
Subject: [PATCH 2/3] Fixed minore issues

- Fixed getting cover art that's too small
- fixed reloading images after adding artist
- added init function on search results
---
 data/interfaces/default/album.html         | 2 +-
 data/interfaces/default/js/script.js       | 4 +++-
 data/interfaces/default/searchresults.html | 6 +++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/data/interfaces/default/album.html b/data/interfaces/default/album.html
index 7f7028e0..f3495100 100644
--- a/data/interfaces/default/album.html
+++ b/data/interfaces/default/album.html
@@ -129,7 +129,7 @@
 	<script src="js/libs/jquery.dataTables.min.js"></script>
 	<script>
 	$(document).ready(function()	{
-		getAlbumInfo("${album['ArtistName']}","${album['AlbumTitle']}","#albumheader .albumArt",1);
+		getAlbumInfo("${album['ArtistName']}","${album['AlbumTitle']}","#albumheader .albumArt",3);
 		initActions();
 		
 		$('#track_table').dataTable({
diff --git a/data/interfaces/default/js/script.js b/data/interfaces/default/js/script.js
index 466a611d..15b379d2 100644
--- a/data/interfaces/default/js/script.js
+++ b/data/interfaces/default/js/script.js
@@ -362,7 +362,9 @@ function doAjaxCall(url,elem,reload,form) {
 	  				feedback.removeClass('success');
 	  			});
 	  			if ( reload == true ) 	refreshSubmenu(url);
-	  			if ( reload == "table") console.log('refresh'); refreshTable();
+	  			if ( reload == "table") {
+	  				console.log('refresh'); refreshTable();
+	  			}
 	  			if ( reload == "tabs") 	refreshTab();
 	  			if ( form ) {
 	  				// Change the option to 'choose...'
diff --git a/data/interfaces/default/searchresults.html b/data/interfaces/default/searchresults.html
index 785b2513..a337316f 100644
--- a/data/interfaces/default/searchresults.html
+++ b/data/interfaces/default/searchresults.html
@@ -55,7 +55,7 @@
 	<script src="js/libs/jquery.dataTables.min.js"></script>
 	
 	<script>
-	$(document).ready(function(){
+	function initThisPage() {
 		$("table#searchresults_table tr td#artistname").each(function(){	
 			var artist = $(this).children('a').attr('title');
 			var image = $(this).parent().find("td#albumart img");
@@ -71,6 +71,7 @@
 		});
 		$('#searchresults_table').dataTable(
 			{
+				"bDestroy": true,
 				"aoColumnDefs": [
 			          { 'bSortable': false, 'aTargets': [ 0,3 ] }
 				],	
@@ -86,6 +87,9 @@
 				"aaSorting": []
 			});
 			resetFilters("album");
+	}
+	$(document).ready(function(){
+			initThisPage();		
 	});
 	$(window).load(function(){
 		initFancybox();

From 7e5a57ab9b49bc9dae3f3259e519ae24e07e03c9 Mon Sep 17 00:00:00 2001
From: Elmar Kouwenhoven <elmarkou@gmail.com>
Date: Sat, 12 May 2012 00:06:53 +0200
Subject: [PATCH 3/3] After adding artist, redirect to artist page

---
 data/interfaces/default/artist.html        | 5 +----
 data/interfaces/default/searchresults.html | 4 ++--
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/data/interfaces/default/artist.html b/data/interfaces/default/artist.html
index 2232df6e..3c15d064 100644
--- a/data/interfaces/default/artist.html
+++ b/data/interfaces/default/artist.html
@@ -35,10 +35,7 @@
 			%endif
 			<a href="http://musicbrainz.org/artist/${artist['ArtistID']}">${artist['ArtistName']}</a>
 		</h1>
-		<div id="artistBio"></div>
-		%if artist['Status'] == 'Loading':
-		<h3><i>(Album information for this artist is currently being loaded)</i></h3>
-		%endif		
+		<div id="artistBio"></div>	
 	</div>
 	<form action="markAlbums" method="get" id="markAlbums">
 	<input type="hidden" name="ArtistID" value=${artist['ArtistID']}>
diff --git a/data/interfaces/default/searchresults.html b/data/interfaces/default/searchresults.html
index a337316f..bbf07f58 100644
--- a/data/interfaces/default/searchresults.html
+++ b/data/interfaces/default/searchresults.html
@@ -34,9 +34,9 @@
 					<td id="artistname"><a href="${result['url']}" title="${result['uniquename']}">${result['uniquename']}</a></td>
 					<td id="score"><div class="bar"><div class="score" style="width: ${result['score']}px">${result['score']}</div></div></td>
 				%if type == 'album':	
-					<td id="add"><a href="#" onclick="doAjaxCall('addReleaseById?rid=${result['albumid']}',$(this));" data-success="Album '${result['title']}' added"><span class="ui-icon ui-icon-plus"></span> Add this album</a></td>
+					<td id="add"><a href="addReleaseById?rid=${result['albumid']}"><span class="ui-icon ui-icon-plus"></span> Add this album</a></td>
 				%else:
-					<td id="add"><a href="#" onclick="doAjaxCall('addArtist?artistid=${result['id']}',$(this));" data-success="'${result['uniquename']}' added"><span class="ui-icon ui-icon-plus"></span> Add this artist</a></td>
+					<td id="add"><a href="addArtist?artistid=${result['id']}"><span class="ui-icon ui-icon-plus"></span> Add this artist</a></td>
 				%endif
 				</tr>
 				%endfor