Skip to content

Commit a635e51

Browse files
paulparkinsonpaulparkinson
committed
digital double logic
1 parent d94c316 commit a635e51

File tree

1 file changed

+121
-13
lines changed

1 file changed

+121
-13
lines changed

‎java-ai/src/main/resources/static/UploadForDigitalDoubles.html‎

Lines changed: 121 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html lang="en" xmlns:th="http://www.thymeleaf.org">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Player Selection</title>
6+
<title>Player Form</title>
77
<style>
88
body {
99
font-family: Arial, sans-serif;
@@ -24,10 +24,37 @@
2424
h1 {
2525
color: #333;
2626
}
27-
.btn-group {
28-
margin-top: 20px;
27+
.form-group {
28+
margin: 15px 0;
2929
}
30-
.btn-group button {
30+
label {
31+
display: block;
32+
margin-bottom: 5px;
33+
color: #333;
34+
}
35+
input[type="text"],
36+
input[type="email"],
37+
input[type="company"],
38+
input[type="jobrole"],
39+
input[type="tshirtsize"],
40+
input[type="comments"],
41+
select {
42+
width: 100%;
43+
padding: 10px;
44+
margin: 5px 0 20px 0;
45+
border: 1px solid #ccc;
46+
border-radius: 5px;
47+
box-sizing: border-box;
48+
}
49+
.row {
50+
display: flex;
51+
gap: 10px;
52+
}
53+
.row select,
54+
.row input {
55+
width: 48%;
56+
}
57+
input[type="submit"] {
3158
background-color: #007BFF;
3259
color: white;
3360
border: none;
@@ -41,21 +68,102 @@
4168
cursor: pointer;
4269
transition: background-color 0.3s;
4370
}
44-
.btn-group button:hover {
71+
input[type="submit"]:hover {
4572
background-color: #0056b3;
4673
}
4774
</style>
4875
</head>
4976
<body>
5077
<div class="container">
51-
<h1>Which are you doing?...</h1>
52-
<form action="/digitaldoubles/uploadordownload" method="get">
53-
<div class="btn-group">
54-
<button type="submit" name="action" value="uploading">Uploading Your Image and Video To Create Digital Doubles</button>
55-
<button type="submit" name="action" value="downloading">Downloading Your Digital Doubles</button>
78+
<h1>Please provide image and/or video and some basic info...</h1>
79+
<form method="post" action="/digitaldoubles/uploadimageandvideo" enctype="multipart/form-data">
80+
81+
<label for="image">Select image:</label>
82+
<input type="file" id="image" name="image" accept="image/*" required>
83+
84+
<label for="video">Select video:</label>
85+
<input type="file" id="video" name="video" accept="video/*" required>
86+
87+
<!-- Dropdown for Animation Style and Text Field for Animation Prompt -->
88+
<div class="row">
89+
<div>
90+
<label for="animstyle">Select Animation Style:</label>
91+
<select id="animstyle" name="animstyle">
92+
<option value="style1">Style 1</option>
93+
<option value="style2">Style 2</option>
94+
<option value="style3">Style 3</option>
95+
<option value="style4">Style 4</option>
96+
<option value="style5">Style 5</option>
97+
<option value="style6">Style 6</option>
98+
<option value="style7">Style 7</option>
99+
<option value="style8">Style 8</option>
100+
<option value="style9">Style 9</option>
101+
<option value="style10">Style 10</option>
102+
<option value="style11">Style 11</option>
103+
<option value="style12">Style 12</option>
104+
<option value="style13">Style 13</option>
105+
<option value="style14">Style 14</option>
106+
<option value="style15">Style 15</option>
107+
<option value="style16">Style 16</option>
108+
<option value="style17">Style 17</option>
109+
<option value="style18">Style 18</option>
110+
<option value="style19">Style 19</option>
111+
<option value="style20">Style 20</option>
112+
<option value="style21">Style 21</option>
113+
<option value="style22">Style 22</option>
114+
<option value="style23">Style 23</option>
115+
<option value="style24">Style 24</option>
116+
<option value="style25">Style 25</option>
117+
<option value="style26">Style 26</option>
118+
<option value="style27">Style 27</option>
119+
<option value="style28">Style 28</option>
120+
<option value="style29">Style 29</option>
121+
<option value="style30">Style 30</option>
122+
<option value="style31">Style 31</option>
123+
<option value="style32">Style 32</option>
124+
<option value="style33">Style 33</option>
125+
<option value="style34">Style 34</option>
126+
<option value="style35">Style 35</option>
127+
</select>
128+
</div>
129+
<div>
130+
<label for="animprompt">Animation Prompt:</label>
131+
<input type="text" id="animprompt" name="animprompt" placeholder="Describe your animation">
132+
</div>
133+
</div>
134+
135+
<div class="form-group">
136+
<label for="firstName">First Name:</label>
137+
<input type="text" id="firstName" name="firstName" autocomplete="given-name">
138+
</div>
139+
<div class="form-group">
140+
<label for="lastName">Last Name:</label>
141+
<input type="text" id="lastName" name="lastName" autocomplete="family-name">
142+
</div>
143+
<div class="form-group">
144+
<label for="email">Email:</label>
145+
<input type="email" id="email" name="email" autocomplete="email" required>
146+
</div>
147+
<div class="form-group">
148+
<label for="company">Company:</label>
149+
<input type="text" id="company" name="company" autocomplete="organization">
150+
</div>
151+
<div class="form-group">
152+
<label for="jobrole">Job Role:</label>
153+
<input type="text" id="jobrole" name="jobrole" autocomplete="organization-title">
154+
</div>
155+
<div class="form-group">
156+
<label for="tshirtsize">T-Shirt Size:</label>
157+
<input type="text" id="tshirtsize" name="tshirtsize" autocomplete="tshirt-size">
158+
</div>
159+
<div class="form-group">
160+
<label for="comments">Comments:</label>
161+
<input type="text" id="comments" name="comments" autocomplete="comments" value="OCW DatabaseWorld 2024">
162+
</div>
163+
<div class="form-group">
164+
<input type="submit" value="Submit">
56165
</div>
57166
</form>
58167
</div>
59168
</body>
60-
</html>
61-
169+
</html>

0 commit comments

Comments
 (0)