-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathviewer.ejs
58 lines (58 loc) · 2.78 KB
/
viewer.ejs
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><%- title %></title>
<link id="style" rel="stylesheet" href="/dist/style.css">
<script>
window.enableWebSocket = <%- enableWebSocket %>;
</script>
<script src="/dist/client.js" defer></script>
</head>
<body>
<main>
<header>
<div class="utility">
<button id="btn-capture" type="button">capture</button>
<button id="btn-toggle-visible-state" type="button"><span id="btn-toggle-visible-state-text" class="btn-text">expand all</span></button>
<button id="btn-settings" type="button"><span class="btn-text">settings</span></button>
</div>
<div class="settings">
<div class="settings-title">Information Visibility</div>
<label class="information-switch"><input data-setting-name="fileName" type="checkbox" checked disabled>Filename</label>
<label class="information-switch"><input class="js-settings-toggle" data-setting-name="props" type="checkbox" checked>Props</label>
<label class="information-switch"><input class="js-settings-toggle" data-setting-name="fileSize" type="checkbox" checked>File Size</label>
<label class="information-switch"><input class="js-settings-toggle" data-setting-name="lastUpdated" type="checkbox" checked>Last Updated</label>
<label class="information-switch"><input class="js-settings-toggle" data-setting-name="referenceCount" type="checkbox" checked>Referenced Count</label>
<div class="settings-title">Style</div>
<div class="information-switch">
<label class="view-switch"><input id="js-view-switch-graph" name="view-style" type="radio" checked>graph style</label>
<label class="view-switch"><input id="js-view-switch-text" name="view-style" type="radio">simple style</label>
</div>
</div>
</header>
<div id="app"></div>
</main>
<footer>
<p>If you saw any problems, please let me know on <a href="https://github.com/tkskto/vue-component-analyzer/issues">github issue</a>.</p>
<p>Vue.js logo is copy of <a href="https://vuejs.org/index.html">official Vue.js website</a>.</p>
</footer>
<div id="dialog" class="dialog">
<div class="dialog-inner">
<div class="dialog-header">
<a id="btn-export" href download="result.png">export</a>
<button id="btn-dialog-close" type="button">close</button>
</div>
<div id="dialog-contents" class="dialog-contents"></div>
</div>
<div class="dialog-overlay"></div>
</div>
<svg class="logo" viewBox="0 0 128 128" width="24" height="24" data-v-5f26462c="">
<symbol id="logo">
<path fill="#42b883" d="M78.8,10L64,35.4L49.2,10H0l64,110l64-110C128,10,78.8,10,78.8,10z" data-v-5f26462c="" />
<path fill="#35495e" d="M78.8,10L64,35.4L49.2,10H25.6L64,76l38.4-66H78.8z" data-v-5f26462c="" />
</symbol>
</svg>
</body>
</html>