Project

General

Profile

Download (4.07 KB) Statistics
| Branch: | Revision:

stabile / api.html @ master

1
<!doctype html>
2
<html lang="en">
3
<head>
4
    <!-- Required meta tags -->
5
    <meta charset="utf-8">
6
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7

    
8
    <!-- Bootstrap CSS -->
9
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
10

    
11
    <title>Stabile API Explorer</title>
12
</head>
13
<body>
14

    
15
<div class="modal-body" style="padding: 4px 10px!important;">
16
    <ul class="nav nav-tabs" style="height:38px;">
17
        <li class="nav-item">
18
            <a class="nav-link active" data-toggle="tab" href="#servers">Servers API</a>
19
        </li>
20
        <li class="nav-item">
21
            <a class="nav-link" data-toggle="tab" href="#images">Images API</a>
22
        </li>
23
        <li class="nav-item">
24
            <a class="nav-link" data-toggle="tab" href="#networks">Networks API</a>
25
        </li>
26
        <li class="nav-item">
27
            <a class="nav-link" data-toggle="tab" href="#systems">Systems API</a>
28
        </li>
29
        <li class="nav-item">
30
            <a class="nav-link" data-toggle="tab" href="#nodes">Nodes API</a>
31
        </li>
32
        <li class="nav-item">
33
            <a class="nav-link" data-toggle="tab" href="#users">Users API</a>
34
        </li>
35
        <span style="padding-top: 8px; margin: 0 0 0 auto;"><a id="login" href="/stabile/auth/login?back=/stabile/api">Log in</a></span>
36
    </ul>
37

    
38
    <div id="tabs-content" class="tab-content">
39
        <div id="servers" class="show active tab-pane fade grid-tab">
40
            <iframe id="serversframe" src="/stabile/servers/?action=help" style="height: calc(100vh - 54px); width:100%; border: none;"></iframe>
41
        </div>
42
        <div id="images" class="show tab-pane fade grid-tab">
43
            <iframe id="imagesframe" src="/stabile/images/?action=help" style="height: calc(100vh - 54px); width:100%; border: none;"></iframe>
44
        </div>
45
        <div id="networks" class="show tab-pane fade grid-tab">
46
            <iframe id="networksframe" src="/stabile/networks/?action=help" style="height: calc(100vh - 54px); width:100%; border: none;"></iframe>
47
        </div>
48
        <div id="systems" class="show tab-pane fade grid-tab">
49
            <iframe id="systemsframe" src="/stabile/systems/?action=help" style="height: calc(100vh - 54px); width:100%; border: none;"></iframe>
50
        </div>
51
        <div id="nodes" class="show tab-pane fade grid-tab">
52
            <iframe id="nodesframe" src="/stabile/nodes/?action=help" style="height: calc(100vh - 54px); width:100%; border: none;"></iframe>
53
        </div>
54
        <div id="users" class="show tab-pane fade grid-tab">
55
            <iframe id="usersframe" src="/stabile/users/?action=help" style="height: calc(100vh - 54px); width:100%; border: none;"></iframe>
56
        </div>
57
    </div>
58
</div>
59

    
60
<!-- Optional JavaScript -->
61
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
62
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
63
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
64
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
65
<script>
66
$(document).ready(function() {
67
    if (location.hash) {
68
        $("a[href='" + location.hash + "']").tab("show");
69
    }
70
    $(document.body).on("click", "a[data-toggle='tab']", function(event) {
71
        location.hash = this.getAttribute("href");
72
    });
73
    if (document.cookie.indexOf("tktuser")>0) $("#login").text("Log out")[0]; //.href = "/stabile/auth/logout";
74
});
75
$(window).on("popstate", function() {
76
    var anchor = location.hash || $("a[data-toggle='tab']").first().attr("href");
77
    $("a[href='" + anchor + "']").tab("show");
78
});
79
</script>
80
</body>
81
</html>
(3-3/5)