-
Notifications
You must be signed in to change notification settings - Fork 1
/
add-api.html
123 lines (112 loc) · 5.44 KB
/
add-api.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>API Designer (Mock)</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<!-- Styles -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.14.0/css/patternfly.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.14.0/css/patternfly-additions.min.css">
<link rel="stylesheet/less" href="css/api-designer.less" />
<!-- Scripts -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.14.0/js/patternfly.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/less.js/2.7.1/less.js"></script>
<script type="text/javascript" src="js/api-designer.js"></script>
</head>
<body class="cards-pf">
<nav class="navbar navbar-default navbar-pf" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html" style="padding-top: 4px; padding-bottom: 2px">
<img class="navbar-brand-logo" src="img/api-designer-logo.png" alt="API Designer">
</a>
</div>
<div class="collapse navbar-collapse navbar-collapse-1">
<ul class="nav navbar-nav navbar-utility">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<span class="pficon pficon-user"></span>
<span>Tom Brady</span>
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#">Profile</a></li>
<li class="divider"></li>
<li><a href="#">Logout</a></li>
</ul></li>
</ul>
</div>
</nav>
<div class="container-fluid">
<div class="row" style="background-color: white">
<div class="col-md-5" style="padding-bottom: 10px">
<h1>Add an Existing API</h1>
</div>
</div>
<div class="row" style="padding: 15px">
<div class="col-md-1">
</div>
<div class="col-md-3" style="font-size: 15px; padding-top: 10px">
<div class="alert alert-info">
<span class="pficon pficon-info"></span>
<strong>What is this page?</strong>
<p style="line-height: 18px">
Here you can add an existing API to the Studio by telling us where the API's OpenAPI document is
located. Simply provide the GitHub URL of your OpenAPI document and we'll do the rest!
</p>
</div>
</div>
<div class="col-md-7">
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true" title="OK, I got it!">
<span class="pficon pficon-close"></span>
</button>
<span class="pficon pficon-info"></span>
<strong>What do I do?</strong>
<p style="line-height: 18px">
Simply copy/paste (<strong>or drag and drop!</strong>) the GitHub URL of your existing OpenAPI document
from your browser into the form and then click "Add API". Easy peasy, lemon squeezy!
</p>
</div>
<div class="panel panel-default">
<div class="panel-body" style="padding-top: 25px">
<form class="form-horizontal">
<div> </div>
<div class="form-group">
<label class="col-sm-2 control-label" for="api-repository-url">GitHub URL</label>
<div class="col-sm-10">
<input type="text" id="api-repository-url" class="form-control" placeholder="Specify a URL to an OpenAPI document stored in GitHub">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="api-repository-url-error"></label>
<div class="col-sm-10">
<div class="alert alert-danger" id="api-repository-url-error">
<span class="pficon pficon-error-circle-o"></span>
<strong>Hey there is a problem!</strong> Yeah this is really messed up and you should <a href="#" class="alert-link">know about it</a>.
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<a href="api-details.html" class="btn btn-primary">Add API</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>