Mercurial > bugzilla-dashboard

<html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
  <link rel="stylesheet" type="text/css" media="all"
        href="css/jquery-ui.css" />
  <link rel="stylesheet" type="text/css" media="all"
        href="css/main.css" />
  <title>Bugzilla Dashboard</title>
</head>
<body>
<div id="header">
  <h1 class="title">Bugzilla Dashboard</h1>
  <ul class="menu hide-while-loading">
    <li data-dialog="login"
        class="requires-no-login"><span>Log In</span></li>
    <li data-dialog="login"
        class="requires-no-auth-login"><span>Authenticate</span></li>
   <li data-dialog="login"
        class="requires-login"><span>Change User</span></li>
    <li data-dialog="find-user"
        class="requires-auth-login"><span>Find A User</span></li>
    <li data-dialog="file-bug"><span>File A Bug</span></li>
  </ul>
</div>
<div id="loading-screen" class="loading">&nbsp;</div>
<div id="reports" class="requires-login hide-while-loading">
  <div class="container">
    <div id="code-reviews"><h2>Things To Review</h2></div>
    <div id="assigned-bugs"><h2>Assigned Bugs</h2></div>
    <div id="reported-bugs"><h2>Reported Bugs</h2></div>
    <div id="cc-bugs"><h2>CC'd Bugs</h2></div>
    <div id="fixed-bugs"><h2>Recently Fixed Bugs</h2></div>
  </div>
</div>
<div id="login" class="dialog">
  <div class="content">
  <form id="login-form">
  <p>Enter a user's Bugzilla information below. If you don't
  provide a password, you'll only be able to see the user's
  public bugs, and you also won't be able to use some of this
  page's awesome functionality.</p>
  <table>
    <tr>
      <td>Username</td>
      <td><input type="text" class="username" id="login-username"/></td>
    </tr>
    <tr>
      <td>Password</td>
      <td><input type="password" class="password" id="login-password"/></td>
    </tr>
  </table>
  <br/>
  <input type="submit" id="login-submit" value="View Dashboard"/>
  </form>
  </div>
</div>
<div id="find-user" class="dialog">
  <div class="content">
  <form id="find-user-form">
  <p>Just type in part of a user name below. You can optionally
  open a customized Bugzilla dashboard for the user, too.</p>
  <table>
   <tr>
      <td>Name</td>
      <td><input type="text" class="query" id="find-user-query"/></td>
    </tr>
  </table>
  <br/>
  <input type="submit" id="find-user-submit"
         value="Show User Dashboard"/>
  </form>
  </div>
</div>
<div id="templates">
  <div class="bug-tooltip">
    <div>
      <span class="priority"></span>
      <span class="severity"></span>
    </div>
    <div>
      <span class="product"></span>
      <span class="component"></span>
    </div>
    <div>Created <span class="age"></span></div>
  </div>
  <table class="bugs">
    <tr class="header">
      <th>Summary</th>
      <th>Last&nbsp;Changed</th>
    </tr>
    <tr class="bug-row">
      <td class="summary"></td>
      <td class="last-changed"></td>
    </tr>
  </table>
</div>
</body>
<!-- Base Scripts -->
<script src="js/jquery.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/require.js"></script>
<script src="js/bugzilla.js"></script>
<script>
$(window).ready(function() {
  var moduleScriptNames = [
    "app",
    "date-utils",
    "cache"
  ];

  var moduleScripts = [];

  moduleScriptNames.forEach(function(name) {
    moduleScripts.push("js/modules/" + name + ".js");
  });

  var customModuleExports = {
    jQuery: jQuery,
    bugzilla: Bugzilla,
    window: window
  };

  Require.preload(document, moduleScripts, function whenLoaded() {
    $("#loading-screen").hide();
    $(".hide-while-loading").show();
    var require = Require.build(Require.modules, customModuleExports);
    require("app/ui").init(document);
  });
});
</script>
</html>
author	Atul Varma <avarma@mozilla.com>
date	Sun, 25 Apr 2010 07:59:33 -0700
parents	07d3d1560b93
children	88b856b1353b