forked from christian-posta/kubernetes-lab
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
101 lines (88 loc) · 3.16 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
<!--
JBoss, Home of Professional Open Source
Copyright 2016, Red Hat, Inc. and/or its affiliates, and individual
contributors by the @authors tag. See the copyright.txt in the
distribution for a full listing of individual contributors.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Microservices Frontend</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- PatternFly Styles -->
<!-- Note: No other CSS files are needed regardless of what other JS packages located in patternfly/components that you decide to pull in -->
<link rel="stylesheet"
href="node_modules/patternfly/dist/css/patternfly.min.css" />
<link rel="stylesheet"
href="node_modules/patternfly/dist/css/patternfly-additions.min.css" />
<!-- jQuery -->
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
</head>
<body>
<!-- Black Header -->
<nav class="navbar navbar-default navbar-pf" role="navigation">
<div class="navbar-header">
<a class="navbar-brand" href="/">Red Hat - Kubernetes Lab</a>
</div>
</nav>
<div class="container-fluid">
<h2>Say Hi</h2>
<form class="form-horizontal" id="myform" method="post">
<div class="form-group">
<label class="col-sm-2 control-label" for="inputUsername">Your
name</label>
<div class="col-sm-2">
<input type="text" id="inputUsername" name="username" class="form-control"
maxlength="20" required="required" pattern=".{3,20}" required
title="3 to 20 characters minimum">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="inputMessage">Message</label>
<div class="col-sm-5">
<input type="text" id="inputMessage" name="message" class="form-control"
required="required" pattern=".{5,}" required
title="5 characters minimum">
</div>
</div>
<div class="form-group">
<div class="col-sm-1 col-xs-offset-1">
<button type="submit" class="btn btn-default"
onclick="submitForm(event); return false;">Submit</button>
</div>
</div>
</form>
<div id="messageBox" class="row hidden">
<div class="alert alert-success col-sm-5 col-xs-offset-1">
<span class="pficon pficon-info"></span><div id="message">Sample hello message</div>
</div>
</div>
<hr>
<table id="mytable"
class="table datatable table-striped table-bordered">
<thead>
<tr>
<th style="width: 20%">Name</th>
<th>Message</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<!-- Page script -->
<script src="scripts/page.js"></script>
</body>
</html>