More work on Market functionality and UI

* Now loads all market items.
* Can filter market items.
* Will load market offers on items.
* Edited some UI images.

modules/game_market/ui/general/marketbuttons.otui

@@ -1,10 +1,10 @@
 MarketButtonBox < UICheckBox
   font: verdana-11px-antialised
-  color: #ffffffff
+  color: #f55e5ecc
   size: 106 22
   text-offset: 0 0
   text-align: center
-  image-source: /images/tabbutton.png
+  image-source: /images/tabbutton_rounded.png
   image-clip: 0 0 20 20
   image-border: 2
 

modules/game_market/ui/general/marketcombobox.otui

@@ -0,0 +1,45 @@
+MarketComboBoxPopupMenuButton < UIButton
+  height: 18
+  font: verdana-11px-antialised
+  text-align: left
+  text-offset: 2 0
+  color: #aaaaaa
+  background-color: alpha
+
+  $hover !disabled:
+    color: #ffffff
+    background-color: #ffffff44
+
+  $disabled:
+    color: #555555
+
+MarketComboBoxPopupMenuSeparator < UIWidget
+  image-source: /images/combobox_rounded.png
+  image-repeated: true
+  image-clip: 1 59 89 1
+  height: 1
+  phantom: true
+
+MarketComboBoxPopupMenu < UIPopupMenu
+  image-source: /images/combobox_rounded.png
+  image-clip: 0 60 89 20
+  image-border: 1
+  image-border-top: 0
+  padding: 1
+
+MarketComboBox < UIComboBox
+  font: verdana-11px-antialised
+  color: #aaaaaa
+  size: 86 20
+  text-offset: 3 0
+  text-align: left
+  image-source: /images/combobox_rounded.png
+  image-border: 1
+  image-border-right: 17
+  image-clip: 0 0 89 20
+
+  $hover !disabled:
+    image-clip: 0 20 89 20
+
+  $on:
+    image-clip: 0 40 89 20

modules/game_market/ui/general/markettabs.otui

@@ -3,7 +3,7 @@ MarketTabBar < UITabBar
 MarketTabBarPanel < Panel
 MarketTabBarButton < UIButton
   size: 20 25
-  image-source: /images/tabbutton.png
+  image-source: /images/tabbutton_square.png
   image-clip: 0 0 20 20
   image-border: 2
   icon-color: white

modules/game_market/ui/marketoffers.otui

@@ -33,17 +33,22 @@ Panel
     border-width: 1
     border-color: #000000
 
-  Item
+  UIItem
     id: selectedItem
     phantom: true
+    size: 34 34
+    padding: 1
+    font: verdana-11px-rounded
+    border-color: white
     anchors.top: rightTabBar.bottom
     anchors.left: rightTabContent.left
-    margin-top: 3
-    margin-left: 3
+    margin-top: 6
+    margin-left: 6
 
   Label
     id: nameLabel
     !text: tr('No item selected.')
     anchors.top: prev.top
     anchors.left: prev.right
+    anchors.right: parent.right
     margin-left: 5

modules/game_market/ui/marketoffers/browse.otui

@@ -11,7 +11,7 @@ MarketItemBox < UICheckBox
     phantom: true
     anchors.top: parent.top
     anchors.horizontalCenter: parent.horizontalCenter
-    margin-top: 5
+    margin: 1
 
   $checked:
     border-color: #ffffff
@@ -27,7 +27,7 @@ Panel
   background-color: #22283399
   margin: 1
 
-  ComboBox
+  MarketComboBox
     id: filterComboBox
     anchors.top: parent.top
     anchors.left: parent.left
@@ -36,7 +36,7 @@ Panel
     margin-right: 3
     margin-left: 3
 
-  ComboBox
+  MarketComboBox
     id: weaponComboBox
     anchors.top: prev.bottom
     anchors.left: parent.left
@@ -72,7 +72,7 @@ Panel
     height: 20
     //@onClick: Market.filterMatchVocation()
 
-  ComboBox
+  MarketComboBox
     id: typeComboBox
     anchors.top: prev.top
     anchors.left: prev.right
@@ -88,7 +88,7 @@ Panel
     anchors.top: prev.bottom
     anchors.left: parent.left
     anchors.right: parent.right
-    margin-top: 3
+    margin-top: 6
     margin-right: 3
     margin-left: 3
     //@onClick: Market.setDisplayDepot()
@@ -100,7 +100,7 @@ Panel
     anchors.bottom: parent.bottom
     margin-top: 10
     margin-left: 3
-    margin-bottom: 10
+    margin-bottom: 5
     margin-right: 3
 
     VerticalScrollBar
@@ -108,7 +108,7 @@ Panel
       anchors.top: parent.top
       anchors.bottom: parent.bottom
       anchors.right: parent.right
-      step: 16
+      step: 28
       pixels-scroll: true
 
     ScrollablePanel
@@ -120,6 +120,6 @@ Panel
       vertical-scrollbar: itemsPanelListScrollBar
       layout:
         type: grid
-        cell-size: 34 34
+        cell-size: 36 36
         flow: true
         auto-spacing: true

modules/game_market/ui/marketoffers/itemoffers.otui

@@ -1,10 +1,87 @@
+OfferListLabel < Label
+  font: verdana-11px-monochrome
+  background-color: alpha
+  text-offset: 2 0
+  focusable: true
+  color: #cccccc
+
+  $focus:
+    background-color: #294f6d
+    color: #ffffff
+
 Panel
   background-color: #22283399
   margin: 1
 
+  Button
+    !text: tr('Buy Now')
+    anchors.right: parent.right
+    anchors.bottom: next.bottom
+    margin-right: 6
+    width: 80
+    //@onClick: g_game.closeNpcTrade()
+
   Label
-    !text: tr('Item Offers')
+    !text: tr('Sell Offers')
     anchors.top: parent.top
     anchors.left: parent.left
-    margin-top: 45
-    margin-left: 3
+    margin-top: 44
+    margin-left: 6
+
+  TextList
+    id: sellingList
+    anchors.top: prev.bottom
+    anchors.left: prev.left
+    anchors.right: parent.right
+    height: 120
+    margin-top: 5
+    margin-bottom: 5
+    margin-right: 6
+    padding: 1
+    focusable: false
+    vertical-scrollbar: sellingListScrollBar
+
+  VerticalScrollBar
+    id: sellingListScrollBar
+    anchors.top: prev.top
+    anchors.bottom: prev.bottom
+    anchors.right: prev.right
+    step: 28
+    pixels-scroll: true
+
+  Button
+    !text: tr('Sell Now')
+    anchors.right: parent.right
+    anchors.top: prev.bottom
+    margin-top: 5
+    margin-right: 6
+    width: 80
+    //@onClick: g_game.closeNpcTrade()
+
+  Label
+    !text: tr('Buy Offers')
+    anchors.top: prev.top
+    anchors.left: parent.left
+    margin-top: 9
+    margin-left: 6
+
+  TextList
+    id: buyingList
+    anchors.top: prev.bottom
+    anchors.left: prev.left
+    anchors.right: parent.right
+    margin-top: 5
+    margin-bottom: 5
+    margin-right: 6
+    height: 120
+    padding: 1
+    focusable: false
+    vertical-scrollbar: buyingListScrollBar
+
+  VerticalScrollBar
+    id: buyingListScrollBar
+    anchors.top: prev.top
+    anchors.bottom: prev.bottom
+    anchors.right: prev.right
+    step: 28
+    pixels-scroll: true