Skip to content
This repository has been archived by the owner on Jan 15, 2022. It is now read-only.

Commit

Permalink
updated examples
Browse files Browse the repository at this point in the history
  • Loading branch information
Alif Rachmawadi committed Jul 25, 2018
1 parent 65f66b8 commit 5dd866b
Show file tree
Hide file tree
Showing 20 changed files with 348 additions and 268 deletions.
28 changes: 16 additions & 12 deletions examples/alpha/01. Simplest API.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/themes/prism-okaidia.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/themes/prism-okaidia.min.css" />
<style>
blockquote {
border-left: solid 4px #eee;
Expand Down Expand Up @@ -39,6 +39,10 @@
text-align: left;
overflow: auto;
}

.ui.basic.label.request-url {
user-select: text;
}

.resource .ui.sub.header {
text-transform: none;
Expand Down Expand Up @@ -86,7 +90,7 @@
<div class="content active">
<div class="ui fluid secondary vertical menu">

<a class="item green" href="#%2fmessage-get">
<a class="item green" href="#message-get">
<i class="ui green empty circular label"></i>

<span>GET</span>
Expand Down Expand Up @@ -169,7 +173,7 @@ <h2 id="api-blueprint">API Blueprint</h2>
</div>

<div class="ui basic segment">
<h3 class="ui block center aligned header" id="/message-get">
<h3 class="ui block center aligned header" id="message-get">
GET
</h3>
<div class="description"></div>
Expand All @@ -183,7 +187,7 @@ <h4 class="ui horizontal divider">
<div class="ui green large button">
<h3>GET</h3>
</div>
<a class="ui basic fluid green label">
<a class="ui basic fluid request-url green label">
<code>/message</code>
</a>
</div>
Expand Down Expand Up @@ -248,13 +252,13 @@ <h4 class="ui horizontal divider">RESPONSE</h4>

</div>
</div>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/accordion.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/tab.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/transition.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/popup.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/prism.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/components/prism-json.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/accordion.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/tab.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/transition.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/popup.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/prism.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/components/prism-json.min.js"></script>
<script type="text/javascript">
$(function() {
$('.ui.accordion').accordion({ animateChildren: false, duration: 0 });
Expand Down
34 changes: 19 additions & 15 deletions examples/alpha/02. Resource and Actions.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/themes/prism-okaidia.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/themes/prism-okaidia.min.css" />
<style>
blockquote {
border-left: solid 4px #eee;
Expand Down Expand Up @@ -39,6 +39,10 @@
text-align: left;
overflow: auto;
}

.ui.basic.label.request-url {
user-select: text;
}

.resource .ui.sub.header {
text-transform: none;
Expand Down Expand Up @@ -86,14 +90,14 @@
<div class="content active">
<div class="ui fluid secondary vertical menu">

<a class="item green" href="#%2fmessage-get">
<a class="item green" href="#message-get">
<i class="ui green empty circular label"></i>

<span>GET</span>

</a>

<a class="item teal" href="#%2fmessage-put">
<a class="item teal" href="#message-put">
<i class="ui teal empty circular label"></i>

<span>PUT</span>
Expand Down Expand Up @@ -171,7 +175,7 @@ <h2 id="api-blueprint">API Blueprint</h2>
</div>

<div class="ui basic segment">
<h3 class="ui block center aligned header" id="/message-get">
<h3 class="ui block center aligned header" id="message-get">
GET
</h3>
<div class="description"><p>Here we define an action using the <code>GET</code> <a href="http://www.w3schools.com/tags/ref_httpmethods.asp">HTTP request method</a> for our resource <code>/message</code>.</p>
Expand All @@ -192,7 +196,7 @@ <h4 class="ui horizontal divider">
<div class="ui green large button">
<h3>GET</h3>
</div>
<a class="ui basic fluid green label">
<a class="ui basic fluid request-url green label">
<code>/message</code>
</a>
</div>
Expand Down Expand Up @@ -257,7 +261,7 @@ <h4 class="ui horizontal divider">RESPONSE</h4>
</div>

<div class="ui basic segment">
<h3 class="ui block center aligned header" id="/message-put">
<h3 class="ui block center aligned header" id="message-put">
PUT
</h3>
<div class="description"><p>OK, let&rsquo;s add another action. This time to put new data to our resource
Expand All @@ -276,7 +280,7 @@ <h4 class="ui horizontal divider">
<div class="ui teal large button">
<h3>PUT</h3>
</div>
<a class="ui basic fluid teal label">
<a class="ui basic fluid request-url teal label">
<code>/message</code>
</a>
</div>
Expand Down Expand Up @@ -378,13 +382,13 @@ <h4 class="ui horizontal divider">RESPONSE</h4>

</div>
</div>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/accordion.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/tab.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/transition.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/popup.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/prism.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/components/prism-json.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/accordion.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/tab.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/transition.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/popup.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/prism.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/components/prism-json.min.js"></script>
<script type="text/javascript">
$(function() {
$('.ui.accordion').accordion({ animateChildren: false, duration: 0 });
Expand Down
26 changes: 15 additions & 11 deletions examples/alpha/03. Named Resource and Actions.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/themes/prism-okaidia.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/themes/prism-okaidia.min.css" />
<style>
blockquote {
border-left: solid 4px #eee;
Expand Down Expand Up @@ -39,6 +39,10 @@
text-align: left;
overflow: auto;
}

.ui.basic.label.request-url {
user-select: text;
}

.resource .ui.sub.header {
text-transform: none;
Expand Down Expand Up @@ -184,7 +188,7 @@ <h4 class="ui horizontal divider">
<div class="ui green large button">
<h3>GET</h3>
</div>
<a class="ui basic fluid green label">
<a class="ui basic fluid request-url green label">
<code>/message</code>
</a>
</div>
Expand Down Expand Up @@ -264,7 +268,7 @@ <h4 class="ui horizontal divider">
<div class="ui teal large button">
<h3>PUT</h3>
</div>
<a class="ui basic fluid teal label">
<a class="ui basic fluid request-url teal label">
<code>/message</code>
</a>
</div>
Expand Down Expand Up @@ -366,13 +370,13 @@ <h4 class="ui horizontal divider">RESPONSE</h4>

</div>
</div>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/accordion.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/tab.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/transition.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/popup.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/prism.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/components/prism-json.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/accordion.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/tab.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/transition.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/popup.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/prism.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/components/prism-json.min.js"></script>
<script type="text/javascript">
$(function() {
$('.ui.accordion').accordion({ animateChildren: false, duration: 0 });
Expand Down
26 changes: 15 additions & 11 deletions examples/alpha/04. Grouping Resources.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/themes/prism-okaidia.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.1/themes/prism-okaidia.min.css" />
<style>
blockquote {
border-left: solid 4px #eee;
Expand Down Expand Up @@ -39,6 +39,10 @@
text-align: left;
overflow: auto;
}

.ui.basic.label.request-url {
user-select: text;
}

.resource .ui.sub.header {
text-transform: none;
Expand Down Expand Up @@ -202,7 +206,7 @@ <h4 class="ui horizontal divider">
<div class="ui green large button">
<h3>GET</h3>
</div>
<a class="ui basic fluid green label">
<a class="ui basic fluid request-url green label">
<code>/message</code>
</a>
</div>
Expand Down Expand Up @@ -281,7 +285,7 @@ <h4 class="ui horizontal divider">
<div class="ui teal large button">
<h3>PUT</h3>
</div>
<a class="ui basic fluid teal label">
<a class="ui basic fluid request-url teal label">
<code>/message</code>
</a>
</div>
Expand Down Expand Up @@ -399,13 +403,13 @@ <h4 class="ui horizontal divider">RESPONSE</h4>

</div>
</div>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/accordion.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/tab.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/transition.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/popup.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/prism.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/components/prism-json.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/accordion.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/tab.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/transition.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/popup.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/prism.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/components/prism-json.min.js"></script>
<script type="text/javascript">
$(function() {
$('.ui.accordion').accordion({ animateChildren: false, duration: 0 });
Expand Down
Loading

0 comments on commit 5dd866b

Please sign in to comment.