status

Author: freekrai

assets/js/script.js

@@ -79,9 +79,12 @@ $(document).ready(function() {
 			});
 
 			if (issue.state == 'open') {
-				$('#panel').data('incident', 'true');
-				$('#panel').attr('class', (status === 'operational' ? 'panel-success' : 'panel-warn') );
-				$('#paneltitle').html('<a href="#incidents">' + issue.title + '</a>');
+				$('#incidentpanel').data('incident', 'true');
+				$('#incidentpanel').attr('class', (status === 'operational' ? 'panel-success' : 'panel-warn') );
+				$('#incidentpaneltitle').html('<a href="#incidents">' + issue.title + '</a>');
+				$('#incidentpanel').show();
+			}else{
+				$('#incidentpanel').hide();
 			}
 
 			var html = '<div class="list-group-item">\n';

index.html

@@ -19,12 +19,17 @@ <h1>Status Page</h1>
 			<h3 class="panel-title" id="paneltitle"></h3>
 		</div>
 	</div>
+	<div class="panel" id="incidentpanel" style="display:none;">
+		<div class="panel-heading">
+			<h3 class="panel-title" id="incidentpaneltitle"></h3>
+		</div>
+	</div>
 	<h4 class="page-header">Systems</h4>
 	<div class="list-group" id="services"></div>
 	<h4 class="page-header">Incidents</h4>
 	<div class="list-group" id="incidents"></div>
 	<script src="//code.jquery.com/jquery.min.js"></script>
 	<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
-	<script src="assets/js/script.js?v=c2d"></script>
+	<script src="assets/js/script.js?v=d.2"></script>
 </body>
 </html>