view static-files/index.html @ 8:be87610d9abb

added loading throbber, a few other css changes
author Atul Varma <avarma@mozilla.com>
date Wed, 02 Jun 2010 23:25:13 -0700
parents 14d152040c1d
children 8345b393df5b
line wrap: on
line source

<!DOCTYPE HTML>
<html>
<head>
  <title>Bugzilla Easy Patch Generator</title>
  <style>
  body {
    font-family: Helvetica Neue, sans-serif;
    font-size: 10pt;
  }

  input {
    border: none;
    padding: 0.25em;
  }

  input[type=text] {
    border: 1px dotted gray;
    width: 40em;
  }

  #success, #failure {
    display: none;
  }

  .code {
    font-family: Monaco, monospace;
    white-space: pre-wrap;
  }

  #success .patch {
    width: 60em;
    height: 20em;
  }

  #failure .log {
    color: red;
  }

  form {
    padding-left: 2em;
    line-height: 2em;
  }

  .thinking {
    background-image: url('ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: top left;
  }
  </style>
</head>
<body>
<form>
  <div>
  URL of HG repository containing your changes:
    <input id="pull-url" type="text"/>
  </div>
  <input type="submit" value="Make Patch">
</form>
<div id="success">
  <p>Yay, we got a patch!</p>
  <textarea class="patch code"></textarea>
</div>
<div id="failure">
  <p>Alas, failure.</p>
  <div class="log code"></div>
</div>
<script src="jquery.js"></script>
<script src="app.js"></script>
</body>
</html>