Add some debug style

panikweb_templates/static/css/general.css

@@ -9,6 +9,14 @@ body {
 	/*padding: 0px 10px;*/
 	clear: both;
 }
+code,pre{
+	display:block;
+	overflow:auto;
+	padding:0.5em;
+	background:black !important;
+	color:white !important;
+	font-family:monospace;
+}
 audio { 
 	display:block;
 	width: 90%; 

panikweb_templates/static/js/audioPlayer.js

@@ -21,7 +21,7 @@
 		_create: function() {
 		// Initialization logic here
 			self = this;	
-			this.debugContainer = $('<div>');
+			this.debugContainer = $('<pre>').hide();
 			this.playlistContainer = this.options.playlistContainer;
 			this.element.addClass(this.options.classes);	
 			this.element.append(this.playlistContainer);
@@ -42,12 +42,12 @@
 			});	
 			this.savePlaylist();
 			this.debugContainer.text(
-		 		JSON.stringify(this.playlist)
+		 		JSON.stringify(this.playlist, null, '\t')
 			);
 			return this.playlist;
 		},
 		savePlaylist: function(){
-			localStorage['playlist'] = JSON.stringify(this.playlist);
+			localStorage['playlist'] = JSON.stringify(this.playlist, null, '\t');
 		},
 		loadPlaylist: function(){
 			this.playlist = localStorage['playlist']?JSON.parse(localStorage['playlist']):this.playlist;