<title>owu! | Past Plays</title>

<link rel=”canonical” href=”https://owu.vercel.app/”/>

<meta name="description" content="owu = osu! + web | The unofficial web port of the rhythm game osu!">

<meta http-equiv="content-type" content="text/html;charset=UTF-8">

<link rel="icon" href="favicon.png">

<link rel="stylesheet" href="style/picnic.min.css">

<link rel="stylesheet" type="text/css" href="style/main.css">

<link rel="stylesheet" type="text/css" href="style/font.css">

<script src="scripts/lib/localforage.min.js"></script>

<script async src="https://arc.io/widget.min.js#f6CePGyv"></script>

<nav id="main-nav">

<div class="nav-link">

<a href="index.html" class="brand">owu!</a>

<a href="new.html" class="pseudo button">Updated</a>

<a href="hot.html" class="pseudo button">Popular</a>

<a href="browse.html" class="pseudo button">Browse</a>

</div>

<div class="nav-search">

<form action="search.html">

<input type="text" name="q" placeholder="Beatmap or SID" />

<input type="image" class="search-button" src="research.svg">

</form>

</div>

<div class="nav-tool">

<a href="faq.html" class="pseudo button">FAQ</a>

<a href="local.html" class="pseudo button">Favorites</a>

<a href="settings.html" class="pseudo button">Settings</a>

<a onclick="document.documentElement.requestFullscreen();" class="pseudo button">Fullscreen</a>

</div>

</nav>

<!--Main Page-->

<div class="main-page" id="main-page">

<div class="main-content">

<table style="white-space: nowrap;">

<thead>

<tr>

<td>Song</td>

<td>Combo</td>

<td>Score</td>

<td>Accuracy</td>

<td>Mods Used</td>

<td>Time</td>

</tr>

</thead>

<tbody id="history-list">

<!-- will be filled in script -->

</tbody>

</table>

</div>

</div>

<script>

Date.prototype.customFormat = function (formatString) {

var YYYY, YY, MMMM, MMM, MM, M, DDDD, DDD, DD, D, hhhh, hhh, hh, h, mm, m, ss, s, ampm, AMPM, dMod, th;

var dateObject = this;

YY = ((YYYY = dateObject.getFullYear()) + "").slice(-2);

MM = (M = dateObject.getMonth() + 1) < 10 ? ('0' + M) : M;

MMM = (MMMM = ["January", "February", "March", "April", "May", "June", "July", "August", "September",

"October", "November", "December"

][M - 1]).substring(0, 3);

DD = (D = dateObject.getDate()) < 10 ? ('0' + D) : D;

DDD = (DDDD = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"][dateObject

.getDay()

]).substring(0, 3);

th = (D >= 10 && D <= 20) ? 'th' : ((dMod = D % 10) == 1) ? 'st' : (dMod == 2) ? 'nd' : (dMod == 3) ?

'rd' : 'th';

formatString = formatString.replace("#YYYY#", YYYY).replace("#YY#", YY).replace("#MMMM#", MMMM).replace(

"#MMM#", MMM).replace("#MM#", MM).replace("#M#", M).replace("#DDDD#", DDDD).replace("#DDD#",

DDD).replace("#DD#", DD).replace("#D#", D).replace("#th#", th);

h = (hhh = dateObject.getHours());

if (h == 0) h = 24;

if (h > 12) h -= 12;

hh = h < 10 ? ('0' + h) : h;

hhhh = hhh < 10 ? ('0' + hhh) : hhh;

AMPM = (ampm = hhh < 12 ? 'am' : 'pm').toUpperCase();

mm = (m = dateObject.getMinutes()) < 10 ? ('0' + m) : m;

ss = (s = dateObject.getSeconds()) < 10 ? ('0' + s) : s;

return formatString.replace("#hhhh#", hhhh).replace("#hhh#", hhh).replace("#hh#", hh).replace("#h#", h)

.replace("#mm#", mm).replace("#m#", m).replace("#ss#", ss).replace("#s#", s).replace("#ampm#", ampm)

.replace("#AMPM#", AMPM);

}

//*** customFormat ends

var list = document.getElementById("history-list");

function addEntry(summary) {

let tr = document.createElement("tr");

list.appendChild(tr);

function nexttd(content) {

let td = document.createElement("td");

tr.appendChild(td);

if (content.tagName)

td.appendChild(content);

else

td.innerText = content;

}

let title = document.createElement("a");

title.innerText = summary.title + " [" + summary.version + "]";

title.href = "search.html?q=" + (summary.sid || summary.title);

nexttd(title);

nexttd(summary.combo);

nexttd(summary.score);

nexttd(summary.grade);

nexttd(summary.mods);

nexttd(new Date(summary.time).customFormat("#D# #MMM# #hhhh#:#mm#"));

}

if (window.localforage) {

localforage.getItem("playhistory1000", function (err, item) {

if (!err && item && item.length) {

item = item.reverse();

for (let i = 0; i < item.length; ++i) {

addEntry(item[i]);

}

}

})

} else {

alert("localforage is not supported.")

}

</script>