1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
  <meta charset="utf-8">
5 
	<meta http-equiv='imagetoolbar' content='no'/>
6 
	<title> Lepakshi Mural 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="#">Lepakshi Mural</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="posted" class="alert alert-success" style="display: none; width: 300px; margin: auto;">





54

      <button type="button" class="close" data-dismiss="alert">&times;</button>





55

      <b>Success!</b> Post successfully posted.





56

    </div>





57

    <div id="fail-posting" class="alert alert-error" style="display: none; width: 300px; margin: auto;">





58

      <button type="button" class="close" data-dismiss="alert">&times;</button>





59

      <b>Error!</b> Something went wrong. Could not post.





60

    </div>





61






62

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





63

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





64

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





65

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





66

    </div-->





67

    <p></p>





68

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





69

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





70

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





71

    </div>





72






73

  </div>





74






75

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





76






77

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





78

    <div class="modal-header">





79

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





80

      <div id="myModalLabel">





81

        <h3>Annotation attributes</h3>





82

        <small>Select attributes for annotation</small>





83

      </div>





84

    </div>





85

    <div class="modal-body">





86

      <div id="stats">





87

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





88

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





89

      </div>





90

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





91

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





92

    </div>





93

    <div class="modal-footer">





94

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





95

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





96

    </div>





97

  </div>





98

</body>





99

</html>