Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(320)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: templates/base.html

Issue 13892003: Added buildbot appengine frontend for chromium-build app (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/tools/chromium-build
Patch Set: Created 7 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« static/css/geobootstrap.min.css ('K') | « static/js/prettify.js ('k') | templates/main.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: templates/base.html
diff --git a/templates/base.html b/templates/base.html
index 1db3a82136fa3cc597daf921e25e617f17dfdfad..ff5bdebfdccb5b370b2c53e5075c2dd825d557f6 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,326 +1,86 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-{% if reloadarg %}
-<meta http-equiv="refresh" content="{{ reloadarg }}" />
-{% endif %}
-<title>{{ title }}</title>
-<link rel="stylesheet" href="default.css" type="text/css" />
-
-<script type="text/javascript">
-// <![CDATA[
-//
-
-//
-// Functions used to display the build status bubble on box click.
-//
-
-// show the build status box. This is called when the user clicks on a block.
-function showBuildBox(url, event) {
- // Find the current curson position.
- var cursorPosTop = (window.event ? window.event.clientY : event.pageY)
- var cursorPosLeft = (window.event ? window.event.clientX : event.pageX)
-
- // Offset the position by 5, to make the window appears under the cursor.
- cursorPosTop = cursorPosTop + document.body.scrollTop -5 ;
- cursorPosLeft = cursorPosLeft + document.body.scrollLeft - 5;
-
- // Move the div (hidden) under the cursor.
- var divBox = document.getElementById('divBox');
- divBox.style.top = parseInt(cursorPosTop) + 'px';
- divBox.style.left = parseInt(cursorPosLeft) + 'px';
-
- // Reload the hidden frame with the build page we want to show.
- // The onload even on this frame will update the div and make it visible.
- document.getElementById("frameBox").src = url
-
- // We don't want to reload the page.
- return false;
-}
-
-// OnLoad handler for the iframe containing the build to show.
-function updateDiv(event) {
- // Get the frame innerHTML.
- var iframeContent = document.getElementById("frameBox").contentWindow.document.body.innerHTML;
-
- // If there is any content, update the div, and make it visible.
- if (iframeContent) {
- var divBox = document.getElementById('divBox');
- divBox.innerHTML = iframeContent ;
- divBox.style.display = "block";
- }
-}
-
-// Util functions to know if an element is contained inside another element.
-// We use this to know when we mouse out our build status div.
-function containsDOM (container, containee) {
- var isParent = false;
- do {
- if ((isParent = container == containee))
- break;
- containee = containee.parentNode;
- } while (containee != null);
-
- return isParent;
-}
-
-// OnMouseOut handler. Returns true if the mouse moved out of the element.
-// It is false if the mouse is still in the element, but in a blank part of it,
-// like in an empty table cell.
-function checkMouseLeave(element, event) {
- if (element.contains && event.toElement) {
- return !element.contains(event.toElement);
- }
- else if (event.relatedTarget) {
- return !containsDOM(element, event.relatedTarget);
- }
-}
-
-// Creates a new cookie.
-function createCookie(name, value, day) {
- var date = new Date();
- date.setTime(date.getTime() + (day * 24 * 60 * 60 * 1000));
- var expires = "; expires=" + date.toGMTString();
- document.cookie = name + "=" + value+expires + "; path=/";
-}
-
-// Returns the vaue of a cookie, or null if it does not exist.
-function readCookie(name) {
- var begin = name + "=";
- var data = document.cookie.split(';');
- for(var i = 0; i < data.length; i++) {
- var cookie = data[i];
- while (cookie.charAt(0) == ' ')
- cookie = cookie.substring(1, cookie.length);
- if (cookie.indexOf(begin) == 0)
- return cookie.substring(begin.length, cookie.length);
- }
-
- return null;
-}
-
-// Deletes a cookie.
-function eraseCookie(name) {
- createCookie(name, "", -1);
-}
-
-// Hides all "details" and "comments" section.
-function collapse() {
- // Hide all Comments sections.
- var comments = document.querySelectorAll('.DevComment');
- for(var i = 0; i < comments.length; i++) {
- comments[i].style.display = "none";
- }
-
- // Hide all details sections.
- var details = document.querySelectorAll('.DevDetails');
- for(var i = 0; i < details.length; i++) {
- details[i].style.display = "none";
- }
-
- // Fix the rounding on the Revision box. (Lower right corner must be round)
- var revisions = document.querySelectorAll('.DevRev');
- for(var i = 0; i < revisions.length; i++) {
- revisions[i].className = revisions[i].className + ' DevRevCollapse';
- }
-
- // Fix the rounding on the last category box. (Lower left corner must be round)
- var status = document.querySelectorAll('.last');
- for(var i = 0; i < status.length; i++) {
- status[i].className = status[i].className + ' DevStatusCollapse';
- }
-
- // Create a cookie to remember that we want the view to be collapsed.
- createCookie('collapsed', 'true', 30)
-
- // Hide the collapse and the unmerge buttons.
- document.querySelectorAll('.collapse')[0].style.display = 'none'
- document.querySelectorAll('.unmerge')[0].style.display = 'none'
-
- // Activate the merge and expand buttons.
- document.querySelectorAll('.uncollapse')[0].style.display = 'inline'
- document.querySelectorAll('.merge')[0].style.display = 'inline'
-}
-
-// Expands the view. This is the opposite of "Collapse"
-function uncollapse() {
- unmerge();
-
- // Make the comments visible.
- var comments = document.querySelectorAll('.DevComment');
- for(var i = 0; i < comments.length; i++) {
- comments[i].style.display = "";
- }
-
- // Make the details visible.
- var details = document.querySelectorAll('.DevDetails');
- for(var i = 0; i < details.length; i++) {
- details[i].style.display = "";
- }
-
- // Remove the round corner (lower right) for the Revision box.
- var revisions = document.querySelectorAll('.DevRev');
- for(var i = 0; i < revisions.length; i++) {
- revisions[i].className = revisions[i].className.replace('DevRevCollapse', '');
- }
-
- // Remoe the round corner (lower left) for the last category box.
- var status = document.querySelectorAll('.DevStatus');
- for(var i = 0; i < status.length; i++) {
- status[i].className = status[i].className.replace('DevStatusCollapse', '');
- }
-
- // Delete the cookies that say that we want to be collapsed or merged.
- eraseCookie('collapsed')
- eraseCookie('merged')
-
- // Display the "collapse" and "merge" buttons.
- document.querySelectorAll('.collapse')[0].style.display = 'inline'
- document.querySelectorAll('.merge')[0].style.display = 'inline'
-
- // Remove the "uncollapse" and "unmerge" buttons.
- document.querySelectorAll('.uncollapse')[0].style.display = 'none'
- document.querySelectorAll('.unmerge')[0].style.display = 'none'
-}
-
-// Merge all the status boxes together.
-function merge() {
- collapse();
-
- // Hide all the spacing.
- var spacing = document.querySelectorAll('.DevStatusSpacing');
- for(var i = 0; i < spacing.length; i++) {
- spacing[i].style.display = "none";
- }
-
- // Each boxes have, in the className, a tag that uniquely represents the
- // build where this data comes from.
- // Since we want to merge all the boxes coming from the same build, we
- // parse the document to find all the builds, and then, for each build, we
- // concatenate the boxes.
-
- var allTags = [];
- all = document.getElementsByTagName('*')
- for(var i = 0; i < all.length; i++) {
- var element = all[i];
- start = element.className.indexOf('Tag')
- if (start != -1) {
- var className = ""
- end = element.className.indexOf(' ', start)
- if (end != -1) {
- className = element.className.substring(start, end);
- } else {
- className = element.className.substring(start);
- }
- allTags[className] = 1;
- }
- }
-
- // Mergeall tags that we found
- for (i in allTags) {
- var current = document.querySelectorAll('.' + i);
-
- // We do the work only if there is more than 1 box with the same
- // build.
- if (current.length > 1) {
- // Add the noround class to all the boxes.
- for(var i = 0; i < current.length; i++) {
- current[i].className = current[i].className + ' noround';
- }
-
- // Add the begin class to the first box.
- current[0].className = current[0].className + ' begin';
-
- // Add the end class to the last box.
- last = current.length - 1;
- current[last].className = current[last].className + ' end';
+<!DOCTYPE html>
agable 2013/04/15 19:33:30 Don't want to clobber the old base.html. Maybe put
Ryan Tseng 2013/04/17 22:53:48 Oops, I'll move it to viewer_base.html
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <title>{% block title %}Build Log{% endblock %}</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="">
+ <meta name="author" content="">
+
+ <!-- Le styles -->
+ <script src="http://code.jquery.com/jquery.js"></script>
+ <script src="/static/js/bootstrap.min.js"></script>
+ <script src="/static/js/prettify.js"></script>
+ <style type="text/css">
+ body {
+ padding-top: 60px;
+ padding-bottom: 40px;
+ }
+ .sidebar-nav {
+ padding: 9px 0;
+ }
+
+ @media (max-width: 980px) {
+ /* Enable use of floated navbar text */
+ .navbar-text.pull-right {
+ float: none;
+ padding-left: 5px;
+ padding-right: 5px;
}
- }
-
- // Display the "unmerge" button.
- document.querySelectorAll('.unmerge')[0].style.display = 'inline'
- document.querySelectorAll('.uncollapse')[0].style.display = 'inline'
-
- // Remove the "merge" button.
- document.querySelectorAll('.collapse')[0].style.display = 'none'
- document.querySelectorAll('.merge')[0].style.display = 'none'
-
- // Create a cookie to remember that we want to be merged.
- createCookie('merged', 'true', 30)
-}
-
-// Un-merge the view. This is the opposite of "merge".
-function unmerge() {
- // We put back all the spacing.
- var spacing = document.querySelectorAll('.DevStatusSpacing');
- for(var i = 0; i < spacing.length; i++) {
- spacing[i].style.display = "";
- }
-
- // We remove the class added to all the boxes we modified.
- var noround = document.querySelectorAll('.noround');
- for(var i = 0; i < noround.length; i++) {
- noround[i].className = noround[i].className.replace("begin", '');
- noround[i].className = noround[i].className.replace("end", '');
- noround[i].className = noround[i].className.replace("noround", '');
- }
-
- // Delete the cookie, we don't want to be merged anymore.
- eraseCookie('merged')
-
- // Display the "merge" button.
- document.querySelectorAll('.merge')[0].style.display = 'inline'
-
- // Hide the "unmerge" button.
- document.querySelectorAll('.unmerge')[0].style.display = 'none'
-}
-
-function SetupView() {
- if (readCookie('merged')) {
- merge();
- } else if (readCookie('collapsed')) {
- collapse();
- }
-}
-
-document.addEventListener("DOMContentLoaded", SetupView, false);
-
-// ]]>
-</script>
-
-{% if additional_head %}
-{{ additional_head }}
-{% endif %}
-
-</head>
-
-<body{% if body_class %} class="{{ body_class }}"{% endif %}>
-<div style="text-align:right; float: right;">
-{% if user %}
-{{ user_nickname }}
- - <a href="{{ logout_url }}">Sign Out</a>
-{% else %}
-<a href="{{ login_url }}">Sign In</a>
-{% endif %}
-</div>
-
-<div class="header">
-<a href="{{ offsite_base }}/.">Home</a>
- - <a href="{{ offsite_base }}/waterfall">Waterfall</a>
- - <a href="{{ offsite_base }}/console">Console</a>
- - <a href="{{ offsite_base }}/builders">Builders</a>
- - <a href="{{ offsite_base }}/one_line_per_build">Recent Builds</a>
- - <a href="{{ offsite_base }}/buildslaves">Buildslaves</a>
- - <a href="{{ offsite_base }}/changes">Changesources</a>
- - <a href="{{ offsite_base }}/json/help">JSON API</a>
- - <a href="{{ offsite_base }}/about">About</a>
-</div>
-
-<hr />
- {% autoescape off %}
- {{ content }}
- {% endautoescape %}
-</body>
+ }
+ </style>
+ <link href="/static/css/bootstrap.min.css" rel="stylesheet">
+ {% block head %}{% endblock %}
+ </head>
+ <body>
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <ul class="nav pull-right">
+ <li><a href="{{url}}">Original Page</a></li>
+ </ul>
+ <div class="container">
+ <button type="button" class="btn btn-navbar"
+ data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class="brand" href="/buildbot/">
+ Buildbot Viewer
+ </a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ {% for crumb, link in breadcrumbs %}
+ <li>
+ <a href="{{link}}">{{crumb}}</a>
+ </li>
+ {% endfor %}
+ </ul>
+ </div><!--/.nav-collapse -->
+ </div>
+ </div>
+ </div>
+ <div class="container-fluid">
+ {% block body %}{% endblock %}
+ {% block footer %}
+ <div class="row">
+ <div class="span4">
+ {% block sub_footer %}{% endblock sub_footer %}
+ </div>
+ <div class="span2 pull-right">
+ <img alt="Chrome" data-g-event="nav-logo" data-g-label=
+ "consumer-home" id="logo" src=
+ "http://www.google.com/intl/en/chrome/assets/common/images/chrome_logo_2x.png">
+ </div>
+ </div>
+ {% endblock %}
+ </div>
+ <script>
+ !function ($) {
+ $(function(){
+ window.prettyPrint && prettyPrint()
+ })
+ }(window.jQuery)
+ </script>
+ </body>
</html>
« static/css/geobootstrap.min.css ('K') | « static/js/prettify.js ('k') | templates/main.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698