1+ <!doctype html>
2+ < html lang ="en ">
3+
4+ < head >
5+ < meta charset ="utf-8 ">
6+ < meta name ="viewport " content ="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes ">
7+ < title > RapiDoc</ title >
8+ </ head >
9+
10+ < body >
11+ <!--
12+ https://api.apis.guru/v2/specs/github.com/v3/swagger.json
13+ https://api.apis.guru/v2/specs/bitbucket.org/2.0/swagger.json
14+ https://petstore.swagger.io/v2/swagger.json
15+ https://assets.zuora.com/zuora-documentation/swagger.yaml <<< Large spec with lot of markdown
16+
17+ <button onclick="changeAttr('heading-text')"> Change Heading Text </button>
18+ <button onclick="changeLayout()"> Change Layout </button>
19+ <button onclick="toggleAttr('show-header')"> Toggle Header </button>
20+ <button onclick="toggleAttr('body-padding')"> Toggle Padding </button>
21+ <button onclick="toggleTheme()"> Toggle Theme </button>
22+
23+ <script>
24+
25+ function getRapiDoc(){
26+ return document.getElementById("thedoc");
27+ }
28+ function changeAttr(attr){
29+ getRapiDoc().setAttribute(attr, attr+Math.floor(Math.random() * 100) );
30+ }
31+
32+ function changeLayout(){
33+ let currLayout = getRapiDoc().getAttribute('layout');
34+ let newLayout = currLayout==="row"?"column":"row";
35+ getRapiDoc().setAttribute('layout', newLayout );
36+ }
37+ function toggleAttr(attr){
38+ if (getRapiDoc().getAttribute(attr) === 'false'){
39+ getRapiDoc().setAttribute(attr,"true");
40+ }
41+ else{
42+ getRapiDoc().setAttribute(attr,"false");
43+ }
44+ }
45+
46+ function toggleTheme(){
47+ if (getRapiDoc().getAttribute('theme') === 'dark'){
48+ getRapiDoc().setAttribute('theme',"light");
49+ }
50+ else{
51+ getRapiDoc().setAttribute('theme',"dark");
52+ }
53+ }
54+
55+
56+ </script>
57+ -->
58+ <!--
59+ <rapi-doc id = "thedoc" spec-url="https://api.apis.guru/v2/specs/bitbucket.org/2.0/swagger.json"
60+ heading-text="My Product"
61+ spec-url="https://api.apis.guru/v2/specs/bitbucket.org/2.0/swagger.json"
62+ primary-color="#ffff99"
63+ header-color="#AA0000"
64+ theme="dark"
65+ layout="row"
66+ show-header='false'
67+ style="width:200px; border:1px solid #333; border-radius:4px;"
68+ >
69+ </rapi-doc>
70+ -->
71+ < rapi-doc spec-url ="https://api.apis.guru/v2/specs/bitbucket.org/2.0/swagger.json "
72+ layout ="row "
73+ theme ="light "
74+ show-authentication ="false "
75+ show-info ="false "
76+ >
77+ </ rapi-doc >
78+ < script type ="text/javascript " src ="rapidoc-min.js "> </ script > </ body >
79+
80+ </ html >
0 commit comments