-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
153 lines (153 loc) · 6.7 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
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
<title>JavaScript API Developer Console</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link media="all" type="text/css" href="css/default.css" rel="stylesheet"/>
<link media="all" type="text/css" href="css/jqueryui/jqueryui.css" rel="stylesheet"/>
<link media="all" type="text/css" href="css/console.css" rel="stylesheet"/>
<link rel="apple-touch-icon-precomposed" href="http://www.linkedin.com/img/icon/apple-touch-icon.png">
<![if (!IE)|(lt IE 9)]>
<link rel="shortcut icon" type="image/ico" href="http://static01.linkedin.com/scds/common/u/img/favicon_v3.ico">
<![endif]>
<!--[if gte IE 9]>
<link rel="shortcut icon" type="image/ico" href="http://static01.linkedin.com/scds/common/u/img/favicon_ie9.ico">
<![endif]-->
</head>
<body>
<script type="text/javascript">document.body.className += " js " /*@cc_on+'ie'+ScriptEngineMinorVersion()@*/;</script>
<div id="header">
<h1 class="logo"><a href="http://developer.linkedin.com/" title="Home"> <span class="seo-hidden">LinkedIn</span> <span>Developers</span></a></h1>
</div>
<div id="wrapper">
<div id="subheader">
<h1>JavaScript API Developer Console</h1>
<div id="status">
<div class="ui-widget ui-helper-hidden" id="framework-status">
<div class="ui-state-success ui-state-highlight ui-corner-all" >
<p>
<span class="ui-icon ui-icon-check"></span>
<strong>Framework:</strong> <span id="framework-using"></span>
</p>
</div>
</div>
<div class="ui-widget" id="tiny-url-container">
<div class="ui-state-success ui-state-highlight ui-corner-all" >
<p>
<span class="ui-icon ui-icon-check"></span>
<strong>Link for this example:</strong> <a href="#" id="tiny-url"></a>
</p>
</div>
</div>
</div>
</div>
<div id="main">
<div id="sidebar">
<div id="sidebar-accordion">
<H3><a href="#documentation">Documentation</a></h3>
<div id="reference">
<!-- load documentation here -->
</div>
<h3><a href="#framework">Framework Options</a></h3>
<div id="framework-form">
<form class="standard-form stacked">
<div id="framework">
<ul>
<li>
<label for="framework-selector">Framework:</label>
<div class="fieldgroup">
<select name="framework-selector" id="framework-selector">
<option value="platform.linkedin.com/in.js" selected>Production</option>
<option value="custom">--Custom Framework--</option>
</select>
</div>
</li>
<li class="framework-custom">
<label for="framework-url-custom">Framework URL:</label>
<div class="fieldgroup">
<input type="text" id="framework-url-custom" name="framework-url-custom" />
</div>
</li>
<li class="framework-custom">
<label for="api-key">API Key:</label>
<div class="fieldgroup">
<input type="text" id="api-key" name="api-key" />
</div>
</li>
<li>
<label for="api-options">Parameters:</label>
<div class="fieldgroup">
<textarea id="api-options" name="api-options" class="more" wrap="off"></textarea>
</div>
</li>
<li>
<label for="include-buttons" class="inline">Session Buttons:</label>
<div class="fieldgroup checkbox">
<input type="checkbox" id="include-buttons" name="include-buttons" title="include Login/Logout buttons" checked="checked"/>
</div>
</li>
<li>
<label for="api-async" class="inline">Load Asynchronously:</label>
<div class="fieldgroup checkbox">
<input type="checkbox" id="api-async" name="api-async" title="Load the framework asynchronously"/>
</div>
</li>
</ul>
</div>
</form>
</div>
<h3><a href="#examples">Examples</a></h3>
<div id="examples">
<!-- load list of examples via ajax -->
</div>
</div>
</div>
<div id="container-wrapper">
<div id="container">
<h2 id="title">Code</h2>
<div id="console-container">
<div class="ui-widget noscript">
<div class="ui-state-error ui-corner-all">
<p>
<span class="ui-icon ui-icon-alert"></span>
<strong>Alert:</strong> This development tool requires JavaScript to function. Please enable JavaScript.
</p>
</div>
</div>
<textarea name="code-console" id="code-console"></textarea>
<div id="button-container">
<a href="#" id="runcode">Run</a>
<a href="#" id="cleanup">Clean Up</a>
<a href="#" id="getcode">Give me the Code</a>
</div>
<div id="error-container"></div>
</div>
<div id="result-container">
<h2>Result</h2>
<div id="sandbox"></div>
<div id="iconbox">
<ul id="icons">
<li id="contract-sandbox" title="Contract Sandbox" class="ui-state-default ui-corner-all">
<span class="ui-icon ui-icon-carat-1-n"></span>
</li>
<li id="expand-sandbox" title="Expand Sandbox" class="ui-state-default ui-corner-all">
<span class="ui-icon ui-icon-carat-1-s"></span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="codeview" title="Full Code View"><textarea></textarea></div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
<!--[if gte IE 9]>
<script type="text/javascript" src="js/jqueryui.1.9.m4.js"></script>
<![endif]-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.qtip.js"></script>
<script type="text/javascript" src="js/console.js"></script>
</body>
</html>