Block Model

Data structure for seat blocks/sections.

Hierarchy

BlockModel is a direct child of the root DataModel:

DataModel
└── blocks[]           (array of BlockModel) ← You are here
    ├── seats[]        (array of SeatModel)
    └── labels[]       (array of LabelModel)

• DataModel: Parent root model
• SeatModel: Child seats array
• LabelModel: Child labels array (optional)

Full hierarchy example:

{
  "blocks": [
    {                                    // ← YOU ARE HERE
      "id": "orchestra",
      "title": "Orchestra",
      "color": "#2c3e50",
      "background_image": "orchestra.jpg",
      "background_opacity": 0.3,
      "seats": [                         // ← seats array (SeatModel[])
        {
          "id": "A1",
          "x": 0,
          "y": 0,
          "title": "A1",
          "salable": true
        },
        {
          "id": "A2",
          "x": 30,
          "y": 0,
          "title": "A2",
          "salable": true
        }
      ],
      "labels": [                        // ← labels array (LabelModel[])
        {
          "title": "Row A",
          "x": -30,
          "y": 0
        }
      ]
    }
  ]
}

Properties

Property	Type	Required	Default	Description
id	string | number	✅	-	Unique identifier
title	string	✅	-	Display name
color	string	❌	"#2c2828"	Block color
seats	SeatModel[]	✅	-	Array of seats
labels	LabelModel[]	❌	[]	Array of labels
background_image	string	❌	-	Background image URL
background_opacity	number	❌	0.3	Opacity (0-1)
background_fit	string	❌	"cover"	Fit mode

Example

{
  "id": 1,
  "title": "VIP Section",
  "color": "#ff6b6b",
  "background_image": "vip-section.jpg",
  "labels": [
    { "title": "Row A", "x": -30, "y": 0 }
  ],
  "seats": [
    { "id": 1, "x": 0, "y": 0, "title": "A1", "salable": true }
  ]
}

TypeScript

interface BlockData {
  id: string | number;
  title: string;
  color?: string;
  seats: SeatData[];
  labels?: LabelData[];
  background_image?: string;
  background_opacity?: number;
  background_fit?: 'cover' | 'contain' | 'fill' | 'none';
}