| 411 | // TODO |
| 412 | |
| 413 | onClickSpectateCell (e) { |
| 414 | let sessionID, teamID |
| 415 | let cell = $(e.target).closest('.spectate-cell') |
| 416 | const row = cell.parent() |
| 417 | const table = row.closest('table') |
| 418 | const wasSelected = cell.hasClass('selected') |
| 419 | if (this.teams.length === 2) { |
| 420 | table.find('.spectate-cell.selected').removeClass('selected') |
| 421 | cell = $(e.target).closest('.spectate-cell').toggleClass('selected', !wasSelected) |
| 422 | sessionID = row.data('session-id') |
| 423 | teamID = table.data('team') |
| 424 | if (this.spectateTargets == null) { this.spectateTargets = {} } |
| 425 | this.spectateTargets[teamID] = wasSelected ? null : sessionID |
| 426 | return console.log(this.spectateTargets, cell, row, table) |
| 427 | } else { |
| 428 | let removeClass |
| 429 | if (wasSelected) { |
| 430 | removeClass = cell.hasClass('selected-humans') ? 'selected-humans' : 'selected-ogres' |
| 431 | cell = $(e.target).closest('.spectate-cell').removeClass(('selected ' + removeClass)) |
| 432 | teamID = (this.selectedTeam = removeClass === 'selected-humans' ? 'humans' : 'ogres') |
| 433 | } else { |
| 434 | table.find('.spectate-cell.selected.selected-' + this.selectedTeam).removeClass(('selected selected-' + this.selectedTeam)) |
| 435 | cell = $(e.target).closest('.spectate-cell').addClass('selected selected-' + this.selectedTeam) |
| 436 | teamID = this.selectedTeam |
| 437 | this.selectedTeam = this.selectedTeam === 'humans' ? 'ogres' : 'humans' |
| 438 | } |
| 439 | sessionID = row.data('session-id') |
| 440 | if (this.spectateTargets == null) { this.spectateTargets = {} } |
| 441 | this.spectateTargets[teamID] = wasSelected ? null : sessionID |
| 442 | return console.log(this.spectateTargets, cell, row, table) |
| 443 | } |
| 444 | } |
| 445 | |
| 446 | onLoadMoreLadderEntries (e) { |
| 447 | if (this.ladderLimit == null) { this.ladderLimit = 100 } |