1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
  <meta charset="utf-8">
5 
	<meta http-equiv='imagetoolbar' content='no'/>
6 
	<title> IDH-SWeeTer Annotation </title>
7 
  <link rel="stylesheet" type="text/css" href="static/bootstrap.css"></link>
8 
	<link rel="stylesheet" type="text/css" href="static/tree.css"></link>
9 
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
10 
	<script type="text/javascript" src="http://underscorejs.org/underscore-min.js"></script>
11 
	<script type="text/javascript" src="http://backbonejs.org/backbone-min.js"></script>
12 
	<script src="http://www.openlayers.org/api/2.11/OpenLayers.js" type="text/javascript"></script>
13 
	<script type="text/javascript" src="static/jit.js"></script>
14 
	<script type="text/javascript" src="static/tree.js"></script>
15 
	<script type="text/javascript" src="static/myVector.js"></script>
16 
	<script type="text/javascript" src="static/bootstrap.js"></script>
17 
</head>
18 
{% if url %}
19 
	<body onload='init({{ url|string|safe }});'>
20 
{% else %}
21 
	<body onload="init();">
22 
{% endif %}
23 
  <div class="fluid-container">
24 





25

    <div class="navbar">





26

      <div class="navbar-inner">





27

        <a class="brand" href="#"> IDH-SWeeTer Annotation </a>





28

        <ul class="nav">





29

          <li class="active"><a href="#">Home</a></li>





30

          <li><a></a></li>





31

          <li><a href="#" class="disabled">





32

            <label><input type="checkbox" name="allow-pan" value="allow-pan" id="allowPanCheckbox" checked=true onclick="allowPan(this);"> Pan</label>





33

            <!--label for="allowPanCheckbox"><small>allow pan while drawing</small></label-->





34

          </a></li>





35

          <li>





36

            <!--label><input type="radio" name="type" value="none" id="noneToggle" onclick="toggleControl(this);" checked="checked"> Navigate</label-->





37

            <!--label><input type="radio" name="type" value="box" id="boxToggle" onclick="toggleControl(this);"> Tag</label-->





38

            <!--label for="noneToggle">navigate</label-->





39

            <span class="btn-group" data-toggle="buttons-radio">





40

              <button class="btn active" value="none" id="control-select" onclick="toggleControl(this);" checked="checked">Navigate</button>





41

              <button class="btn" value="box" id="control-box" onclick="toggleControl(this);">Tag</button>





42

            </span>





43

          </li>





44

          <li><a></a></li>





45

          <li><a></a></li>





46

          <li><button class="btn" onClick="sweet.publish();" id="publish" disabled="true"/>Publish</button></li>





47

        </ul>





48

      </div>





49

    </div>





50






51

    <div id="notification">





52

    </div>





53

    <div id="sweeted"></div>





54

    <div id="posted"></div>





55

    <div id="fail-posting"></div>





56






57

    <!--div class="btn-group">





58

      <button onclick="handler.trigger();"  class="btn btn-small">Mural</button>





59

      <button onclick="handler.trigger1();" class="btn btn-small"> Face</button>





60

      <button onclick="handler.trigger2();" class="btn btn-small">Jewellery</button>





61

    </div-->





62

    <p></p>





63

    <div id="map"></div>





64

    <div id="subheader">Generated by <a href="http://www.maptiler.org/">MapTiler</a><a href="http://www.klokan.cz/projects/gdal2tiles/">GDAL2Tiles</a>, Copyright &copy; 2008 <a href="http://www.klokan.cz/">Klokan Petr Pridal</a>,  <a href="http://www.gdal.org/">GDAL</a> &amp; <a href="http://www.osgeo.org/">OSGeo</a> <a href="http://code.google.com/soc/">GSoC</a>





65

      <!-- PLEASE, LET THIS NOTE ABOUT AUTHOR AND PROJECT SOMEWHERE ON YOUR WEBSITE, OR AT LEAST IN THE COMMENT IN HTML. THANK YOU -->





66

    </div>





67






68

    </div>





69

  </div>





70






71

  <script type="text/javascript" >resize();</script>





72






73

  <div id="annotation-tree" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">





74

    <div class="modal-header">





75

      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>





76

      <div id="myModalLabel">





77

        <h3>Annotation attributes</h3>





78

        <small>Select attributes for annotation</small>





79

      </div>





80

    </div>





81

    <div class="modal-body">





82

      <div id="stats">





83

        <div id="node-info"></div>





84

        <div id="selected-nodes"></div>





85

      </div>





86

      <div id="infovis"></div>





87

      <div id="status"></div>





88

    </div>





89

    <div class="modal-footer">





90

      <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>





91

      <button class="btn btn-primary" onclick="closeAnnotationTree();">Save changes</button>





92

    </div>





93

  </div>





94

</body>





95

</html>