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 
	<script type="text/javascript" src="{{ url_for('static',filename='config.js') }}"></script>
18 
</head>
19 
{% if url %}
20 
	<body onload='init({{ url|string|safe }});'>
21 
{% else %}
22 
	<body onload="init();">
23 
{% endif %}
24 
  <div class="fluid-container">
25 





26

    <div class="navbar">





27

      <div class="navbar-inner">





28

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





29

        <ul class="nav">





30

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





31

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





32

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





33

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





34

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





35

          </a></li>





36

          <li>





37

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





38

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





39

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





40

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





41

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





42

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





43

            </span>





44

          </li>





45

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





46

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





47

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





48

        </ul>





49

      </div>





50

    </div>





51






52

    <div id="notification">





53

    </div>





54

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





55

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





56

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





57






58

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





59

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





60

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





61

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





62

    </div-->





63

    <p></p>





64

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





65

    <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>





66

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





67

    </div>





68






69

    </div>





70

  </div>





71






72

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





73






74

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





75

    <div class="modal-header">





76

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





77

      <div id="myModalLabel">





78

        <h3>Annotation attributes</h3>





79

        <small>Select attributes for annotation</small>





80

      </div>





81

    </div>





82

    <div class="modal-body">





83

      <div id="stats">





84

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





85

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





86

      </div>





87

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





88

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





89

    </div>





90

    <div class="modal-footer">





91

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





92

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





93

    </div>





94

  </div>





95

</body>





96

</html>