Skip to content

Commit 46f840d

Browse files
PedroGallegoMSPedroGallegoMS
committed
Add format to web
1 parent bc049d5 commit 46f840d

File tree

1 file changed

+57
-40
lines changed

1 file changed

+57
-40
lines changed

‎api/web/index.html

Lines changed: 57 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,69 @@
1-
<html>
1+
<!DOCTYPE html>
2+
<html lang="es">
23
<head>
3-
<script src="./index.js"></script>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>Find Hash</title>
7+
<script src="./index.js" defer></script>
8+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
49
<link rel="stylesheet" href="index.css">
10+
<style>
11+
.form-container {
12+
background-color: #343a40;
13+
padding: 2rem;
14+
border-radius: 0.5rem;
15+
}
16+
.output {
17+
background-color: #495057;
18+
color: #f8f9fa;
19+
}
20+
.copy-button {
21+
margin-top: 1rem;
22+
}
23+
</style>
524
</head>
625

7-
<body>
8-
<form class="form" id="form">
9-
<div class="date-input">
10-
<div class="form-format">
11-
<p>Date of creation:</p>
12-
<input type="date" required/>
13-
</div>
14-
</div>
26+
<body class="bg-dark text-light">
27+
<div class="container mt-5">
28+
<div class="form-container">
29+
<form class="form" id="form">
30+
<div class="mb-3">
31+
<label for="creationDate" class="form-label">Date of creation:</label>
32+
<input type="date" id="creationDate" class="form-control bg-secondary text-light border-0" required/>
33+
</div>
1534

16-
<div class="select-input">
17-
<div class="form-format">
18-
<p>Tenant:</p>
19-
<select required>
20-
<option>
21-
orion
22-
</option>
23-
<option>
24-
orion_circuloos_demo
25-
</option>
26-
<option>
27-
orion_demo_smart_contact
28-
</option>
29-
</select>
30-
</div>
31-
</div>
35+
<div class="mb-3">
36+
<label for="tenantSelect" class="form-label">Tenant:</label>
37+
<select id="tenantSelect" class="form-select bg-secondary text-light border-0" required>
38+
<option value="" disabled selected>Select Tenant</option>
39+
<option value="orion">orion</option>
40+
<option value="orion_circuloos_demo">orion_circuloos_demo</option>
41+
<option value="orion_demo_smart_contact">orion_demo_smart_contact</option>
42+
</select>
43+
</div>
44+
45+
<div class="mb-3">
46+
<button type="submit" class="btn btn-primary w-100">Find Hash</button>
47+
</div>
3248

33-
<div class="submit-button">
34-
<div class="form-format">
35-
<button type="submit">Find Hash</button>
49+
<div class="mb-3 text-center">
50+
<img src="/alastria_web.png" alt="Alastria Logo" class="img-fluid" style="max-width: 200px;">
51+
</div>
52+
</form>
53+
54+
<div class="mt-4">
55+
<p>JSON Output:</p>
56+
<textarea class="form-control output" id="output" rows="5" readonly autocomplete="off"></textarea>
3657
</div>
37-
</div>
3858

39-
<div class="alastria-logo">
40-
<div class="form-format">
41-
<img src="/alastria_web.png">
59+
<div class="mt-2">
60+
<button class="btn btn-secondary w-100 copy-button" id="copy">Copy JSON to clipboard</button>
4261
</div>
4362
</div>
44-
</form>
45-
46-
<div>
47-
<p>JSON Output:</p>
48-
<textarea class="output" id="output" readonly autocomplete="off"></textarea>
49-
<button class="copy-button" id="copy">Copy JSON to clipboard</button>
5063
</div>
64+
65+
<!-- Enlaces a Bootstrap JS y dependencias -->
66+
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-qbY+2N1aNJjsGxkS4YhZq8G7gBfxaF0AwSJEfWXH1uOyL1psUGr27LWzEU1U1jq+" crossorigin="anonymous"></script>
67+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-DBjhmceBxWjnOZMYmQjT1rMZorxv2YhiGicBQb1A6Z4w/IisAqpzktOzgakDftO3" crossorigin="anonymous"></script>
5168
</body>
52-
</html>
69+
</html>

0 commit comments

Comments
 (0)