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/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