Add more status info to details page

gfx/prop/orientation.lua

@@ -22,4 +22,7 @@ function Orientation:with(elementType)
   return elementType
 end
 
+Orientation.VERTICAL = true
+Orientation.HORIZONTAL = false
+
 return Orientation

itemcontroller.lua

@@ -132,7 +132,7 @@ local function itemList(groups, wBudget, hBudget, savedState, onClick, setPage,
       padImport,
       padNext
     },
-    [Orientation:getId()] = false
+    [Orientation:getId()] = Orientation.HORIZONTAL
   }
 
   local bgColors = {
@@ -179,7 +179,7 @@ local function itemList(groups, wBudget, hBudget, savedState, onClick, setPage,
         paddedText,
         countLabel
       },
-      [Orientation:getId()] = false,
+      [Orientation:getId()] = Orientation.HORIZONTAL,
       onClick = onClick and function(element, x, y, source)
         return onClick(element, x, y, source, group)
       end or nil
@@ -196,7 +196,7 @@ local function itemList(groups, wBudget, hBudget, savedState, onClick, setPage,
 
   return List:new{
     [Children:getId()] = entries,
-    [Orientation:getId()] = true
+    [Orientation:getId()] = Orientation.VERTICAL
   }, state
 end
 
@@ -297,10 +297,7 @@ local PAGES = {
     end
     local title = Text:new{
       text = "Detail: "..group:getSimpleName(),
-      parent = state.monitor,
+      bgColor = colors.gray
-      onClick = function(e, x, y, s)
-        state:setPage("MAIN")
-      end
     }
 
     local paddedTitle = Padding:new{
@@ -308,16 +305,37 @@ local PAGES = {
       left = 1,
       right = 1,
       bottom = 1,
-      element = title
+      element = title,
+      bgColor = colors.gray
     }
-    
+
+    local itemCount = Text:new{
+      text = "Count: "..tostring(group:getItemCount()),
+    }
+    local itemSlots = Text:new{
+      text = "Slots: "..tostring(group:getStackCount())
+    }
+
+    local infoElements = List:new{
+      [Children:getId()] = {
+        paddedTitle,
+        itemCount,
+        itemSlots
+      },
+      [Orientation:getId()] = Orientation.VERTICAL,
+      width = state.width
+    }
+
     local stuffContainer = Container:new{
       [Children:getId()] = {
-        paddedTitle
+        infoElements
       },
       width = state.width,
       height = state.height,
-      parent = state.monitor
+      parent = state.monitor,
+      onClick = function(e, x, y, s)
+        state:setPage("MAIN")
+      end
     }
 
     return renderDefault(state, stuffContainer)