https://vvgassel.nl/wp-content/plugins/sportlinkpress/public/js/next-match.js?ver=2.8.0

1(function( $ ) {
2	'use strict';
3
4  const {
5    sport, client_id, loading_gif, random_number,
6    primary_color, stock_image_src, stock_profile_picture
7  } = sportlinkpress_next_match;
8
9  const {
10    teamcode, lokaleteamcode, commissiecode, trainingid,
11    wedstrijdcode, sorteervolgorde, gebruiklokaleteamgegevens,
12    aantalregels, aantaldagen, weekoffset, eigenwedstrijden,
13    thuis, uit, spelsoort, competitiesoort, dagsoort,
14    leeftijdscategorie, teampersoonrol, toonlidfoto,
15    wedstrijdtype, logo, logostand, homelogo, awaylogo,
16    kleedkamers, scheidsrechter, tabs, filter,
17    bgcolor, textcolor, textalign, textborder, headeralign,
18    headercolor, headerbgcolor, headerborder, demo, kalendersoort,
19    showtime, fieldsstand, fieldsprogramma, fieldsuitslagen,
20    date_format, height, view, layout, smartstatus
21  } = sportlinkpress_next_match.parameters;
22
23  moment.locale('nl');
24  const element = $(`.sp-next-match.${random_number}`);
25  element.append(`<img id="sp-loading-gif" src="${loading_gif}" alt="Loading...">`);
26  $.get(`https://logo-api.sportlinkpress.nl/ping?host=${location.hostname}`);
27
28  $.get(`https://data.sportlink.com/programma?`
29      + `&aantaldagen=365`
30      + `&aantalregels=1`
31      + `&teamcode=${teamcode}`
32      + `&client_id=${client_id}`, function(data) {
33
34        if (data.length > 0) {
35
36          const matchData = data[0];
37
38          /**
39           * Layout 1
40           */
41          if (layout === '1') {
42

43            const container = $('<div>', { class: 'next-match layout-one' }).appendTo(element);
44            const date = moment(matchData.wedstrijddatum).tz("Europe/Amsterdam");
45
46            // Setup Header
47            const header = $('<div>', { class: 'header' }).appendTo(container);
48            header.css('background-color', headerbgcolor !== '#FFFFFF' ? headerbgcolor : primary_color);
49            const headerText = $('<h5>', { text: spL10n.headNextMatchColon }).appendTo(header);
50            headerText.css('color', headercolor);
51
52            // Setup Body
53            const body = $('<div>', { class: `body ${logo}-logo` }).appendTo(container);
54            const colHomeLogo = $('<div>', { class: 'col-logo' }).appendTo(body);
55            const colText = $('<div>', { class: 'col' }).appendTo(body);
56            const colAwayLogo = $('<div>', { class: 'col-logo' }).appendTo(body);
57
58            if (logo === 'yes') {
59              let homeLogo, awayLogo = '';
60
61              if (sport === 'voetbal') {
62                homeLogo = `https://logoapi.voetbal.nl/logo.php?clubcode=${matchData.thuisteamclubrelatiecode}`;
63                awayLogo = `https://logoapi.voetbal.nl/logo.php?clubcode=${matchData.uitteamclubrelatiecode}`;
64                
65              } else {
66                homeLogo = `https://logo-api.sportlinkpress.nl/${sport}/${matchData.thuisteamclubrelatiecode}.png`;
67                awayLogo = `https://logo-api.sportlinkpress.nl/${sport}/${matchData.uitteamclubrelatiecode}.png`;                
68              }
69
70              $('<img>', { class: `club-logo home`, src: homeLogo, alt: 'Clublogo' }).prependTo(colHomeLogo);
71              $('<img>', { class: `club-logo away`, src: awayLogo, alt: 'Clublogo' }).prependTo(colAwayLogo);
72
73              $(`<p><b>${matchData.thuisteam}</b></p>`).appendTo(colHomeLogo);
74              $(`<p><span style="border-color: ${headerbgcolor !== '#FFFFFF' ? headerbgcolor : primary_color}">${date.format('HH:mm')}</span></p>`).appendTo(colText);
75              $(`<p><b>${matchData.uitteam}</b></p>`).appendTo(colAwayLogo);
76
77            } else if (logo === 'no') {
78              colHomeLogo.append(`<p><b>${matchData.thuisteam}</b></p>`);
79              colText.append(`<p><span style="border-color: ${headerbgcolor !== '#FFFFFF' ? headerbgcolor : primary_color}">${date.format('HH:mm')}</span></p>`);
80              colAwayLogo.append(`<p><b>${matchData.uitteam}</b></p>`);
81            }
82
83            // Setup Footer
84            const footer = $('<div>', { class: 'footer' }).appendTo(container);
85            footer.css('background-color', headerbgcolor !== '#FFFFFF' ? headerbgcolor : primary_color);
86            const footerText = $('<h5>', { css: headercolor, text: date.format(date_format) }).appendTo(footer);
87            footerText.css('color', headercolor);
88
89          /**
90           * Layout 2
91           */
92          } else if (layout === '2') {
93

94            const container = $('<div>', { class: 'next-match layout-two' }).appendTo(element);
95            const date = moment(matchData.wedstrijddatum).tz("Europe/Amsterdam");
96
97            // Setup Body
98            const body = $('<div>', { class: `body ${logo}-logo` }).appendTo(container);
99            const colHome = $('<div>', { class: 'col-logo' }).appendTo(body);
100            const colInfo = $('<div>', { class: 'col' }).appendTo(body);
101            const colAway = $('<div>', { class: 'col-logo' }).appendTo(body);
102
103            if (logo === 'yes') {
104              let homeLogo, awayLogo = '';
105
106              if (sport === 'voetbal') {
107                homeLogo = `https://logoapi.voetbal.nl/logo.php?clubcode=${matchData.thuisteamclubrelatiecode}`;
108                awayLogo = `https://logoapi.voetbal.nl/logo.php?clubcode=${matchData.uitteamclubrelatiecode}`;
109                
110              } else {
111                homeLogo = `https://logo-api.sportlinkpress.nl/${sport}/${matchData.thuisteamclubrelatiecode}.png`;
112                awayLogo = `https://logo-api.sportlinkpress.nl/${sport}/${matchData.uitteamclubrelatiecode}.png`; 
113              }
114              
115              $('<img>', { class: `club-logo away`, src: awayLogo, alt: 'Clublogo' }).prependTo(colAway);
116              $('<img>', { class: `club-logo home`, src: homeLogo, alt: 'Clublogo' }).prependTo(colHome);
117            }
118
119            $(`<p><b>${matchData.thuisteam}</b><br/><span style="font-size: 10px;">${spL10n.thuis}</span></p>`).appendTo(colHome);
120            $(`<p><b>${date.format(date_format)}</b></p>`).appendTo(colInfo);
121            $(`<p><span style="border-color: ${headerbgcolor !== '#FFFFFF' ? headerbgcolor : primary_color}">${date.format('HH:mm')}</span></p>`).appendTo(colInfo);
122            $(`<p><b>${matchData.uitteam}</b><br/><span style="font-size: 10px;">${spL10n.uit}</span></p>`).appendTo(colAway);
123          }
124
125          $('#sp-loading-gif').remove();
126
127        } else {
128          element.append(`<p id="sp-error">${spL10n.noNextMatch}</p>`);
129          $('#sp-loading-gif').remove();
130        }
131
132  }).fail(function(data) {
133    element.append(`<div class="sp-error">${spL10n.loadError}</div>`);
134    $('#sp-loading-gif').remove();
135  });
136
137})( jQuery );