add titleImage option to TextList columns

source/Ox.UI/js/List/Ox.TextList.js

@@ -16,6 +16,7 @@ Ox.TextList <f:Ox.Element> TextList Object
             map <f> function that maps values to sort values
             operator <s> default sort operator
             title <s> ...
+            titleImage <s> ...
             unique <b> If true, this column acts as unique id
             visible <b> ...
             width <n> ...
@@ -346,8 +347,16 @@ Ox.TextList = function(options, self) {
                     width: self.columnWidths[i] - 9 + 'px',
                     textAlign: column.align
                 })
-                .html(column.title)
                 .appendTo(self.$heads[i]);
+            if (column.titleImage) {
+                self.$titles[i].append(
+                    $('<img>').attr({
+                        src: Ox.UI.getImageURL('symbol' + Ox.toTitleCase(column.titleImage))
+                    })
+                )
+            } else {
+                self.$titles[i].html(column.title);
+            }
             if (column.operator) {
                 self.$orderButtons[i] = Ox.Button({
                         style: 'symbol',

source/Ox.UI/js/Map/Ox.ListMap.js

@@ -69,13 +69,8 @@ Ox.ListMap = function(options, self) {
             },
             id: 'countryCode',
             resizable: false, // fixme: implement
-            /*
-            // fixme: why does this not work? it does in folderBrowserList
-            title: $('<img>').attr({
-                src: Ox.UI.getImageURL('symbolFlag')
-            }),
-            */
-            title: '\u2691',
+            title: 'Flag',
+            titleImage: 'flag',
             visible: true,
             width: 16
         },