_attachments/index.html

<html>
<head>
<title>costco - bulk edit couchdb docs</title>
<link rel="stylesheet" href="costco.css" type="text/css">
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.couch.js" type="text/javascript"></script>
<script src="jquery.couch.app.js" type="text/javascript"></script>
<script src="costco.js" type="text/javascript"></script>
<script src="underscore-min.js" type="text/javascript"></script>
</head>
<body>
  <div id="header">
    <span id="costco-banner">
      costco bulk edit
    </span>
    db: <select id="db-select">
      <optgroup id="existing-dbs">
	  </optgroup>
	  <optgroup id="new-db">
		<option id="new-db-option" value="new-db">*new*</option>
	  </optgroup>
    </select>
    <span id="create-box">
	 name:<input id="new-db-name"></input>
	 <input id="create-db" type="button" value="create"/>
	</span>
  </div>
  <div id="container">
    <div id="map-container">
      <div id="map-message">Edit function 
	    <span id="add-message">or JSON docs to add</span>:<a id="examples" href="http://harthur.github.com/costco/#examples" target=_blank>examples</a></div>
      <textarea id="map-function"></textarea>
      <span id="update-button" class="button">Update Docs</span>
    </div>
    
    <div id="status"></div>

    <div id="update-container">
      <div>
        <span id="continue-button" class="button">Continue</span>
        <span id="cancel-button" class="button">Cancel</span>
      </div>
    </div>
	</div>
</body>
</html>