hydra/src/Hydra/root/layout.tt

[% USE date -%]
[% USE HTML -%]
<?xml version="1.0" encoding="UTF-8"?>

[% PROCESS common.tt %]

[% BLOCK makeLink %]
  <li [% IF curUri == uri %]class="active"[% END %]>
    <div class="title"><a href="[% uri %]">[% title %]</a></div>
  </li>
[% END %]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  
  <head>
    <title>Hydra - [% title %]</title>
    <link rel="stylesheet" href="/static/css/hydra.css" type="text/css" />
    <link rel="stylesheet" href="/static/css/logfile.css" type="text/css" />
    <script type="text/javascript" src="/static/js/jquery-pack.js"></script> 
    <script type="text/javascript" src="/static/js/tablesorter/jquery.tablesorter.js"></script>
    
    <script type="text/javascript">
      $(document).ready(function() {

          /*** Sortable tables. ***/
          
          $("table.tablesorter").tablesorter();

          
          /*** Tree toggles in logfiles. ***/

          /* Set the appearance of the toggle depending on whether the
             corresponding subtree is initially shown or hidden. */
          $(".logTreeToggle").map(function() {
              if ($(this).siblings("ul:hidden").length == 0) {
                  $(this).text("-");
              } else {
                  $(this).text("+");
              }
          });

          /* When a toggle is clicked, show or hide the subtree. */
          $(".logTreeToggle").click(function() {
              if ($(this).siblings("ul:hidden").length != 0) {
                  $(this).siblings("ul").show();
                  $(this).text("-");
              } else {
                  $(this).siblings("ul").hide();
                  $(this).text("+");
              }
          });

          /* Implementation of the expand all link. */
          $(".logTreeExpandAll").click(function() {
              $(".logTreeToggle", $(this).siblings(".toplevel")).map(function() {
                  $(this).siblings("ul").show();
                  $(this).text("-");
              });
          });

          /* Implementation of the collapse all link. */
          $(".logTreeCollapseAll").click(function() {
              $(".logTreeToggle", $(this).siblings(".toplevel")).map(function() {
                  $(this).siblings("ul").hide();
                  $(this).text("+");
              });
          });


      });
    </script>
    
  </head>
  
  <body>
    <div id="container">

      <div id="leftnavbar">
        <div id="logo"><img src="/static/images/hydra.png" alt="Hydra" /></div>
        
        <ul class="menu">
          <li>
            <div class="title">Hydra</div>
            <ul class="submenu">
              [% INCLUDE makeLink uri = c.uri_for('/') title = "Overview" %]
              [% INCLUDE makeLink uri = c.uri_for('/queue') title = "Queue" %]
              [% INCLUDE makeLink uri = c.uri_for('/jobstatus') title = "Job status" %]
              [% INCLUDE makeLink uri = c.uri_for('/all') title = "All builds" %]
            </ul>
          </li>

          <li>
            <div class="title">Projects</div>
            <ul class="submenu">
              [% FOREACH project IN projects %]
                <li [% IF curUri == c.uri_for('/project' project.name) %]class="active"[% END %]>
                  <div class="title"><a href="[% c.uri_for('/project' project.name) %]">[% HTML.escape(project.displayname) %]</a></div>
                  [% IF curProject.name == project.name %]
                    <ul class="subsubmenu">
                      [% INCLUDE makeLink uri = c.uri_for('/project' project.name 'jobstatus') title = "Job status" %]
                      [% INCLUDE makeLink uri = c.uri_for('/project' project.name 'all') title = "All builds" %]
                      [% INCLUDE makeLink uri = c.uri_for('/releasesets' project.name) title = "Releases" %]
                      [% INCLUDE makeLink uri = c.uri_for('/project' project.name 'edit') title = "Edit" %]
                    </ul>
                  [% END %]
                </li>
              [% END %]
            </ul>
          </li>

          <li>
            <div class="title">Admin</div>
            <ul class="submenu">
              [% IF c.user_exists %]
                [% INCLUDE makeLink uri = c.uri_for('/logout') title = "Logout" %]
              [% ELSE %]
                [% INCLUDE makeLink uri = c.uri_for('/login') title = "Login" %]
              [% END %]
              [% INCLUDE makeLink uri = c.uri_for('/createproject') title = "Create project" %]
            </ul>
          </li>
        </ul>
      </div>

      <div id="content">
        [% content %]
        <div id="footer">
          <hr />
          Generated on [% PROCESS renderDateTime %].
          [% IF c.user_exists %]
          You are logged in as <tt>[% c.user.username %]</tt>.
          [% END %]
        </div>
      </div>

    </div>
  </body>

</html>
* Start of a basic Catalyst web interface. 2008-10-28 10:19:31 +00:00			`[% USE date -%]`
2008-11-18 12:48:58 +00:00			`[% USE HTML -%]`
2008-11-13 12:11:18 +00:00			`<?xml version="1.0" encoding="UTF-8"?>`
2008-11-13 09:48:10 +00:00
2008-11-27 02:38:03 +00:00			`[% PROCESS common.tt %]`

2008-11-13 09:48:10 +00:00			`[% BLOCK makeLink %]`
			`<li [% IF curUri == uri %]class="active"[% END %]>`
			`<div class="title"><a href="[% uri %]">[% title %]</a></div>`
			`</li>`
			`[% END %]`

* Start of a basic Catalyst web interface. 2008-10-28 10:19:31 +00:00			`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`

			`<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">`

			`<head>`
* Separate job status and all builds pages. 2008-11-27 00:38:09 +00:00			`<title>Hydra - [% title %]</title>`
* Pretty-print the logs. 2008-11-18 16:45:23 +00:00			`<link rel="stylesheet" href="/static/css/hydra.css" type="text/css" />`
			`<link rel="stylesheet" href="/static/css/logfile.css" type="text/css" />`
* Adding input value alternatives. 2008-11-17 13:36:58 +00:00			`<script type="text/javascript" src="/static/js/jquery-pack.js"></script>`
* Some jQuery / CSS hackery. 2008-10-28 15:34:29 +00:00			`<script type="text/javascript" src="/static/js/tablesorter/jquery.tablesorter.js"></script>`
* Use jquery for the logfile manipulation. 2008-11-18 17:51:40 +00:00
* Some jQuery / CSS hackery. 2008-10-28 15:34:29 +00:00			`<script type="text/javascript">`
2008-11-18 12:48:58 +00:00			`$(document).ready(function() {`
2008-11-26 18:45:52 +00:00
			`/* Sortable tables. */`

* Use jquery for the logfile manipulation. 2008-11-18 17:51:40 +00:00			`$("table.tablesorter").tablesorter();`

2008-11-26 18:45:52 +00:00
			`/* Tree toggles in logfiles. */`

* Use jquery for the logfile manipulation. 2008-11-18 17:51:40 +00:00			`/* Set the appearance of the toggle depending on whether the`
			`corresponding subtree is initially shown or hidden. */`
			`$(".logTreeToggle").map(function() {`
			`if ($(this).siblings("ul:hidden").length == 0) {`
			`$(this).text("-");`
			`} else {`
			`$(this).text("+");`
			`}`
			`});`

			`/* When a toggle is clicked, show or hide the subtree. */`
			`$(".logTreeToggle").click(function() {`
			`if ($(this).siblings("ul:hidden").length != 0) {`
			`$(this).siblings("ul").show();`
			`$(this).text("-");`
			`} else {`
			`$(this).siblings("ul").hide();`
			`$(this).text("+");`
			`}`
			`});`

			`/* Implementation of the expand all link. */`
			`$(".logTreeExpandAll").click(function() {`
			`$(".logTreeToggle", $(this).siblings(".toplevel")).map(function() {`
			`$(this).siblings("ul").show();`
			`$(this).text("-");`
			`});`
			`});`

			`/* Implementation of the collapse all link. */`
			`$(".logTreeCollapseAll").click(function() {`
			`$(".logTreeToggle", $(this).siblings(".toplevel")).map(function() {`
			`$(this).siblings("ul").hide();`
			`$(this).text("+");`
			`});`
			`});`
2008-11-26 18:45:52 +00:00

2008-11-18 12:48:58 +00:00			`});`
* Some jQuery / CSS hackery. 2008-10-28 15:34:29 +00:00			`</script>`
* Use jquery for the logfile manipulation. 2008-11-18 17:51:40 +00:00
* Start of a basic Catalyst web interface. 2008-10-28 10:19:31 +00:00			`</head>`

			`<body>`
2008-11-12 23:45:11 +00:00			`<div id="container">`

			`<div id="leftnavbar">`
2008-11-27 01:27:08 +00:00			`<div id="logo"><img src="/static/images/hydra.png" alt="Hydra" /></div>`
* Grabbed a logo. TODO: check copyright status. 2008-11-27 01:05:31 +00:00
2008-11-13 12:11:18 +00:00			`<ul class="menu">`
			`<li>`
2008-11-12 23:45:11 +00:00			`<div class="title">Hydra</div>`
2008-11-13 12:11:18 +00:00			`<ul class="submenu">`
2008-11-13 09:48:10 +00:00			`[% INCLUDE makeLink uri = c.uri_for('/') title = "Overview" %]`
			`[% INCLUDE makeLink uri = c.uri_for('/queue') title = "Queue" %]`
* Separate job status and all builds pages. 2008-11-27 00:38:09 +00:00			`[% INCLUDE makeLink uri = c.uri_for('/jobstatus') title = "Job status" %]`
2008-11-13 09:48:10 +00:00			`[% INCLUDE makeLink uri = c.uri_for('/all') title = "All builds" %]`
2008-11-12 23:45:11 +00:00			`</ul>`
			`</li>`
2008-11-13 12:11:18 +00:00
			`<li>`
2008-11-12 23:45:11 +00:00			`<div class="title">Projects</div>`
2008-11-13 12:11:18 +00:00			`<ul class="submenu">`
2008-11-12 23:45:11 +00:00			`[% FOREACH project IN projects %]`
2008-11-13 12:11:18 +00:00			`<li [% IF curUri == c.uri_for('/project' project.name) %]class="active"[% END %]>`
2008-11-18 12:48:58 +00:00			`<div class="title"><a href="[% c.uri_for('/project' project.name) %]">[% HTML.escape(project.displayname) %]</a></div>`
2008-11-13 12:11:18 +00:00			`[% IF curProject.name == project.name %]`
			`<ul class="subsubmenu">`
* Show job status and all builds for a project. 2008-11-27 02:23:44 +00:00			`[% INCLUDE makeLink uri = c.uri_for('/project' project.name 'jobstatus') title = "Job status" %]`
2008-11-13 12:11:18 +00:00			`[% INCLUDE makeLink uri = c.uri_for('/project' project.name 'all') title = "All builds" %]`
* Showing releases. 2008-11-27 18:27:19 +00:00			`[% INCLUDE makeLink uri = c.uri_for('/releasesets' project.name) title = "Releases" %]`
* Basic release management: releases are now dynamically computed as database queries from a set of jobs that have to be in a release. E.g. a patchelf release might consist of the jobs "tarball", "build", and "rpm_fedora10i386". Here the first job ("tarball") is the primary job: all the others have it as an input. The primary job supplies the identity of the release. 2008-11-27 15:16:06 +00:00			`[% INCLUDE makeLink uri = c.uri_for('/project' project.name 'edit') title = "Edit" %]`
2008-11-13 12:11:18 +00:00			`</ul>`
			`[% END %]`
			`</li>`
2008-11-12 23:45:11 +00:00			`[% END %]`
			`</ul>`
			`</li>`
2008-11-13 12:11:18 +00:00
			`<li>`
2008-11-12 23:45:11 +00:00			`<div class="title">Admin</div>`
2008-11-13 12:11:18 +00:00			`<ul class="submenu">`
* Added authentication. 2008-11-26 19:48:04 +00:00			`[% IF c.user_exists %]`
			`[% INCLUDE makeLink uri = c.uri_for('/logout') title = "Logout" %]`
			`[% ELSE %]`
			`[% INCLUDE makeLink uri = c.uri_for('/login') title = "Login" %]`
			`[% END %]`
			`[% INCLUDE makeLink uri = c.uri_for('/createproject') title = "Create project" %]`
2008-11-12 23:45:11 +00:00			`</ul>`
			`</li>`
			`</ul>`
			`</div>`

			`<div id="content">`
			`[% content %]`
			`<div id="footer">`
			`<hr />`
2008-11-27 02:38:03 +00:00			`Generated on [% PROCESS renderDateTime %].`
* Added authentication. 2008-11-26 19:48:04 +00:00			`[% IF c.user_exists %]`
			`You are logged in as <tt>[% c.user.username %]</tt>.`
			`[% END %]`
2008-11-12 23:45:11 +00:00			`</div>`
			`</div>`
* Start of a basic Catalyst web interface. 2008-10-28 10:19:31 +00:00
			`</div>`
			`</body>`

* Log evaluation errors etc. in the DB. 2008-11-25 13:27:57 +00:00			`</html>`