-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpanel.html
124 lines (122 loc) · 4.7 KB
/
panel.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
<div id="mfgWrapper" class="mfg">
<div id="mfgPanel">
<div id="mfgHeader">
Mutual Friends Graph
<p>facebook crawler</p>
</div>
<div id="mfgBody">
<div id="mfgStart">
<p>
Go to the list of your friends, reload the page and press <i>run</i> button.
</p>
<div class="mfgButton blue start">Run</div>
<div class="mfgButton blue test">Test</div>
<div class="mfgButton blue results">Show last results</div>
<div class="mfgLinkWrapper">
<div class="mfgLink close">Close</div>|
<a class="mfgLink" href="http://www.cytoscape.org/">Cytoscape</a>
</div>
</div>
<div id="mfgProcessing">
<p>
Don't click anything. Or <u class="mfgLink abort">abort</u>.
</p>
<div class="mfgProgress top">
<p class="left"></p>
<p class="right"></p>
<div class="bar">
<div></div>
</div>
</div>
<div class="mfgProgress bottom">
<p class="left"></p>
<p class="right"></p>
<div class="bar">
<div></div>
</div>
</div>
</div>
<div id="mfgResults">
<p class="message">
Done.
</p>
<div class="mfgLink copy">
<div class="blue">⎘</div>
copy to clipboard
</div>
<p class="stats"></p>
<div class="mfgLinkWrapper">
<div class="mfgLink return">Return</div>|
<div class="mfgLink close">Close</div>|
<a class="mfgLink" href="http://www.cytoscape.org/">Cytoscape</a>
</div>
<textarea></textarea>
<div class="mfgGraph small">
<div id="cy"></div>
<div class="controls">
<svg class="enter" version="1.1" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="m1.5 8h-1.5v4h4v-1.5h-2.5zm-1.5-4h1.5v-2.5h2.5v-1.5h-4zm10.5 6.5h-2.5v1.5h4v-4h-1.5zm-2.5-10.5v1.5h2.5v2.5h1.5v-4z"/>
</svg>
<svg class="close" version="1.1" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="m0 9.5h2.5v2.5h1.5v-4h-4zm2.5-7h-2.5v1.5h4v-4h-1.5zm5.5 9.5h1.5v-2.5h2.5v-1.5h-4zm1.5-9.5v-2.5h-1.5v4h4v-1.5z"/>
</svg>
<button class="center">center</button>
<button class="layout-start">start layout</button>
<button class="settings">settings</button>
<button class="names">randomize names</button>
<button class="jpg">JPG</button>
<button class="png">PNG</button>
</div>
</div>
</div>
<div id="mfgTest">
<p>
Enter number of friends to crawl.
</p>
<textarea></textarea>
<div class="mfgButton blue startTest">Run the test</div>
<div class="mfgLinkWrapper">
<div class="mfgLink return">Return</div>
</div>
</div>
</div>
</div>
</div>
<div id="graphDialog" class="mfg">
<form>
<span class="add-on layout-text"> Node Repulsion </span>
<input id="node-repulsion" type="text" class="input-small layout-text" value="400000">
<span class="add-on layout-text"> Node Overlap </span>
<input id="node-overlap" type="text" class="input-small layout-text" value="10">
<span class="add-on layout-text"> Ideal Edge Length </span>
<input id="ideal-edge-length" type="text" class="input-small layout-text" value="10">
<span class="add-on layout-text"> Edge Elasticity </span>
<input id="edge-elasticity" type="text" class="input-small layout-text" value="100">
<span class="add-on layout-text"> Nesting Factor </span>
<input id="nesting-factor" type="text" class="input-small layout-text" value="5">
<span class="add-on layout-text"> Gravity </span>
<input id="gravity" type="text" class="input-small layout-text" value="250">
<span class="add-on layout-text"> Number of Iterations </span>
<input id="num-iter" type="text" class="input-small layout-text" value="100">
<span class="add-on layout-text"> Animate </span>
<input id="animate" type="checkbox" class="input-small layour-text" checked="">
<span class="add-on layout-text"> Refresh </span>
<input id="refresh" type="text" class="input-small layout-text" value="4">
<span class="add-on layout-text"> Fit </span>
<input id="fit" type="checkbox" class="input-small layout-text" checked="">
<span class="add-on layout-text"> Padding </span>
<input id="padding" type="text" class="input-small layout-text" value="30">
<span class="add-on layout-text"> Randomize </span>
<input id="randomize" type="checkbox" class="input-small layout-text" checked="">
<span class="add-on layout-text"> Debug </span>
<input id="debug" type="checkbox" class="input-small layout-text">
<span class="add-on layout-text"> Initial Temp. </span>
<input id="initialTemp" type="text" class="input-small layout-text" value="200">
<span class="add-on layout-text"> Minimum Temp. </span>
<input id="minTemp" type="text" class="input-small layout-text" value="1">
</form>
<div class="buttons">
<button id="save-layout" class="blue">Save</button>
<button id="default-layout" class="blue">Default</button>
</div>
</div>