index.html

{{define "content"}}
	<div class="col-sm-12">
		<div class="bs-component">
			<div class="well">
				<h1>{{.ServiceInfo.Title}}</h1>
			</div>
		</div>
{{if eq .Lang "ja"}}
		<section>
			<h3>ようこそお侍さん！</h3>
			<p>ここでは本番サーバでの動作テストを行うことができます。</p>
			<p>詳細は<a href="./about">こちら</a>をご参照ください。</p>
		</section>

		<div class="alert alert-dismissible alert-warning">
			<h4>注意！</h4>
			<p>ここでの提出は練習会、予選に応募したことになりません。</p>
			<p>応募登録用にGoogle Classroomページをご用意させていただきました。詳細は<a href="http://samuraicoding.info/entry-jp.html" target="_blank" class="alert-link">こちら</a>をご覧ください。</p>
		</div>
{{else}}
		<section>
			<h3>Hello Samurai!</h3>
			<p>In this site, you can tune your AI on the game server which will be used practice, preliminary and final round.</p>
			<p>Please find more infomation in <a href="./about">here</a>.</p>
		</section>

		<div class="alert alert-dismissible alert-warning">
			<h4>Warning!</h4>
			<p>The submission here will not be accepted for practice and preliminary round.</p>
			<p>Please register the site on Google Classroom.  Please refer <a href="http://samuraicoding.info/entry.html" target="_blank" class="alert-link">this</a> for details.</p>
		</div>
{{end}}
		<section>
			<h3>{{if eq .Lang "ja"}}障害情報{{else}}Fault Information{{end}}</h3>
			<ul class="nav nav-tabs">
				<li class="active"><a href="#trial" data-toggle="tab" aria-expanded="true">Trial Page</a></li>
				<li class=""><a href="#platform" data-toggle="tab" aria-expanded="false">Platform</a></li>
				<li class=""><a href="#backend" data-toggle="tab" aria-expanded="false">Backend</a></li>
			</ul>
			<div class="tab-content">
				<div class="tab-pane active" id="trial" style="margin: 15px;">
				</div>
				<div class="tab-pane" id="platform" style="margin: 15px;">
				</div>
				<div class="tab-pane" id="backend" style="margin: 15px;">
				</div>
			</div>
		</section>
		<script type="text/javascript">
			$(function() {
				var get = function(id, repo) {
					$.get(repo + "/issues", function(data) {
						if (data.length == 0) {
							$(id)
	{{if eq .Lang "ja"}}
									.append('<p>現在確認された障害はないと判断しています。</p>')
									.append('<p>何か問題が発生した場合、<a href="./contact">こちら</a>にご連絡ください。</p>');
	{{else}}
									.append('<p>We thought that everything goes as we planned.</p>')
									.append('<p>If you find any problem, notify <a href="/contact">here</a> please<p>');
	{{end}}
							return;
						}
	{{if eq .Lang "ja"}}
						$(id).append('<p>' + data.length + '件の不具合が報告されています。</p>');
	{{else}}
						$(id).append('<p>' + data.length + ' issue(s) has been reported.</p>');
	{{end}}
						var tableSchema = ["#", "title", "labels", "created at", "updated at", "detail"];
						var header = $();
						tableSchema.forEach(function(v) {
							header = header.add('<th>' + v + '</th>');
						});
						header = header.wrapAll('<tr />').parent();
						header = header.wrapAll('<thead />').parent();
						var body = $();
						var wrapTd = function(s) {
							return '<td>' + s + '</td>';
						};
						var dateFormat = function(t) {
							var f = function(d) {
								return ("0" + d).substr(-2);
							}
							return '<span data-toggle="tooltip" data-placement="bottom" title="' + t.toString() + '">' + t.getFullYear() + '/' + f(t.getMonth() + 1) + '/' + f(t.getDate()) + ' ' + f(t.getHours()) + ':' + f(t.getMinutes()) + ':' + f(t.getSeconds()) + '</span>';
						};
						data.sort(function(l, r) {
							return l.number - r.number;
						});
						data.forEach(function(issue) {
							var line = $();
							line = line.add(wrapTd(issue.number));
							line = line.add(wrapTd(issue.title));
							var labels = $();
							issue.labels.forEach(function(label, i) {
								if (i > 0) {
									labels = labels.add('<span> </span>');
								}
								labels = labels.add('<span class="label" style="background-color: #' + label.color + ';">' + label.name + '</span>');
							});
							if (issue.labels.length == 0) {
								labels = labels.add("<span>-</span>");
							}
							line = line.add(labels.wrapAll('<td />').parent());
							line = line.add(wrapTd(dateFormat(new Date(issue.created_at))));
							line = line.add(wrapTd(dateFormat(new Date(issue.updated_at))));
							line = line.add(wrapTd('<a target="_blank" href="' + issue.html_url + '">Detail</a>'));
							line = line.wrapAll('<tr />').parent();
							body = body.add(line);
						});
						body = body.wrapAll('<tbody />').parent();
						var table = $();
						table = table.add(header);
						table = table.add(body);
						table = table.wrapAll('<table class="table table-striped table-hover" />').parent();
						$(id).append(table);
						$('[data-toggle="tooltip"]').tooltip();
					});
				}
				get("#trial", "https://api.github.com/repos/tut-cc/SamurAI_Coding_2018-19_Practice_PageTemplates");
				get("#platform", "https://api.github.com/repos/takashi-chikayama/software-for-SamurAI-Coding-2018-19");
				get("#backend", "https://api.github.com/repos/exKAZUu/ai-container");
			});
		</script>
	</div>
{{end}}