add infomation support

SuperScriptViewer/templates/viewer.html

@@ -62,7 +62,7 @@
             {% for i in cells %}
             <div class="{% if i[6] == 0 %}cell-plocal{% elif i[6] == 1 %}cell-shortcut{% elif i[6] == 2 %}cell-pio{% elif i[6] == 3 %}cell-bio{% else %}cell-ptarget{% endif %}"
             style="height: {% if i[6] == 2 or i[6] == 3 %}6{% else %}5{% endif %}px; width: {% if i[6] == 2 or i[6] == 3 %}6{% else %}15{% endif %}px; top: {{ i[5] }}px; left: {{ i[4] }}px;"
-            title="{{ "Name: %s\nType: %s"|format(i[2], i[3]) }}"></div>
+            title="{{ "Name: %s\nType: %s"|format(i[2], i[3]) }}" ondblclick="queryInfo({{ i[1] }});"></div>
             {% endfor %}
 
             <svg version="1.1" width="{{ gWidth }}px" height="{{ gHeight }}px" style="position: absolute; top: 0; left: 0;pointer-events: none;">
@@ -81,7 +81,14 @@
                 </line>-->                
             </svg>
         </div>
-
+    </div>
+    <div id="propertyWindow-main" style="position: absolute; background: #0000007f; width: 100%; height: 100%; top: 0; left: 0; display: none;">
+        <div style="position: absolute; background: white; width: 50%; height: 50%; top: 25%; left: 25%; display: flex; flex-flow: column;">
+            <p style="margin: 5px;">Properties of <b id="propertyWindow-id"></b></p>
+            <div id="propertyWindow-container" style="width: 100%; height: 100%; overflow: scroll;">
+            </div>
+            <button style="width: 100px; height: 25px; margin: 5px;" onclick="closePropertyWindow();">Close</button>
+        </div>
     </div>
 </body>