pokemon-showdown-client/testclient.html
Guangcong Luo 7fa72c1d20 Convert teambuilder from utilichart.js to search.js
The teambuilder is now running on search.js! Not all new features I'd
like to be in are in, but we've now reached feature parity, and most
of the bugs I found during testing have been fixed.

New in search.js is on-demand DOM loading, which basically means
much faster performance because instead of trying to load every single
row of e.g. the pokemon list at once, we just load the part that's
visible, and load the rest only when you scroll it into view.

Also new in search.js is a dexsearch-like feature, replacing the old
details-search system. The new filter system is simpler and more powerful
and has the same API as /dexsearch, although not all the more advanced
dexsearch features are supported.

On-demand DOM loading makes teambuilder loading pretty much completely
instantaneous. There are other small differences in how selection of
pokemon/items/abilities/moves works, but it should overall make more
sense.
2015-12-22 00:06:27 -06:00

127 lines
5.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Showdown!</title>
<link rel="shortcut icon" href="favicon.ico" id="dynamic-favicon" />
<link rel="stylesheet" href="style/client.css" />
<link rel="stylesheet" href="style/sim-types.css" />
<link rel="stylesheet" href="style/battle.css" />
<link rel="stylesheet" href="style/utilichart.css" />
<link rel="stylesheet" href="style/font-awesome.css" />
<link rel="stylesheet" href="style/jquery.slider.min.css" />
<meta id="viewport" name="viewport" content="width=640" />
<meta name="robots" content="noindex" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<script>
var Config = {testclient: true};
(function() {
if (location.search !== '') {
var m = /\?~~(([^:\/]*)(:[0-9]*)?)/.exec(location.search);
if (m) {
Config.server = {
id: m[1],
host: m[2],
port: (m[3] && parseInt(m[3].substr(1))) || 8000
};
} else {
alert('Unrecognised query string syntax: ' + location.search);
}
}
})();
</script>
<!--[if lte IE 8]><script>
Config.oldie = true;
</script><![endif]-->
</head>
<body>
<div id="header" class="header">
<img class="logo" src="pokemonshowdownbeta.png" alt="Pok&eacute;mon Showdown! (beta)" width="146" height="44" /><div class="maintabbarbottom"></div>
</div>
<div class="ps-room scrollable" id="mainmenu"><div class="mainmenuwrapper">
<div class="leftmenu">
<div class="activitymenu">
<div class="pmbox">
<div class="pm-window news-embed">
<h3><button class="closebutton" tabindex="-1"><i class="fa fa-times-circle"></i></button><button class="minimizebutton" tabindex="-1"><i class="fa fa-minus-circle"></i></button>Latest News</h3>
<div class="pm-log" style="max-height:none">
<div class="newsentry"><h4>Test client</h4><p>Welcome to the test client! You can test client changes here!</p><p>&mdash;<strong>Zarel</strong> <small class="date">on Sep 25, 2015</small></p></div>
</div>
</div>
</div>
</div>
<div class="mainmenu">
<div id="loading-message" class="mainmessage">Initializing... <noscript>FAILED<br /><br />Pok&eacute;mon Showdown requires JavaScript.</noscript></div>
</div>
</div>
<div class="rightmenu">
</div>
<div class="mainmenufooter">
<small><a href="//pokemonshowdown.com/" target="_blank"><strong>Pok&eacute;mon Showdown</strong></a> | <a href="http://smogon.com/" target="_blank"><strong>Smogon</strong></a><br><a href="//pokemonshowdown.com/dex/" target="_blank">Pokédex</a> | <a href="//pokemonshowdown.com/replay/" target="_blank">Replays</a> | <a href="//pokemonshowdown.com/rules" target="_blank">Rules</a></small> | <small><a href="//pokemonshowdown.com/forums/" target="_blank">Forum</a></small>
</div>
</div></div>
<script>
document.getElementById('loading-message').innerHTML += ' DONE<br />Loading libraries...';
</script>
<script src="js/lib/jquery-2.1.4.min.js"></script>
<script src="js/lib/jquery-cookie.js"></script>
<script src="js/lib/autoresize.jquery.min.js"></script>
<script src="js/lib/jquery.json-2.3.min.js"></script>
<script src="js/lib/soundmanager2-nodebug-jsmin.js"></script>
<script>
soundManager.setup({url: 'swf/'});
</script>
<script src="js/lib/html-css-sanitizer-minified.js"></script>
<script src="js/lib/lodash.compat.js"></script>
<script src="js/lib/backbone.js"></script>
<script src="js/lib/d3.v3.min.js"></script>
<script>
document.getElementById('loading-message').innerHTML += ' DONE<br />Loading data...';
</script>
<script src="https://play.pokemonshowdown.com/js/config.js"></script>
<script src="js/battledata.js"></script>
<script src="data/pokedex-mini.js"></script>
<script src="data/typechart.js"></script>
<script src="js/battle.js"></script>
<script src="js/lib/sockjs-0.3.4.min.js"></script>
<script src="js/lib/color-thief.min.js"></script>
<script>
document.getElementById('loading-message').innerHTML += ' DONE<br />Loading client...';
</script>
<script src="js/client.js"></script>
<script src="js/client-mainmenu.js"></script>
<script src="js/client-teambuilder.js"></script>
<script src="js/client-ladder.js"></script>
<script src="js/client-chat.js"></script>
<script src="js/client-chat-tournament.js"></script>
<script src="js/client-battle.js"></script>
<script src="js/client-rooms.js"></script>
<script src="js/storage.js"></script>
<script src="data/graphics.js"></script>
<script>
var app = new App();
</script>
<script src="data/learnsets-g6.js"></script>
<script src="js/lib/jquery.slider.min.js"></script>
<script src="data/pokedex.js"></script>
<script src="data/formats-data.js"></script>
<script src="data/moves.js"></script>
<script src="data/items.js"></script>
<script src="data/abilities.js"></script>
<script src="data/search-index.js"></script>
<script src="data/teambuilder-tables.js"></script>
<script src="js/search.js"></script>
<script src="data/aliases.js" async="async"></script>
</body>
</html>