# GEC Deep Linking Modules

The Golf Event Centre supports initialization across multiple predefined view configurations. Each view is enumerated below, accompanied by corresponding Sandbox instantiation examples for reference and testing.

| Module name         | Description                                      | Notes                                                               |
| ------------------- | ------------------------------------------------ | ------------------------------------------------------------------- |
| `full`              | All Event Centre                                 |                                                                     |
| `leaderboard`       | Leaderboard Only (no global navigation)          |                                                                     |
| `leaderboarddetail` | Leaderboard & Team/Player (no global navigation) |                                                                     |
| `course`            | Course & Hole Only (no global navigation)        |                                                                     |
| `hole`              | Hole Only (No navigation back to Course)         | holeNo must be passed in initialContext, see below for more details |
| `groupdetail`       | Groups List & Group Detail                       |                                                                     |
| `groups`            | Group Only                                       |                                                                     |
| `minileaderboard`   | Mini Leaderboard with 7 top players              | No global navigation                                                |

### Full Event Centre:

Render the complete Golf Event Centre interface with all available features enabled.

| Features         | Available |
| ---------------- | --------- |
| Top Nav          | ✅         |
| Navigation       | ✅         |
| Favourites       | ✅         |
| Search           | ✅         |
| Streaming button | ✅         |

```
<script src="https://unpkg.com/@img-arena/front-row-seat"></script>
<script>
  const {
    MessageTopics
  } = frontRowSeat.eventCentreUtils;
  const eventCentreInstance = frontRowSeat.eventCentre({
    operator: "img",
    // theme: "default-preview",
    // env: "sims",
    sport: "golf",
    targetModule: "full",
    eventId: "821",
    version: "latest",
    targetElementSelector: "#img-arena-event-centre",
    targetModule: "full",
    language: "en",
    options: {
      videoPlaybackEnabled: true,
    },
  });
</script>
```

{% embed url="<https://codepen.io/Waqas-Jadoon/pen/BaEqVWa>" %}

### **Leaderboard - Detailed:**

Removes the top navigation bar and disables the streaming button component.

| Features         | Available |
| ---------------- | --------- |
| Top Nav          | ❌         |
| Navigation       | ✅         |
| Favourites       | ✅         |
| Search           | ✅         |
| Streaming Button | ❌         |

```
<script src="https://unpkg.com/@img-arena/front-row-seat"></script>
<script>
  const {
    MessageTopics
  } = frontRowSeat.eventCentreUtils;
  const eventCentreInstance = frontRowSeat.eventCentre({
    operator: "img",
    // theme: "default-preview",
    // env: "sims",
    sport: "golf",
    targetModule: "leaderboarddetail",
    eventId: "821",
    version: "latest",
    targetElementSelector: "#img-arena-event-centre",
    language: "en"
  });
</script>
```

{% embed url="<https://codepen.io/Waqas-Jadoon/pen/oNOayam>" %}

### Leaderboard - No detail:

Deactivates top navigation and streaming button components. Navigation is locked to the current view context.

| Features         | Available |
| ---------------- | --------- |
| Top Nav          | ❌         |
| Navigation       | ❌         |
| Favourites       | ✅         |
| Search           | ✅         |
| Streaming Button | ❌         |

```
<script>
  const {
    MessageTopics
  } = frontRowSeat.eventCentreUtils;
  const eventCentreInstance = frontRowSeat.eventCentre({
    operator: "img",
    // theme: "default-preview",
    // env: "sims",
    sport: "golf",
    targetModule: "leaderboard",
    eventId: "821",
    version: "latest",
    targetElementSelector: "#img-arena-event-centre",
    language: "en"
  });
</script>
```

{% embed url="<https://codepen.io/Waqas-Jadoon/pen/eYoPKbV>" %}

### Groups View

Enables group-level initialization of the Event Centre, supporting dynamic linking to 2-Ball and 3-Ball market components.

| Features             |   |
| -------------------- | - |
| Top Nav              | ✅ |
| Navigation           | ✅ |
| Favourites           | ✅ |
| Search               | ✅ |
| Streaming button     | ✅ |
| Targetted Group View | ✅ |

```
<script src="https://unpkg.com/@img-arena/front-row-seat"></script>
<script>
  const {
    MessageTopics
  } = frontRowSeat.eventCentreUtils;
  const eventCentreInstance = frontRowSeat.eventCentre({
    operator: "img",
    // theme: "default-preview",
    // env: "sims",
    sport: "golf",
    targetModule: "groupdetail",
    eventId: "821",
    version: "latest",
    targetElementSelector: "#img-arena-event-centre",
    language: "en",
    // options: {
    //   videoPlaybackEnabled: true,
    //   holeNavOnly: true
    // },
    initialContext: {
    //Specific Group
          view: "group-detail-hole",
          // roundNo: "1",
          groupId: "901532"
    }
  });
</script>
```

{% embed url="<https://codepen.io/Waqas-Jadoon/pen/gOyBKqp>" %}

### Hole View:

Enables hole-level initialization of the Event Centre, supporting modular integration with 2-Ball, 3-Ball, and Player Market components. This configuration is suited for highlighting Par 3 holes with dedicated streaming feeds.

| Features            |   |
| ------------------- | - |
| Top Nav             | ✅ |
| Navigation          | ✅ |
| Favourites          | ✅ |
| Search              | ✅ |
| Streaming button    | ✅ |
| Targetted Hole View | ✅ |

```
<script src="https://unpkg.com/@img-arena/front-row-seat"></script>
<script>
  const {
    MessageTopics
  } = frontRowSeat.eventCentreUtils;
  const eventCentreInstance = frontRowSeat.eventCentre({
    operator: "img",
    // theme: "default-preview",
    // env: "sims",
    sport: "golf",
    targetModule: "hole",
    eventId: "821",
    version: "latest",
    targetElementSelector: "#img-arena-event-centre",
    language: "en",
    // options: {
    //   videoPlaybackEnabled: true,
    //   holeNavOnly: true
    // },
    initialContext: {
    //Specific Group
          view: "course-detail-hole",
          holeNo: "5"
    }
  });
</script>
```

{% embed url="<https://codepen.io/Waqas-Jadoon/pen/mdgzKYy>" %}

### **Mini Leaderboard:**

| Features         |   |
| ---------------- | - |
| Top Nav          | ❌ |
| Navigation       | ❌ |
| Favourites       | ❌ |
| Search           | ❌ |
| Streaming button | ❌ |

```
<script src="https://unpkg.com/@img-arena/front-row-seat"></script>
<script>
  const {
    MessageTopics
  } = frontRowSeat.eventCentreUtils;
  const eventCentreInstance = frontRowSeat.eventCentre({
    operator: "img",
    // theme: "default-preview",
    // env: "sims",
    sport: "golf",
    targetModule: "minileaderboard",
    eventId: "821",
    version: "latest",
    targetElementSelector: "#img-arena-event-centre",
    language: "en"
    // options: {
    //   videoPlaybackEnabled: true,
    //   holeNavOnly: true
    // },
    // initialContext: {
    //   view: "leaderboard"
    // }
  });
</script>
```

{% embed url="<https://codepen.io/Waqas-Jadoon/pen/oNOayea>" %}