From the department of bells and whistles:

Add more icons

src/webui/extjs.c

@@ -176,9 +176,12 @@ page_about(http_connection_t *hc, const char *remain, void *opaque)
 		 "<a href=\"http://hts.lonelycoder.com/\">"
 		 "http://hts.lonelycoder.com/</a><br><br>"
 		 "Based on software from "
-		 "<a href=\"http://www.ffmpeg.org/\">FFmpeg</a> and "
-		 "<a href=\"http://www.extjs.com/\">ExtJS</a>.<br>"
-		 "<br>"
+		 "<a target=\"_blank\" href=\"http://www.ffmpeg.org/\">FFmpeg</a> and "
+		 "<a target=\"_blank\" href=\"http://www.extjs.com/\">ExtJS</a>. "
+		 "Icons from "
+		 "<a target=\"_blank\" href=\"http://www.famfamfam.com/lab/icons/silk/\">"
+		 "FamFamFam</a>"
+		 "<br><br>"
 		 "Build: %s"
 		 "</center>",
 		 htsversion,

src/webui/static/app/acleditor.js

@@ -73,5 +73,5 @@ tvheadend.acleditor = function() {
 				      dvrColumn, webuiColumn,
 				      adminColumn],
 				     null,
-				    'config_access.html');
+				     'config_access.html', 'group');
 }

src/webui/static/app/chconf.js

@@ -204,6 +204,7 @@ tvheadend.chconf = function()
     var grid = new Ext.grid.EditorGridPanel({
 	stripeRows: true,
 	title: 'Channels',
+	iconCls: 'television',
 	store: tvheadend.channels,
 	clicksToEdit: 2,
 	cm: cm,

src/webui/static/app/cteditor.js

@@ -56,5 +56,5 @@ tvheadend.cteditor = function() {
 				     [enabledColumn, internalColumn,
 				      titledIconColumn],
 				     null,
-				    'config_tags.html');
+				     'config_tags.html', 'tags');
 }

src/webui/static/app/cwceditor.js

@@ -52,5 +52,5 @@ tvheadend.cwceditor = function() {
 
     return new tvheadend.tableEditor('Code Word Client', 'cwc', cm, rec,
 				     [enabledColumn], null,
-				    'config_cwc.html');
+				     'config_cwc.html', 'key');
 }

src/webui/static/app/dvb.js

@@ -1142,6 +1142,7 @@ tvheadend.dvb = function()
 
     var panel = new Ext.Panel({
 	title: 'DVB Adapters',
+	iconCls: 'hardware',
 	layout:'fit',
 	tbar: [
 	    adapterSelection

src/webui/static/app/dvr.js

@@ -147,6 +147,7 @@ tvheadend.dvrlog = function() {
 	stripeRows: true,
 	disableSelection: true,
 	title: 'Recorder log',
+	iconCls: 'clock',
 	store: tvheadend.dvrStore,
 	cm: dvrCm,
         viewConfig: {forceFit:true},
@@ -252,7 +253,7 @@ tvheadend.autoreceditor = function() {
     return new tvheadend.tableEditor('Automatic Recorder',
 				     'autorec', cm, tvheadend.autorecRecord,
 				     [enabledColumn], tvheadend.autorecStore,
-				     'autorec.html');
+				     'autorec.html', 'wand');
 }
 /**
  *
@@ -314,6 +315,7 @@ tvheadend.dvr = function() {
 	activeTab:0, 
 	autoScroll:true, 
 	title: 'Digital Video Recorder', 
+	iconCls: 'drive',
 	items: [new tvheadend.dvrlog,
 		new tvheadend.autoreceditor
 	       ]
@@ -336,6 +338,7 @@ tvheadend.dvrsettings = function() {
 
     var confpanel = new Ext.FormPanel({
 	title:'Digital Video Recorder',
+	iconCls: 'drive',
 	border:false,
 	bodyStyle:'padding:15px',
 	anchor: '100% 50%',

src/webui/static/app/epg.js

@@ -254,6 +254,7 @@ tvheadend.epg = function() {
 	enableDragDrop : false,
 	cm: epgCm,
 	title: 'Electronic Program Guide',
+	iconCls: 'newspaper',
         store : epgStore,
 	selModel : new Ext.ux.grid.livegrid.RowSelectionModel(),
 	view : epgView,
@@ -273,7 +274,7 @@ tvheadend.epg = function() {
 	    '->',
 	    {
 		text: 'Create AutoRec',
-		iconCls: 'rec',
+		iconCls: 'wand',
 		tooltip: 'Create an automatic recording entry that will ' +
 		    'record all future programmes that matches ' +
 		    'the current query.',

src/webui/static/app/ext.css

@@ -137,6 +137,51 @@
     background-image:url(../icons/undo.png) !important;
 }
 
+.key {
+    background-image:url(../icons/key.png) !important;
+}
+
+.tags {
+    background-image:url(../icons/tag_blue.png) !important;
+}
+
+.xml {
+    background-image:url(../icons/tag.png) !important;
+}
+
+.drive {
+    background-image:url(../icons/drive.png) !important;
+}
+
+.group {
+    background-image:url(../icons/group.png) !important;
+}
+
+.hardware {
+    background-image:url(../icons/pci.png) !important;
+}
+
+.television {
+    background-image:url(../icons/television.png) !important;
+}
+
+.newspaper {
+    background-image:url(../icons/newspaper.png) !important;
+}
+
+.clock {
+    background-image:url(../icons/clock.png) !important;
+}
+
+.wrench {
+    background-image:url(../icons/wrench.png) !important;
+}
+
+.wand {
+    background-image:url(../icons/wand.png) !important;
+}
+
+
 .x-smallhdr {
     float:left;
     width: 100px;

src/webui/static/app/tableeditor.js

@@ -1,5 +1,5 @@
 tvheadend.tableEditor = function(title, dtable, cm, rec, plugins, store,
-				 helpContent) {
+				 helpContent, icon) {
     cm.defaultSortable = true;
 
     if(store == null) {
@@ -129,6 +129,7 @@ tvheadend.tableEditor = function(title, dtable, cm, rec, plugins, store,
 
     var grid = new Ext.grid.EditorGridPanel({
 	title: title,
+	iconCls: icon,
 	plugins: plugins,
 	store: store,
 	clicksToEdit: 2,

src/webui/static/app/tvheadend.js

@@ -46,6 +46,7 @@ function accessUpdate(o) {
 	    activeTab:0, 
 	    autoScroll:true, 
 	    title: 'Configuration', 
+	    iconCls: 'wrench',
 	    items: [new tvheadend.chconf,
 		    new tvheadend.xmltv,
 		    new tvheadend.cteditor,
@@ -62,6 +63,7 @@ function accessUpdate(o) {
 	    border: false,
 	    layout:'fit', 
 	    title:'About',
+	    iconCls:'info',
 	    autoLoad: 'about.html'
 	});
 	tvheadend.rootTabPanel.add(tvheadend.aboutPanel);

src/webui/static/app/xmltv.js

@@ -30,6 +30,7 @@ tvheadend.xmltv = function() {
 
     var confpanel = new Ext.FormPanel({
 	title:'XML TV',
+	iconCls: 'xml',
 	border:false,
 	bodyStyle:'padding:15px',
 	labelAlign: 'right',