www/corelib/classes/PickedItemWidgetClass.js

   1 var PickedItemWidgetClass = function(manager, args)\r
   2 {\r
   3         PickedItemWidgetClass.base.apply(this, arguments);\r
   4         this.manager = manager;\r
   5         \r
   6         this.size = new Point2D(256, 32);\r
   7         this.origin = new Point2D(5, 5);\r
   8         \r
   9         this.updateInterval = 10;\r
  10         this.updateCount = 999;\r
  11         \r
  12         this.wBox = null;\r
  13 }.extend(WidgetClass, {\r
  14         attach : function(){},\r
  15         update: function(){\r
  16                 if(this.wBox != null)\r
  17                 {\r
  18                         this.manager.mainArea.removeChild(this.wBox);\r
  19                 }\r
  20                 var element = document.createElement('div');\r
  21                 with(element)\r
  22                 {\r
  23                         style.top = this.origin.y + "px";\r
  24                         style.left = this.origin.x + "px";\r
  25                         style.width = this.size.x + "px";\r
  26                         style.height = this.size.y + "px";\r
  27                         style.overflow = "hidden";\r
  28                         style.position = "absolute";\r
  29                         style.zIndex = "500";\r
  30                 }\r
  31                 \r
  32                 var maxItems = Math.floor(this.size.x / this.size.y);\r
  33                 var items = this.manager.userManager.ingredientList;\r
  34                 var showDots = false;\r
  35                 if(maxItems < items.length)\r
  36                 {\r
  37                         maxItems--;\r
  38                         showDots = true;\r
  39                 }\r
  40                 \r
  41                 var xloc = 0;\r
  42                 for(var i = 0; i < maxItems && i < items.length; i++)\r
  43                 {\r
  44                         var img = document.createElement('img');\r
  45                         with(img)\r
  46                         {\r
  47                                 style.position = "absolute";\r
  48                                 style.top = "0px";\r
  49                                 style.left = xloc + "px";\r
  50                                 style.width = this.size.y + "px";\r
  51                                 style.height = this.size.y + "px";\r
  52                                 src = "images/" + items[i].value;\r
  53                         }\r
  54                         element.appendChild(img);\r
  55                         xloc += this.size.y;\r
  56                 }\r
  57                 \r
  58                 if(showDots)\r
  59                 {\r
  60                         var div = document.createElement('div');\r
  61                         with(div)\r
  62                         {\r
  63                                 style.position = "absolute";\r
  64                                 style.top = "0px";\r
  65                                 style.left = xloc + "px";\r
  66                                 style.width = this.size.y + "px";\r
  67                                 style.height = this.size.y + "px";\r
  68                         }\r
  69                         div.innerText = "...";\r
  70                         element.appendChild(div);\r
  71                 }\r
  72                 this.manager.mainArea.appendChild(element);\r
  73                 this.wBox = element;\r
  74         },\r
  75         detach : function()\r
  76         {\r
  77                 if(this.wBox != null)\r
  78                 {\r
  79                         this.manager.mainArea.removeChild(this.wBox);\r
  80                 }\r
  81         },\r
  82         tick : function()\r
  83         {\r
  84                 this.updateCount++;\r
  85                 if(this.updateCount > this.updateInterval)\r
  86                 {\r
  87                         this.update();\r
  88                         this.updateCount = 0;\r
  89                 }\r
  90                 return true;\r
  91         }\r
  92 });\r
  93 \r