https://www.bartvsports.com.au/scripts/jsx/tvguidehome.jsx

1// @hash v3-5D29DDDB73335CCE8F2F4C67109160C5DDD786A4
2// Automatically generated by ReactJS.NET. Do not edit, your changes will be overridden.
3// Version: 5.1.2 (build b0c231d) with Babel 7.7.4
4// Generated at: 9/24/2026 12:31:18 AM
5///////////////////////////////////////////////////////////////////////////////
6function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
7
8class BarTVGuideHome extends React.Component {
9  constructor(props) {
10    super(props);
11
12    _defineProperty(this, "fetchData", () => {
13      $.ajax({
14        url: this.props.url + '?type=' + this.props.type,
15        dataType: 'json',
16        success: function (data) {
17          this.setState({
18            matches: data.matches
19          });
20          $('.loadingdiv').hide();
21        }.bind(this),
22        error: function (xhr, status, err) {
23          console.error(this.props.url + '?id=' + this.props.eventId, status, err.toString());
24        }.bind(this)
25      });
26    });
27
28    this.state = {
29      matches: this.props.matches,
30      type: this.props.type
31    };
32  }
33
34  componentDidMount() {
35    this.fetchData();
36  }
37
38  componentWillUnmount() {}
39
40  render() {
41    var htmlAll = [];
42    var guideRowsCurrent = [];
43    var fullDictionary = [];
44    var currentDateHeading = "";
45
46    if (this.state.matches && this.state.matches !== null && this.state.matches.length) {
47      for (let i = 0; i < this.state.matches.length; i++) {
48        var thisMatch = this.state.matches[i];
49        var thisDateLocal = dayjs(thisMatch.EventDateUTCString).utc().local();
50        var thisDateLocalString = thisDateLocal.format('dddd DD/MM');
51
52        if (thisDateLocalString !== currentDateHeading) {
53          if (currentDateHeading !== "") {
54            //Add to dictionary this set
55            fullDictionary.push({
56              day: currentDateHeading,
57              rows: guideRowsCurrent
58            });
59            guideRowsCurrent = [];
60          }
61
62          currentDateHeading = thisDateLocalString;
63        }
64
65        let css = `
66                    .side_bar_tabs .widget_tags .box-tags a.match${thisMatch.Id}:hover {
67                        background-color: ${thisMatch.Colour};
68                    }
69                `;
70        guideRowsCurrent.push(React.createElement(React.Fragment, {
71          key: 'tvrow' + i
72        }, React.createElement("style", null, css), React.createElement("ul", null, React.createElement("li", null, React.createElement("a", {
73          href: thisMatch.Url,
74          className: "btn-tags match" + thisMatch.Id
75        }, thisDateLocal.format('h:mm a').toUpperCase(), " ", new Intl.DateTimeFormat('en-AU', {
76          timeZone: dayjs().tz().timeZoneName,
77          timeZoneName: 'short'
78        }).format(Date.now()).split(' ')[1], " - ", thisMatch.DisplayName, thisMatch.Icon == null || thisMatch.Icon == '' ? '' : React.createElement("span", {
79          className: "ms-1",
80          title: thisMatch.ParentName,
81          dangerouslySetInnerHTML: {
82            __html: thisMatch.Icon
83          }
84        }), thisMatch.IsSecure == false ? '' : React.createElement("span", {
85          className: "ms-1",
86          title: "Event requires subscription"
87        }, "\uD83D\uDD12"), thisMatch.HasCommentary == false ? '' : React.createElement("span", {
88          className: "combox mb-0 ms-1",
89          title: "Event has commentary"
90        }, "\uD83C\uDFA4"), thisMatch.IsMOTR == false ? '' : React.createElement("span", {
91          className: "motrbox mb-0 ms-1",
92          title: "Match Of The Round"
93        }, "\uD83E\uDD47"), thisMatch.Womens == false ? '' : React.createElement("span", {
94          className: "motrbox mb-0 ms-1",
95          title: "Women's Match"
96        }, "\u2640\uFE0F"))))));
97
98        if (i == this.state.matches.length - 1) {
99          if (guideRowsCurrent.length > 0) {
100            fullDictionary.push({
101              day: thisDateLocalString,
102              rows: guideRowsCurrent
103            });
104          }
105        }
106      }
107
108      if (fullDictionary.length > 0) {
109        for (let i = 0; i < fullDictionary.length; i++) {
110          htmlAll.push(React.createElement(React.Fragment, {
111            key: 'tvrowentry' + i
112          }, React.createElement("p", {
113            className: "dayheader"
114          }, fullDictionary[i]['day']), React.createElement("div", {
115            className: "widget widget_tags"
116          }, React.createElement("div", {
117            className: "box-tags home-tags guide-tags"
118          }, fullDictionary[i]['rows']))));
119        }
120      } else {
121        $("#tab-guide").hide();
122        $("#guide-tab-li").hide();
123        document.getElementById('comps-tab').click();
124      }
125    }
126
127    return React.createElement(React.Fragment, null, React.createElement("div", {
128      className: "loadingdiv"
129    }, React.createElement("p", null, React.createElement("strong", null, "Loading TV Guide...")), React.createElement("p", null, React.createElement("img", {
130      src: "/media/inipu2vj/animated_loader.gif",
131      width: "150"
132    }

132))), htmlAll.length > 0 && React.createElement("div", {
133      className: "guide-panel overflow-auto"
134    }, htmlAll));
135  }
136
137}