Skip to content

Instantly share code, notes, and snippets.

@bendem

bendem/index.html

Last active August 29, 2015 14:07
Show Gist options
  • Save bendem/7b0c13fe477ac91a433b to your computer and use it in GitHub Desktop.
Save bendem/7b0c13fe477ac91a433b to your computer and use it in GitHub Desktop.
Download ZIP
glowstone.turt2live.com's source
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Glowstone Testing</title>
<!--<script src="/bundles/modernizr?v=qVODBytEBVVePTNtSFXgRX0NCEjh9U_Oj8ePaSiRcGg1"></script>-->
<!--<link rel="stylesheet" href="/Content/css/Glowstone.css">-->
<link rel="stylesheet" href="style.css">
<script src="http://glowstone.turt2live.com/bundles/jquery?v=JzhfglzUfmVF2qo-weTo-kvXJ9AJvIRBLmu11PgpbVY1"></script>
<script src="main.js"></script>
</head>
<body>
<div class="siteheader">Glowstone Pull Requests</div>
<div class="wrapper">
<div class="box pr-new" data-container-type="_RECENT">
<div class="header">Recent</div>
<div class="listing">
<span class="loading">Loading...</span>
</div>
</div>
<div class="box pr-testing" data-container-type="NeedsTesting">
<a class="viewall" href="https://github.com/GlowstoneMC/Glowstone/pulls?q=is%3Aopen+is%3Apr+label%3A%22PR%3A+Needs+Testing%22">View All</a>
<div class="header">Testing required</div>
<div class="listing">
<span class="loading">Loading...</span>
</div>
</div>
<div class="box pr-unmergable" data-container-type="Unmergable">
<a class="viewall" href="https://github.com/GlowstoneMC/Glowstone/pulls?q=is%3Aopen+is%3Apr+label%3A%22PR%3A+Cannot+Merge%22">View All</a>
<div class="header">Unmergable</div>
<div class="listing">
<span class="loading">Loading...</span>
</div>
</div>
<div class="box pr-changes" data-container-type="NeedsChanges">
<a class="viewall" href="https://github.com/GlowstoneMC/Glowstone/pulls?q=is%3Aopen+is%3Apr+label%3A%22PR%3A+Needs+Changes%22">View All</a>
<div class="header">Changes required</div>
<div class="listing">
<span class="loading">Loading...</span>
</div>
</div>
<div class="box pr-wip" data-container-type="WIP">
<a class="viewall" href="https://github.com/GlowstoneMC/Glowstone/pulls?q=is%3Apr+is%3Aopen+%5BWIP%5D+in%3Atitle">View All</a>
<div class="header">WIP</div>
<div class="listing">
<span class="loading">Loading...</span>
</div>
</div>
<div class="box pr-wait" data-container-type="PendingPull">
<a class="viewall" href="https://github.com/GlowstoneMC/Glowstone/pulls?q=is%3Aopen+is%3Apr+label%3A%22PR%3A+Ready+To+Pull%22">View All</a>
<div class="header">Ready to pull</div>
<div class="listing">
<a class="link" href="http://github.com/GlowstoneMC/Glowstone/pull/445">
<span class="content">#445 - [WIP] Dynamic Recipes</span>
<span class="author">by ZephireNZ</span>
</a>
<a class="link" href="http://github.com/GlowstoneMC/Glowstone/pull/444">
<span class="content">#444 - Add Noteblocks and Jukeboxes</span>
<span class="author">by PaulBGD</span>
</a>
<a class="link" href="http://github.com/GlowstoneMC/Glowstone/pull/442">
<span class="content">#442 - Added method blockDestroy to BlockType class. (Resolves #441)</span>
<span class="author">by ChioriGreene</span>
</a>
<a class="link" href="http://github.com/GlowstoneMC/Glowstone/pull/439">
<span class="content">#439 - Redstone support - Button and lever</span>
<span class="author">by kaenganxt</span>
</a>
<a class="link" href="http://github.com/GlowstoneMC/Glowstone/pull/437">
<span class="content">#437 - [WIP] Implemented door placement and door handling (See #119)</span>
<span class="author">by ChioriGreene</span>
</a>
<a class="link" href="http://github.com/GlowstoneMC/Glowstone/pull/436">
<span class="content">#436 - Redstone support - Basics</span>
<span class="author">by kaenganxt</span>
</a>
<a class="link" href="http://github.com/GlowstoneMC/Glowstone/pull/434">
<span class="content">#434 - Farming blocks placement check and drops</span>
<span class="author">by jimmikaelkael</span>
</a>
</div>
</div>
<div class="box pr-hold" data-container-type="OnHold">
<a class="viewall" href="https://github.com/GlowstoneMC/Glowstone/pulls?q=is%3Aopen+is%3Apr+label%3A%22PR%3A+On+Hold%22">View All</a>
<div class="header">Being held</div>
<div class="listing">
<span class="loading">Loading...</span>
</div>
</div>
</div>
<!--<script src="/Scripts/Glowstone.js" type="text/javascript"></script>-->
</body>
</html>
Raw
main.js
$(document).ready(function () {
UpdateBoxes();
window.setInterval(UpdateBoxes, 10000);
});
function UpdateBoxes() {
console.log("Updating...");
var boxes = $("div.box");
for (var i = 0; i < boxes.length; i++) {
var box = $(boxes[i]);
Populate(box);
}
}
function Populate(box) {
var listing = box.find(".listing");
var lookupType = box.attr("data-container-type");
var lookupUrl = "http://glowstone.turt2live.com/Pr/" + (lookupType == "_RECENT" ? "Recent" : "Requests?status=" + lookupType);
$.get(lookupUrl, function (result) {
var html = "";
var max = lookupType == "OnHold" ? 5 : 7;
var total = result.length < max ? result.length : max;
for (var x = 0; x < total; x++) {
var pr = result[x];
var subHtml = "<a class='link' href='http://github.com/GlowstoneMC/Glowstone/pull/" + pr["Number"] + "'>";
subHtml += "<span class='content'>#" + pr["Number"] + " - " + pr["Title"] + "</span>";
subHtml += "<span class='author'>by " + pr["Author"] + "</span>";
if (lookupType == "OnHold") subHtml += "<span class='hold'>" + pr["HoldReason"] + "</span>";
subHtml += "</a>";
html += subHtml;
}
if (html.length == 0) html = "<span class='loading'>No results!</span>";
listing.html(html);
var all = box.find(".viewall");
all.html("View All (" + result.length + ")");
});
}
Raw
style.css
html, body, div, span, a {
box-sizing: -webkit-border-box;
box-sizing: -moz-border-box;
box-sizing: -ms-border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
background-color: #E6E6E6;
font-family: sans-serif;
}
.siteheader {
margin: 25px auto;
font-size: xx-large;
text-align: center;
}
.loading {
display: block;
text-align: center;
font-size: 1.1em;
font-style: italic;
}
.wrapper {
min-width: 500px;
width: 100%;
-webkit-
-moz-
-ms-
/* Flex! */
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: inline-flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-moz-align-content: stretch;
-ms-align-content: stretch;
align-content: stretch;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.box {
position: relative;
width: 35em;
min-width: 480px;
border-radius: 2px;
padding: 1em;
margin: 1em;
border: 1px solid;
}
.box .header {
font-size: 1.3em;
text-align: center;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
border-bottom: 1px solid;
border-color: inherit;
}
.box .link {
display: block;
padding: 0.5em;
color: inherit;
text-decoration: none;
}
.box .link:hover {
background-color: #FFFFFF;
}
.box .content {
display: inline-block;
width: 66%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.box .author {
display: inline-block;
width: 32%;
vertical-align: super;
text-align: right;
font-style: italic;
font-size: 0.8em;
}
.box .number {
display: inline;
position: absolute;
top: 0;
left: 0;
border-right: 1px solid;
border-bottom: 1px solid;
border-color: inherit;
border-bottom-right-radius: 5px;
padding: 0.3em;
}
.box .number.hidden {
display: none;
}
.box .viewall {
display: inline-block;
position: absolute;
top: 0;
right: 0;
border-left: 1px solid;
border-bottom: 1px solid;
border-color: inherit;
border-bottom-left-radius: 5px;
padding: 0.3em;
color: inherit;
text-decoration: none;
}
.box .viewall:hover {
border-color: #666;
background-color: #fff;
color: black;
cursor: pointer;
}
/* Custom boxes */
.pr-new {
border-color: #0059A6;
background-color: #80C4FF;
}
.pr-testing {
border-color: #2BAD00;
background-color: #BAFDA4;
}
.pr-unmergable {
border-color: #721111;
background-color: #FF8181;
}
.pr-changes {
border-color: #3D0072;
background-color: #D7A7FF;
}
.pr-wip {
border-color: #8B2300;
background-color: #FFBDA7;
}
.pr-wait {
border-color: #005F5D;
background-color: #83FFFE;
}
.pr-hold {
border-color: #7E8E00;
background-color: #EEFE76;
}
.pr-hold .hold {
display: block;
font-size: 0.8em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment