Display & Layouts:Object List Widgets w/ Images

// ObjectListWidgetImages.js
/* global AdventureJS A Game */

var ObjectListWidgetImages = new AdventureJS.Game(
  "ObjectListWidgetImages",
  "ObjectListWidgetImagesContainer"
);

ObjectListWidgetImages.settings.set({
  display: "inline",
  title: "Object List Widget w/ Images",
  author: "Ivan Cockrum",
  description:
    "Here is an example of a simple layout with a fixed object list widget that always shows a list of objects in the room. ",
  version: "0.0.1",
});

ObjectListWidgetImages.createImageLookup({
  images: [
    {
      id: "brasskey",
      src: "images/icon_brass-key.png",
    },
    {
      id: "hairpin",
      src: "images/icon_hairpin.png",
    },
    {
      id: "ann",
      src: "images/icon_raggedy-ann.png",
    },
    {
      id: "andy",
      src: "images/icon_raggedy-andy.png",
    },
    {
      id: "bluekey",
      src: "images/icon_blue-steel-key.png",
    },
    {
      id: "drawing",
      src: "images/icon_drawing-alt.png",
    },
    {
      id: "silverkey",
      src: "images/icon_silver-key.png",
    },
    {
      id: "lantern",
      src: "images/icon_brass-lantern.png",
    },
    {
      id: "knapsack",
      src: "images/icon_knapsack.png",
    },
  ],
});

// Create the widget.
ObjectListWidgetImages.createWidget({
  class: "ObjectList",
  id: "MyObjectListWidgetImages",
  title: "OBJECTS",
  cssclasses: ["custom", "object"],
  verb: "examine",
  region: "left",
  print_images: true,
});

ObjectListWidgetImages.createAsset({
  class: "Player",
  name: "Explorer",
  place: { in: "Start Room" },
});

ObjectListWidgetImages.createAsset({
  class: "Room",
  name: "Start Room",
  description: `
    This is the Start Room.
  `,
  exits: {
    east: "East Room",
    west: "West Room",
    north: "North Room",
    south: "South Room",
  },
});

ObjectListWidgetImages.createAsset({
  class: "Room",
  name: "North Room",
  description: `This is the North Room. `,
  exits: {
    south: "Start Room",
  },
});

ObjectListWidgetImages.createAsset({
  class: "Room",
  name: "South Room",
  description: `This is the South Room. `,
  exits: {
    north: "Start Room",
  },
});

ObjectListWidgetImages.createAsset({
  class: "Room",
  name: "East Room",
  description: `This is the East Room. `,
  exits: {
    west: "Start Room",
  },
});

ObjectListWidgetImages.createAsset({
  class: "Room",
  name: "West Room",
  description: `This is the West Room. `,
  exits: {
    east: "Start Room",
  },
});

ObjectListWidgetImages.createAsset({
  class: "Key",
  name: "brass key",
  image: "brasskey",
  synonyms: ["glass bead"],
  article: "a",
  adjectives: ["burnished", "chonky"],
  place: { in: "Start Room" },
  description: `It's a burnished brass key with chonky teeth 
  and a small glass bead mounted in the head. `,
}); // brass Key
ObjectListWidgetImages.createAsset({
  class: "Key",
  name: "blue steel key",
  image: "bluekey",
  synonyms: ["blue key", "steel key"],
  adjectives: ["victorian"],
  description: "It's an ornate Victorian key made of blue steel. ",
  // article: "a",
  place: { in: "North Room" },
});
ObjectListWidgetImages.createAsset({
  class: "Key",
  name: "tiny silver key",
  adjectives: ["tiny"],
  image: "silverkey",
  description: `It's tiny, and it's silver, and it's a key. It don't open nuthin' so don't even bother. `,
  article: "a",
  place: { in: "East Room" },
});
ObjectListWidgetImages.createAsset({
  class: "Doll",
  name: "Raggedy Ann doll",
  synonyms: ["dress", "trim", "hair"],
  image: "ann",
  place: { in: "Start Room" },
  description: `It's a well-loved Raggedy Ann doll in a white dress with blue and red trim. `,
});
ObjectListWidgetImages.createAsset({
  class: "Doll",
  name: "Raggedy Andy doll",
  synonyms: ["hat"],
  image: "andy",
  place: { in: "Start Room" },
  description: `It's a threadworn Raggedy Andy doll in a patched 
      sailor suit. His red hair is partially covered by a cap 
      that appears to be sewn on, though the old threads are wearing. `,
});
ObjectListWidgetImages.createAsset({
  class: "Lockpick",
  name: "copper hairpin",
  image: "hairpin",
  synonyms: ["pin", "beads", "tines", "head"],
  adjectives: ["hammered"],
  article: "the",
  description: `The hammered copper hairpin has two tines and  
    a butterfly shaped head with tiny beads affixed to it, in  
    a vaguely art nouveau style. It's actually quite nice. `,
  place: { in: "West Room" },
});