e.stopPropagation()}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n {body}\n \n )\n return body\n}\n\n\nSteamAvatar.propTypes =\n{ steamID: P.string\n, steamID64: P.string\n, size: P.oneOf(['tiny', 'mini', 'small', 'medium', 'mediumlarge', 'large'])\n, queueAvatar: P.func.isRequired\n, innerBorder: P.bool\n}\n\n\nfunction mapStateToProps(state) {\n const {steamAvatars} = state\n const {data} = steamAvatars.toJS()\n return {avatars: data}\n}\n\n\nexport default connect(\n mapStateToProps,\n {queueAvatar}\n)(SteamAvatar)\n","export default\n { 'map': 'globe'\n , 'course': 'flag'\n , 'bonus': 'star'\n }\n","import React from 'react'\nimport IP from 'react-immutable-proptypes'\nimport cx from 'classnames'\nimport {prettyZoneName} from 'root/utils/TempusUtils'\nimport {Link} from 'react-router-dom'\nimport TimeAgo from 'react-timeago'\nimport SteamAvatar from 'root/components/SteamAvatar'\nimport zoneIcons from 'root/constants/zoneIcons'\n\n\nexport default class ActivityList extends React.Component {\n render() {\n const {data, zoneType} = this.props\n var result\n if (zoneType === 'all') {\n result =\n data.get('map_wrs').concat(\n data.get('course_wrs')).concat(\n data.get('bonus_wrs'))\n .sortBy((r) => r.getIn(['record_info', 'date']))\n .reverse()\n }\n else {\n result = data.get(`${zoneType}_wrs`)\n }\n\n const items = result.map((i, idx) => {\n const pi = i.get('player_info')\n const mi = i.get('map_info')\n const zi = i.get('zone_info')\n const ri = i.get('record_info')\n const iconClasses = cx(\n { 'tf-icon': true\n , 'mini': true\n , 'soldier': ri.get('class') === 3\n , 'demoman': ri.get('class') === 4\n })\n const mapName = mi.get('name')\n return (\n \n \n \n \n \n \n \n {pi.get('name')} \n \n \n \n \n \n {mapName} \n \n \n \n \n \n {zi.get('type') !== 'map'\n ? prettyZoneName(zi.get('type'), zi.get('zoneindex'))\n : 'Map'\n }\n \n \n \n )\n })\n\n return (\n \n )\n }\n}\n\n\nActivityList.propTypes =\n { data: IP.Map\n }\n","import React from 'react'\nimport cx from 'classnames'\nimport {prettyZoneName} from 'root/utils/TempusUtils'\nimport {LinkContainer} from 'react-router-bootstrap'\nimport {Redirect} from 'react-router-dom'\n\nimport DropdownButton from 'react-bootstrap/lib/DropdownButton'\nimport MenuItem from 'react-bootstrap/lib/MenuItem'\n\nimport {connect} from 'react-redux'\nimport {loadActivity} from './actions'\nimport ActivityList from './components/ActivityList'\nimport {Route, Switch, NavLink} from 'react-router-dom'\n\nimport './styles.styl'\n\n\nclass Activity extends React.Component {\n componentDidMount() {\n this.props.loadActivity()\n }\n\n render() {\n if (!this.props.data || this.props.fetching) {\n return (\n \n {this.props.location.pathname === this.props.match.url\n ?
\n )\n }\n\n const buttonTitle =\n \n Filters\n \n\n const {match} = this.props\n\n return(\n \n {this.props.location.pathname === this.props.match.url\n ?
\n : null\n }\n
\n \n World Records\n \n \n \n \n \n All\n \n \n \n \n Map\n \n \n \n \n Course\n \n \n \n \n Bonus\n \n \n \n \n \n
\n
\n
\n \n \n \n \n {serverInfo.get('name')} \n \n \n \n \n {gameInfo\n ? \n \n \n {gameInfo\n ? `${gameInfo.get('users').size}/${gameInfo.get('maxPlayers')}`\n : null\n }\n \n {gameInfo\n ? \n connect \n \n : \n OFFLINE \n \n }\n \n )\n }\n}\n\n\nServerItem.propTypes =\n { serverInfo: P.object.isRequired\n , gameInfo: P.object\n }\n","import React from 'react'\nimport P from 'prop-types'\n\nimport './styles.styl'\n\n\nconst filters = [\n {\n type: 'server',\n title: 'Server'\n },\n {\n type: 'mapname',\n title: 'Map'\n },\n {\n type: 'playercount',\n title: 'Players'\n }\n]\n\n\nexport default class ServerFilters extends React.Component {\n render() {\n const {filter, filterReverse} = this.props\n return (\n \n \n {filters.map((f, idx) => (\n this.props.toggleFilter(f.type)}>\n {f.title}\n \n {filter === f.type\n ? \n ))}\n \n \n )\n }\n}\n\n\nServerFilters.propTypes = {\n toggleFilter: P.func.isRequired,\n filter: P.string.isRequired,\n filterReverse: P.bool.isRequired\n}\n","import React, {PropTypes as P} from 'react'\nimport Table from 'react-bootstrap/lib/Table'\nimport {connect} from 'react-redux'\nimport {loadServers, toggleFilter, subscribe,\n unsubscribe} from '../../actions'\nimport ServerItem from './components/ServerItem'\nimport ServerFilters from './components/ServerFilters'\n\nimport './styles.styl'\n\n\nclass Servers extends React.Component {\n componentDidMount() {\n if (!this.props.data && !this.props.fetching) {\n this.props.loadServers()\n }\n this.props.subscribe()\n }\n\n componentWillUnmount() {\n this.props.unsubscribe()\n }\n\n renderServers() {\n const {filter, filterReverse} = this.props\n let data = this.props.data.valueSeq()\n if (filter === 'server') {\n data = data.sortBy(s => {\n const si = s.get('server_info').toJS()\n return [si.country, si.name]\n })\n }\n else if (filter === 'mapname') {\n data = data.sortBy(s => {\n const gi = s.get('game_info')\n return gi ? gi.get('currentMap') : 'Z'\n })\n }\n else if (filter === 'playercount') {\n data = data.sortBy(s => {\n const gi = s.get('game_info')\n return gi ? gi.get('users').size : 0\n }).reverse()\n }\n\n if (filterReverse) {\n data = data.reverse()\n }\n\n return (\n data.map((server, idx) => {\n if (!server) {\n return\n }\n const serverInfo = server.get('server_info')\n const gameInfo = server.get('game_info')\n if (serverInfo.get('hidden')) {\n return\n }\n return (\n Loading...
\n }\n const totalPlayers = data.valueSeq().reduce((total, server) => {\n const gameInfo = server.get('game_info')\n return gameInfo ? total + gameInfo.get('users').size : total\n }, 0)\n return (\n \n
\n \n {this.renderServers()}\n \n
\n
{totalPlayers} player(s) online \n
\n
\n Players\n \n OFFLINE\n \n \n Server is offline.\n \n )\n }\n const totalPlayers = gameInfo.users.length\n const maxPlayers = gameInfo.maxPlayers\n return (\n \n
\n Players\n : \n \n {totalPlayers}/{maxPlayers}\n \n \n
\n
\n \n {gameInfo.users.map((u, idx) =>\n \n \n \n \n )}\n \n
\n
\n
{error}
\n }\n else if (fetching || !data) {\n body = 'Loading...'\n }\n else {\n body = (\n \n
\n \n {data.map((demo, idx) => {\n const {id, recording, url, requested, date, mapname} = demo.toJS()\n let demoStatus\n if (url) {\n demoStatus = download \n }\n else if (recording) {\n if (requested)\n demoStatus = requested \n else\n demoStatus = recording \n }\n else if (requested)\n demoStatus = uploading \n\n return (\n \n \n \n \n \n \n {demoStatus}\n \n \n )\n })}\n \n
\n
\n
\n Demos\n \n
\n {body}\n
\n
Loading...
\n }\n const server = data.get(parseInt(this.props.match.params.id))\n if (!server) {\n return Server not found.
\n }\n var gameInfo = server.get('game_info')\n gameInfo = gameInfo ? gameInfo.toJS() : null\n const serverInfo = server.get('server_info').toJS()\n return (\n \n
\n
\n \n \n
\n
\n
\n
\n \n \n \n Address \n \n \n {serverInfo.addr}:{serverInfo.port}\n \n \n connect\n \n \n \n \n \n Location \n \n \n {serverInfo.country}\n \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n News \n Servers \n Activity \n About \n \n
\n
\n \n this.props.setFilter('soldier', f)}\n />\n this.props.setFilter('demoman', f)}\n />\n \n \n this.props.toggleSimple()}\n >\n \n \n )\n }\n}\n\n\nclass FilterDropdown extends React.Component {\n render() {\n const classes = cx(\n { 'tf-icon': true\n , 'mini': true\n , 'soldier': this.props.playerClass === 'soldier'\n , 'demoman': this.props.playerClass === 'demoman'\n })\n\n const title =\n \n \n\n return (\n \n {\n OPTIONS.map((o) => {\n let [value, s] = o\n return (\n this.props.onChange(value)} active={value === this.props.selected}>\n {value !== null ? ` (T${value}) ` : null}{s}\n \n )\n })\n }\n \n )\n }\n}\n\n\nMapListFilters.propTypes =\n { setFilter: P.func.isRequired\n , soldierFilter: P.number\n , demomanFilter: P.number\n }\n","import React from 'react'\nimport {Link} from 'react-router-dom'\nimport Difficulties from 'root/constants/Difficulties'\nimport VisibilitySensor from 'react-visibility-sensor'\n\nimport './styles.styl'\n\n\nexport default class MapListItem extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {visible: false, showImage: false}\n this.imageUrl = `https://static.tempus2.xyz/web/screenshots/raw/${this.props.data.get('name')}_320p.jpeg`\n }\n\n onVisibilityChange(isVisible) {\n if (isVisible && !this.state.visible) {\n this.image = new Image()\n this.image.onload = this.onImageLoaded.bind(this)\n this.image.src = this.imageUrl\n this.setState({visible: true})\n }\n }\n\n onImageLoaded() {\n this.setState({showImage: true})\n }\n\n renderTiers() {\n const item = this.props.data\n const soldierTier = item.getIn(['tier_info', '3'])\n const demomanTier = item.getIn(['tier_info', '4'])\n return (\n \n \n \n \n \n {soldierTier === 0\n ? \n \n \n \n \n \n \n {demomanTier === 0\n ? \n \n \n )\n }\n\n render() {\n let bgStyles =\n { backgroundImage: this.state.showImage ? `url(${this.imageUrl})` : false\n , opacity: this.state.showImage ? 100 : 0\n }\n const url = '/maps/' + this.props.data.get('name')\n\n var content\n if (!this.state.visible) {\n content = (\n \n \n \n {this.props.data.get('name')}\n \n \n \n )\n }\n else {\n content = (\n <>\n
\n \n \n \n {this.props.data.get('name')}\n \n \n {this.renderTiers()}\n \n \n )\n }\n return (\n \n {content}\n \n \n )\n }\n}\n","import React from 'react'\n\nimport MapListItem from './components/MapListItem'\n\nimport './styles.styl'\n\n\nexport default class MapListFancy extends React.Component {\n render() {\n const items = this.props.data.map((item) =>\n \n {items}\n
\n )\n }\n}\n","import React from 'react'\n\n\nexport default function ZoneIcon({ type, fixedWidth, ...props }) {\n const classes = [\n 'fa',\n 'fa-fw' && fixedWidth,\n type === 'map' && 'fa-globe',\n type === 'course' && 'fa-flag',\n type === 'bonus' && 'fa-star'\n ].join(' ')\n return \n \n {headingNames.map((h, idx) => {\n const iconClasses = classnames(\n ['fa', 'fa-fw'],\n { 'fa-caret-down': ascending\n , 'fa-caret-up': !ascending\n })\n return (\n \n selectMapSort(h.sortName)}\n >\n {h.title} {sortBy === h.sortName ? \n )\n })}\n \n \n )\n}\n\n\nMapListHeadings.propTypes = (\n { sort: P.object.isRequired\n , selectMapSort: P.func.isRequired\n })\n\n\nconst Tier = ({ tier }) =>\n \n {tier !== -1\n ? \n {tier} {Difficulties.get(tier)} \n \n : 'Not Set'\n }\n \n\n\nTier.propTypes = (\n { tier: P.number.isRequired\n })\n\n\nconst MapListSimple = ({ data, filters, sort, selectMapSort}) =>\n \n
\n \n {data.map((m, idx) => {\n const name = m.get('name')\n const bonusCount = m.getIn(['zone_counts', 'bonus'], 0)\n const courseCount = m.getIn(['zone_counts', 'course'], 0)\n return (\n \n \n \n \n {bonusCount > 0 ? \n \n {courseCount > 0 ? \n \n \n \n \n \n )\n })}\n \n
\n
{error}
\n }\n else {\n content = (\n simple ?\n \n \n
\n \n Maps\n \n \n
{data ? data.size : 0} result(s) \n
These are all available to play on our
\n
\n
\n {content}\n
\n
\n )\n}\n\n\nfunction mapStateToProps(state) {\n const {fetching, error, data, filters, simple, sort} = state.app.maps\n\n const {sortBy} = sort\n let keyPath = [sortBy]\n let defaultValue = undefined\n if (sortBy === 'soldierTier') {\n keyPath = ['tier_info', '3']\n }\n else if (sortBy === 'demomanTier') {\n keyPath = ['tier_info', '4']\n }\n else if (sortBy === 'bonusCount') {\n keyPath = ['zone_counts', 'bonus']\n defaultValue = 0\n }\n else if (sortBy === 'courseCount') {\n keyPath = ['zone_counts', 'course']\n defaultValue = 0\n }\n\n let processedData = null\n if (data) {\n processedData = data.filter((i) => {\n const sFilt = filters.get('soldier')\n const dFilt = filters.get('demoman')\n if (sFilt !== null) {\n return i.getIn(['tier_info', '3']) === sFilt\n }\n else if (dFilt !== null) {\n return i.getIn(['tier_info', '4']) === dFilt\n }\n return true\n }).sortBy((item) => item.getIn(keyPath, defaultValue))\n\n if (!sort.ascending) {\n processedData = processedData.reverse()\n }\n }\n return {fetching, error, data: processedData, filters, simple, sort}\n}\n\n\nexport default connect(\n mapStateToProps,\n {setFilter, toggleSimple, selectMapSort}\n)(Maps)\n","import React from 'react'\n\nimport Immutable from 'immutable'\n\nimport {withRouter} from 'react-router'\nimport {NavLink} from 'react-router-dom'\n\nimport ZoneIcon from 'root/components/ZoneIcon'\n\nimport {prettyZoneName} from 'root/utils/TempusUtils'\n\nimport './styles.styl'\n\n\nconst zoneTypes = Immutable.List(['map', 'course', 'bonus'])\n\n\nexport function MapOverviewNavItem({ zone, onClick, mapName, baseURL}) {\n const type = zone.get('type')\n const index = zone.get('zoneindex')\n const customName = zone.get('custom_name')\n return (\n \n \n ({customName}) : ''}\n \n \n )\n}\n\n\nexport function MapOverviewLeaderboardNav({ zones, mapName, baseURL }) {\n const zonesGrouped = zoneTypes.map(zoneType => {\n const zs = zones.get(zoneType)\n if (zs)\n return [zoneType, zs]\n }).filter(x => x !== undefined)\n return (\n \n { zonesGrouped.map(([zoneType, zs], idx) => {\n return (\n \n \n {zoneType === 'bonus' && 'BONUSES'}\n {zoneType === 'course' && 'COURSES'}\n \n { zs.map(zone =>\n \n )}).interleave(Immutable.Range(1).map(n => \n )\n}\n\n\nfunction MapOverviewNav({ data, fetchLeaderboard, match }) {\n const {name} = match.params\n\n const zones = data.get('zones')\n return (\n \n
\n \n \n \n \n \n \n \n \n \n \n {`${data.get('authors').size}`} \n \n \n \n
\n
\n
\n {Range(0, 16).map((num) =>\n
\n )}\n
\n {children}\n
\n
\n
\n
\n
\n \n
\n
\n
\n {runInfo.name}\n \n \n
\n \n
\n
\n \n \n \n
\n
\n
\n
\n
\n
\n
\n Map Authors \n
\n
\n
\n {authors.map(author => {\n const name = author.get('name')\n const authorID = author.get('id')\n const pi = author.get('player_info')\n const steamid = pi.get('steamid')\n\n return (\n \n ({name}) \n \n {author.get('map_count')} map(s)\n \n \n \n )\n })}\n \n
\n {authors.size} result(s)\n
\n
\n
\n
\n\n
\n
\n \n World Records \n
\n
\n
\n \n View all\n \n
\n
\n
\n
\n \n \n
\n
\n \n \n Date \n \n 2014-10-09 09:40\n \n \n \n Demo \n \n \n \n \n Tick \n \n 12345 → 54321\n \n \n \n Server \n \n \n \n \n
\n
\n
\n
\n \n \n CP1 \n +00:00.15 \n \n \n CP2 \n -00:20.15 \n \n \n CP3 \n +00:10.49 \n \n \n Map run \n +00:33.75 \n \n
\n
\n
\n \n\n\nfunction LeaderboardItem({ data, firstPlace, expanded, onClick }) {\n // disable for now\n expanded = false\n onClick = () => {}\n\n const pi = data.get('player_info')\n const rank = data.get('rank')\n\n const rankElement = (\n <>\n {(rank <= 3) && (\n <>\n \n \n \n {rankElement}\n \n \n \n {/* \n {rank === 1 ? —
:\n (+{formatTime(data.get('duration') - firstPlace.get('duration'))}) \n }\n */}\n \n \n \n \n \n \n \n {expanded && (\n \n \n )}\n \n )\n}\n\n\nfunction propsAreEqual(a, b) {\n return (\n a.data === b.data\n && a.firstPlace === b.firstPlace\n && a.expanded === b.expanded\n )\n}\n\n\nexport default React.memo(LeaderboardItem, propsAreEqual)\n","import React from 'react'\n\nimport LeaderboardItem from './components/LeaderboardItem'\n\nimport './styles.styl'\n\n\nexport default function LeaderboardTable(\n { data, playerClass, fetchMore, toggleExpand, collapseAll, expandedRuns }\n) {\n if (data.size === 0) {\n return (\n \n No one has completed this.\n
\n )\n }\n const firstPlace = data.get(0)\n return (\n \n
\n
\n
\n \n \n \n # \n \n duration\n \n player \n \n date\n \n \n \n \n {data ? data.map((data, idx) => {\n const runID = data.get('id')\n return (\n toggleExpand(playerClass, runID)}\n expanded={expandedRuns.includes(runID)}\n />\n )\n }) : 'nothing'}\n \n
\n
\n {expandedRuns.size > 0 &&\n
\n
\n collapseAll(playerClass)}>\n \n
\n
\n }\n
fetchMore()}>\n Load more\n \n
\n \n \n \n \n \n
\n )\n}\n\n\nLeaderboardAdminDropdown.propTypes = {\n zoneInfo: IP.map,\n playerClass: P.number\n}\n\n\nexport default withRouter(LeaderboardAdminDropdown)\n","import React from 'react'\n\n\nexport default function Label({ valid, invalid, required, children, ...props}) {\n const {} = props\n return (\n \n {children}{required && * }\n \n )\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { createField, fieldPresets } from 'react-advanced-form'\nimport cx from 'classnames'\n\nimport Label from '../Label'\n\n\nconst Input = ({\n fieldState: { invalid, valid, required },\n ...props\n}) => {\n const classes = cx({\n 'form-control': true\n })\n return (\n \n { label && (\n
\n { label }\n \n ) }\n \n \n {error}\n \n ))\n }\n {props.children}\n
\n \n { label && (\n
\n { label }\n \n ) }\n \n \n {children}\n
\n \n\n\nconst DemoInfoTable = ({ demo }) => {\n // const {\n // id,\n // mapname,\n // filename,\n // date,\n // url,\n // recording,\n // requested,\n // uploader_id,\n // server_id,\n // expired,\n // deleted\n // }\n const placeholder = —
\n return (\n \n \n {demo\n ? \n \n {demo\n ? \n \n {demo\n ? \n
\n )\n}\n\n\nfunction DemoInput(props) {\n return (\n \n \n //
\n // Demo\n // \n //
\n //
\n //
\n \n \n
\n )\n}\n","import React from 'react'\n\nimport P from 'prop-types'\n\n\nexport default function FormGroup({ label, labelWidth=2, children }) {\n return (\n \n
\n {label}\n \n
\n {children}\n
\n
\n \n
\n \n × \n \n
\n Add run\n \n \n
\n
\n Close \n
\n
\n return (\n \n
\n PR \n \n \n
\n
\n
\n You have not completed this.\n
\n
\n
\n
\n push(match.url)}\n />\n \n {/* TODO: Finish this up for small viewports\n
\n \n \n \n \n
\n */}\n
\n {fetching ?
: null}\n
\n {PERMISSIONS.includes('___superuser') ?\n
\n
\n : null\n }\n
\n
{zoneName} {customZoneName ?
({customZoneName}) : ''}\n
{Difficulties[tier]} (Tier {tier})
\n
\n
\n
\n
fetchMore(playerClass)}\n toggleExpand={toggleExpand}\n collapseAll={collapseAll}\n expandedRuns={expandedRuns}\n />\n \n
\n
\n
\n
\n
\n
\n )\n }\n return (\n <>\n {[3, 4].map((playerClass, idx) =>\n \n
\n )}\n \n )\n}\n\n\nfunction LeaderboardContainer({ data, leaderboards, fetchMore, toggleExpand, collapseAll, match }){\n return (\n \n \n \n \n \n \n \n
\n )\n}\n\nfunction mapStateToProps(state) {\n const {data} = state.app.mapOverview.mapOverview\n const {leaderboards} = state.app.mapOverview\n return {data, leaderboards}\n}\n\nexport default connect(\n mapStateToProps,\n { fetchMore, toggleExpand, collapseAll }\n)(LeaderboardContainer)\n","import React, {useEffect, useState} from 'react'\nimport P from 'prop-types'\n\nimport './styles.styl'\n\n\nexport default function Background({ mapName }) {\n const imgURL = `https://static.tempus2.xyz/web/screenshots/raw/${mapName}_1080p.jpeg`\n const [imgLoaded, setImgLoaded] = useState(false)\n useEffect(() => {\n let unmounted = false\n const image = new Image()\n image.onload = () => {\n if (!unmounted)\n setImgLoaded(true)\n }\n image.src = imgURL\n return () => unmounted = true\n }, [mapName])\n\n const styles = {\n opacity: 0\n }\n if (imgLoaded) {\n styles.backgroundImage = `url(${imgURL})`\n styles.opacity = 100\n }\n return (\n
\n )\n}\n\n\nBackground.propTypes =\n { mapName: P.string.isRequired\n }\n","import React from 'react'\nimport P from 'prop-types'\nimport IP from 'react-immutable-proptypes'\n\nimport {Link} from 'react-router-dom'\n\n\nexport default function Author({ authors, match }) {\n let authorItem\n if (authors.size === 0) {\n authorItem =\n ??? \n } else if (authors.size === 1) {\n const a = authors.get(0)\n authorItem = (\n {authorItem} \n}\n\n\nAuthor.propTypes =\n { authors: IP.list.isRequired\n , match: P.object.isRequired\n }\n","import React from 'react'\nimport P from 'prop-types'\nimport IP from 'react-immutable-proptypes'\n\nimport ZoneIcon from 'root/components/ZoneIcon'\nimport TFIcon from 'root/components/TFIcon'\nimport Author from './components/Author'\n\nimport './styles.styl'\n\n\nconst Header = ({ data, match }) =>\n \n \n
\n
\n
\n {data.getIn(['map_info', 'name'])}{' '}\n \n
\n
\n {/* TODO: Enable when we have data for this */}\n {/* */}\n {/* */}\n {['course', 'bonus'].map((type, idx) =>\n \n \n )}\n {['soldier', 'demoman'].map((cls, idx) =>\n \n \n )}\n \n \n \n \n
\n
\n
\n
\n\n\nHeader.propTypes =\n { data: IP.map.isRequired\n , match: P.object.isRequired\n }\n\n\nexport default Header\n","import React from 'react'\nimport { connect } from 'react-redux'\nimport {\n loadMapOverview,\n selectVideo\n} from './actions'\n\nimport {Switch, Route, Redirect} from 'react-router'\n\nimport DocumentTitle from 'react-document-title'\n\nimport Throbber from 'root/components/Throbber'\nimport MapOverviewNav from './components/MapOverviewNav'\nimport Overview from './scenes/Overview'\nimport Leaderboards from './scenes/Leaderboards'\nimport Authors from './scenes/Authors'\n\nimport Background from './components/Background'\nimport Header from './components/Header'\n\nimport './styles.styl'\n\n\nfunction MapOverview({ data, fetching, leaderboard, match }) {\n if (fetching || !data) {\n return (\n \n
\n )\n }\n const mapName = data.getIn(['map_info', 'name'])\n // const bgStyle = {}\n\n return (\n \n \n \n
\n
\n
\n
\n \n \n \n \n No such resource.\n \n \n
\n
\n
\n \n )\n}\n\nfunction mapStateToProps(state) {\n const { mapOverview } = state.app.mapOverview\n return mapOverview.toObject()\n}\n\nexport default connect(\n mapStateToProps,\n { loadMapOverview, selectVideo }\n)(MapOverview)\n","import React from 'react'\nimport P from 'prop-types'\n\nimport './styles.styl'\n\n\nexport default class Stats extends React.Component {\n render() {\n const ri = this.props.rankInfo\n const cri = this.props.countryRankInfo\n const pi = this.props.playerInfo\n return (\n \n
{ri.points > 0 ? `Rank ${ri.rank}` : 'Unranked'} {this.props.statsType} \n
\n
\n
\n
{\n return renderMergedProps(component, routeProps, rest)\n }}/>\n )\n}\n\n\nexport default PropsRoute\n","import React from 'react'\nimport {connect} from 'react-redux'\nimport classnames from 'classnames'\nimport {loadPlayer} from './actions'\nimport {CLASSINDEX_TO_NAME, JUMP_CLASSES} from 'root/constants/TFClasses'\nimport {Link, NavLink, Redirect} from 'react-router-dom'\n\nimport TimeAgo from 'react-timeago'\nimport DocumentTitle from 'react-document-title'\nimport SteamAvatar from 'root/components/SteamAvatar'\nimport Throbber from 'root/components/Throbber'\nimport Stats from './components/Stats'\nimport PropsRoute from 'root/components/PropsRoute'\n\nimport './styles.styl'\n\n\nfunction getFormattedDate(date) {\n var year = date.getFullYear()\n var month = (1 + date.getMonth()).toString()\n month = month.length > 1 ? month : '0' + month\n var day = date.getDate().toString()\n day = day.length > 1 ? day : '0' + day\n return month + '/' + day + '/' + year\n}\n\n\nfunction capitalize(s)\n{\n return s && s[0].toUpperCase() + s.slice(1)\n}\n\n\nexport class PlayerOverview extends React.Component {\n componentWillMount() {\n this.props.loadPlayer(this.props.match.params.id)\n }\n\n componentWillReceiveProps(nextProps) {\n if (nextProps.match.params.id !== this.props.match.params.id) {\n this.props.loadPlayer(nextProps.match.params.id)\n }\n }\n\n renderClassRankStats(playerClass) {\n const cri = this.props.data.class_rank_info[playerClass]\n return (\n \n \n \n \n \n \n )\n }\n\n getBestClass() {\n const {data} = this.props\n const cri = data.class_rank_info\n const soldier = cri[3]\n const demoman = cri[4]\n if (soldier.points > 0 && soldier.rank < demoman.rank) {\n return 'soldier'\n }\n else if (demoman.points > 0) {\n return 'demoman'\n }\n else {\n return null\n }\n }\n\n renderChatRank() {\n const {data} = this.props\n const cri = data.class_rank_info\n const soldier = cri[3]\n const demoman = cri[4]\n let title\n let tfClass\n let rank\n if (soldier.rank < demoman.rank) {\n title = soldier.title\n tfClass = 'soldier'\n rank = soldier.rank\n }\n else {\n title = demoman.title\n tfClass = 'demoman'\n rank = demoman.rank\n }\n return title\n return (\n \n \n {data.rank_info.points > 0\n ? \n \n : 'Unranked'\n }\n \n \n )\n }\n\n render() {\n if (!this.props.data || this.props.fetching) {\n return
\n }\n const {data, match} = this.props\n const pi = data.player_info\n const firstSeenDate = new Date(pi.first_seen * 1000)\n const redirectURL = `${match.url}/${this.getBestClass() || 'overall'}`\n\n return (\n \n \n {this.props.location.pathname === match.url\n ?
\n : null\n }\n
\n
\n
\n
\n
\n Online \n
\n
\n [{this.renderChatRank()}] {pi.name} \n \n \n {}\n
\n
\n
\n \n Soldier \n \n \n Demoman \n \n \n Overall \n \n
\n
\n {JUMP_CLASSES.map((pc, idx) => {\n const cn = CLASSINDEX_TO_NAME[pc]\n return (\n
\n )\n })}\n
\n
\n
\n )\n }\n}\n // \n // {JUMP_CLASSES.map(pc => {\n // const playerClassName = CLASSINDEX_TO_NAME[pc]\n // const icon =
\n\n\nfunction mapStateToProps(state) {\n const {fetching, error, data} = state.app.playerOverview\n return {fetching, error, data: data ? data.toJS() : data}\n}\n\n\nexport default connect(\n mapStateToProps,\n {loadPlayer}\n)(PlayerOverview)\n","import React from 'react'\n\nimport './styles.styl'\n\n\nexport default function PlayerLeaderboardTitle ({ rankType }) {\n let icon\n if (rankType === 'overall') {\n icon = (\n \n {icon} Top Players — {rankType} \n \n )\n}\n","import React, {useEffect} from 'react'\nimport P from 'prop-types'\nimport {connect} from 'react-redux'\nimport {loadRanks} from './actions'\n\nimport {useParams} from 'react-router'\n\nimport PlayerLeaderboardTitle from './components/PlayerLeaderboardTitle'\n\nimport {Link, NavLink} from 'react-router-dom'\nimport Table from 'react-bootstrap/lib/Table'\nimport SteamAvatar from 'root/components/SteamAvatar'\nimport Throbber from 'root/components/Throbber'\n\nimport ButtonToolbar from 'react-bootstrap/lib/ButtonToolbar'\nimport ButtonGroup from 'react-bootstrap/lib/ButtonGroup'\nimport DropdownButton from 'react-bootstrap/lib/DropdownButton'\nimport Button from 'react-bootstrap/lib/Button'\n\nimport './styles.styl'\n\n\nfunction PlayerLeaderboards ({ fetching, error, data, loadRanks }) {\n const {type} = useParams()\n\n useEffect(() => {\n loadRanks(type)\n }, [type])\n\n return (\n \n
\n
\n \n \n \n \n \n \n \n \n \n {!data ?
:\n
\n
\n
\n \n \n Player \n Points \n \n \n \n {data.get('players').map((p, idx) =>\n \n \n \n #{p.get('rank')}\n \n \n \n \n \n \n {Math.round(p.get('points'))}\n \n \n )}\n \n
\n
\n
\n {data.get('count')} total ranked players.\n
\n
}\n
hi
\n}\n\n\n\nclass _PlayerLeaderboards extends React.Component {\n componentDidMount() {\n this.loadRanks()\n }\n\n loadRanks() {\n // const {start} = this.props.location.query\n this.props.loadRanks(this.props.match.params.type, null)\n }\n\n componentDidUpdate(prevProps) {\n const oldRankType = prevProps.match.params.type\n const newRankType = this.props.match.params.type\n // const {start} = this.props.location.query\n // const oldStart = prevProps.location.query.start\n\n if (oldRankType !== newRankType) {\n this.loadRanks()\n }\n }\n\n renderTitle() {\n const {rankType} = this.props\n let icon\n if (rankType === 'overall') {\n icon = (\n \n {icon} Top Players — {rankType} \n \n )\n }\n\n render() {\n let content\n if (!this.props.data) {\n content = \n {this.renderTitle()}\n
\n
\n \n \n Player \n Points \n \n \n \n {this.props.data.get('players').map((p, idx) =>\n \n \n \n #{p.get('rank')}\n \n \n \n \n \n \n {Math.round(p.get('points'))}\n \n \n )}\n \n
\n
\n
\n {this.props.data.get('count')} total ranked players.\n
\n
\n {content}\n
\n )\n }\n}\n\n\n// PlayerLeaderboards.propTypes =\n// {\n// }\n\n\nfunction mapStateToProps(state) {\n const {fetching, error, data} = state.app.playerLeaderboards\n return {fetching, error, data}\n}\n\n\nexport default connect(\n mapStateToProps,\n {loadRanks}\n)(PlayerLeaderboards)\n","import React from 'react'\nimport {Link} from 'react-router-dom'\n\nimport TimeAgo from 'react-timeago'\n\nimport './styles.styl'\n\n\nconst DemoInfo = ({demoInfo, serverInfo}) => {\n const {url, deleted, expired, recording, requested} = demoInfo\n let demoStatus\n if (url) {\n demoStatus = 'Uploaded'\n }\n else if (deleted || expired) {\n demoStatus = 'Deleted'\n }\n else if (recording) {\n if (requested) {\n demoStatus = 'Recording (upload queued)'\n }\n else {\n demoStatus = 'Recording'\n }\n }\n else if (requested) {\n demoStatus = 'Uploading'\n }\n else {\n demoStatus = 'Not uploaded'\n }\n return (\n \n \n \n Filename \n {demoInfo.filename}.dem \n \n \n Server \n \n \n \n \n Map \n \n \n \n \n Status \n {demoStatus} \n \n \n Date \n \n \n
\n )\n}\n\n\nexport default DemoInfo\n","import React from 'react'\nimport cx from 'classnames'\nimport Table from 'react-bootstrap/lib/Table'\nimport {Link} from 'react-router-dom'\nimport SteamAvatar from 'root/components/SteamAvatar'\n\nimport {prettyZoneName, formatTime} from 'root/utils/TempusUtils'\n\nimport './styles.styl'\n\n\nconst DemoRuns = ({demoRuns}) => (\n \n
Runs in demo \n {demoRuns.length > 0\n ?
\n \n \n Player \n Class \n Zone \n Time \n Type \n Tick \n \n \n \n {demoRuns.map((r, idx) => {\n const pi = r.player_info\n const zi = r.zone_info\n const zri = r.zone_run_info\n const runType = r.run_type\n const iconClasses = cx(\n { 'tf-icon': true\n , 'mini': true\n , 'soldier': zri.player_class === 3\n , 'demoman': zri.player_class === 4\n })\n return (\n \n \n \n {prettyZoneName(zi.type, zi.index)} \n {formatTime(zri.duration)} \n \n {{wr: 'WR',\n top: 'Top',\n pr: 'PR'}[runType]}\n \n {zri.start_tick} → {zri.end_tick} \n \n )\n })}\n \n
\n :
Nothing here
\n }\n
\n \n )\n }\n else if (deleted) {\n button = (\n \n \n )\n }\n else if (expired) {\n button = (\n \n Expired\n \n )\n }\n else if (requested) {\n if (recording) {\n button = (\n \n \n )\n }\n else {\n button = (\n \n \n )\n }\n }\n else {\n if (TEMPUS_PERMISSIONS.includes('upload_demos')) {\n button = (\n \n \n \n\n \n )\n }\n else {\n button = (\n \n \n )\n }\n }\n\n return (\n \n {button}\n { uploadingError\n ? {uploadingError} \n : null\n }\n
\n )\n}\n\n\nexport default DemoDownloadButton\n","import React from 'react'\nimport P from 'prop-types'\nimport IP from 'react-immutable-proptypes'\nimport {loadDemoOverview, requestDemoUpload} from './actions'\nimport {connect} from 'react-redux'\n\nimport DocumentTitle from 'react-document-title'\nimport Throbber from 'root/components/Throbber'\nimport DemoInfo from './components/DemoInfo'\nimport DemoRuns from './components/DemoRuns'\nimport DemoDownloadButton from './components/DemoDownloadButton'\n\nimport './styles.styl'\n\n\nclass DemoOverview extends React.Component {\n componentDidMount() {\n this.props.loadDemoOverview(this.props.match.params.id)\n }\n\n render() {\n const {fetching, error, data, uploading, uploadingError} = this.props\n let content\n if (error) {\n content = {error}
\n }\n else if (fetching || !data) {\n content =
\n }\n else {\n const demoInfo = data.get('demo_info').toJS()\n const serverInfo = data.get('server_info').toJS()\n const demoRuns = data.get('demo_runs').toJS()\n content = (\n \n this.props.requestDemoUpload(demoInfo.id)} />\n
\n )\n }\n\n return (\n \n \n
\n Demo Info\n \n \n \n {content}\n \n \n )\n }\n}\n\n\nDemoOverview.propTypes = {\n loadDemoOverview: P.func.isRequired,\n requestDemoUpload: P.func.isRequired,\n fetching: P.bool.isRequired,\n error: P.string,\n data: IP.map,\n uploading: P.bool.isRequired,\n uploadingError: P.string\n}\n\n\nfunction mapStateToProps(state) {\n const {fetching, error, data, uploading, uploadingError} = state.app.demoOverview\n return {fetching, error, data, uploading, uploadingError}\n}\n\n\nexport default connect(\n mapStateToProps,\n {loadDemoOverview, requestDemoUpload}\n)(DemoOverview)\n","import React from 'react'\nimport P from 'prop-types'\nimport IP from 'react-immutable-proptypes'\nimport cx from 'classnames'\nimport {connect} from 'react-redux'\nimport {loadRecordOverview} from './actions'\nimport {prettyZoneName, formatTime} from 'root/utils/TempusUtils'\nimport {Link} from 'react-router-dom'\nimport SteamAvatar from 'root/components/SteamAvatar'\nimport {CLASSINDEX_TO_NAME} from 'root/constants/TFClasses'\n\nimport DocumentTitle from 'react-document-title'\nimport Throbber from 'root/components/Throbber'\nimport TimeAgo from 'react-timeago'\n\nimport './styles.styl'\n\n\nclass RecordOverview extends React.Component {\n componentDidMount() {\n this.props.loadRecordOverview(this.props.match.params.id)\n }\n\n render() {\n const {fetching, error, data} = this.props\n let content\n if (error) {\n content = {error}
\n }\n else if (fetching || !data) {\n content =
\n }\n else {\n const playerInfo = data.get('player_info').toJS()\n const recordInfo = data.get('record_info').toJS()\n const zoneInfo = data.get('zone_info').toJS()\n const zoneTier = data.getIn(['tier_info', recordInfo.class.toString()])\n const mapInfo = data.get('map_info').toJS()\n const demoInfo = data.get('demo_info').toJS()\n const zoneName = prettyZoneName(zoneInfo.type, zoneInfo.zoneindex)\n const iconClasses = cx(\n { 'tf-icon': true\n , 'mini': true\n , 'soldier': recordInfo.class === 3\n , 'demoman': recordInfo.class === 4\n })\n\n content = (\n \n \n
\n \n
\n \n
\n \n
\n
\n on \n \n {zoneName}\n \n
\n
\n
\n
\n
\n \n \n Time \n \n {formatTime(recordInfo.duration)}\n \n \n \n Class \n \n \n \n \n Tier \n \n {zoneTier}\n \n \n \n
\n
\n
\n
\n
\n
\n \n \n Demo \n \n \n \n \n Start Tick \n \n {recordInfo.demo_start_tick}\n \n \n \n End Tick \n \n {recordInfo.demo_end_tick}\n \n \n \n
\n
\n
\n
\n
\n )\n }\n\n\n return (\n \n \n {content}\n
\n \n )\n }\n}\n\n\nRecordOverview.propTypes = {\n loadRecordOverview: P.func.isRequired,\n fetching: P.bool.isRequired,\n error: P.string,\n data: IP.map\n}\n\n\nfunction mapStateToProps(state) {\n const {fetching, error, data} = state.app.recordOverview\n return {fetching, error, data}\n}\n\n\nexport default connect(\n mapStateToProps,\n {loadRecordOverview}\n)(RecordOverview)\n","import React from 'react'\n\nimport './styles.styl'\n\n\nconst AuthorOverview = () => {\n return Not yet implemented
\n}\n\n\nexport default AuthorOverview\n","import React from 'react'\nimport P from 'prop-types'\nimport FormControl from 'react-bootstrap/lib/FormControl'\n\n\nexport default class AppSearchInput extends React.Component {\n constructor(props) {\n super(props)\n this.state = {searchValue: null}\n }\n\n startTimeout() {\n this.clearTimeout()\n this.timeoutID = window.setTimeout(this.triggerLoad.bind(this), 400)\n }\n\n clearTimeout() {\n if (this.timeoutID) {\n window.clearTimeout(this.timeoutID)\n delete this.timeoutID\n }\n }\n\n triggerLoad() {\n const s = this.state.searchValue\n if (s !== null && s.length > 0) {\n this.props.onChange(this.state.searchValue)\n }\n }\n\n onInputChange(event, blah) {\n this.setState({searchValue: event.target.value})\n this.startTimeout()\n }\n\n onInputFocus(event) {\n event.target.select()\n }\n\n onKeyPress(event) {\n if (event.key === 'Enter') {\n this.clearTimeout()\n this.triggerLoad()\n }\n }\n\n render() {\n return (\n \n \n Map\n \n \n )\n })\n data.players.map((p) => {\n result.push(\n \n \n \n \n \n )\n })\n return result\n }\n\n render() {\n const {data, fetching, error} = this.props\n let items = []\n if (error) {\n items.push(\n {error} \n )\n }\n else if (fetching) {\n items.push(\n \n \n )\n }\n else if (data) {\n if (data.players.size === 0 && data.maps.size === 0 ) {\n items.push(No results. )\n }\n else {\n items = this.renderResults(data)\n }\n }\n else {\n items.push(\n Enter player or map name \n )\n }\n return (\n \n {items.map((i, idx) =>\n {i} \n )}\n \n )\n }\n}\n","import React, {useState, useEffect} from 'react'\nimport {withRouter} from 'react-router'\nimport {connect} from 'react-redux'\n\nimport SteamAvatar from 'root/components/SteamAvatar'\nimport {Link} from 'react-router-dom'\nimport FormGroup from 'react-bootstrap/lib/FormGroup'\nimport AppSearchInput from './components/AppSearchInput'\nimport AppSearchResults from './components/AppSearchResults'\nimport {searchPlayersAndMaps} from './actions'\n\n\n// export default function AppSearch({ data, fetching, error, search }) {\n// const [shown, setShown] = useState()\n// useEffect(() => {\n//\n// }, [])\n// }\n\n\nclass AppSearch extends React.Component {\n constructor(props) {\n super(props)\n this.state = {shown: false}\n }\n\n componentDidMount() {\n document.addEventListener('click', this.onDocumentClick.bind(this))\n }\n\n componentWillUnmount() {\n document.removeEventListener('click', this.onDocumentClick)\n }\n\n onDocumentClick(event) {\n if (!this.refs.searchContainer.contains(event.target)) {\n this.setState({shown: false})\n }\n }\n\n onClickDismiss(event) {\n this.setState({shown: false})\n }\n\n onFocus(event) {\n this.setState({shown: true})\n }\n\n onBlur(event) {\n this.setState({shown: false})\n }\n\n render() {\n const {data, fetching, error} = this.props.searchData\n return (\n \n
\n this.props.searchPlayersAndMaps(val)} />\n \n \n {PLAYERNAME}\n \n \n )\n return (\n \n \n \n \n \n \n \n \n )\n}\n","import React from 'react'\n\nimport Navbar from 'react-bootstrap/lib/Navbar'\nimport NavItem from 'react-bootstrap/lib/NavItem'\nimport NavDropdown from 'react-bootstrap/lib/NavDropdown'\nimport Nav from 'react-bootstrap/lib/Nav'\nimport MenuItem from 'react-bootstrap/lib/MenuItem'\nimport {LinkContainer} from 'react-router-bootstrap'\nimport {Link} from 'react-router-dom'\n\nimport AppSearch from '../AppSearch'\n\nimport {USERNAME} from 'root/utils/loginData'\n\nimport Avatar from './components/Avatar'\n\n\nconst AppNavbar = () =>\n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n { USERNAME !== 'anonymous'\n ? \n \n }\n \n\n \n \n \n \n\n\nexport default AppNavbar\n","import React from 'react'\n\nimport './styles.styl'\n\n\nconst Footer = ({ className, ...props }) =>\n \n \n \n\n\nexport default Footer\n","import React from 'react'\n\nimport ReactModal from 'react-modal'\n\nimport {withRouter, Route} from 'react-router-dom'\n\nimport Home from './scenes/Home'\nimport Maps from './scenes/Maps'\nimport MapOverview from './scenes/MapOverview'\nimport PlayerOverview from './scenes/PlayerOverview'\nimport PlayerLeaderboards from './scenes/PlayerLeaderboards'\nimport DemoOverview from './scenes/DemoOverview'\nimport RecordOverview from './scenes/RecordOverview'\nimport AuthorOverview from './scenes/AuthorOverview'\n\nimport Navbar from './components/Navbar'\nimport Footer from './components/Footer'\n\nimport './styles.styl'\n\n\nReactModal.setAppElement('#app')\n\n\nclass App extends React.Component {\n render() {\n return (\n \n
\n
\n\n
\n
\n
\n\n
\n
\n \n \n \n \n \n \n ,\n document.getElementById('app')\n )\n}\n\nrender(App)\nif (module.hot) {\n module.hot.accept('./scenes/App/index.js', () => {\n const NextRootContainer = require('./scenes/App/index.js').default\n render(NextRootContainer)\n })\n}\n"],"sourceRoot":""}