Error
@@ -383,7 +485,7 @@ export class BattlePanel extends preact.Component<{ id: string }> { // never link to a nonexistent replay, but this might happen if e.g. // a replay gets deleted or made private after you searched for it // but before you clicked it. - return
@@ -506,36 +608,48 @@ export class BattlePanel extends preact.Component<{ id: string }> {
{this.result ? - {this.result.format}: {this.result.players.join(' vs. ')} + {this.result.format}: {} + {!!this.result.private && } {this.result.players.join(' vs. ')}
:Loading...
} + {!!this.result?.private &&+ PRIVATE - make sure you have the owner's permission to share +
} ++ +
{this.result ?
-
- Download
-
+
+ {this.props.user?.isLeader && } {}
+
+ Download
+
+
{this.result.uploadtime ? new Date(this.result.uploadtime * 1000).toDateString() : "Unknown upload date"}
{this.result.rating ? [` | `, Rating:, ` ${this.result.rating}`] : ''}
{/* {} {this.keyCode} */}
} + {this.renderManagement()} {!PSRouter.showingLeft() && }
diff --git a/replay.pokemonshowdown.com/src/replays.tsx b/replay.pokemonshowdown.com/src/replays.tsx index 0a4983852..966b7e818 100644 --- a/replay.pokemonshowdown.com/src/replays.tsx +++ b/replay.pokemonshowdown.com/src/replays.tsx @@ -3,6 +3,7 @@ import preact from '../../play.pokemonshowdown.com/js/lib/preact'; import { Net, PSModel } from './utils'; import { BattlePanel } from './replays-battle'; import { SearchPanel } from './replays-index'; +import type { ID } from '../../play.pokemonshowdown.com/src/battle-dex'; declare const Config: any; export const PSRouter = new class extends PSModel { @@ -10,7 +11,7 @@ export const PSRouter = new class extends PSModel { leftLoc: string | null = null; rightLoc: string | null = null; forceSinglePanel = false; - stickyRight = true; + shortViewport = false; constructor() { super(); const baseLocSlashIndex = document.location.href.lastIndexOf('/'); @@ -39,15 +40,16 @@ export const PSRouter = new class extends PSModel { } setSinglePanel(init?: boolean) { const singlePanel = window.innerWidth < 1300; - const stickyRight = (window.innerHeight > 614); - if (this.forceSinglePanel !== singlePanel || this.stickyRight !== stickyRight) { + const shortViewport = window.innerHeight <= 660; + if (this.forceSinglePanel !== singlePanel || this.shortViewport !== shortViewport) { this.forceSinglePanel = singlePanel; - this.stickyRight = stickyRight; + this.shortViewport = shortViewport; if (!init) this.update(); } } push(href: string): boolean { if (!href.startsWith(this.baseLoc)) return false; + if (href.includes('.json') || href.includes('.log') || href.includes('.inputlog')) return false; if (this.go(href)) { window.history?.pushState([this.leftLoc, this.rightLoc], '', href); @@ -95,6 +97,7 @@ export const PSRouter = new class extends PSModel { export class PSReplays extends preact.Component { static darkMode: 'dark' | 'light' | 'auto' = 'auto'; + user: { id: ID, isLeader: boolean } | null = null; static updateDarkMode() { let dark = this.darkMode === 'dark' ? 'dark' : ''; if (this.darkMode === 'auto') { @@ -122,15 +125,21 @@ export class PSReplays extends preact.Component { const data = JSON.parse(response); Object.assign(Config.customcolors, data); }); + if (!Net.defaultRoute) Net(`/api/replays/check-login`).get().then(result => { + if (!result.startsWith(']')) return; + const [userid, isLeader] = result.slice(1).split(','); + this.user = { id: userid as ID, isLeader: !!isLeader }; + this.forceUpdate(); + }); } override render() { - const position = PSRouter.showingLeft() && PSRouter.showingRight() && !PSRouter.stickyRight ? - { display: 'flex', flexDirection: 'column', justifyContent: 'flex-end' } : {}; - return
Home