62 lines
2.8 KiB
HTML
62 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html style="height: 100%; margin: 0; padding: 0;">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Script Viewer</title>
|
|
<link rel="stylesheet" href="{{static_css}}">
|
|
<script src="{{static_js}}"></script>
|
|
</head>
|
|
|
|
<body style="display: flex; flex-flow: column; height: 100%; width: 100%; margin: 0; padding: 0;">
|
|
<div style="display: flex; background: #cfcfcf; flex-flow: row; width: 100%; height: 50px;">
|
|
<div style="display: flex; flex-flow: row; width: 100%; height: 100%; overflow: scroll;">
|
|
|
|
<p class="hamburger"><a href="/"><b>Script Hierarchy</b></a></p>
|
|
|
|
{% for i in hamburgerHistory %}
|
|
<p class="hamburger">>></p>
|
|
<p class="hamburger"><a href="{{ "../" * loop.revindex }}">{{ i|e }}</a></p>
|
|
{% endfor %}
|
|
|
|
<p class="hamburger">>></p>
|
|
<p class="hamburger"><b>{{ hamburgerCurrent|e }}</b></p>
|
|
|
|
</div>
|
|
<div style="width: 100px;">
|
|
<button style="width: 100px; height: 50px;">SAVE !!</button>
|
|
</div>
|
|
</div>
|
|
<div style="background: #7f7f7f; width: 100%; height: 100%; overflow: scroll; position: relative;">
|
|
<div>
|
|
{% for i in blocks %}
|
|
<div class="block-body" style="height: {{ i[11] }}px; width: {{ i[10] }}px; top: {{ i[9] }}px; left: {{ i[8] }}px;">
|
|
{% for pin in range(i[4]) %}
|
|
<div class="block-p" style="height: 6px; width: 6px; top: 0; left: {{ 20 + pin * ( 6 + 20) }}px;"></div>
|
|
{% endfor %}
|
|
{% for pout in range(i[5]) %}
|
|
<div class="block-p" style="height: 6px; width: 6px; bottom: 0; left: {{ 20 + pout * ( 6 + 20) }}px;"></div>
|
|
{% endfor %}
|
|
{% for bin in range(i[6]) %}
|
|
<div class="block-b" style="height: 6px; width: 6px; top: {{ 10 + bin * ( 6 + 20) }}px; left: 0;"></div>
|
|
{% endfor %}
|
|
{% for bout in range(i[6]) %}
|
|
<div class="block-b" style="height: 6px; width: 6px; top: {{ 10 + bout * ( 6 + 20) }}px; right: 0;"></div>
|
|
{% endfor %}
|
|
|
|
<p class="block-text" style="top: 10px; left: 20px;">{{ i[2]|e }}</p>
|
|
<p class="block-text" style="top: 24px; left: 20px;"><i>{{ i[3]|e }}</i></p>
|
|
</div>
|
|
{% endfor %}
|
|
<svg version="1.1" width="5000px" height="5000px" style="position: absolute; top: 0; left: 0;">
|
|
<line x1="502" y1="210" x2="100" y2="100" stroke="black" stroke-width="1px"></line>
|
|
<line x1="320" y1="200" x2="100" y2="100" stroke="blue" stroke-width="1px" stroke-dasharray="10, 5">
|
|
</line>
|
|
<text x="200" y="155" fill="black">0</text>
|
|
</svg>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
</html> |