-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (146 loc) · 5.59 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>SchBoard 2</title>
<link rel="stylesheet" href="static/index.css">
</head>
<body>
<div class="main-container">
<div class="operation">
<h1>작업 모드</h1>
<ul>
<li><label><input
type="radio"
name="work_mode"
value="arrange"
checked>배치 모드 (V)</label></li>
<li><label><input
type="radio"
name="work_mode"
value="wire">와이어링 모드 (E)</label></li>
<li><label><input
type="radio"
name="work_mode"
value="wire_arrange">와이어 배치 모드 (Q)</label></li>
<li><label><input
type="radio"
name="work_mode"
value="drag">이동 모드 (H)</label></li>
<li><label><input
type="radio"
name="work_mode"
value="zoom">확대/축소 모드 (Z)</label></li>
<li><label><input
type="radio"
name="work_mode"
value="unabstraction">반추상화 (L)</label></li>
<li><label><input
type="radio"
name="work_mode"
value="interaction">상호작용 모드 (I)</label></li>
<li><label><input
type="radio"
name="work_mode"
value="clone">복제 모드 (F)</label></li>
</ul>
<h1>작업</h1>
<p>
<button onclick="abstract()">추상화</button>
<button onclick="save()">저장</button>
<input type="file" id="component-file">
</p>
<h2>설정</h2>
<div class="setting">
<p>계산 제한</p>
<label>
<input type="number" min="0" max="10000" id="calculation-limit">
</label>
</div>
<div class="setting">
<p>이동 보간</p>
<label>
<input type="number" min="1" max="100" id="friction-interpolation">
</label>
</div>
<div class="setting">
<p>충족도 최소치</p>
<label>
<input type="number" min="0" id="minimal-satisfaction">
</label>
</div>
<div class="setting">
<p>충족도 최대치</p>
<label>
<input type="number" min="0" id="maximal-satisfaction">
</label>
</div>
<div class="setting">
<p>계산 제한 최대치</p>
<label>
<input type="number" min="0" max="1000" id="maximal-callim">
</label>
</div>
<h1>정보</h1>
<table>
<tr><td>카메라 X</td><td id="info-camera-x">0</td></tr>
<tr><td>카메라 Y</td><td id="info-camera-y">0</td></tr>
<tr><td>카메라 줌</td><td id="info-camera-zoom">0</td></tr>
<tr><td>계산 큐 길이</td><td id="info-calculation-queue-length">0</td></tr>
<tr><td>프레임 당 계산</td><td id="info-cpf">0</td></tr>
<tr><td>계산 컴포넌트 수</td><td id="info-ccc">0</td></tr>
<tr><td>계산횟수 충족도</td><td id="info-satisfaction-rate" style="font-weight: bold;">0</td></tr>
<tr><td>컴포넌트 수</td><td id="info-components">0</td></tr>
<tr><td>와이어 수</td><td id="info-wires">0</td></tr>
<tr><td>선택된 컴포넌트 수</td><td id="info-selected-components">0</td></tr>
<tr><td>프레임레이트</td><td id="info-fps">0</td></tr>
<tr><td>탭 전체 비용</td><td id="info-total-cost">0</td></tr>
<tr><td>선택된 컴포넌트 비용</td><td id="info-selected-cost">0</td></tr>
</table>
<h1>탭</h1>
<ul id="tab-list">
</ul>
<h1>추상화 컴포넌트</h1>
<table class="abstract-component"></table>
<h1>디버그</h1>
<p>
<button onclick="(() => {createTab('New Tab');})()">"New Tab" 만들고 이동</button>
</p>
</div>
<div class="board">
<div class="path">
Tab
</div>
<div class="canvas">
<canvas id="canvas"></canvas>
</div>
</div>
</div>
<div class="notification" style="display: none;">
<div class="notification-background"></div>
<div class="notification-window">
<div class="notification-title">
</div>
<div class="notification-content">
</div>
<div class="notification-input">
<p><label><input type="text" id="notification-text-input" autofocus></label></p>
</div>
<div class="notification-button">
<button onclick="cancelButton();">취소</button>
<button onclick="okButton();">확인</button>
</div>
</div>
</div>
<script type="text/javascript" src="static/notification.js"></script>
<script type="text/javascript" src="static/object.js"></script>
<script type="text/javascript" src="static/util.js"></script>
<script type="text/javascript" src="static/component.js"></script>
<script type="text/javascript" src="static/general_variable.js"></script>
<script type="text/javascript" src="static/input.js"></script>
<script type="text/javascript" src="static/tab.js"></script>
<script type="text/javascript" src="static/work_mode.js"></script>
<script type="text/javascript" src="static/pack.js"></script>
<script type="text/javascript" src="static/index.js"></script>
</body>
</html>