\r\n
\r\n \r\n 
\r\n
\r\n \r\n {this.state.MatchData.HomeGoals}\r\n
\r\n -
\r\n \r\n {this.state.MatchData.VisitorGoals}\r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default LatestMatchComponent;\r\n","import React, { Component } from \"react\";\r\nimport { Route, Link, BrowserRouter, HashRouter } from \"react-router-dom\";\r\nimport \"./startcomponent.css\";\r\nimport LatestMatchComponent from \"./latestmatchcomponent\";\r\n\r\nclass StartComponent extends Component {\r\n state = {};\r\n render() {\r\n return (\r\n {this.state.HomeTeam.Name}
\r\n {this.state.VisitorTeam.Name}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default StartComponent;\r\n","import React, { Component } from \"react\";\r\n\r\nclass MatchItem extends Component {\r\n state = {};\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n Statistik for
\r\nBoldklubben FREM
\r\n\r\n Her finder du alt omkring kampe, spillere, modstanderhold mv. for\r\n alle klubben kampe igennem tiderne.\r\n
\r\n Siden administreres og vedligeholdes af Steen Meisner Bjerre.\r\n
\r\n
\r\n På dette websted finder du en masse statistik over kampe og\r\n spillere\r\n
\r\n \r\n Kom igang\r\n */}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"shout.svg\")
\r\n
\r\n \r\n Seneste kamp
\r\n\r\n \r\n ![](\"field.svg\")
\r\n \r\n
\r\n \r\n \r\n Kampe
\r\n\r\n Her finder du alle kampe fordelt på sæsoner. For hver kamp ses\r\n spillere, scoringer og kampinfo mv.\r\n
\r\n\r\n \r\n Alle kampe »\r\n \r\n
\r\n\r\n \r\n ![](\"player.svg\")
\r\n \r\n
\r\n \r\n \r\n Spillere
\r\n\r\n Her finder du alle oplysninger om spillerne såsom navn,\r\n fødselsdag, antal kampe. og billede\r\n
\r\n\r\n \r\n Alle spillere »\r\n \r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default MatchItem;\r\n","import React, { Component } from \"react\";\r\nimport Moment from \"react-moment\";\r\nimport \"moment-timezone\";\r\nimport Select from \"react-select\";\r\nimport MatchItem from \"./matchitem\";\r\nimport { Route, Link, BrowserRouter, HashRouter } from \"react-router-dom\";\r\nimport queryString from \"query-string\";\r\nimport \"./matcheslist.css\";\r\n\r\nclass MatchesList extends Component {\r\n constructor() {\r\n super();\r\n this.props = {\r\n MatchesData: [],\r\n history: {},\r\n };\r\n }\r\n\r\n // componentDidMount() {\r\n // this.setState({ MatchesData: null });\r\n\r\n // let season = this.props.location.pathname.split(\"/\")[2];\r\n // console.log(\"Season: \", season, this.props);\r\n // //this.reloadMatches(season);\r\n\r\n // //this.props.history.push(`/hest`);\r\n // }\r\n\r\n // reloadMatches(period) {\r\n // fetch(\"http://soccerstats.guideme.today/api/Match/season/\" + period)\r\n // .then((res) => res.json())\r\n // .then((data) => {\r\n // console.log(data);\r\n // this.setState({ MatchesData: data });\r\n // })\r\n // .catch(console.log);\r\n // }\r\n\r\n handleClick = (MatchId) => {\r\n console.log(MatchId);\r\n this.props.history.push(`/match/${MatchId}`);\r\n // history.push(\"/home\");\r\n };\r\n\r\n render() {\r\n if (this.props.MatchesData.length) {\r\n return (\r\n \r\n
\r\n \r\n 04. AUG\r\n
\r\n 2018\r\n
\r\n \r\n 2018\r\n
\r\n
\r\n \r\n
\r\n 1
\r\n \r\n
\r\n 0
\r\n \r\n
\r\n \r\n
\r\n A
\r\n \r\n
\r\n B
\r\n \r\n
\r\n \r\n
\r\n Hold
\r\n \r\n
\r\n Hold
\r\n See
\r\n \r\n {this.props.MatchesData.map((match) => {\r\n var HomeLogo = \"http://fodboldstatistik.com/teamx.png\";\r\n var VisitorLogo = \"http://fodboldstatistik.com/teamx.png\";\r\n if (\r\n match.HomeTeam !== undefined &&\r\n match.VisitorTeam !== undefined\r\n ) {\r\n if (match.HomeTeam.LogoFileName !== \"\")\r\n HomeLogo = \"/teams/\" + match.HomeTeam.LogoFileName;\r\n if (match.VisitorTeam.LogoFileName !== \"\") {\r\n VisitorLogo = \"/teams/\" + match.VisitorTeam.LogoFileName;\r\n }\r\n }\r\n\r\n return (\r\n this.handleClick(match.Id)}\r\n >\r\n {/* */}\r\n
\r\n \r\n \r\n );\r\n })}\r\n \r\n );\r\n } else {\r\n return \r\n
\r\n \r\n \r\n {match.HomeTeam.Name}\r\n {/*
\r\n */}\r\n\r\n {/*
*/}\r\n \r\n {match.HomeGoals} - {match.VisitorGoals}\r\n
\r\n \r\n {match.VisitorTeam.Name}\r\n \r\n {/*
\r\n {/* */}\r\n */}\r\n\r\n {/*
*/}\r\n \r\n \r\n {match.Date}\r\n \r\n
\r\n \r\n
\r\n \r\n {match.Events.map((event, index) => {\r\n var MinuteOvertime = \"\";\r\n if (event.MinuteOvertime !== 0)\r\n MinuteOvertime = \"+\" + event.MinuteOvertime;\r\n\r\n if (\r\n event.MatchEventType == \"Goal\" ||\r\n event.MatchEventType == \"Own goal\"\r\n ) {\r\n var PlayerName = \"\";\r\n var EventMinute = event.Minute;\r\n var Comment = \"\";\r\n if (event.Comment.length > 0) Comment = event.Comment;\r\n if (Comment.toLowerCase() == \"str\")\r\n Comment = \" (\" + Comment.toUpperCase() + \")\";\r\n\r\n if (event.TeamId == match.HomeTeam.Id) {\r\n PlayerName =\r\n event.PlayerFirstName +\r\n Comment +\r\n \" (\" +\r\n EventMinute +\r\n \"
\r\n );\r\n }\r\n })}\r\n \" +\r\n MinuteOvertime +\r\n \"
)\";\r\n\r\n if (event.MatchEventType == \"Own goal\") {\r\n PlayerName += \" SELVMÅL\";\r\n }\r\n } else {\r\n }\r\n\r\n return (\r\n \r\n {match.Events.map((event, index) => {\r\n if (\r\n event.MatchEventType == \"Goal\" ||\r\n event.MatchEventType == \"Own goal\"\r\n ) {\r\n var MinuteOvertime = \"\";\r\n if (event.MinuteOvertime !== 0)\r\n MinuteOvertime = \"+\" + event.MinuteOvertime;\r\n var PlayerName = \"\";\r\n var EventMinute = event.Minute;\r\n var Comment = \"\";\r\n if (event.Comment.length > 0) Comment = event.Comment;\r\n if (Comment.toLowerCase() == \"str\")\r\n Comment = \" (\" + Comment.toUpperCase() + \")\";\r\n\r\n if (event.TeamId == match.HomeTeam.Id) {\r\n } else {\r\n PlayerName =\r\n event.PlayerFirstName +\r\n Comment +\r\n \" (\" +\r\n EventMinute +\r\n \"
\r\n );\r\n }\r\n })}\r\n \" +\r\n MinuteOvertime +\r\n \"
)\";\r\n\r\n if (event.MatchEventType == \"Own goal\") {\r\n PlayerName += \" SELVMÅL\";\r\n }\r\n }\r\n\r\n return (\r\n No data
;\r\n }\r\n }\r\n}\r\n\r\nexport default MatchesList;\r\n","import React, { Component } from \"react\";\r\nimport Moment from \"react-moment\";\r\nimport \"moment-timezone\";\r\nimport $ from \"jquery\";\r\nimport { Route, Link, BrowserRouter, HashRouter } from \"react-router-dom\";\r\nimport { Match } from \"../types/match.ts\";\r\nimport \"./matchcomponentdetails.css\";\r\n\r\nclass MatchComponentDetails extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Padding: false,\r\n };\r\n }\r\n\r\n Greeting(props) {\r\n const Minuate = props.toggleSpacer;\r\n if (Minuate >= 800) {\r\n return SPACER
;\r\n }\r\n return \"\";\r\n }\r\n\r\n componentDidMount() {\r\n var $this = $(\"div.row.events div.events\");\r\n console.log($this);\r\n $this.scrollLeft(385);\r\n }\r\n\r\n handleClick = (MatchId) => {\r\n console.log(MatchId);\r\n this.props.history.push(`/match/${MatchId}`);\r\n // history.push(\"/home\");\r\n };\r\n\r\n handlePlayerClick = (PlayerId) => {\r\n console.log(PlayerId);\r\n this.props.history.push(`/player/${PlayerId}`);\r\n // history.push(\"/home\");\r\n };\r\n\r\n render() {\r\n // const values = Object.entries(MatchData).map((match, index) => {\r\n // return match;\r\n // });\r\n\r\n //console.log(MatchData.HomeTeam);\r\n\r\n var MatchData = this.props.MatchData;\r\n var match = this.props.MatchData;\r\n var HomeTeam = this.props.HomeTeam;\r\n var VisitorTeam = this.props.VisitorTeam;\r\n var HomeTeamPlayers = this.props.HomeTeamPlayers;\r\n var Events = this.props.Events;\r\n\r\n var HomeLogo = \"http://fodboldstatistik.com/teamx.png\";\r\n var VisitorLogo = \"http://fodboldstatistik.com/teamx.png\";\r\n if (HomeTeam.LogoFileName !== \"\")\r\n HomeLogo = \"/teams/\" + HomeTeam.LogoFileName;\r\n if (VisitorTeam.LogoFileName !== \"\") {\r\n VisitorLogo = \"/teams/\" + VisitorTeam.LogoFileName;\r\n }\r\n\r\n var Startes = HomeTeamPlayers.filter(function (player) {\r\n return player.RowInMatch !== \"99\";\r\n });\r\n var Substitutes = HomeTeamPlayers.filter(function (player) {\r\n return player.RowInMatch === \"99\";\r\n });\r\n\r\n var AdminLink =\r\n 'EDIT MATCH';\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n {MatchData.HomeGoals}
\r\n -
\r\n {MatchData.VisitorGoals}
\r\n \r\n \r\n
\r\n \r\n
\r\n {HomeTeam.Name}
\r\n {VisitorTeam.Name}
\r\n \r\n
\r\n \r\n \r\n {MatchData.Date}\r\n \r\n
\r\n {MatchData.Series}\r\n
\r\n \r\n {MatchData.Series}\r\n
\r\n
\r\n\r\n Spillere
\r\n \r\n {Startes.map((player) => {\r\n var RowInMatch = player.RowInMatch;\r\n var TeamLeader = player.TeamLeader === 1 ? \" (Anfører)\" : \"\";\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n {player.FirstName} {player.LastName} {TeamLeader}{\" \"}\r\n
\r\n \r\n ({player.PositionInMatch}/{RowInMatch})\r\n
\r\n Indskiftere:
\r\n {Substitutes.map((player) => {\r\n var RowInMatch = player.RowInMatch;\r\n var TeamLeader = player.TeamLeader === 1 ? \" (Anfører)\" : \"\";\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n {player.FirstName} {player.LastName} {TeamLeader}{\" \"}\r\n
\r\n \r\n ({player.PositionInMatch}/{RowInMatch})\r\n
\r\n \r\n
\r\n\r\n Hændelser
\r\n \r\n \r\n {Events.map((event, index) => {\r\n var EventIconLeft = \" \";\r\n var EventIconRight = \" \";\r\n var PlayerLeft = \" \";\r\n var PlayerRight = \" \";\r\n var Minute = \"\";\r\n var MinuteOvertime = \"\";\r\n var EventIcon = \"\";\r\n var Comment = \"\";\r\n\r\n if (event.MatchEventType == \"Goal\") {\r\n EventIcon =\r\n '
\r\n
\r\n {/* | \r\n \r\n {Minute}\r\n \r\n \r\n {MinuteOvertime}\r\n \r\n | \r\n
![](\"http://fodboldstatistik.com/football.svg\")
';\r\n }\r\n if (event.MatchEventType == \"Own goal\") {\r\n EventIcon =\r\n '![](\"http://fodboldstatistik.com/football_red.svg\")
';\r\n }\r\n if (event.MatchEventTypeId == 6) {\r\n // Panalty shootout Goal\r\n EventIcon =\r\n '![](\"http://fodboldstatistik.com/football_grey.svg\")
';\r\n }\r\n if (event.MatchEventTypeId == 7) {\r\n // Panalty shootout Missed\r\n EventIcon =\r\n '![](\"http://fodboldstatistik.com/football_missed.svg\")
';\r\n Comment = \" (BR STR) \";\r\n }\r\n if (event.MatchEventTypeId == 8) {\r\n // Panalty shootout cancelled\r\n EventIcon =\r\n '![](\"http://fodboldstatistik.com/transfer.svg\"){kind=spacer}
';\r\n\r\n var PlayerIn = event.PlayerFirstName;\r\n var PlayerInSplit = PlayerIn.split(\" \");\r\n console.log(PlayerInSplit);\r\n PlayerIn =\r\n PlayerInSplit[0].substring(0, 1) +\r\n \". \" +\r\n PlayerInSplit[PlayerInSplit.length - 1];\r\n var PlayerOut = event.ReplacementPlayerFirstName;\r\n var PlayerOutSplit = PlayerOut.split(\" \");\r\n PlayerOut =\r\n PlayerOutSplit[0].substring(0, 1) +\r\n \". \" +\r\n PlayerOutSplit[PlayerOutSplit.length - 1];\r\n\r\n event.PlayerFirstName =\r\n \"![](\"http://fodboldstatistik.com/redyellow.png\")
';\r\n }\r\n if (event.MatchEventType == \"NyAnforer\") {\r\n EventIcon =\r\n '![](\"http://fodboldstatistik.com/green.png\")
';\r\n event.PlayerFirstName = event.PlayerFirstName + \" (anf)\";\r\n }\r\n var FloatTeam = \"home\";\r\n if (event.Comment.length > 0) {\r\n Comment = event.Comment;\r\n Comment = Comment.toUpperCase();\r\n Comment = \" (\" + Comment + \") \";\r\n }\r\n if (event.TeamId == HomeTeam.Id) {\r\n // Left\r\n EventIconLeft = EventIcon;\r\n if (event.PlayerId > 0) {\r\n if (event.MatchEventType === \"Replacement\") {\r\n PlayerLeft = \"\r\n
*/}\r\n \r\n
\r\n \r\n Spillerinfo
\r\n \r\n
\r\n \r\n Kampinfo
\r\n \r\n
\r\n Tilskuere
\r\n {MatchData.Spectators}
\r\n \r\n
\r\n Dommer
\r\n {MatchData.Referee}
\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default MatchComponentDetails;\r\n","import React, { Component } from \"react\";\r\nimport Moment from \"react-moment\";\r\nimport \"moment-timezone\";\r\nimport $ from \"jquery\";\r\nimport { Route, Link, BrowserRouter, HashRouter } from \"react-router-dom\";\r\nimport { Match } from \"../types/match.ts\";\r\nimport \"./matchcomponentsimple.css\";\r\n\r\nclass MatchComponentSimple extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Padding: false,\r\n };\r\n }\r\n\r\n Greeting(props) {\r\n const Minuate = props.toggleSpacer;\r\n if (Minuate >= 800) {\r\n return SPACER
;\r\n }\r\n return \"\";\r\n }\r\n\r\n componentDidMount() {\r\n var $this = $(\"div.row.events div.events\");\r\n //console.log($this);\r\n $this.scrollLeft(385);\r\n }\r\n\r\n handleClick = (MatchId) => {\r\n console.log(MatchId);\r\n this.props.history.push(`/match/${MatchId}`);\r\n // history.push(\"/home\");\r\n };\r\n\r\n handlePlayerCLick = (PlayerId) => {\r\n console.log(PlayerId);\r\n this.props.history.push(`/player/${PlayerId}`);\r\n // history.push(\"/home\");\r\n };\r\n\r\n render() {\r\n // const values = Object.entries(MatchData).map((match, index) => {\r\n // return match;\r\n // });\r\n\r\n //console.log(MatchData.HomeTeam);\r\n\r\n var match = this.props.MatchData;\r\n\r\n var HomeLogo = \"http://fodboldstatistik.com/teamx.png\";\r\n var VisitorLogo = \"http://fodboldstatistik.com/teamx.png\";\r\n if (match.HomeTeam !== undefined && match.VisitorTeam !== undefined) {\r\n if (match.HomeTeam.LogoFileName !== \"\")\r\n HomeLogo = \"/teams/\" + match.HomeTeam.LogoFileName;\r\n if (match.VisitorTeam.LogoFileName !== \"\") {\r\n VisitorLogo = \"/teams/\" + match.VisitorTeam.LogoFileName;\r\n }\r\n }\r\n\r\n return (\r\n this.handleClick(match.Id)}>\r\n {/* */}\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default MatchComponentSimple;\r\n","import React, { Component } from \"react\";\r\nimport Moment from \"react-moment\";\r\nimport \"moment-timezone\";\r\nimport Select from \"react-select\";\r\nimport MatchItem from \"./matchitem\";\r\nimport { Route, Link, BrowserRouter, HashRouter } from \"react-router-dom\";\r\nimport queryString from \"query-string\";\r\nimport \"./matches.css\";\r\nimport MatchListComponent from \"./matcheslist\";\r\nimport MatchComponentDetails from \"./matchcomponentdetails\";\r\nimport MatchComponentSimple from \"./matchcomponentsimple\";\r\nimport Toggle from \"react-toggle\";\r\n\r\nclass Matches extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n MatchesData: [],\r\n SeasonPlayerStats: [],\r\n SeasonStats: null,\r\n MatchesData: {},\r\n selectedOption: null,\r\n ShowExpanded: false,\r\n };\r\n }\r\n\r\n handleChange = (selectedOption) => {\r\n this.props.history.push(`/season/${selectedOption.value}`);\r\n this.setState({ selectedOption });\r\n console.log(`Option selected:`, selectedOption);\r\n if (selectedOption.value !== \"choose\") {\r\n // //this.props.history.push(`/${selectedOption.value}`);\r\n this.reloadMatches(selectedOption.value);\r\n this.reloadSeason(selectedOption.value);\r\n } else {\r\n this.setState({ MatchesData: null });\r\n }\r\n };\r\n\r\n componentDidMount() {\r\n this.setState({ MatchesData: null });\r\n\r\n let season = this.props.location.pathname.split(\"/\")[2];\r\n console.log(\"Season: \", season, this.props);\r\n this.reloadMatches(season);\r\n this.reloadSeason(season);\r\n\r\n //this.props.history.push(`/hest`);\r\n }\r\n\r\n reloadMatches(period) {\r\n fetch(\"http://soccerstats.guideme.today/api/match/season/\" + period)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n console.log(data);\r\n\r\n this.calculateSeasonPlayerStats(data);\r\n this.calculateSeasonStats(data);\r\n\r\n this.setState({ MatchesData: data });\r\n })\r\n .catch(console.log);;\r\n }\r\n\r\n reloadSeason(period) {\r\n fetch(\"http://soccerstats.guideme.today/api/season/\" + period)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n console.log(data);\r\n this.setState({ SeasonData: data });\r\n })\r\n .catch(console.log);\r\n }\r\n\r\n loadSeasonPlayers(playersIds, highestMatchDate, callback) {\r\n\r\n var d = highestMatchDate.indexOf('T') > -1 ? highestMatchDate.split('T')[0] : ''\r\n\r\n fetch(\"http://soccerstats.guideme.today/api/player/multiple/\" + playersIds + \"/\" + d)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n console.log(data);\r\n callback(data);\r\n })\r\n .catch(console.log);\r\n }\r\n\r\n calculateSeasonPlayerStats(matches) {\r\n var playersStats = [];\r\n\r\n playersStats.push({\r\n player: {\r\n Id: -99,\r\n FirstName: '',\r\n LastName: 'Selvmål'\r\n },\r\n matches: 0,\r\n goals: 0\r\n });\r\n\r\n var highestMatchDate = new Date(1900, 0, 1);\r\n\r\n matches.forEach(match => {\r\n console.log(match.Date);\r\n if (new Date(match.Date) > highestMatchDate) {\r\n highestMatchDate = new Date(match.Date);\r\n }\r\n // Loop all players\r\n match.HomeTeamPlayers.forEach(player => {\r\n // Check for known player\r\n var playerMatch = playersStats.filter((existingplayer) => existingplayer.player.Id === player.Id);\r\n\r\n // handle matches\r\n if (playerMatch.length === 1) {\r\n // Updates matchcount\r\n playerMatch[0].matches = playerMatch[0].matches + 1;\r\n }\r\n else {\r\n playersStats.push({\r\n player: player,\r\n matches: 1,\r\n goals: 0\r\n })\r\n }\r\n })\r\n\r\n // handle goals\r\n match.Events.forEach(event => {\r\n if (event.MatchEventTypeId === 1) {\r\n var playerMatch = playersStats.filter((existingplayer) => existingplayer.player.Id === event.PlayerId);\r\n if (playerMatch.length === 1) {\r\n playerMatch[0].goals = playerMatch[0].goals + 1;\r\n }\r\n }\r\n\r\n if (event.MatchEventTypeId === 5 && event.TeamId === 100) {\r\n console.log('SELVMÅL!!!');\r\n var playerMatch = playersStats.filter((existingplayer) => existingplayer.player.Id === -99);\r\n if (playerMatch.length === 1) {\r\n playerMatch[0].goals = playerMatch[0].goals + 1;\r\n }\r\n }\r\n\r\n // if (event.MatchEventTypeId === 5) {\r\n // var playerMatch = playersStats.filter((existingplayer) => existingplayer.player.Id === event.PlayerId);\r\n // if (playerMatch.length === 1) {\r\n // playerMatch[0].goals = playerMatch[0].goals + 1;\r\n // }\r\n // else{\r\n // // must be opponent own goal\r\n // }\r\n // } \r\n })\r\n\r\n });\r\n\r\n console.log(highestMatchDate.toISOString(), 'highestMatchDate');\r\n\r\n var playerIds = '';\r\n playersStats.forEach(stat => {\r\n if (playerIds.length > 0) {\r\n playerIds = playerIds + \",\" + stat.player.Id.toString();\r\n }\r\n else {\r\n playerIds = stat.player.Id > 0 ? stat.player.Id.toString() : '';\r\n }\r\n });\r\n\r\n console.log(playerIds, 'playerIds');\r\n\r\n var t = this;\r\n\r\n this.loadSeasonPlayers(playerIds, highestMatchDate.toISOString(), function (playersData) {\r\n\r\n playersData.forEach(player => {\r\n\r\n var playerMatch = playersStats.filter((s) => s.player.Id === player.Id);\r\n if (playerMatch.length === 1) {\r\n playerMatch[0].player.MatchesTotal = player.MatchesTotalSeason;\r\n playerMatch[0].player.GoalsTotal = player.GoalsTotalSeason;\r\n }\r\n\r\n })\r\n\r\n\r\n console.log(playersStats, 'playersStats');\r\n\r\n function sortByMatchCount(a, b) {\r\n return b.matches - a.matches || b.player.MatchesTotal - a.player.MatchesTotal;\r\n }\r\n\r\n playersStats.sort(sortByMatchCount);\r\n\r\n console.log(playersStats, 'playersStats');\r\n\r\n\r\n t.setState({ SeasonPlayerStats: playersStats });\r\n\r\n\r\n })\r\n }\r\n\r\n calculateSeasonStats(matches) {\r\n var stats = {};\r\n stats.matchesTotal = 0;\r\n stats.matchesWon = 0;\r\n stats.matchesTie = 0;\r\n stats.matchesLost = 0;\r\n stats.GoalsFor = 0;\r\n stats.GoalsAgainst = 0;\r\n\r\n\r\n matches.forEach(match => {\r\n stats.matchesTotal++\r\n\r\n if (match.HomeTeam.Id === 100) {\r\n if (match.HomeGoals > match.VisitorGoals) {\r\n stats.matchesWon++\r\n }\r\n if (match.HomeGoals === match.VisitorGoals) {\r\n stats.matchesTie++\r\n }\r\n if (match.HomeGoals < match.VisitorGoals) {\r\n stats.matchesLost++\r\n }\r\n\r\n stats.GoalsFor += match.HomeGoals;\r\n stats.GoalsAgainst += match.VisitorGoals;\r\n }\r\n\r\n if (match.VisitorTeam.Id === 100) {\r\n if (match.HomeGoals < match.VisitorGoals) {\r\n stats.matchesWon++\r\n }\r\n if (match.HomeGoals === match.VisitorGoals) {\r\n stats.matchesTie++\r\n }\r\n if (match.HomeGoals > match.VisitorGoals) {\r\n stats.matchesLost++\r\n }\r\n\r\n stats.GoalsFor += match.VisitorGoals;\r\n stats.GoalsAgainst += match.HomeGoals;\r\n }\r\n\r\n });\r\n\r\n console.log(stats);\r\n\r\n this.setState({ SeasonStats: stats })\r\n }\r\n\r\n handleClick = (MatchId) => {\r\n console.log(MatchId);\r\n this.props.history.push(`/match/${MatchId}`);\r\n // history.push(\"/home\");\r\n };\r\n\r\n handleExpandedChange = (event) => {\r\n console.log(\"handleExpandedChange\");\r\n console.log(event.target.checked);\r\n\r\n this.setState({ ShowExpanded: event.target.checked });\r\n };\r\n\r\n handlePlayerClick = (PlayerId) => {\r\n console.log(PlayerId);\r\n if (PlayerId > 0) {\r\n this.props.history.push(`/player/${PlayerId}`);\r\n }\r\n // history.push(\"/home\");\r\n };\r\n\r\n render() {\r\n const { selectedOption } = this.state;\r\n\r\n const options = [\r\n { value: \"choose\", label: \"Vælg sæson\" },\r\n { value: \"2024_2025\", label: \"2024/2025\" },\r\n { value: \"2023_2024\", label: \"2023/2024\" },\r\n { value: \"2022_2023\", label: \"2022/2023\" },\r\n { value: \"2021_2022\", label: \"2021/2022\" },\r\n { value: \"2020_2021\", label: \"2020/2021\" },\r\n { value: \"2019_2020\", label: \"2019/2020\" },\r\n { value: \"2018_2019\", label: \"2018/2019\" },\r\n { value: \"2017_2018\", label: \"2017/2018\" },\r\n { value: \"2016_2017\", label: \"2016/2017\" },\r\n { value: \"2015_2016\", label: \"2015/2016\" },\r\n { value: \"2014_2015\", label: \"2014/2015\" },\r\n { value: \"2013_2014\", label: \"2013/2014\" },\r\n { value: \"2012_2013\", label: \"2012/2013\" },\r\n { value: \"2011_2012\", label: \"2011/2012\" },\r\n { value: \"2010_2011\", label: \"2010/2011\" },\r\n { value: \"2009_2010\", label: \"2009/2010\" },\r\n { value: \"2008_2009\", label: \"2008/2009\" },\r\n { value: \"2007_2008\", label: \"2007/2008\" },\r\n { value: \"2006_2007\", label: \"2006/2007\" },\r\n { value: \"2005_2006\", label: \"2005/2006\" },\r\n { value: \"2004_2005\", label: \"2004/2005\" },\r\n { value: \"2003_2004\", label: \"2003/2004\" },\r\n { value: \"2002_2003\", label: \"2002/2003\" },\r\n { value: \"2001_2002\", label: \"2001/2002\" },\r\n { value: \"2000_2001\", label: \"2000/2001\" },\r\n { value: \"1999_2000\", label: \"1999/2000\" },\r\n { value: \"1998_1999\", label: \"1998/1999\" },\r\n { value: \"1997_1998\", label: \"1997/1998\" },\r\n { value: \"1997_F\", label: \"1997 F\" },\r\n { value: \"1996_E\", label: \"1996 E\" },\r\n { value: \"1996_F\", label: \"1996 F\" },\r\n { value: \"1995\", label: \"1995\" },\r\n { value: \"1994\", label: \"1994\" },\r\n { value: \"1993_E\", label: \"1993 E\" },\r\n { value: \"1993_F\", label: \"1993 F\" },\r\n { value: \"1992_E\", label: \"1992 E\" },\r\n { value: \"1991_1992\", label: \"1991/1992\" },\r\n { value: \"1991_F\", label: \"1991 F\" },\r\n { value: \"1990\", label: \"1990\" },\r\n { value: \"1989\", label: \"1989\" },\r\n { value: \"1988\", label: \"1988\" },\r\n { value: \"1987\", label: \"1987\" },\r\n { value: \"1986\", label: \"1986\" },\r\n { value: \"1985\", label: \"1985\" },\r\n { value: \"1984\", label: \"1984\" },\r\n { value: \"1983\", label: \"1983\" },\r\n { value: \"1982\", label: \"1982\" },\r\n { value: \"1981\", label: \"1981\" },\r\n { value: \"1980\", label: \"1980\" },\r\n { value: \"1979\", label: \"1979\" },\r\n { value: \"1978\", label: \"1978\" },\r\n { value: \"1977\", label: \"1977\" },\r\n { value: \"1976\", label: \"1976\" },\r\n { value: \"1975\", label: \"1975\" },\r\n { value: \"1974\", label: \"1974\" },\r\n { value: \"1973\", label: \"1973\" },\r\n { value: \"1972\", label: \"1972\" },\r\n { value: \"1971\", label: \"1971\" },\r\n { value: \"1970\", label: \"1970\" },\r\n { value: \"1969\", label: \"1969\" },\r\n { value: \"1968\", label: \"1968\" },\r\n { value: \"1967\", label: \"1967\" },\r\n { value: \"1966\", label: \"1966\" },\r\n { value: \"1965\", label: \"1965\" },\r\n { value: \"1964\", label: \"1964\" },\r\n { value: \"1963\", label: \"1963\" },\r\n { value: \"1962\", label: \"1962\" },\r\n { value: \"1961\", label: \"1961\" },\r\n { value: \"1960\", label: \"1960\" },\r\n { value: \"1959\", label: \"1959\" },\r\n { value: \"1958\", label: \"1958\" },\r\n { value: \"1956_1957\", label: \"1956/1957\" },\r\n { value: \"1955_1956\", label: \"1955/1956\" },\r\n { value: \"1954_1955\", label: \"1954/1955\" },\r\n { value: \"1953_1954\", label: \"1953/1954\" },\r\n { value: \"1952_1953\", label: \"1952/1953\" },\r\n { value: \"1951_1952\", label: \"1951/1952\" },\r\n { value: \"1950_1951\", label: \"1950/1951\" },\r\n { value: \"1949_1950\", label: \"1949/1950\" },\r\n { value: \"1948_1949\", label: \"1948/1949\" },\r\n { value: \"1947_1948\", label: \"1947/1948\" },\r\n { value: \"1946_1947\", label: \"1946/1947\" },\r\n { value: \"1945_1946\", label: \"1945/1946\" },\r\n { value: \"1944_1945\", label: \"1944/1945\" },\r\n { value: \"1943_1944\", label: \"1943/1944\" },\r\n { value: \"1942_1943\", label: \"1942/1943\" },\r\n { value: \"1941_1942\", label: \"1941/1942\" },\r\n { value: \"1940_1941\", label: \"1940/1941\" },\r\n { value: \"1939_1940\", label: \"1939/1940\" },\r\n { value: \"1938_1939\", label: \"1938/1939\" },\r\n { value: \"1937_1938\", label: \"1937/1938\" },\r\n { value: \"1936_1937\", label: \"1936/1937\" },\r\n { value: \"1935_1936\", label: \"1935/1936\" },\r\n { value: \"1934_1935\", label: \"1934/1935\" },\r\n { value: \"1933_1934\", label: \"1933/1934\" },\r\n { value: \"1932_1933\", label: \"1932/1933\" },\r\n { value: \"1931_1932\", label: \"1931/1932\" },\r\n { value: \"1930_1931\", label: \"1930/1931\" },\r\n { value: \"1929_1930\", label: \"1929/1930\" },\r\n { value: \"1928_1929\", label: \"1928/1929\" },\r\n { value: \"1927_1928\", label: \"1927/1928\" },\r\n { value: \"1926_1927\", label: \"1926/1927\" },\r\n { value: \"1925_1926\", label: \"1925/1926\" },\r\n { value: \"1924_1925\", label: \"1924/1925\" },\r\n { value: \"1923_1924\", label: \"1923/1924\" },\r\n { value: \"1922_1923\", label: \"1922/1923\" },\r\n { value: \"1921_1922\", label: \"1921/1922\" },\r\n { value: \"1920_1921\", label: \"1920/1921\" },\r\n { value: \"1919_1920\", label: \"1919/1920\" },\r\n { value: \"1918_1919\", label: \"1918/1919\" },\r\n { value: \"1917_1918\", label: \"1917/1918\" },\r\n { value: \"1916_1917\", label: \"1916/1917\" },\r\n { value: \"1915_1916\", label: \"1915/1916\" },\r\n { value: \"1914_1915\", label: \"1914/1915\" },\r\n { value: \"1913_1914\", label: \"1913/1914\" },\r\n { value: \"1912_1913\", label: \"1912/1913\" },\r\n { value: \"1911_1912\", label: \"1911/1912\" },\r\n { value: \"1910_1911\", label: \"1910/1911\" },\r\n { value: \"1909_1910\", label: \"1909/1910\" },\r\n { value: \"1908_1909\", label: \"1908/1909\" },\r\n { value: \"1907_1908\", label: \"1907/1908\" },\r\n { value: \"1906_1907\", label: \"1906/1907\" },\r\n { value: \"1905_1906\", label: \"1905/1906\" },\r\n { value: \"1904_1905\", label: \"1904/1905\" },\r\n { value: \"1903_1904\", label: \"1903/1904\" },\r\n { value: \"1902_1903\", label: \"1902/1903\" },\r\n { value: \"1901_1902\", label: \"1901/1902\" },\r\n { value: \"1900_1901\", label: \"1900/1901\" },\r\n { value: \"1899_1900\", label: \"1899/1900\" },\r\n { value: \"1898_1899\", label: \"1898/1899\" },\r\n { value: \"1897_1898\", label: \"1897/1898\" },\r\n { value: \"1896_1897\", label: \"1896/1897\" },\r\n { value: \"1895_1896\", label: \"1895/1896\" },\r\n { value: \"1894_1895\", label: \"1894/1895\" },\r\n { value: \"1893_1894\", label: \"1893/1894\" },\r\n { value: \"1892_1893\", label: \"1892/1893\" },\r\n { value: \"1891_1892\", label: \"1891/1892\" },\r\n { value: \"1890_1891\", label: \"1890/1891\" },\r\n { value: \"1889_1890\", label: \"1889/1890\" },\r\n ];\r\n if (\r\n this.state.MatchesData !== null &&\r\n this.state.SeasonData !== undefined\r\n ) {\r\n return (\r\n \r\n
\r\n \r\n \r\n {match.HomeTeam.Name}\r\n {/*
\r\n */}\r\n\r\n {/*
*/}\r\n \r\n {match.HomeGoals} - {match.VisitorGoals}\r\n
\r\n \r\n {match.VisitorTeam.Name}\r\n \r\n {/*
\r\n {/* */}\r\n */}\r\n\r\n {/*
*/}\r\n \r\n \r\n {match.Date}\r\n \r\n
\r\n \r\n
\r\n \r\n {match.Events.map((event, index) => {\r\n var MinuteOvertime = \"\";\r\n if (event.MinuteOvertime !== 0)\r\n MinuteOvertime = \"+\" + event.MinuteOvertime;\r\n\r\n if (\r\n event.MatchEventType == \"Goal\" ||\r\n event.MatchEventType == \"Own goal\"\r\n ) {\r\n var PlayerName = \"\";\r\n var EventMinute = event.Minute;\r\n var Comment = \"\";\r\n if (event.Comment.length > 0) Comment = event.Comment;\r\n if (Comment.toLowerCase() == \"str\")\r\n Comment = \" (\" + Comment.toUpperCase() + \")\";\r\n\r\n if (event.TeamId == match.HomeTeam.Id) {\r\n PlayerName =\r\n event.PlayerFirstName +\r\n Comment +\r\n \" (\" +\r\n EventMinute +\r\n \"
\r\n );\r\n }\r\n })}\r\n \" +\r\n MinuteOvertime +\r\n \"
)\";\r\n\r\n if (event.MatchEventType == \"Own goal\") {\r\n PlayerName += \" SELVMÅL\";\r\n }\r\n } else {\r\n }\r\n\r\n return (\r\n \r\n {match.Events.map((event, index) => {\r\n if (\r\n event.MatchEventType == \"Goal\" ||\r\n event.MatchEventType == \"Own goal\"\r\n ) {\r\n var MinuteOvertime = \"\";\r\n if (event.MinuteOvertime !== 0)\r\n MinuteOvertime = \"+\" + event.MinuteOvertime;\r\n var PlayerName = \"\";\r\n var EventMinute = event.Minute;\r\n var Comment = \"\";\r\n if (event.Comment.length > 0) Comment = event.Comment;\r\n if (Comment.toLowerCase() == \"str\")\r\n Comment = \" (\" + Comment.toUpperCase() + \")\";\r\n\r\n if (event.TeamId == match.HomeTeam.Id) {\r\n } else {\r\n PlayerName =\r\n event.PlayerFirstName +\r\n Comment +\r\n \" (\" +\r\n EventMinute +\r\n \"
\r\n );\r\n }\r\n })}\r\n \" +\r\n MinuteOvertime +\r\n \"
)\";\r\n\r\n if (event.MatchEventType == \"Own goal\") {\r\n PlayerName += \" SELVMÅL\";\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n \r\n Der blev spillet {this.state.MatchesData.length} kampe i\r\n denne sæson\r\n
\r\n \r\n
\r\n\r\n {/* SEASONSTATS */}\r\n {this.state.SeasonStats !== null && (\r\n <>\r\n \r\n \r\n {/*
\r\n \r\n
\r\n\r\n \r\n
\r\n Sæsonstatistik
\r\n \r\n
\r\n \r\n )}\r\n\r\n \r\n
\r\n \r\n
\r\n KAMPE IALT
\r\n \r\n
\r\n \r\n {this.state.SeasonStats.matchesTotal}\r\n
\r\n \r\n
\r\n \r\n
\r\n VUND.
\r\n \r\n
\r\n \r\n {this.state.SeasonStats.matchesWon}\r\n
\r\n \r\n
\r\n \r\n
\r\n UAFG.
\r\n \r\n
\r\n \r\n {this.state.SeasonStats.matchesTie}\r\n
\r\n \r\n
\r\n \r\n
\r\n TABTE
\r\n \r\n
\r\n \r\n {this.state.SeasonStats.matchesLost}\r\n
\r\n \r\n
\r\n \r\n
\r\n MÅL SCORET
\r\n \r\n
\r\n {this.state.SeasonStats.GoalsFor}
\r\n \r\n
\r\n \r\n
\r\n MÅL IND
\r\n \r\n
\r\n {this.state.SeasonStats.GoalsAgainst}
\r\n \r\n
\r\n\r\n {/* \r\n
\r\n Kampe og mål
\r\n \r\n
\r\n {this.state.SeasonPlayerStats.map((playerStat) => {\r\n return (\r\n Spiller
\r\n K (S/T)
\r\n M (S/T)
\r\n \r\n {playerStat.player.Id > -99 ? (\r\n <>\r\n
)\r\n })}\r\n this.handlePlayerClick(playerStat.player.Id)} >{playerStat.player.FirstName} {playerStat.player.LastName}
\r\n {playerStat.matches} / {playerStat.player.MatchesTotal}
\r\n {playerStat.goals} / {playerStat.player.GoalsTotal}
\r\n \r\n ) :\r\n (<>\r\n {playerStat.player.FirstName} {playerStat.player.LastName}
\r\n \r\n {playerStat.goals}
\r\n )}\r\n \r\n K: Kampe
\r\n M: Mål
\r\n S: Sæson
\r\n T: Total (tom. denne sæson)
\r\n
\r\n\r\n \r\n M: Mål
\r\n S: Sæson
\r\n T: Total (tom. denne sæson)
\r\n
\r\n
\r\n \r\n
\r\n {this.state.SeasonData.ResultSeriesATitle}
\r\n \r\n
\r\n \r\n
\r\n\r\n {this.state.SeasonData.ResultSeriesAComments}
\r\n \r\n
\r\n
\r\n
\r\n {this.state.SeasonData.PlayersSeriesATitle}
\r\n \r\n
\r\n \r\n
\r\n\r\n {this.state.SeasonData.PlayersSeriesAComments}
\r\n \r\n
\r\n
\r\n
\r\n {this.state.SeasonData.ResultSeriesBTitle}
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {this.state.SeasonData.ResultSeriesBComments}
\r\n \r\n
\r\n
\r\n
\r\n {this.state.SeasonData.PlayersSeriesBTitle}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n } else {\r\n return (\r\n {this.state.SeasonData.PlayersSeriesBComments}
\r\n \r\n \r\n Vælg sæson\r\n
\r\n );\r\n }\r\n }\r\n}\r\n\r\nexport default Matches;\r\n","import React, { Component } from \"react\";\r\nimport Moment from \"react-moment\";\r\nimport \"moment-timezone\";\r\nimport $ from \"jquery\";\r\nimport { Route, Link, BrowserRouter, HashRouter } from \"react-router-dom\";\r\nimport { Match } from \"../types/match.ts\";\r\nimport \"./matchcomponent.css\";\r\n\r\nclass MatchComponent extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n MatchData: {},\r\n HomeTeam: {},\r\n VisitorTeam: {},\r\n HomeTeamPlayers: [],\r\n Events: [],\r\n Padding: false,\r\n };\r\n }\r\n\r\n Greeting(props) {\r\n const Minuate = props.toggleSpacer;\r\n if (Minuate >= 800) {\r\n return SPACER
;\r\n }\r\n return \"\";\r\n }\r\n\r\n componentDidMount() {\r\n let matchId = this.props.location.pathname.split(\"/\")[2];\r\n console.log(\"Id: \", matchId, this.props);\r\n fetch(\"http://soccerstats.guideme.today/api/Match/\" + matchId)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n console.log(data);\r\n console.log(JSON.stringify(data));\r\n console.log(data.HomeTeam.Name);\r\n this.setState({ MatchData: data });\r\n this.setState({ HomeTeam: data.HomeTeam });\r\n this.setState({ VisitorTeam: data.VisitorTeam });\r\n this.setState({ HomeTeamPlayers: data.HomeTeamPlayers });\r\n this.setState({ Events: data.Events });\r\n\r\n var $this = $(\"div.row.events div.events\");\r\n console.log($this);\r\n $this.scrollLeft(385);\r\n })\r\n .catch(console.log);\r\n }\r\n\r\n handleClick = (TeamId) => {\r\n console.log(TeamId);\r\n this.props.history.push(`/team/${TeamId}`);\r\n // history.push(\"/home\");\r\n };\r\n\r\n handlePlayerCLick = (PlayerId) => {\r\n console.log(PlayerId);\r\n this.props.history.push(`/player/${PlayerId}`);\r\n // history.push(\"/home\");\r\n };\r\n\r\n render() {\r\n // const values = Object.entries(this.state.MatchData).map((match, index) => {\r\n // return match;\r\n // });\r\n\r\n //console.log(this.state.MatchData.HomeTeam);\r\n\r\n var HomeLogo = \"http://fodboldstatistik.com/teamx.png\";\r\n var VisitorLogo = \"http://fodboldstatistik.com/teamx.png\";\r\n if (this.state.HomeTeam.LogoFileName !== \"\")\r\n HomeLogo = \"/teams/\" + this.state.HomeTeam.LogoFileName;\r\n if (this.state.VisitorTeam.LogoFileName !== \"\") {\r\n VisitorLogo = \"/teams/\" + this.state.VisitorTeam.LogoFileName;\r\n }\r\n\r\n var Startes = this.state.HomeTeamPlayers.filter(function (player) {\r\n return player.RowInMatch !== \"99\";\r\n });\r\n var Substitutes = this.state.HomeTeamPlayers.filter(function (player) {\r\n return player.RowInMatch === \"99\";\r\n });\r\n\r\n var AdminLink =\r\n 'EDIT MATCH';\r\n var YoutubeEmbed = \"\";\r\n if (this.state.MatchData.MatchNotes !== undefined) {\r\n var MatchInfoContent = this.state.MatchData.MatchNotes;\r\n var YoutubeUrl = \"\";\r\n var VideoId = \"\";\r\n\r\n while (MatchInfoContent.indexOf(\"youtube.com\") > -1) {\r\n VideoId = MatchInfoContent.substring(MatchInfoContent.indexOf(\"youtube.com\"));\r\n VideoId = VideoId.substring(VideoId.indexOf(\"v=\") + 2);\r\n //if (VideoId.indexOf(\"&\") > -1) {\r\n //VideoId = VideoId.substring(0, VideoId.indexOf(\"&\"));\r\n if (VideoId.indexOf(\"<\") > -1) {\r\n VideoId = VideoId.substring(0, VideoId.indexOf(\"<\"));\r\n console.log('VideoId: ' + VideoId);\r\n }\r\n if (VideoId.indexOf(\" \") > -1) {\r\n VideoId = VideoId.substring(0, VideoId.indexOf(\" \"));\r\n console.log('VideoId: ' + VideoId);\r\n }\r\n //}\r\n\r\n MatchInfoContent = MatchInfoContent.substring(MatchInfoContent.indexOf(\"youtube.com\") + 1);\r\n\r\n YoutubeEmbed = YoutubeEmbed +\r\n '';\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n this.handleClick(this.state.MatchData.VisitorTeam.Id)\r\n }\r\n >\r\n \r\n
\r\n \r\n \r\n this.handleClick(this.state.MatchData.HomeTeam.Id)}\r\n >\r\n \r\n
\r\n \r\n {this.state.MatchData.HomeGoals}\r\n
\r\n -
\r\n \r\n {this.state.MatchData.VisitorGoals}\r\n
\r\n \r\n this.handleClick(this.state.MatchData.HomeTeam.Id)}\r\n >\r\n {this.state.HomeTeam.Name}\r\n
\r\n \r\n
\r\n \r\n \r\n {this.state.MatchData.Date}\r\n \r\n
\r\n {this.state.MatchData.Series}\r\n
\r\n \r\n {this.state.MatchData.Series}\r\n
\r\n
\r\n\r\n Spillere
\r\n \r\n {Startes.map((player) => {\r\n var RowInMatch = player.RowInMatch;\r\n var TeamLeader = player.TeamLeader === 1 ? \" (Anfører)\" : \"\";\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n {player.FirstName} {player.LastName} {TeamLeader}{\" \"}\r\n
\r\n \r\n ({player.PositionInMatch}/{RowInMatch})\r\n
\r\n Indskiftere:
\r\n {Substitutes.map((player) => {\r\n var RowInMatch = player.RowInMatch;\r\n var TeamLeader = player.TeamLeader === 1 ? \" (Anfører)\" : \"\";\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n {player.FirstName} {player.LastName} {TeamLeader}{\" \"}\r\n
\r\n \r\n ({player.PositionInMatch}/{RowInMatch})\r\n
\r\n \r\n
\r\n\r\n Hændelser
\r\n \r\n \r\n {this.state.Events.map((event, index) => {\r\n var EventIconLeft = \" \";\r\n var EventIconRight = \" \";\r\n var PlayerLeft = \" \";\r\n var PlayerRight = \" \";\r\n var Minute = \"\";\r\n var MinuteOvertime = \"\";\r\n var EventIcon = \"\";\r\n var Comment = \"\";\r\n\r\n if (event.MatchEventType == \"Goal\") {\r\n EventIcon =\r\n '
\r\n
\r\n {/* | \r\n \r\n {Minute}\r\n \r\n \r\n {MinuteOvertime}\r\n \r\n | \r\n
\r\n
*/}\r\n \r\n
\r\n \r\n Spillerinfo
\r\n \r\n
\r\n \r\n Kampinfo
\r\n \r\n
\r\n \r\n
\r\n Tilskuere
\r\n \r\n {this.state.MatchData.Spectators}\r\n
\r\n \r\n
\r\n Dommer
\r\n {this.state.MatchData.Referee}
\r\n \r\n
\r\n Video
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default MatchComponent;\r\n","import React, { Component } from \"react\";\r\nimport \"./playercomponent.css\";\r\nimport Moment from \"react-moment\";\r\nimport \"moment-timezone\";\r\nimport $ from \"jquery\";\r\nimport MatchListComponent from \"./matcheslist\";\r\nimport MatchComponentDetails from \"./matchcomponentdetails\";\r\nimport MatchComponentSimple from \"./matchcomponentsimple\";\r\nimport Toggle from \"react-toggle\";\r\nimport \"react-toggle/style.css\"; // for ES6 modules\r\n\r\nclass PlayerComponent extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n PlayerData: {},\r\n MatchesData: [],\r\n FilteredMatchesData: [],\r\n ShowExpanded: false,\r\n matchFilterText: ''\r\n };\r\n }\r\n\r\n reloadMatches(playerId) {\r\n fetch(\"http://soccerstats.guideme.today/api/Match/player/\" + playerId)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n console.log(data);\r\n this.setState({\r\n MatchesData: data,\r\n FilteredMatchesData: data,\r\n });\r\n })\r\n .catch(console.log);\r\n }\r\n\r\n componentDidMount() {\r\n let playerId = this.props.location.pathname.split(\"/\")[2];\r\n console.log(\"Id: \", playerId, this.props);\r\n fetch(\"http://soccerstats.guideme.today/api/player/\" + playerId)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n console.log(data);\r\n console.log(JSON.stringify(data));\r\n this.setState({ PlayerData: data });\r\n\r\n var $this = $(\"div.row.events div.events\");\r\n console.log($this);\r\n $this.scrollLeft(385);\r\n })\r\n .catch(console.log);\r\n\r\n this.reloadMatches(playerId);\r\n }\r\n\r\n handleClick = (MatchId) => {\r\n console.log(MatchId);\r\n this.props.history.push(`/match/${MatchId}`);\r\n // history.push(\"/home\");\r\n };\r\n\r\n handleExpandedChange = (event) => {\r\n console.log(\"handleExpandedChange\");\r\n console.log(event.target.checked);\r\n\r\n this.setState({ ShowExpanded: event.target.checked });\r\n };\r\n\r\n toggleMatches() {\r\n console.log(\"Toggle matches\");\r\n $(\".playersmatches\").slideToggle();\r\n if ($(\".toggleLead\").text() == \"Vis\") {\r\n $(\".toggleLead\").text(\"Skjul\");\r\n } else {\r\n $(\".toggleLead\").text(\"Vis\");\r\n $(\"div.row.events div.events\").each(function (index, item) {\r\n $(item).scrollLeft(385);\r\n });\r\n }\r\n }\r\n\r\n handleMatchFilter(filterType) {\r\n var filteretMatches = [];\r\n var matchFilterText = '';\r\n\r\n if (filterType === 'all') {\r\n filteretMatches = this.state.MatchesData;\r\n matchFilterText = '';\r\n }\r\n\r\n if (filterType === 'yellow') {\r\n filteretMatches = this.state.MatchesData.filter((match) => match.Events.some((event) => event.MatchEventType === \"Yellow\" && event.PlayerId === this.state.PlayerData.Id))\r\n matchFilterText = 'viser kun kampe med gult kort';\r\n }\r\n\r\n if (filterType === 'red') {\r\n filteretMatches = this.state.MatchesData.filter((match) => match.Events.some((event) => (event.MatchEventType === \"Red\" || event.MatchEventType === \"RedYellow\") && event.PlayerId === this.state.PlayerData.Id))\r\n matchFilterText = 'viser kun kampe med rødt kort';\r\n }\r\n\r\n if (filterType === 'replacementOut') {\r\n filteretMatches = this.state.MatchesData.filter((match) => match.Events.some((event) => event.MatchEventType === \"Replacement\" && event.ReplacementPlayerId === this.state.PlayerData.Id))\r\n matchFilterText = 'viser kun kampe med udskiftning';\r\n }\r\n\r\n if (filterType === 'replacementIn') {\r\n filteretMatches = this.state.MatchesData.filter((match) => match.Events.some((event) => event.MatchEventType === \"Replacement\" && event.PlayerId === this.state.PlayerData.Id))\r\n matchFilterText = 'viser kun kampe med indskiftning';\r\n }\r\n\r\n if (filterType === 'goal') {\r\n filteretMatches = this.state.MatchesData.filter((match) => match.Events.some((event) => event.MatchEventType === \"Goal\" && event.PlayerId === this.state.PlayerData.Id))\r\n matchFilterText = 'viser kun kampe med mål';\r\n }\r\n\r\n if (filterType === 'won') {\r\n filteretMatches = this.state.MatchesData.filter((match) => match.VisitorTeam.Id === 100 && match.VisitorGoals > match.HomeGoals || match.HomeTeam.Id === 100 && match.VisitorGoals < match.HomeGoals)\r\n matchFilterText = 'viser kun vundne kampe';\r\n }\r\n\r\n if (filterType === 'lost') {\r\n filteretMatches = this.state.MatchesData.filter((match) => match.VisitorTeam.Id === 100 && match.VisitorGoals < match.HomeGoals || match.HomeTeam.Id === 100 && match.VisitorGoals > match.HomeGoals)\r\n matchFilterText = 'viser kun tabte kampe';\r\n }\r\n\r\n if (filterType === 'tie') {\r\n filteretMatches = this.state.MatchesData.filter((match) => match.VisitorGoals === match.HomeGoals)\r\n matchFilterText = 'viser kun uafgjorte kampe';\r\n }\r\n\r\n console.log(filteretMatches);\r\n this.setState({\r\n FilteredMatchesData: filteretMatches,\r\n matchFilterText: matchFilterText\r\n });\r\n }\r\n\r\n render() {\r\n const pic =\r\n \"http://fodboldstatistik.com/profile/\" +\r\n this.state.PlayerData.ProfilePictureFileName;\r\n\r\n var AdminLink =\r\n 'EDIT PLAYER';\r\n\r\n var NationalMatches = \"\";\r\n if (this.state.PlayerData.NationalMatches !== \"\") {\r\n NationalMatches = this.state.PlayerData.NationalMatches;\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {(this.state.PlayerData.YellowTotal > 0 || this.state.PlayerData.RedTotal > 0 || this.state.PlayerData.RedYellowTotal > 0 || this.state.PlayerData.ReplacementOutTotal > 0 || this.state.PlayerData.ReplacementInTotal > 0) && (\r\n <>\r\n \r\n
\r\n \r\n {this.state.PlayerData.FirstName} {this.state.PlayerData.LastName}\r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n POSITION
\r\n \r\n
\r\n \r\n {this.state.PlayerData.Position}\r\n
\r\n \r\n
\r\n Højde
\r\n \r\n
\r\n {this.state.PlayerData.Height}
\r\n \r\n
\r\n Vægt
\r\n \r\n
\r\n {this.state.PlayerData.Weight}
\r\n \r\n
\r\n Født
\r\n \r\n
\r\n \r\n \r\n {this.state.PlayerData.BirthDate}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n KAMPE
\r\n \r\n
\r\n this.handleMatchFilter('all')}>\r\n {this.state.PlayerData.MatchesTotal}\r\n
\r\n \r\n
\r\n \r\n
\r\n VUND.
\r\n \r\n
\r\n this.handleMatchFilter('won')}>\r\n {this.state.PlayerData.MatchesWon}\r\n
\r\n \r\n
\r\n \r\n
\r\n UAFG.
\r\n \r\n
\r\n this.handleMatchFilter('tie')}>\r\n {this.state.PlayerData.MatchesTie}\r\n
\r\n \r\n
\r\n \r\n
\r\n TABTE
\r\n \r\n
\r\n this.handleMatchFilter('lost')}>\r\n {this.state.PlayerData.MatchesLost}\r\n
\r\n \r\n
\r\n \r\n
\r\n MÅL
\r\n \r\n
\r\n this.handleMatchFilter('goal')}>\r\n {this.state.PlayerData.GoalsTotal}\r\n
\r\n \r\n
\r\n Debut
\r\n \r\n
\r\n \r\n
\r\n Kort & udskiftninger
\r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n this.handleMatchFilter('yellow')}>\r\n ![](\"http://fodboldstatistik.com/yellow.png\")
{this.state.PlayerData.YellowTotal} gule kort\r\n
\r\n {this.state.PlayerData.YellowTotal} gule kort\r\n this.handleMatchFilter('red')}>\r\n ![](\"http://fodboldstatistik.com/red.png\")
{this.state.PlayerData.RedTotal + this.state.PlayerData.RedYellowTotal} røde kort (heraf {this.state.PlayerData.RedYellowTotal} gult/rødt)\r\n
\r\n {this.state.PlayerData.RedTotal + this.state.PlayerData.RedYellowTotal} røde kort (heraf {this.state.PlayerData.RedYellowTotal} gult/rødt)\r\n this.handleMatchFilter('replacementOut')}>\r\n → {this.state.PlayerData.ReplacementOutTotal} Udskiftninger\r\n
\r\n this.handleMatchFilter('replacementIn')}>\r\n ← {this.state.PlayerData.ReplacementInTotal} Indskiftninger\r\n
\r\n Klik på ikonerne for at filtrere på kampe
\r\n \r\n
\r\n Tidligere klubber
\r\n \r\n
\r\n \r\n
\r\n Beskrivelse
\r\n \r\n
\r\n \r\n \r\n
\r\n Landskampe
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n this.toggleMatches()}>\r\n Vis{\" \"}\r\n {this.state.PlayerData.FirstName} {this.state.PlayerData.LastName}\r\n 's Kampe\r\n {this.state.matchFilterText.length > 0 && (\r\n ({this.state.matchFilterText} - {this.state.FilteredMatchesData.length} kampe))}\r\n
\r\n \r\n
\r\n \r\n \r\n {/*
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default PlayerComponent;\r\n","import React, { Component } from \"react\";\r\nimport { Route, Link, BrowserRouter, HashRouter } from \"react-router-dom\";\r\nimport \"./playerscomponent.css\";\r\n\r\nclass PlayersComponent extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n PlayersData: [],\r\n FilteredPlayerData: []\r\n };\r\n\r\n this.handleKeyUp = this.keyUpHandler.bind(this, \"PlayerNameFilter\");\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ PlayersData: null });\r\n\r\n this.loadPlayers();\r\n\r\n //this.props.history.push(`/hest`);\r\n }\r\n\r\n keyUpHandler(refName, e) {\r\n console.log(e.target.value);\r\n if (e.target.value.length > 1) this.filterPlayerData(e.target.value);\r\n else {\r\n this.setState({ FilteredPlayerData: this.state.PlayersData });\r\n }\r\n // prints either LoginInput or PwdInput\r\n }\r\n\r\n filterPlayerData(filterValue) {\r\n var FilteredPlayerData = this.state.PlayersData.filter(function(player) {\r\n return (\r\n player.FirstName.toLowerCase().indexOf(filterValue.toLowerCase()) >\r\n -1 ||\r\n player.LastName.toLowerCase().indexOf(filterValue.toLowerCase()) > -1\r\n );\r\n });\r\n\r\n this.setState({ FilteredPlayerData: FilteredPlayerData });\r\n\r\n var test = FilteredPlayerData;\r\n }\r\n\r\n loadPlayers() {\r\n fetch(\"http://soccerstats.guideme.today/api/player\")\r\n .then(res => res.json())\r\n .then(data => {\r\n console.log(data);\r\n this.setState({ PlayersData: data });\r\n this.setState({ FilteredPlayerData: data });\r\n })\r\n .catch(console.log);\r\n }\r\n\r\n handleClick = PlayerId => {\r\n console.log(PlayerId);\r\n this.props.history.push(`/player/${PlayerId}`);\r\n // history.push(\"/home\");\r\n };\r\n\r\n render() {\r\n if (this.state.FilteredPlayerData !== null) {\r\n var currentLetter = \"_\";\r\n\r\n return (\r\n \r\n © Statistikoplysningerne er indsamlet og indkodet af BK FREMs\r\n officielle statistikfører: Steen Meisner Bjerre, 23 61 92 72,\r\n steenbjerre@hotmail.com til hvem henvises, såfremt der er\r\n ændringer/tilføjelser e.a. til spillerprofilen.\r\n
\r\n \r\n
\r\n );\r\n })}\r\n \r\n );\r\n } else {\r\n return \r\n Der blev fundet {this.state.FilteredPlayerData.length}{\" \"}\r\n spillere\r\n
\r\n {currentLetter}
;\r\n }\r\n\r\n return (\r\n \r\n {letterSpacer}\r\n this.handleClick(player.Id)}\r\n >\r\n {player.FirstName} {player.LastName}\r\n
\r\n Indlæser spillere...
;\r\n }\r\n\r\n // return (\r\n // \r\n //
\r\n // );\r\n }\r\n}\r\n\r\nexport default PlayersComponent;\r\n","import React, { Component } from \"react\";\r\nimport { Route, Link, BrowserRouter, HashRouter } from \"react-router-dom\";\r\nimport \"./playersstatscomponent.css\";\r\n\r\nclass PlayersStatsComponent extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n PlayersData: [],\r\n FilteredByGoalsPlayerData: [],\r\n FilteredByMatchesPlayerData: [],\r\n };\r\n\r\n this.handleKeyUp = this.keyUpHandler.bind(this, \"PlayerNameFilter\");\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ PlayersData: null });\r\n\r\n this.loadPlayers();\r\n\r\n //this.props.history.push(`/hest`);\r\n }\r\n\r\n keyUpHandler(refName, e) {\r\n console.log(e.target.value);\r\n if (e.target.value.length > 1) this.filterPlayerData(e.target.value);\r\n else {\r\n this.setState({ FilteredPlayerData: this.state.PlayersData });\r\n }\r\n // prints either LoginInput or PwdInput\r\n }\r\n\r\n filterPlayerData(filterValue) {\r\n var FilteredPlayerData = this.state.PlayersData.filter(function (player) {\r\n return player.GoalsTotal > 99;\r\n });\r\n\r\n this.setState({ FilteredPlayerData: FilteredPlayerData });\r\n\r\n var test = FilteredPlayerData;\r\n }\r\n\r\n SortGoalsTotal(a, b) {\r\n if (a.GoalsTotal < b.GoalsTotal) {\r\n return 1;\r\n }\r\n if (a.GoalsTotal > b.GoalsTotal) {\r\n return -1;\r\n }\r\n return 0;\r\n }\r\n\r\n SortMatchesTotal(a, b) {\r\n if (a.MatchesTotal < b.MatchesTotal) {\r\n return 1;\r\n }\r\n if (a.MatchesTotal > b.MatchesTotal) {\r\n return -1;\r\n }\r\n return 0;\r\n }\r\n\r\n loadPlayers() {\r\n fetch(\"http://soccerstats.guideme.today/api/player/top\")\r\n .then((res) => res.json())\r\n .then((data) => {\r\n console.log(data);\r\n this.setState({ PlayersData: data });\r\n var FilteredByGoalsPlayerData = data.filter(function (player) {\r\n return player.GoalsTotal > 49;\r\n });\r\n FilteredByGoalsPlayerData.sort(this.SortGoalsTotal);\r\n\r\n var FilteredByMatchesPlayerData = data.filter(function (player) {\r\n return player.MatchesTotal > 99;\r\n });\r\n FilteredByMatchesPlayerData.sort(this.SortMatchesTotal);\r\n\r\n this.setState({ FilteredByGoalsPlayerData: FilteredByGoalsPlayerData });\r\n this.setState({\r\n FilteredByMatchesPlayerData: FilteredByMatchesPlayerData,\r\n });\r\n })\r\n .catch(console.log);\r\n }\r\n\r\n handleClick = (PlayerId) => {\r\n console.log(PlayerId);\r\n this.props.history.push(`/player/${PlayerId}`);\r\n // history.push(\"/home\");\r\n };\r\n\r\n render() {\r\n if (this.state.FilteredByGoalsPlayerData !== null) {\r\n var currentLetter = \"_\";\r\n\r\n return (\r\n Her lister vi alle spillere fra A - Å
\r\n // \r\n
\r\n
\r\n
\r\n );\r\n } else {\r\n return \r\n
\r\n\r\n {\r\n this.props.history.push(`/goalsstats`);\r\n }}>\r\n Mere end 50 mål\r\n
\r\n Liste over alle spillere i FREM med 50 eller flere mål
\r\n {\r\n this.props.history.push(`/matchesstats`);\r\n }}>\r\n Mere end 100 kampe\r\n
\r\n Liste over alle spillere i FREM med 100 eller flere kampe
\r\n {\r\n this.props.history.push(`/playeroftheyear`);\r\n }}>\r\n Årets spiller\r\n
\r\n Liste over alle årets spillere igennem tiden
\r\n {\r\n this.props.history.push(`/nationalteamplayers`);\r\n }}>\r\n Landsholdsspillere\r\n
\r\n Liste over alle FREM's landsholdsspillere igennem tiden
\r\n \r\n
\r\n
Indlæser spillere...
;\r\n }\r\n\r\n // return (\r\n // \r\n //
\r\n // );\r\n }\r\n}\r\n\r\nexport default PlayersStatsComponent;\r\n","import React, { Component } from \"react\";\r\nimport { Route, Link, BrowserRouter, HashRouter } from \"react-router-dom\";\r\nimport \"./playersstatscomponent.css\";\r\n\r\nclass PlayersStatsGoalsComponent extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n PlayersData: [],\r\n FilteredByGoalsPlayerData: [],\r\n FilteredByMatchesPlayerData: [],\r\n };\r\n\r\n this.handleKeyUp = this.keyUpHandler.bind(this, \"PlayerNameFilter\");\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ PlayersData: null });\r\n\r\n this.loadPlayers();\r\n\r\n //this.props.history.push(`/hest`);\r\n }\r\n\r\n keyUpHandler(refName, e) {\r\n console.log(e.target.value);\r\n if (e.target.value.length > 1) this.filterPlayerData(e.target.value);\r\n else {\r\n this.setState({ FilteredPlayerData: this.state.PlayersData });\r\n }\r\n // prints either LoginInput or PwdInput\r\n }\r\n\r\n filterPlayerData(filterValue) {\r\n var FilteredPlayerData = this.state.PlayersData.filter(function (player) {\r\n return player.GoalsTotal > 99;\r\n });\r\n\r\n this.setState({ FilteredPlayerData: FilteredPlayerData });\r\n\r\n var test = FilteredPlayerData;\r\n }\r\n\r\n SortGoalsTotal(a, b) {\r\n if (a.GoalsTotal < b.GoalsTotal) {\r\n return 1;\r\n }\r\n if (a.GoalsTotal > b.GoalsTotal) {\r\n return -1;\r\n }\r\n return 0;\r\n }\r\n\r\n SortMatchesTotal(a, b) {\r\n if (a.MatchesTotal < b.MatchesTotal) {\r\n return 1;\r\n }\r\n if (a.MatchesTotal > b.MatchesTotal) {\r\n return -1;\r\n }\r\n return 0;\r\n }\r\n\r\n loadPlayers() {\r\n fetch(\"http://soccerstats.guideme.today/api/player/top\")\r\n .then((res) => res.json())\r\n .then((data) => {\r\n console.log(data);\r\n this.setState({ PlayersData: data });\r\n var FilteredByGoalsPlayerData = data.filter(function (player) {\r\n return player.GoalsTotal > 49;\r\n });\r\n FilteredByGoalsPlayerData.sort(this.SortGoalsTotal);\r\n\r\n var FilteredByMatchesPlayerData = data.filter(function (player) {\r\n return player.MatchesTotal > 99;\r\n });\r\n FilteredByMatchesPlayerData.sort(this.SortMatchesTotal);\r\n\r\n this.setState({ FilteredByGoalsPlayerData: FilteredByGoalsPlayerData });\r\n this.setState({\r\n FilteredByMatchesPlayerData: FilteredByMatchesPlayerData,\r\n });\r\n })\r\n .catch(console.log);\r\n }\r\n\r\n handleClick = (PlayerId) => {\r\n console.log(PlayerId);\r\n this.props.history.push(`/player/${PlayerId}`);\r\n // history.push(\"/home\");\r\n };\r\n\r\n render() {\r\n if (this.state.FilteredByGoalsPlayerData !== null) {\r\n var currentLetter = \"_\";\r\n\r\n return (\r\n Her lister vi alle spillere fra A - Å
\r\n // \r\n
\r\n );\r\n })}\r\n Over 50 mål
\r\n Antal mål
\r\n Spiller
\r\n {this.state.FilteredByGoalsPlayerData.map((player) => {\r\n return (\r\n \r\n this.handleClick(player.Id)}\r\n >\r\n
\r\n {player.GoalsTotal}
\r\n {player.FirstName} {player.LastName}\r\n \r\n
\r\n
\r\n \r\n © Statistikoplysningerne er indsamlet og indkodet af BK FREMs\r\n officielle statistikfører: Steen Meisner Bjerre, 23 61 92 72,\r\n steenbjerre@hotmail.com til hvem henvises, såfremt der er\r\n ændringer/tilføjelser e.a. til spillerprofilen.\r\n
\r\n \r\n \r\n );\r\n } else {\r\n return
Indlæser spillere...
;\r\n }\r\n\r\n // return (\r\n // \r\n //
\r\n // );\r\n }\r\n}\r\n\r\nexport default PlayersStatsGoalsComponent;\r\n","import React, { Component } from \"react\";\r\nimport { Route, Link, BrowserRouter, HashRouter } from \"react-router-dom\";\r\nimport \"./playersstatscomponent.css\";\r\n\r\nclass PlayersStatsMatchesComponent extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n PlayersData: [],\r\n FilteredByGoalsPlayerData: [],\r\n FilteredByMatchesPlayerData: [],\r\n };\r\n\r\n this.handleKeyUp = this.keyUpHandler.bind(this, \"PlayerNameFilter\");\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ PlayersData: null });\r\n\r\n this.loadPlayers();\r\n\r\n //this.props.history.push(`/hest`);\r\n }\r\n\r\n keyUpHandler(refName, e) {\r\n console.log(e.target.value);\r\n if (e.target.value.length > 1) this.filterPlayerData(e.target.value);\r\n else {\r\n this.setState({ FilteredPlayerData: this.state.PlayersData });\r\n }\r\n // prints either LoginInput or PwdInput\r\n }\r\n\r\n filterPlayerData(filterValue) {\r\n var FilteredPlayerData = this.state.PlayersData.filter(function (player) {\r\n return player.GoalsTotal > 99;\r\n });\r\n\r\n this.setState({ FilteredPlayerData: FilteredPlayerData });\r\n\r\n var test = FilteredPlayerData;\r\n }\r\n\r\n SortGoalsTotal(a, b) {\r\n if (a.GoalsTotal < b.GoalsTotal) {\r\n return 1;\r\n }\r\n if (a.GoalsTotal > b.GoalsTotal) {\r\n return -1;\r\n }\r\n return 0;\r\n }\r\n\r\n SortMatchesTotal(a, b) {\r\n if (a.MatchesTotal < b.MatchesTotal) {\r\n return 1;\r\n }\r\n if (a.MatchesTotal > b.MatchesTotal) {\r\n return -1;\r\n }\r\n return 0;\r\n }\r\n\r\n loadPlayers() {\r\n fetch(\"http://soccerstats.guideme.today/api/player/top\")\r\n .then((res) => res.json())\r\n .then((data) => {\r\n console.log(data);\r\n this.setState({ PlayersData: data });\r\n var FilteredByGoalsPlayerData = data.filter(function (player) {\r\n return player.GoalsTotal > 49;\r\n });\r\n FilteredByGoalsPlayerData.sort(this.SortGoalsTotal);\r\n\r\n var FilteredByMatchesPlayerData = data.filter(function (player) {\r\n return player.MatchesTotal > 99;\r\n });\r\n FilteredByMatchesPlayerData.sort(this.SortMatchesTotal);\r\n\r\n this.setState({ FilteredByGoalsPlayerData: FilteredByGoalsPlayerData });\r\n this.setState({\r\n FilteredByMatchesPlayerData: FilteredByMatchesPlayerData,\r\n });\r\n })\r\n .catch(console.log);\r\n }\r\n\r\n handleClick = (PlayerId) => {\r\n console.log(PlayerId);\r\n this.props.history.push(`/player/${PlayerId}`);\r\n // history.push(\"/home\");\r\n };\r\n\r\n render() {\r\n if (this.state.FilteredByGoalsPlayerData !== null) {\r\n var currentLetter = \"_\";\r\n\r\n return (\r\n Her lister vi alle spillere fra A - Å
\r\n // \r\n
\r\n );\r\n })}\r\n Over 100 kampe
\r\n Antal kampe
\r\n Spiller
\r\n {this.state.FilteredByMatchesPlayerData.map((player) => {\r\n return (\r\n \r\n this.handleClick(player.Id)}\r\n >\r\n
\r\n {player.MatchesTotal}
\r\n {player.FirstName} {player.LastName}\r\n \r\n
\r\n
\r\n \r\n © Statistikoplysningerne er indsamlet og indkodet af BK FREMs\r\n officielle statistikfører: Steen Meisner Bjerre, 23 61 92 72,\r\n steenbjerre@hotmail.com til hvem henvises, såfremt der er\r\n ændringer/tilføjelser e.a. til spillerprofilen.\r\n
\r\n \r\n \r\n );\r\n } else {\r\n return
Indlæser spillere...
;\r\n }\r\n\r\n // return (\r\n // \r\n //
\r\n // );\r\n }\r\n}\r\n\r\nexport default PlayersStatsMatchesComponent;\r\n","import React, { Component } from \"react\";\r\nimport { Route, Link, BrowserRouter, HashRouter } from \"react-router-dom\";\r\nimport \"./matchescomponent.css\";\r\n\r\nclass MatchesComponent extends Component {\r\n state = {};\r\n render() {\r\n return (\r\n Her lister vi alle spillere fra A - Å
\r\n // \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default MatchesComponent;\r\n","import React, { Component } from \"react\";\r\nimport { Route, Link, BrowserRouter, HashRouter } from \"react-router-dom\";\r\nimport \"./aboutcomponent.css\";\r\n\r\nclass AboutComponent extends Component {\r\n state = {};\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n Her lister vi alle sæsoner fra 1889 - 2025\r\n
\r\n \r\n
\r\n \r\n 2024/2025 sæsonen\r\n
\r\n 2023/2024 sæsonen\r\n
\r\n 2022/2023 sæsonen\r\n
\r\n 2021/2022 sæsonen\r\n
\r\n 2020/2021 sæsonen\r\n
\r\n 2019/2020 sæsonen\r\n
\r\n 2018/2019 sæsonen\r\n
\r\n 2017/2018 sæsonen\r\n
\r\n 2016/2017 sæsonen\r\n
\r\n 2015/2016 sæsonen\r\n
\r\n 2014/2015 sæsonen\r\n
\r\n 2013/2014 sæsonen\r\n
\r\n 2012/2013 sæsonen\r\n
\r\n 2011/2012 sæsonen\r\n
\r\n 2010/2011 sæsonen\r\n
\r\n 2009/2010 sæsonen\r\n
\r\n 2008/2009 sæsonen\r\n
\r\n 2007/2008 sæsonen\r\n
\r\n 2006/2007 sæsonen\r\n
\r\n 2005/2006 sæsonen\r\n
\r\n 2004/2005 sæsonen\r\n
\r\n 2003/2004 sæsonen\r\n
\r\n 2002/2003 sæsonen\r\n
\r\n 2001/2002 sæsonen\r\n
\r\n 2000/2001 sæsonen\r\n
\r\n 1999/2000 sæsonen\r\n
\r\n 1998/1999 sæsonen\r\n
\r\n 1997/1998 sæsonen\r\n
\r\n 1997_F sæsonen\r\n
\r\n 1996_E sæsonen\r\n
\r\n 1996_F sæsonen\r\n
\r\n 1995 sæsonen\r\n
\r\n 1994 sæsonen\r\n
\r\n 1993_E sæsonen\r\n
\r\n 1993_F sæsonen\r\n
\r\n 1992_E sæsonen\r\n
\r\n 1991_1992 sæsonen\r\n
\r\n 1991_F sæsonen\r\n
\r\n 1990 sæsonen\r\n
\r\n 1989 sæsonen\r\n
\r\n 1988 sæsonen\r\n
\r\n 1987 sæsonen\r\n
\r\n 1986 sæsonen\r\n
\r\n 1985 sæsonen\r\n
\r\n 1984 sæsonen\r\n
\r\n 1983 sæsonen\r\n
\r\n 1982 sæsonen\r\n
\r\n 1981 sæsonen\r\n
\r\n 1980 sæsonen\r\n
\r\n 1979 sæsonen\r\n
\r\n 1978 sæsonen\r\n
\r\n 1977 sæsonen\r\n
\r\n 1976 sæsonen\r\n
\r\n 1975 sæsonen\r\n
\r\n 1974 sæsonen\r\n
\r\n 1973 sæsonen\r\n
\r\n 1972 sæsonen\r\n
\r\n 1971 sæsonen\r\n
\r\n 1970 sæsonen\r\n
\r\n 1969 sæsonen\r\n
\r\n 1968 sæsonen\r\n
\r\n 1967 sæsonen\r\n
\r\n 1966 sæsonen\r\n
\r\n 1965 sæsonen\r\n
\r\n 1964 sæsonen\r\n
\r\n 1963 sæsonen\r\n
\r\n 1962 sæsonen\r\n
\r\n 1961 sæsonen\r\n
\r\n 1960 sæsonen\r\n
\r\n 1959 sæsonen\r\n
\r\n 1958 sæsonen\r\n
\r\n 1956/1957 sæsonen\r\n
\r\n 1955/1956 sæsonen\r\n
\r\n 1954/1955 sæsonen\r\n
\r\n 1953/1954 sæsonen\r\n
\r\n 1952/1953 sæsonen\r\n
\r\n 1951/1952 sæsonen\r\n
\r\n 1950/1951 sæsonen\r\n
\r\n 1949/1950 sæsonen\r\n
\r\n 1948/1949 sæsonen\r\n
\r\n 1947/1948 sæsonen\r\n
\r\n 1946/1947 sæsonen\r\n
\r\n 1945/1946 sæsonen\r\n
\r\n 1944/1945 sæsonen\r\n
\r\n 1943/1944 sæsonen\r\n
\r\n 1942/1943 sæsonen\r\n
\r\n 1941/1942 sæsonen\r\n
\r\n 1940/1941 sæsonen\r\n
\r\n 1939/1940 sæsonen\r\n
\r\n 1938/1939 sæsonen\r\n
\r\n 1937/1938 sæsonen\r\n
\r\n 1936/1937 sæsonen\r\n
\r\n 1935/1936 sæsonen\r\n
\r\n 1934/1935 sæsonen\r\n
\r\n 1933/1934 sæsonen\r\n
\r\n 1932/1933 sæsonen\r\n
\r\n 1931/1932 sæsonen\r\n
\r\n 1930/1931 sæsonen\r\n
\r\n 1929/1930 sæsonen\r\n
\r\n 1928/1929 sæsonen\r\n
\r\n 1927/1928 sæsonen\r\n
\r\n 1926/1927 sæsonen\r\n
\r\n 1925/1926 sæsonen\r\n
\r\n 1924/1925 sæsonen\r\n
\r\n 1923/1924 sæsonen\r\n
\r\n 1922/1923 sæsonen\r\n
\r\n 1921/1922 sæsonen\r\n
\r\n 1920/1921 sæsonen\r\n
\r\n 1919/1920 sæsonen\r\n
\r\n 1918/1919 sæsonen\r\n
\r\n 1917/1918 sæsonen\r\n
\r\n 1916/1917 sæsonen\r\n
\r\n 1915/1916 sæsonen\r\n
\r\n 1914/1915 sæsonen\r\n
\r\n 1913/1914 sæsonen\r\n
\r\n 1912/1913 sæsonen\r\n
\r\n 1911/1912 sæsonen\r\n
\r\n 1910/1911 sæsonen\r\n
\r\n 1909/1910 sæsonen\r\n
\r\n 1908/1909 sæsonen\r\n
\r\n 1907/1908 sæsonen\r\n
\r\n 1906/1907 sæsonen\r\n
\r\n 1905/1906 sæsonen\r\n
\r\n 1904/1905 sæsonen\r\n
\r\n 1903/1904 sæsonen\r\n
\r\n 1902/1903 sæsonen\r\n
\r\n 1901/1902 sæsonen\r\n
\r\n 1900/1901 sæsonen\r\n
\r\n 1899/1900 sæsonen\r\n
\r\n 1898/1899 sæsonen\r\n
\r\n 1897/1898 sæsonen\r\n
\r\n 1896/1897 sæsonen\r\n
\r\n 1895/1896 sæsonen\r\n
\r\n 1894/1895 sæsonen\r\n
\r\n 1893/1894 sæsonen\r\n
\r\n 1892/1893 sæsonen\r\n
\r\n 1891/1892 sæsonen\r\n
\r\n 1890/1891 sæsonen\r\n
\r\n 1889/1890 sæsonen\r\n
\r\n
\r\n \r\n 2023/2024 sæsonen\r\n
\r\n 2022/2023 sæsonen\r\n
\r\n 2021/2022 sæsonen\r\n
\r\n 2020/2021 sæsonen\r\n
\r\n 2019/2020 sæsonen\r\n
\r\n 2018/2019 sæsonen\r\n
\r\n 2017/2018 sæsonen\r\n
\r\n 2016/2017 sæsonen\r\n
\r\n 2015/2016 sæsonen\r\n
\r\n 2014/2015 sæsonen\r\n
\r\n 2013/2014 sæsonen\r\n
\r\n 2012/2013 sæsonen\r\n
\r\n 2011/2012 sæsonen\r\n
\r\n 2010/2011 sæsonen\r\n
\r\n 2009/2010 sæsonen\r\n
\r\n 2008/2009 sæsonen\r\n
\r\n 2007/2008 sæsonen\r\n
\r\n 2006/2007 sæsonen\r\n
\r\n 2005/2006 sæsonen\r\n
\r\n 2004/2005 sæsonen\r\n
\r\n 2003/2004 sæsonen\r\n
\r\n 2002/2003 sæsonen\r\n
\r\n 2001/2002 sæsonen\r\n
\r\n 2000/2001 sæsonen\r\n
\r\n 1999/2000 sæsonen\r\n
\r\n 1998/1999 sæsonen\r\n
\r\n 1997/1998 sæsonen\r\n
\r\n 1997_F sæsonen\r\n
\r\n 1996_E sæsonen\r\n
\r\n 1996_F sæsonen\r\n
\r\n 1995 sæsonen\r\n
\r\n 1994 sæsonen\r\n
\r\n 1993_E sæsonen\r\n
\r\n 1993_F sæsonen\r\n
\r\n 1992_E sæsonen\r\n
\r\n 1991_1992 sæsonen\r\n
\r\n 1991_F sæsonen\r\n
\r\n 1990 sæsonen\r\n
\r\n 1989 sæsonen\r\n
\r\n 1988 sæsonen\r\n
\r\n 1987 sæsonen\r\n
\r\n 1986 sæsonen\r\n
\r\n 1985 sæsonen\r\n
\r\n 1984 sæsonen\r\n
\r\n 1983 sæsonen\r\n
\r\n 1982 sæsonen\r\n
\r\n 1981 sæsonen\r\n
\r\n 1980 sæsonen\r\n
\r\n 1979 sæsonen\r\n
\r\n 1978 sæsonen\r\n
\r\n 1977 sæsonen\r\n
\r\n 1976 sæsonen\r\n
\r\n 1975 sæsonen\r\n
\r\n 1974 sæsonen\r\n
\r\n 1973 sæsonen\r\n
\r\n 1972 sæsonen\r\n
\r\n 1971 sæsonen\r\n
\r\n 1970 sæsonen\r\n
\r\n 1969 sæsonen\r\n
\r\n 1968 sæsonen\r\n
\r\n 1967 sæsonen\r\n
\r\n 1966 sæsonen\r\n
\r\n 1965 sæsonen\r\n
\r\n 1964 sæsonen\r\n
\r\n 1963 sæsonen\r\n
\r\n 1962 sæsonen\r\n
\r\n 1961 sæsonen\r\n
\r\n 1960 sæsonen\r\n
\r\n 1959 sæsonen\r\n
\r\n 1958 sæsonen\r\n
\r\n 1956/1957 sæsonen\r\n
\r\n 1955/1956 sæsonen\r\n
\r\n 1954/1955 sæsonen\r\n
\r\n 1953/1954 sæsonen\r\n
\r\n 1952/1953 sæsonen\r\n
\r\n 1951/1952 sæsonen\r\n
\r\n 1950/1951 sæsonen\r\n
\r\n 1949/1950 sæsonen\r\n
\r\n 1948/1949 sæsonen\r\n
\r\n 1947/1948 sæsonen\r\n
\r\n 1946/1947 sæsonen\r\n
\r\n 1945/1946 sæsonen\r\n
\r\n 1944/1945 sæsonen\r\n
\r\n 1943/1944 sæsonen\r\n
\r\n 1942/1943 sæsonen\r\n
\r\n 1941/1942 sæsonen\r\n
\r\n 1940/1941 sæsonen\r\n
\r\n 1939/1940 sæsonen\r\n
\r\n 1938/1939 sæsonen\r\n
\r\n 1937/1938 sæsonen\r\n
\r\n 1936/1937 sæsonen\r\n
\r\n 1935/1936 sæsonen\r\n
\r\n 1934/1935 sæsonen\r\n
\r\n 1933/1934 sæsonen\r\n
\r\n 1932/1933 sæsonen\r\n
\r\n 1931/1932 sæsonen\r\n
\r\n 1930/1931 sæsonen\r\n
\r\n 1929/1930 sæsonen\r\n
\r\n 1928/1929 sæsonen\r\n
\r\n 1927/1928 sæsonen\r\n
\r\n 1926/1927 sæsonen\r\n
\r\n 1925/1926 sæsonen\r\n
\r\n 1924/1925 sæsonen\r\n
\r\n 1923/1924 sæsonen\r\n
\r\n 1922/1923 sæsonen\r\n
\r\n 1921/1922 sæsonen\r\n
\r\n 1920/1921 sæsonen\r\n
\r\n 1919/1920 sæsonen\r\n
\r\n 1918/1919 sæsonen\r\n
\r\n 1917/1918 sæsonen\r\n
\r\n 1916/1917 sæsonen\r\n
\r\n 1915/1916 sæsonen\r\n
\r\n 1914/1915 sæsonen\r\n
\r\n 1913/1914 sæsonen\r\n
\r\n 1912/1913 sæsonen\r\n
\r\n 1911/1912 sæsonen\r\n
\r\n 1910/1911 sæsonen\r\n
\r\n 1909/1910 sæsonen\r\n
\r\n 1908/1909 sæsonen\r\n
\r\n 1907/1908 sæsonen\r\n
\r\n 1906/1907 sæsonen\r\n
\r\n 1905/1906 sæsonen\r\n
\r\n 1904/1905 sæsonen\r\n
\r\n 1903/1904 sæsonen\r\n
\r\n 1902/1903 sæsonen\r\n
\r\n 1901/1902 sæsonen\r\n
\r\n 1900/1901 sæsonen\r\n
\r\n 1899/1900 sæsonen\r\n
\r\n 1898/1899 sæsonen\r\n
\r\n 1897/1898 sæsonen\r\n
\r\n 1896/1897 sæsonen\r\n
\r\n 1895/1896 sæsonen\r\n
\r\n 1894/1895 sæsonen\r\n
\r\n 1893/1894 sæsonen\r\n
\r\n 1892/1893 sæsonen\r\n
\r\n 1891/1892 sæsonen\r\n
\r\n 1890/1891 sæsonen\r\n
\r\n 1889/1890 sæsonen\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AboutComponent;\r\n","import React, { Component } from \"react\";\r\nimport \"./teamcomponent.css\";\r\nimport Moment from \"react-moment\";\r\nimport \"moment-timezone\";\r\nimport $ from \"jquery\";\r\nimport MatchListComponent from \"./matcheslist\";\r\nimport MatchComponentDetails from \"./matchcomponentdetails\";\r\nimport MatchComponentSimple from \"./matchcomponentsimple\";\r\nimport Toggle from \"react-toggle\";\r\nimport \"react-toggle/style.css\"; // for ES6 modules\r\n\r\nclass TeamComponent extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n TeamData: {},\r\n FirstMatch: {},\r\n LastMatch: {},\r\n OpponentTeamData: {},\r\n MatchesData: [],\r\n ShowExpanded: false,\r\n };\r\n }\r\n\r\n reloadMatches(teamId, opponentTeamId) {\r\n fetch(\r\n \"http://soccerstats.guideme.today/api/Match/team/\" +\r\n teamId +\r\n \"/\" +\r\n opponentTeamId\r\n )\r\n .then((res) => res.json())\r\n .then((data) => {\r\n console.log(data);\r\n this.setState({ MatchesData: data });\r\n })\r\n .catch(console.log);\r\n }\r\n\r\n LoadFremStats(teamId, opponentTeamId) {\r\n fetch(\r\n \"http://soccerstats.guideme.today/api/team/\" +\r\n teamId +\r\n \"/\" +\r\n opponentTeamId\r\n )\r\n .then((res) => res.json())\r\n .then((data) => {\r\n console.log(data);\r\n this.setState({ OpponentTeamData: data });\r\n })\r\n .catch(console.log);\r\n }\r\n\r\n componentDidMount() {\r\n let teamId = this.props.location.pathname.split(\"/\")[2];\r\n let opponentTeamId = this.props.location.pathname.split(\"/\")[3];\r\n if (opponentTeamId === undefined) opponentTeamId = 100;\r\n console.log(\"Id: \", teamId, this.props);\r\n fetch(\"http://soccerstats.guideme.today/api/team/\" + teamId)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n console.log(data);\r\n console.log(JSON.stringify(data));\r\n this.setState({\r\n TeamData: data,\r\n FirstMatch: data.First,\r\n LastMatch: data.Last,\r\n });\r\n // this.setState({ FirstMatch: data.First });\r\n // this.setState({ LastMatch: data.Last });\r\n this.LoadFremStats(teamId, opponentTeamId);\r\n })\r\n .catch(console.log);\r\n\r\n this.reloadMatches(teamId, opponentTeamId);\r\n }\r\n\r\n handleExpandedChange = (event) => {\r\n console.log(\"handleExpandedChange\");\r\n console.log(event.target.checked);\r\n\r\n this.setState({ ShowExpanded: event.target.checked });\r\n };\r\n\r\n // handleClick = MatchId => {\r\n // console.log(MatchId);\r\n // this.props.history.push(`/match/${MatchId}`);\r\n // // history.push(\"/home\");\r\n // };\r\n\r\n toggleMatches() {\r\n console.log(\"Toggle matches\");\r\n $(\".teamsmatches\").slideToggle();\r\n if ($(\".toggleLead\").text() == \"Vis\") {\r\n $(\".toggleLead\").text(\"Skjul\");\r\n } else {\r\n $(\".toggleLead\").text(\"Vis\");\r\n }\r\n }\r\n\r\n render() {\r\n const pic =\r\n this.state.TeamData.LogoFileName !== \"\"\r\n ? \"http://fodboldstatistik.com/teams/\" +\r\n this.state.TeamData.LogoFileName\r\n : \"http://fodboldstatistik.com/teams/teamx.png\";\r\n\r\n var FirstMatch = this.state.TeamData.First;\r\n var FirstMatchDate = \"\";\r\n var LastMatchDate = \"\";\r\n var FirstMatchOpponent = \"\";\r\n var LastMatchOpponent = \"\";\r\n var FirstMatchOpponentId;\r\n var LastMatchOpponentId;\r\n\r\n if (this.state.TeamData.First !== undefined) {\r\n FirstMatchDate = this.state.TeamData.First.Date;\r\n FirstMatchOpponent =\r\n this.state.TeamData.First.HomeTeam.Id === this.state.TeamData.Id\r\n ? this.state.TeamData.First.VisitorTeam.Name\r\n : this.state.TeamData.First.HomeTeam.Name;\r\n LastMatchDate = this.state.TeamData.Last.Date;\r\n LastMatchOpponent =\r\n this.state.TeamData.Last.HomeTeam.Id === this.state.TeamData.Id\r\n ? this.state.TeamData.Last.VisitorTeam.Name\r\n : this.state.TeamData.Last.HomeTeam.Name;\r\n FirstMatchOpponentId = this.state.TeamData.First.VisitorTeam.Id;\r\n LastMatchOpponentId = this.state.TeamData.Last.VisitorTeam.Id;\r\n }\r\n\r\n var OpponemtGoalCount =\r\n this.state.OpponentTeamData.GoalsTotal; // - this.state.TeamData.GoalsTotal;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n Oplysninger om FREMs tidligere 1. holdsspillere er indsamlet og\r\n indkodet af FREMs officielle statistikfører:\r\n
\r\n Steen Meisner Bjerre\r\n
\r\n
\r\n Er der spørgsmål, rettelser eller tilføjelser til spillerprofiler\r\n mv. kan de sendes til\r\n
\r\n steenbjerre@hotmail.com eller på tlf. 23 61 92 72\r\n
\r\n
\r\n Indholdet på denne side må ikke gengives uden aftale med Steen\r\n Meisner Bjerre\r\n
\r\n
\r\n
\r\n
\r\n Statistik materiale: Steen Meisner Bjerre © copyright.\r\n
\r\n \r\n Oplysninger om FREMs tidligere 1. holdsspillere er indsamlet og\r\n indkodet af FREMs officielle statistikfører:\r\n
\r\n Steen Meisner Bjerre\r\n
\r\n
\r\n Er der spørgsmål, rettelser eller tilføjelser til spillerprofiler\r\n mv. kan de sendes til\r\n
\r\n steenbjerre@hotmail.com eller på tlf. 23 61 92 72\r\n
\r\n
\r\n Indholdet på denne side må ikke gengives uden aftale med Steen\r\n Meisner Bjerre\r\n
\r\n
\r\n
\r\n
\r\n Steen Meisner Bjerre\r\n \r\n ![](\"/sb.jpg\")
\r\n
\r\n\r\n \r\n \r\n ![](\"/logostjerne.png\")
\r\n
\r\n \r\n \r\n
\r\n Statistik materiale: Steen Meisner Bjerre © copyright.\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default TeamComponent;\r\n","import React, { Component } from \"react\";\r\nimport Moment from \"react-moment\";\r\nimport \"moment-timezone\";\r\nimport Select from \"react-select\";\r\nimport MatchItem from \"./matchitem\";\r\nimport { Route, Link, BrowserRouter, HashRouter } from \"react-router-dom\";\r\nimport queryString from \"query-string\";\r\nimport \"./teamslistcomponent.css\";\r\n\r\nclass TeamsList extends Component {\r\n constructor() {\r\n super();\r\n this.props = {\r\n history: {},\r\n };\r\n\r\n this.state = {\r\n TeamsData: [],\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ TeamsData: null });\r\n\r\n this.reloadTeams();\r\n\r\n //this.props.history.push(`/hest`);\r\n }\r\n\r\n reloadTeams() {\r\n fetch(\"http://soccerstats.guideme.today/api/team\")\r\n .then((res) => res.json())\r\n .then((data) => {\r\n console.log(data);\r\n this.setState({ TeamsData: data });\r\n })\r\n .catch(console.log);\r\n }\r\n\r\n handleClick = (TeamId) => {\r\n console.log(TeamId);\r\n this.props.history.push(`/team/${TeamId}`);\r\n // history.push(\"/home\");\r\n };\r\n\r\n render() {\r\n var TeamsData = this.state.TeamsData != null ? this.state.TeamsData : [];\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n {this.state.TeamData.Name}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Stadion
\r\n \r\n \r\n
\r\n \r\n
\r\n Først kamp
\r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n {FirstMatchDate}\r\n {\" \"}\r\n mod {FirstMatchOpponent}\r\n
\r\n \r\n
\r\n Seneste kamp
\r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n {LastMatchDate}\r\n {\" \"}\r\n mod {LastMatchOpponent}\r\n
\r\n \r\n
\r\n
\r\n Frem mod {this.state.TeamData.Name}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n KAMPE
\r\n \r\n
\r\n \r\n {this.state.OpponentTeamData.MatchesTotal}\r\n
\r\n \r\n
\r\n \r\n
\r\n VUND.
\r\n \r\n
\r\n \r\n {this.state.OpponentTeamData.MatchesWon}\r\n
\r\n \r\n
\r\n \r\n
\r\n UAFG.
\r\n \r\n
\r\n \r\n {this.state.OpponentTeamData.MatchesTie}\r\n
\r\n \r\n
\r\n \r\n
\r\n TABTE
\r\n \r\n
\r\n \r\n {this.state.OpponentTeamData.MatchesLost}\r\n
\r\n \r\n
\r\n \r\n
\r\n MÅL
\r\n \r\n
\r\n {OpponemtGoalCount}
\r\n \r\n {this.state.TeamData.Name} mod Frem\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n KAMPE
\r\n \r\n
\r\n \r\n {this.state.TeamData.MatchesTotal}\r\n
\r\n \r\n
\r\n \r\n
\r\n VUND.
\r\n \r\n
\r\n \r\n {this.state.TeamData.MatchesWon}\r\n
\r\n \r\n
\r\n \r\n
\r\n UAFG.
\r\n \r\n
\r\n \r\n {this.state.TeamData.MatchesTie}\r\n
\r\n \r\n
\r\n \r\n
\r\n TABTE
\r\n \r\n
\r\n \r\n {this.state.TeamData.MatchesLost}\r\n
\r\n \r\n
\r\n \r\n
\r\n MÅL
\r\n \r\n
\r\n \r\n {this.state.TeamData.GoalsTotal}\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n Kampe
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {/*
\r\n \r\n {TeamsData.map((team) => {\r\n var TeamLogo = \"http://fodboldstatistik.com/teamx.png\";\r\n // var VisitorLogo = \"http://fodboldstatistik.com/teamx.png\";\r\n if (team.LogoFileName !== \"\") {\r\n TeamLogo = \"/teams/\" + team.LogoFileName;\r\n }\r\n // if (match.HomeTeam.LogoFileName !== \"\")\r\n // HomeLogo = \"/teams/\" + match.HomeTeam.LogoFileName;\r\n // if (match.VisitorTeam.LogoFileName !== \"\") {\r\n // VisitorLogo = \"/teams/\" + match.VisitorTeam.LogoFileName;\r\n // }\r\n // }\r\n\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default TeamsList;\r\n","import React, { Component } from \"react\";\r\nimport { Route, Link, BrowserRouter, HashRouter } from \"react-router-dom\";\r\nimport \"./nationalteamplayerscomponent.css\";\r\nimport moment from \"moment\";\r\n\r\nconst players = [\r\n {\r\n player: 462,\r\n firstName: '*Sophus',\r\n lastName: 'Nielsen',\r\n born: '1888-03-15',\r\n died: '1963-08-06',\r\n first: '1908-10-19',\r\n last: '1919-10-12',\r\n ntMatches: 20,\r\n ntGoals: 16,\r\n matches: 137,\r\n goals: 111,\r\n comments: 'Kaldt Krølben. Hans 10 mål i hans anden landskamp var verdensrekord i mange år. Hans antal af scorede mål er saandsynligvis højere, da en del mål ikke er registreret i hans aktive periode.'\r\n },\r\n {\r\n player: 632,\r\n firstName: '*Marius',\r\n lastName: 'Andersen',\r\n born: '1885-04-25',\r\n died: '1972-03-20',\r\n first: '1908-10-19',\r\n last: '1908-10-19',\r\n ntMatches: 1,\r\n ntGoals: 0,\r\n matches: 102,\r\n goals: 21,\r\n comments: ''\r\n },\r\n {\r\n player: 612,\r\n firstName: 'Sophus',\r\n lastName: 'Hansen',\r\n born: '1889-11-16',\r\n died: '1962-02-19',\r\n first: '1911-10-21',\r\n last: '1920-08-28',\r\n ntMatches: 31,\r\n ntGoals: 0,\r\n matches: 160,\r\n goals: 0,\r\n comments: 'Første der nåede 25 kampe. Bror til Hans.'\r\n },\r\n {\r\n player: 580,\r\n firstName: '*Ødbert',\r\n lastName: 'Bjarnholt',\r\n born: '1885-12-24',\r\n died: '1946-01-03',\r\n first: '1911-10-21',\r\n last: '1914-05-17',\r\n ntMatches: 2,\r\n ntGoals: 0,\r\n matches: 111,\r\n goals: 23,\r\n comments: 'født Christensen) Skiftede navn i 1907.'\r\n },\r\n {\r\n player: 641,\r\n firstName: '*Axel',\r\n lastName: 'Petersen',\r\n born: '1887-12-10',\r\n died: '1968-12-20',\r\n first: '1911-10-21',\r\n last: '1912-06-30',\r\n ntMatches: 2,\r\n ntGoals: 0,\r\n matches: 113,\r\n goals: 31,\r\n comments: ''\r\n },\r\n {\r\n player: 626,\r\n firstName: 'Hjalmar',\r\n lastName: 'Christoffersen',\r\n born: '1889-12-01',\r\n died: '1966-12-28',\r\n first: '1912-06-30',\r\n last: '1912-06-30',\r\n ntMatches: 1,\r\n ntGoals: 0,\r\n matches: 64,\r\n goals: 42,\r\n comments: ''\r\n },\r\n {\r\n player: 627,\r\n firstName: 'Johannes',\r\n lastName: 'Hansen',\r\n born: '1886-11-14',\r\n died: '1946-05-25',\r\n first: '1913-05-25',\r\n last: '1917-10-14',\r\n ntMatches: 3,\r\n ntGoals: 0,\r\n matches: 67,\r\n goals: 3,\r\n comments: ''\r\n },\r\n {\r\n player: 630,\r\n firstName: 'Richard',\r\n lastName: 'Rasmussen',\r\n born: '1892-03-20',\r\n died: '1966-09-07',\r\n first: '1913-10-05',\r\n last: '1913-10-05',\r\n ntMatches: 1,\r\n ntGoals: 0,\r\n matches: 26,\r\n goals: 1,\r\n comments: ''\r\n },\r\n {\r\n player: 629,\r\n firstName: 'Otto',\r\n lastName: 'Larsen',\r\n born: '1893-04-05',\r\n died: '1969-07-23',\r\n first: '1918-06-02',\r\n last: '1923-09-30',\r\n ntMatches: 10,\r\n ntGoals: 0,\r\n matches: 129,\r\n goals: 20,\r\n comments: ''\r\n },\r\n {\r\n player: 585,\r\n firstName: 'Bernhard',\r\n lastName: 'Andersen',\r\n born: '1892-02-05',\r\n died: '1958-09-09',\r\n first: '1918-10-20',\r\n last: '1920-08-29',\r\n ntMatches: 1,\r\n ntGoals: 1,\r\n matches: 84,\r\n goals: 32,\r\n comments: 'Kaldt \"Bette\"'\r\n },\r\n {\r\n player: 628,\r\n firstName: 'Hans',\r\n lastName: 'Hansen',\r\n born: '1891-02-05',\r\n died: '1976-01-20',\r\n first: '1920-06-13',\r\n last: '1920-10-10',\r\n ntMatches: 2,\r\n ntGoals: 0,\r\n matches: 127,\r\n goals: 20,\r\n comments: 'Kaldt \"Reserve\" Hans. Bror til Sophus.'\r\n },\r\n {\r\n player: 633,\r\n firstName: 'Martin',\r\n lastName: 'Ryding',\r\n born: '1895-02-06',\r\n died: '1965-12-26',\r\n first: '1925-05-06',\r\n last: '1925-05-06',\r\n ntMatches: 1,\r\n ntGoals: 0,\r\n matches: 73,\r\n goals: 8,\r\n comments: ''\r\n },\r\n {\r\n player: 597,\r\n firstName: 'Knud',\r\n lastName: 'Kastrup',\r\n born: '1898-01-07',\r\n died: '1954-10-17',\r\n first: '1923-05-06',\r\n last: '1927-05-27',\r\n ntMatches: 1,\r\n ntGoals: 0,\r\n matches: 52,\r\n goals: 29,\r\n comments: 'Spillede ialt 5 landskampe. (4 for Fremad Amager)'\r\n },\r\n {\r\n player: 591,\r\n firstName: 'Eiler',\r\n lastName: 'Holm',\r\n born: '1904-04-02',\r\n died: '1965-12-06',\r\n first: '1923-09-30',\r\n last: '1928-10-07',\r\n ntMatches: 3,\r\n ntGoals: 0,\r\n matches: 160,\r\n goals: 11,\r\n comments: ''\r\n },\r\n {\r\n player: 595,\r\n firstName: 'Sofus',\r\n lastName: 'Johansen',\r\n born: '1900-11-01',\r\n died: '1974-05-17',\r\n first: '1925-09-27',\r\n last: '1931-06-28',\r\n ntMatches: 8,\r\n ntGoals: 0,\r\n matches: 94,\r\n goals: 20,\r\n comments: '4 Frem\\'ere debuterede i samme kamp.'\r\n },\r\n {\r\n player: 593,\r\n firstName: 'Robert',\r\n lastName: 'Jensen',\r\n born: '1895-06-11',\r\n died: '1967-07-06',\r\n first: '1925-09-27',\r\n last: '1925-09-27',\r\n ntMatches: 1,\r\n ntGoals: 0,\r\n matches: 98,\r\n goals: 30,\r\n comments: ''\r\n },\r\n {\r\n player: 560,\r\n firstName: 'Pauli',\r\n lastName: 'Jørgensen',\r\n born: '1905-12-04',\r\n died: '1993-10-20',\r\n first: '1925-09-27',\r\n last: '1939-10-22',\r\n ntMatches: 47,\r\n ntGoals: 44,\r\n matches: 297,\r\n goals: 288,\r\n comments: 'Pauli havde landskampsrekorden indtil 17. september 1961.'\r\n },\r\n {\r\n player: 599,\r\n firstName: 'Carl',\r\n lastName: 'Stoltz',\r\n born: '1905-07-01',\r\n died: '1977-07-14',\r\n first: '1925-09-27',\r\n last: '1936-10-04',\r\n ntMatches: 1,\r\n ntGoals: 0,\r\n matches: 38,\r\n goals: 23,\r\n comments: 'Spillede ialt 8 landskampe/3 mål. (7/3 for B. 93)'\r\n },\r\n {\r\n player: 581,\r\n firstName: 'Kaj',\r\n lastName: 'Uldaler',\r\n born: '1906-11-28',\r\n died: '1987-04-06',\r\n first: '1927-05-29',\r\n last: '1939-06-15',\r\n ntMatches: 5,\r\n ntGoals: 1,\r\n matches: 39,\r\n goals: 36,\r\n comments: 'Spillede ialt 38 landskampe/15 mål. (33/14 for B. 93).'\r\n },\r\n {\r\n player: 567,\r\n firstName: 'Svend',\r\n lastName: 'Hansen',\r\n born: '1906-07-05',\r\n died: '1958-07-25',\r\n first: '1928-04-22',\r\n last: '1928-10-07',\r\n ntMatches: 3,\r\n ntGoals: 0,\r\n matches: 191,\r\n goals: 79,\r\n comments: 'Bror til Niels. Onkel til John.'\r\n },\r\n {\r\n player: 590,\r\n firstName: 'Niels',\r\n lastName: 'Hansen',\r\n born: '1901-05-11',\r\n died: '1987-04-01',\r\n first: '1928-09-16',\r\n last: '1928-10-07',\r\n ntMatches: 2,\r\n ntGoals: 0,\r\n matches: 150,\r\n goals: 0,\r\n comments: 'Bror til Svend. Far til John.'\r\n },\r\n {\r\n player: 594,\r\n firstName: 'Kay',\r\n lastName: 'Madsen',\r\n born: '1902-11-27',\r\n died: '1979-06-06',\r\n first: '1928-09-16',\r\n last: '1928-09-16',\r\n ntMatches: 1,\r\n ntGoals: 0,\r\n matches: 111,\r\n goals: 1,\r\n comments: 'Far til Benny Madsen (Pilmark) (2B, 3U og 3 Y landskampe)'\r\n },\r\n {\r\n player: 602,\r\n firstName: 'Knud',\r\n lastName: 'Christophersen',\r\n born: '1905-11-15',\r\n died: '1975-03-08',\r\n first: '1929-06-23',\r\n last: '1934-07-03',\r\n ntMatches: 21,\r\n ntGoals: 6,\r\n matches: 156,\r\n goals: 16,\r\n comments: 'Alle hans mål blev scoret på straffespark.'\r\n },\r\n {\r\n player: 566,\r\n firstName: 'Svend',\r\n lastName: 'Olsen',\r\n born: '1908-10-21',\r\n died: '1998-07-13',\r\n first: '1930-06-16',\r\n last: '1932-06-19',\r\n ntMatches: 4,\r\n ntGoals: 0,\r\n matches: 165,\r\n goals: 4,\r\n comments: ''\r\n },\r\n {\r\n player: 603,\r\n firstName: 'Hans',\r\n lastName: 'Steffensen',\r\n born: '1907-11-13',\r\n died: '1984-01-25',\r\n first: '1933-06-11',\r\n last: '1935-10-06',\r\n ntMatches: 9,\r\n ntGoals: 0,\r\n matches: 82,\r\n goals: 0,\r\n comments: ''\r\n },\r\n {\r\n player: 565,\r\n firstName: 'Knud',\r\n lastName: 'Sørensen',\r\n born: '1909-12-26',\r\n died: '1979-12-13',\r\n first: '1935-10-06',\r\n last: '1938-06-21',\r\n ntMatches: 2,\r\n ntGoals: 1,\r\n matches: 175,\r\n goals: 39,\r\n comments: ''\r\n },\r\n {\r\n player: 372,\r\n firstName: 'Helmuth',\r\n lastName: 'Søbirk',\r\n born: '1916-09-08',\r\n died: '1992-08-19',\r\n first: '1935-11-03',\r\n last: '1945-09-30',\r\n ntMatches: 18,\r\n ntGoals: 6,\r\n matches: 146,\r\n goals: 57,\r\n comments: 'Spillede ialt 30 landskampe/10 mål (12/4 for B. 93).'\r\n },\r\n {\r\n player: 561,\r\n firstName: 'Ove',\r\n lastName: 'Sørensen',\r\n born: '1914-02-13',\r\n died: '1972-09-06',\r\n first: '1936-06-14',\r\n last: '1938-06-21',\r\n ntMatches: 4,\r\n ntGoals: 0,\r\n matches: 87,\r\n goals: 9,\r\n comments: ''\r\n },\r\n {\r\n player: 354,\r\n firstName: 'Egon',\r\n lastName: 'Sørensen',\r\n born: '1913-02-16',\r\n died: '1981-10-25',\r\n first: '1937-09-12',\r\n last: '1945-09-09',\r\n ntMatches: 18,\r\n ntGoals: 0,\r\n matches: 237,\r\n goals: 0,\r\n comments: ''\r\n },\r\n {\r\n player: 463,\r\n firstName: 'Walther',\r\n lastName: 'Christensen',\r\n born: '1918-09-23',\r\n died: '1965-12-01',\r\n first: '1939-06-18',\r\n last: '1942-10-04',\r\n ntMatches: 10,\r\n ntGoals: 1,\r\n matches: 139,\r\n goals: 23,\r\n comments: ''\r\n },\r\n {\r\n player: 549,\r\n firstName: 'Kaj A.',\r\n lastName: 'Hansen',\r\n born: '1917-04-22',\r\n died: '1987-08-12',\r\n first: '1936-06-30',\r\n last: '1946-09-01',\r\n ntMatches: 2,\r\n ntGoals: 3,\r\n matches: 5,\r\n goals: 4,\r\n comments: 'Kaldet \"Lille Kaj\" Spillede ialt 27 landskampe/12 mål. (25/9 for B. 93).'\r\n },\r\n {\r\n player: 373,\r\n firstName: 'Johannes',\r\n lastName: 'Pløger',\r\n born: '1922-04-03',\r\n died: '1991-02-04',\r\n first: '1940-10-20',\r\n last: '1948-10-10',\r\n ntMatches: 21,\r\n ntGoals: 8,\r\n matches: 164,\r\n goals: 100,\r\n comments: ''\r\n },\r\n {\r\n player: 455,\r\n firstName: 'Erling',\r\n lastName: 'Sørensen',\r\n born: '1920-10-29',\r\n died: '2002-10-10',\r\n first: '1941-09-14',\r\n last: '1948-06-12',\r\n ntMatches: 5,\r\n ntGoals: 2,\r\n matches: 161,\r\n goals: 82,\r\n comments: ''\r\n },\r\n {\r\n player: 371,\r\n firstName: 'Svend',\r\n lastName: 'Frederiksen',\r\n born: '1916-05-07',\r\n died: '1985-06-20',\r\n first: '1941-10-19',\r\n last: '1941-11-16',\r\n ntMatches: 2,\r\n ntGoals: 0,\r\n matches: 167,\r\n goals: 11,\r\n comments: ''\r\n },\r\n {\r\n player: 367,\r\n firstName: 'Kaj',\r\n lastName: 'Christiansen',\r\n born: '1921-03-19',\r\n died: '2008-01-14',\r\n first: '1943-06-20',\r\n last: '1948-06-15',\r\n ntMatches: 5,\r\n ntGoals: 6,\r\n matches: 103,\r\n goals: 76,\r\n comments: ''\r\n },\r\n {\r\n player: 414,\r\n firstName: 'Leo',\r\n lastName: 'Nielsen',\r\n born: '1918-02-19',\r\n died: '1981-06-13',\r\n first: '1946-07-17',\r\n last: '1946-07-17',\r\n ntMatches: 1,\r\n ntGoals: 0,\r\n matches: 133,\r\n goals: 3,\r\n comments: 'Debuterede på FREM\\'s 60 årige fødselsdag.'\r\n },\r\n {\r\n player: 369,\r\n firstName: 'Hans',\r\n lastName: 'Colberg',\r\n born: '1921-12-14',\r\n died: '2007-09-25',\r\n first: '1948-06-15',\r\n last: '1950-08-27',\r\n ntMatches: 4,\r\n ntGoals: 0,\r\n matches: 151,\r\n goals: 9,\r\n comments: 'Var anfører i sin debutkamp.'\r\n },\r\n {\r\n player: 375,\r\n firstName: 'John',\r\n lastName: 'Hansen',\r\n born: '1924-07-24',\r\n died: '1990-01-12',\r\n first: '1948-06-15',\r\n last: '1948-10-10',\r\n ntMatches: 8,\r\n ntGoals: 10,\r\n matches: 115,\r\n goals: 113,\r\n comments: 'Scorede på straffespark til 1-0 i det 11. minut i sin debutkamp. Søn af Niels Hansen. Hans onkel var Svend Hansen.'\r\n },\r\n {\r\n player: 402,\r\n firstName: 'Holger',\r\n lastName: 'Olsen',\r\n born: '1921-01-21',\r\n died: '2009-02-10',\r\n first: '1949-09-11',\r\n last: '1949-09-11',\r\n ntMatches: 1,\r\n ntGoals: 0,\r\n matches: 170,\r\n goals: 0,\r\n comments: ''\r\n },\r\n {\r\n player: 393,\r\n firstName: 'Ib',\r\n lastName: 'Bengtsson',\r\n born: '1927-05-27',\r\n died: '2002-12-14',\r\n first: '1949-09-11',\r\n last: '1950-11-05',\r\n ntMatches: 3,\r\n ntGoals: 0,\r\n matches: 212,\r\n goals: 39,\r\n comments: ''\r\n },\r\n {\r\n player: 411,\r\n firstName: 'Bendt',\r\n lastName: 'Jørgensen',\r\n born: '1924-05-24',\r\n died: '2000-01-31',\r\n first: '1950-11-05',\r\n last: '1951-09-16',\r\n ntMatches: 2,\r\n ntGoals: 0,\r\n matches: 164,\r\n goals: 8,\r\n comments: ''\r\n },\r\n {\r\n player: 374,\r\n firstName: 'Per',\r\n lastName: 'Henriksen',\r\n born: '1929-08-15',\r\n died: '2007-08-07',\r\n first: '1953-06-27',\r\n last: '1956-07-01',\r\n ntMatches: 14,\r\n ntGoals: 0,\r\n matches: 168,\r\n goals: 0,\r\n comments: ''\r\n },\r\n {\r\n player: 394,\r\n firstName: 'Henning',\r\n lastName: 'Jensen',\r\n born: '1929-12-26',\r\n died: '2016-01-06',\r\n first: '1954-06-13',\r\n last: '1954-06-13',\r\n ntMatches: 1,\r\n ntGoals: 0,\r\n matches: 165,\r\n goals: 64,\r\n comments: 'Skiftede sit efternavn til Gronemann (Hans moders pigenavn)'\r\n },\r\n {\r\n player: 400,\r\n firstName: 'Erik',\r\n lastName: 'Rasmus Petersen',\r\n born: '1930-01-08',\r\n died: '2019-09-06',\r\n first: '1955-06-19',\r\n last: '1955-06-19',\r\n ntMatches: 1,\r\n ntGoals: 0,\r\n matches: 95,\r\n goals: 6,\r\n comments: ''\r\n },\r\n {\r\n player: 810,\r\n firstName: 'Knud',\r\n lastName: 'Petersen',\r\n born: '1934-11-21',\r\n died: '',\r\n first: '1957-05-25',\r\n last: '1957-05-25',\r\n ntMatches: 1,\r\n ntGoals: 0,\r\n matches: 75,\r\n goals: 10,\r\n comments: ''\r\n },\r\n {\r\n player: 366,\r\n firstName: 'Kaj',\r\n lastName: 'Hansen',\r\n born: '1940-08-16',\r\n died: '2009-07-02',\r\n first: '1963-05-19',\r\n last: '1967-09-24',\r\n ntMatches: 7,\r\n ntGoals: 0,\r\n matches: 193,\r\n goals: 20,\r\n comments: 'Spillede alle sine 7 kampe på udebane'\r\n },\r\n {\r\n player: 365,\r\n firstName: 'Birger',\r\n lastName: 'Larsen',\r\n born: '1942-03-27',\r\n died: '2024-01-28',\r\n first: '1963-06-29',\r\n last: '1966-06-26',\r\n ntMatches: 12,\r\n ntGoals: 0,\r\n matches: 199,\r\n goals: 1,\r\n comments: ''\r\n },\r\n {\r\n player: 399,\r\n firstName: 'Leif',\r\n lastName: 'Nielsen',\r\n born: '1942-05-28',\r\n died: '',\r\n first: '1964-06-17',\r\n last: '1967-10-22',\r\n ntMatches: 28,\r\n ntGoals: 0,\r\n matches: 164,\r\n goals: 0,\r\n comments: ''\r\n },\r\n {\r\n player: 360,\r\n firstName: 'Flemming',\r\n lastName: 'Mortensen',\r\n born: '1944-07-07',\r\n died: '',\r\n first: '1968-09-25',\r\n last: '1977-10-19',\r\n ntMatches: 13,\r\n ntGoals: 0,\r\n matches: 193,\r\n goals: 40,\r\n comments: 'Spillede ialt 16 landskampe (3 for Slagelse).'\r\n },\r\n {\r\n player: 390,\r\n firstName: 'Leif',\r\n lastName: 'Prinztlau',\r\n born: '1948-12-16',\r\n died: '',\r\n first: '1968-09-25',\r\n last: '1972-09-08',\r\n ntMatches: 7,\r\n ntGoals: 1,\r\n matches: 258,\r\n goals: 34,\r\n comments: ''\r\n },\r\n {\r\n player: 378,\r\n firstName: 'Flemming',\r\n lastName: 'Ahlberg',\r\n born: '1946-12-23',\r\n died: '',\r\n first: '1972-04-18',\r\n last: '1978-02-08',\r\n ntMatches: 33,\r\n ntGoals: 0,\r\n matches: 332,\r\n goals: 13,\r\n comments: ''\r\n },\r\n {\r\n player: 361,\r\n firstName: 'Valdemar',\r\n lastName: 'Hansen',\r\n born: '1946-05-19',\r\n died: '',\r\n first: '1972-08-16',\r\n last: '1973-05-02',\r\n ntMatches: 2,\r\n ntGoals: 0,\r\n matches: 72,\r\n goals: 0,\r\n comments: 'Blev indskiftet i begge sine landskampe.'\r\n },\r\n {\r\n player: 420,\r\n firstName: 'John',\r\n lastName: 'Frandsen',\r\n born: '1948-09-19',\r\n died: '',\r\n first: '1973-06-21',\r\n last: '1973-06-21',\r\n ntMatches: 1,\r\n ntGoals: 0,\r\n matches: 11,\r\n goals: 2,\r\n comments: ''\r\n },\r\n {\r\n player: 206,\r\n firstName: 'Lars',\r\n lastName: 'Larsen',\r\n born: '1951-12-08',\r\n died: '',\r\n first: '1974-06-03',\r\n last: '1979-05-09',\r\n ntMatches: 22,\r\n ntGoals: 0,\r\n matches: 514,\r\n goals: 94,\r\n comments: ''\r\n },\r\n {\r\n player: 204,\r\n firstName: 'Per',\r\n lastName: 'Wind',\r\n born: '1955-08-15',\r\n died: '',\r\n first: '1977-01-30',\r\n last: '1977-06-22',\r\n ntMatches: 2,\r\n ntGoals: 0,\r\n matches: 590,\r\n goals: 0,\r\n comments: ''\r\n },\r\n {\r\n player: 528,\r\n firstName: 'Jan J.',\r\n lastName: 'Sørensen',\r\n born: '1955-05-14',\r\n died: '2024-02-16',\r\n first: '1977-01-30',\r\n last: '1980-06-04',\r\n ntMatches: 5,\r\n ntGoals: 3,\r\n matches: 11,\r\n goals: 6,\r\n comments: 'Spillede ialt 11 landskampe (6/0 mål for FC Brügge)'\r\n },\r\n {\r\n player: 343,\r\n firstName: 'Kim',\r\n lastName: 'Vilfort',\r\n born: '1962-11-15',\r\n died: '',\r\n first: '1983-10-05',\r\n last: '1996-06-16',\r\n ntMatches: 4,\r\n ntGoals: 0,\r\n matches: 151,\r\n goals: 93,\r\n comments: 'Spillede ialt 77 landskampe (73/14 mål for Brøndby).'\r\n },\r\n {\r\n player: 261,\r\n firstName: 'Ole',\r\n lastName: 'Rasmussen',\r\n born: '1960-09-03',\r\n died: '',\r\n first: '1984-04-22',\r\n last: '1985-01-27,',\r\n ntMatches: 2,\r\n ntGoals: 0,\r\n matches: 218,\r\n goals: 7,\r\n comments: ''\r\n },\r\n {\r\n player: 263,\r\n firstName: 'Søren',\r\n lastName: 'Lyng',\r\n born: '1966-07-08',\r\n died: '',\r\n first: '1990-09-05',\r\n last: '1991-06-15',\r\n ntMatches: 2,\r\n ntGoals: 0,\r\n matches: 145,\r\n goals: 63,\r\n comments: ''\r\n },\r\n {\r\n player: 205,\r\n firstName: 'Michael \"Mio\"',\r\n lastName: 'Nielsen',\r\n born: '1965-02-11',\r\n died: '',\r\n first: '1993-01-30',\r\n last: '1993-01-30',\r\n ntMatches: 1,\r\n ntGoals: 0,\r\n matches: 100,\r\n goals: 12,\r\n comments: ''\r\n }\r\n]\r\n\r\nclass NationalTeamPlayersComponent extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n players: players,\r\n };\r\n\r\n }\r\n\r\n componentDidMount() {\r\n // this.setState({ PlayersData: null });\r\n\r\n // this.loadPlayers();\r\n\r\n //this.props.history.push(`/hest`);\r\n }\r\n\r\n render() {\r\n\r\n var notes = [];\r\n var commentNode = 1;\r\n\r\n players.forEach((player, index) => {\r\n if (player.comments.length > 0) {\r\n notes.push({\r\n commentId: commentNode,\r\n comment: player.comments\r\n });\r\n player.commentNodeNumber = commentNode;\r\n commentNode++;\r\n }\r\n })\r\n\r\n\r\n\r\n\r\n return (\r\n this.handleClick(team.Id)}>\r\n {/* */}\r\n
\r\n );\r\n })}\r\n \r\n
\r\n \r\n 
\r\n {team.Name}\r\n
\r\n \r\n {team.MatchesTotal} kampe\r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default NationalTeamPlayersComponent;\r\n","import React, { Component } from \"react\";\r\nimport { Route, Link, BrowserRouter, HashRouter } from \"react-router-dom\";\r\nimport moment from \"moment\";\r\nimport \"./playeroftheyearcomponent.css\";\r\n\r\nconst players = [\r\n {\r\n firstName: 'George',\r\n lastName: 'Lees',\r\n playerId: 410,\r\n year: '1958',\r\n },\r\n {\r\n firstName: 'Egon',\r\n lastName: 'Henriksen',\r\n playerId: 413,\r\n year: '1959',\r\n\r\n },\r\n {\r\n firstName: 'Ib',\r\n lastName: 'Eskildsen',\r\n playerId: 387,\r\n year: '1960',\r\n },\r\n {\r\n firstName: 'Søren',\r\n lastName: 'Andersen',\r\n playerId: 389,\r\n year: '1960',\r\n },\r\n {\r\n firstName: 'Birger ',\r\n lastName: 'Larsen',\r\n playerId: 365,\r\n year: '1961',\r\n },\r\n {\r\n firstName: 'Kaj ',\r\n lastName: 'Hansen',\r\n playerId: 366,\r\n year: '1962',\r\n },\r\n {\r\n firstName: 'Finn Willy',\r\n lastName: 'Sørensen',\r\n playerId: 364,\r\n year: '1963',\r\n },\r\n {\r\n firstName: 'Birger ',\r\n lastName: 'Larsen',\r\n playerId: 365,\r\n year: '1964',\r\n },\r\n {\r\n firstName: 'Leif B. ',\r\n lastName: 'Nielsen',\r\n playerId: 399,\r\n year: '1965',\r\n },\r\n {\r\n firstName: 'Leif B. ',\r\n lastName: 'Nielsen',\r\n playerId: 399,\r\n year: '1966',\r\n },\r\n {\r\n firstName: 'Hardy ',\r\n lastName: 'Hansen',\r\n playerId: 383,\r\n year: '1967',\r\n },\r\n {\r\n firstName: 'Birger ',\r\n lastName: 'Larsen',\r\n playerId: 365,\r\n year: '1968',\r\n },\r\n {\r\n firstName: 'Jørn ',\r\n lastName: 'Jeppesen',\r\n playerId: 359,\r\n year: '1969',\r\n },\r\n {\r\n firstName: 'Bent ',\r\n lastName: 'Hougaard',\r\n playerId: 466,\r\n year: '1970',\r\n },\r\n {\r\n firstName: 'Dennis ',\r\n lastName: 'Nielsen',\r\n playerId: 363,\r\n year: '1971',\r\n },\r\n {\r\n firstName: 'Flemming ',\r\n lastName: 'Ahlberg',\r\n playerId: 378,\r\n year: '1972',\r\n },\r\n {\r\n firstName: 'Lars ',\r\n lastName: 'Larsen',\r\n playerId: 206,\r\n year: '1973',\r\n },\r\n {\r\n firstName: 'Flemming ',\r\n lastName: 'Mortensen',\r\n playerId: 360,\r\n year: '1974',\r\n },\r\n {\r\n firstName: 'Jan ',\r\n lastName: 'Poulsen',\r\n playerId: 334,\r\n year: '1975',\r\n },\r\n {\r\n firstName: 'Bjarne ',\r\n lastName: 'Andersen',\r\n playerId: 446,\r\n year: '1976',\r\n },\r\n {\r\n firstName: 'Ole ',\r\n lastName: 'Mørch',\r\n playerId: 380,\r\n year: '1977',\r\n },\r\n {\r\n firstName: 'Per ',\r\n lastName: 'Wind',\r\n playerId: 204,\r\n year: '1978',\r\n },\r\n {\r\n firstName: 'Lars ',\r\n lastName: 'Larsen',\r\n playerId: 206,\r\n year: '1979',\r\n },\r\n {\r\n firstName: 'Henrik ',\r\n lastName: 'Thomsen',\r\n playerId: 259,\r\n year: '1980',\r\n },\r\n {\r\n firstName: 'Lars ',\r\n lastName: 'Larsen',\r\n playerId: 206,\r\n year: '1981',\r\n },\r\n {\r\n firstName: 'John Finn',\r\n lastName: 'Hansen',\r\n playerId: 345,\r\n year: '1982',\r\n },\r\n {\r\n firstName: 'Ole ',\r\n lastName: 'Rasmussen',\r\n playerId: 261,\r\n year: '1983',\r\n },\r\n {\r\n firstName: 'Henrik ',\r\n lastName: 'Thomsen',\r\n playerId: 259,\r\n year: '1984',\r\n },\r\n {\r\n firstName: 'Henrik ',\r\n lastName: 'Thomsen',\r\n playerId: 259,\r\n year: '1985',\r\n },\r\n {\r\n firstName: 'Kim ',\r\n lastName: 'Mikkelsen',\r\n playerId: 221,\r\n year: '1986',\r\n },\r\n {\r\n firstName: 'Michael ',\r\n lastName: 'Lyng',\r\n playerId: 264,\r\n year: '1987',\r\n },\r\n {\r\n firstName: 'Lars ',\r\n lastName: 'Broustbo',\r\n playerId: 258,\r\n year: '1988',\r\n },\r\n {\r\n firstName: 'Frank ',\r\n lastName: 'Johansen',\r\n playerId: 295,\r\n year: '1989',\r\n },\r\n {\r\n firstName: 'Allan ',\r\n lastName: 'Jensen',\r\n playerId: 202,\r\n year: '1990',\r\n },\r\n {\r\n firstName: 'Tony ',\r\n lastName: 'Carlsen',\r\n playerId: 228,\r\n year: '1991',\r\n },\r\n {\r\n firstName: 'Dan ',\r\n lastName: 'Eggen',\r\n playerId: 207,\r\n year: '1992',\r\n },\r\n {\r\n firstName: 'Lars ',\r\n lastName: 'Broustbo',\r\n playerId: 258,\r\n year: '1993',\r\n },\r\n {\r\n firstName: 'Lars ',\r\n lastName: 'Broustbo',\r\n playerId: 258,\r\n year: '1994',\r\n },\r\n {\r\n firstName: 'Allan ',\r\n lastName: 'Jensen',\r\n playerId: 202,\r\n year: '1995',\r\n },\r\n {\r\n firstName: 'Claus ',\r\n lastName: 'Jørgensen',\r\n playerId: 185,\r\n year: '1996',\r\n },\r\n {\r\n firstName: 'Allan ',\r\n lastName: 'Jensen',\r\n playerId: 202,\r\n year: '1997',\r\n },\r\n {\r\n firstName: 'Michael ',\r\n lastName: 'Giolbas',\r\n playerId: 163,\r\n year: '1997-98',\r\n },\r\n {\r\n firstName: 'Michael ',\r\n lastName: 'Giolbas',\r\n playerId: 163,\r\n year: '1998-99',\r\n },\r\n {\r\n firstName: 'Martin ',\r\n lastName: 'Jeppesen',\r\n playerId: 96,\r\n year: '1999-00',\r\n },\r\n {\r\n firstName: 'Ketil ',\r\n lastName: 'Clorius',\r\n playerId: 788,\r\n year: '2000-01',\r\n },\r\n {\r\n firstName: 'Mirko ',\r\n lastName: 'Selak',\r\n playerId: 794,\r\n year: '2001-02',\r\n },\r\n {\r\n firstName: 'Søren ',\r\n lastName: 'Krogh',\r\n playerId: 172,\r\n year: '2002-03',\r\n },\r\n {\r\n firstName: 'Lars ',\r\n lastName: 'Brøgger',\r\n playerId: 498,\r\n year: '2003-04',\r\n },\r\n {\r\n firstName: 'Jón Rói ',\r\n lastName: 'Jacobsen',\r\n playerId: 776,\r\n year: '2005',\r\n },\r\n {\r\n firstName: 'Wassim El',\r\n lastName: 'Banna',\r\n playerId: 500,\r\n year: '2006',\r\n },\r\n {\r\n firstName: 'Morten ',\r\n lastName: 'Hamm',\r\n playerId: 533,\r\n year: '2007',\r\n },\r\n {\r\n firstName: 'Atli ',\r\n lastName: 'Danielsen',\r\n playerId: 318,\r\n year: '2008',\r\n },\r\n {\r\n firstName: 'Tim ',\r\n lastName: 'Ilsø',\r\n playerId: 91,\r\n year: '2009',\r\n },\r\n {\r\n firstName: 'Mikkel ',\r\n lastName: 'Andersson',\r\n playerId: 53,\r\n year: '2010-11',\r\n },\r\n {\r\n firstName: 'Jakob Køhler',\r\n lastName: 'Hansen',\r\n playerId: 86,\r\n year: '2011-12',\r\n },\r\n {\r\n firstName: 'Thomas ',\r\n lastName: 'Krause',\r\n playerId: 92,\r\n year: '2012-13',\r\n },\r\n {\r\n firstName: 'Christian ',\r\n lastName: 'Stokholm',\r\n playerId: 67,\r\n year: '2013-14',\r\n },\r\n {\r\n firstName: 'Jeppe ',\r\n lastName: 'Østenkær',\r\n playerId: 124,\r\n year: '2014-15',\r\n },\r\n {\r\n firstName: 'Andreas Theil',\r\n lastName: 'Lundberg',\r\n playerId: 61,\r\n year: '2015-16',\r\n },\r\n {\r\n firstName: 'Rasmus Louie',\r\n lastName: 'Larsen',\r\n playerId: 75,\r\n year: '2016-17',\r\n },\r\n {\r\n firstName: 'Marco ',\r\n lastName: 'Brylov',\r\n playerId: 35,\r\n year: '2017-18',\r\n },\r\n {\r\n firstName: 'Marco ',\r\n lastName: 'Brylov',\r\n playerId: 35,\r\n year: '2018-19',\r\n },\r\n {\r\n firstName: 'Tonny ',\r\n lastName: 'Adamsen',\r\n playerId: 47,\r\n year: '2019 Efterår',\r\n },\r\n {\r\n firstName: 'IKKE TILDELT ',\r\n lastName: '',\r\n playerId: 0,\r\n year: '2019-20',\r\n },\r\n {\r\n firstName: 'IKKE TILDELT, MÅSKE P.G.A. CORONA NEDLUKNINGEN',\r\n lastName: '',\r\n playerId: 0,\r\n year: '2020-21',\r\n },\r\n {\r\n firstName: 'Frederik V.',\r\n lastName: 'Kristensen',\r\n playerId: 849,\r\n year: '2021-22',\r\n },\r\n {\r\n firstName: 'Salieu',\r\n lastName: 'Drammeh',\r\n playerId: 870,\r\n year: '2022-23',\r\n },\r\n {\r\n firstName: 'Gustav O.',\r\n lastName: 'Hansen',\r\n playerId: 884,\r\n year: '2023-24',\r\n },\r\n];\r\n\r\nclass PlayerOfTheYearComponent extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n players: players,\r\n };\r\n\r\n }\r\n\r\n handlePlayerClick = (PlayerId) => {\r\n console.log(PlayerId);\r\n this.props.history.push(`/player/${PlayerId}`);\r\n // history.push(\"/home\");\r\n };\r\n\r\n componentDidMount() {\r\n // this.setState({ PlayersData: null });\r\n\r\n // this.loadPlayers();\r\n\r\n //this.props.history.push(`/hest`);\r\n }\r\n\r\n render() {\r\n return (\r\n Landsholdsspillere
\r\n\r\n F: Født - D: Død - D: Debut - S: Sidste kamp
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n Landsholdet
\r\n FREM
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {players !== null && (\r\n players.map((player) => {\r\n return (\r\n \r\n
\r\n Kampe
\r\n Mål
\r\n Kampe
\r\n Mål
\r\n \r\n \r\n
\r\n Første/Sidste kamp
\r\n Født/Død
\r\n \r\n
\r\n )\r\n })\r\n )}\r\n \r\n
\r\n {player.ntMatches}
\r\n {player.ntGoals}
\r\n {player.matches}
\r\n {player.goals}
\r\n \r\n \r\n \r\n
\r\n {player.firstName} {player.lastName} {player.commentNodeNumber}
\r\n Periode:
{new moment(player.first).format('DD.MM.YYYY')} - {player.last.length > 0 ? new moment(player.last).format('DD.MM.YYYY') : ''}F:
{new moment(player.born).format('DD.MM.YYYY')} - D:
{player.died !== null && player.died.length > 0 ? new moment(player.died).format('DD.MM.YYYY') : ''}\r\n
\r\n {notes.map((note) => {\r\n return
\r\n {note.commentId}{note.comment}
\r\n })}\r\n \r\n * Hans antal af scorede mål er sandsynligvis højere, da en del mål ikke er registreret i hans aktive periode.\r\n
\r\n\r\n \r\n
\r\n \r\n © Statistikoplysningerne er indsamlet og indkodet af BK FREMs\r\n officielle statistikfører: Steen Meisner Bjerre, 23 61 92 72,\r\n steenbjerre@hotmail.com til hvem henvises, såfremt der er\r\n ændringer/tilføjelser e.a. til spillerprofilen.\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default PlayerOfTheYearComponent;\r\n","import React from \"react\";\r\nimport logo from \"./logo.svg\";\r\nimport \"./App.css\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport StartComponent from \"./components/startcomponent\";\r\nimport Matches from \"./components/matches\";\r\nimport MatchComponent from \"./components/matchcomponent\";\r\nimport PlayerComponent from \"./components/playercomponent\";\r\nimport PlayersComponent from \"./components/playerscomponent\";\r\nimport PlayersStatsComponent from \"./components/playersstatscomponent\";\r\nimport PlayersStatsGoalsComponent from \"./components/playersstatsgoalscomponent\";\r\nimport PlayersStatsMatchesComponent from \"./components/playersstatsmatchescomponent\";\r\nimport MatchesComponent from \"./components/matchescomponent\";\r\nimport AboutComponent from \"./components/aboutcomponent\";\r\nimport TeamComponent from \"./components/teamcomponent\";\r\nimport TeamsListComponent from \"./components/teamslistcomponent\";\r\nimport NationalTeamPlayersComponent from \"./components/nationalteamplayerscomponent\";\r\nimport PlayerOfTheYearComponent from \"./components/playeroftheyearcomponent\";\r\n\r\nfunction App() {\r\n return (\r\n Boldklubben FREM - Årets spiller
\r\n\r\n \r\n
\r\n\r\n {players !== null && (\r\n players.map((player) => {\r\n return (\r\n \r\n År\r\n
\r\n \r\n Navn\r\n
\r\n\r\n \r\n
\r\n )\r\n })\r\n )}\r\n\r\n \r\n
\r\n {player.year}
\r\n this.handlePlayerClick(player.playerId)}>\r\n
\r\n {player.firstName} {player.lastName}
\r\n \r\n
\r\n
\r\n \r\n © Statistikoplysningerne er indsamlet og indkodet af BK FREMs\r\n officielle statistikfører: Steen Meisner Bjerre, 23 61 92 72,\r\n steenbjerre@hotmail.com til hvem henvises, såfremt der er\r\n ændringer/tilføjelser e.a. til spillerprofilen.\r\n
\r\n \r\n