-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (102 loc) · 4.69 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="SaasHup">
<meta name="author" content="LaV">
<title>Netbox Openstack Agent</title>
<link rel="icon" href="https://saashup.com/img/logo_saashup.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/css/bootstrap.min.css"
integrity="sha512-GQGU0fMMi238uA+a/bdWJfpUGKUkBdgfFdgBm72SUQ6BeyWjoY/ton0tEjH+OSH9iP4Dfh+7HM0I9f5eR0L/4w=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/js/bootstrap.bundle.min.js"
integrity="sha512-pax4MlgXjHEPfCwcJLQhigY7+N8rt6bVvWLFyUMuxShv170X53TRzGPmPkZmGBhk+jikR8WBM4yl7A9WMHHqvg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body class="d-flex flex-column">
<main id="setup">
<div class="container">
<div class="row">
<form>
<div class="card m-3">
<div class="card-body">
<h5 class="card-title">Netbox</h5>
<div class="col-sm-12 col-md-6 m-3">
<label for="netboxurl" class="form-label"> Url</label>
<input type="url" class="form-control" id="netbox-url" aria-describedby="netboxurl">
</div>
<div class="col-sm-12 col-md-6 m-3">
<label for="netboxtoken" class="form-label"> Token</label>
<input type="password" class="form-control" id="netbox-token">
</div>
</div>
</div>
<div class="card m-3">
<div class="card-body">
<h5 class="card-title">Openstack</h5>
<div class="col-sm-12 col-md-6 m-3">
<label for="openstackurl" class="form-label"> Name</label>
<input type="text" class="form-control" id="openstack-name" aria-describedby="openstackurl">
</div>
<div class="col-sm-12 col-md-6 m-3">
<label for="openstackid" class="form-label"> Id</label>
<input type="text" class="form-control" id="openstack-id" aria-describedby="openstackid">
</div>
<div class="col-sm-12 col-md-6 m-3">
<label for="openstackuser" class="form-label"> User</label>
<input type="text" class="form-control" id="openstack-user" aria-describedby="openstackuser">
</div>
<div class="col-sm-12 col-md-6 m-3">
<label for="openstackpassword" class="form-label"> Password</label>
<input type="password" class="form-control" id="openstack-password">
</div>
</div>
</div>
<button type="submit" class="btn btn-primary" id="submit">Submit</button>
</form>
</div>
</div>
</main>
<footer class="footer w-100 mt-auto py-2">
<div class="w-100 p-1 text-center text-primary">
<img src="https://saashup.com/images/logo_saashup.png" class="rounded-circle" width="32" /> saashup © 2024
</div>
</footer>
<script>
var config = {}
$.ajax({
url: "/api/config"
}).done(function (result) {
config = result;
$("#netbox-url").val(config.netbox_url)
$("#netbox-token").val(config.netbox_token)
$("#openstack-name").val(config.openstack.project.name)
$("#openstack-id").val(config.openstack.project.id)
$("#openstack-user").val(config.openstack.project.user)
$("#openstack-password").val(config.openstack.project.password)
})
$("#submit").on("click", function () {
config.netbox_url = $("#netbox-url").val();
config.netbox_token = $("#netbox-token").val();
config.openstack.project.name = $("#openstack-name").val()
config.openstack.project.id = $("#openstack-id").val()
config.openstack.project.user = $("#openstack-user").val()
config.openstack.project.password = $("#openstack-password").val()
$.ajax({
url: "/api/config",
method: "post",
data: config
}).done(function (result) {
console.log(result)
})
})
</script>
</body>
</html>