Skip to content

Commit 9eeef7e

Browse files
committed
digital double logic
1 parent a635e51 commit 9eeef7e

File tree

2 files changed

+69
-168
lines changed

2 files changed

+69
-168
lines changed
Lines changed: 13 additions & 121 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<!DOCTYPE html>
2-
<html lang="en" xmlns:th="http://www.thymeleaf.org">
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Player Form</title>
6+
<title>Player Selection</title>
77
<style>
88
body {
99
font-family: Arial, sans-serif;
@@ -24,37 +24,10 @@
2424
h1 {
2525
color: #333;
2626
}
27-
.form-group {
28-
margin: 15px 0;
27+
.btn-group {
28+
margin-top: 20px;
2929
}
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"] {
30+
.btn-group button {
5831
background-color: #007BFF;
5932
color: white;
6033
border: none;
@@ -68,102 +41,21 @@
6841
cursor: pointer;
6942
transition: background-color 0.3s;
7043
}
71-
input[type="submit"]:hover {
44+
.btn-group button:hover {
7245
background-color: #0056b3;
7346
}
7447
</style>
7548
</head>
7649
<body>
7750
<div class="container">
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">
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>
16556
</div>
16657
</form>
16758
</div>
16859
</body>
169-
</html>
60+
</html>
61+

java-ai/src/main/resources/templates/digitaldoubleupload.html

Lines changed: 56 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -37,14 +37,7 @@
3737
input[type="company"],
3838
input[type="jobrole"],
3939
input[type="tshirtsize"],
40-
input[type="comments"] {
41-
width: 100%;
42-
padding: 10px;
43-
margin: 5px 0 20px 0;
44-
border: 1px solid #ccc;
45-
border-radius: 5px;
46-
box-sizing: border-box;
47-
}
40+
input[type="comments"],
4841
select {
4942
width: 100%;
5043
padding: 10px;
@@ -53,6 +46,14 @@
5346
border-radius: 5px;
5447
box-sizing: border-box;
5548
}
49+
.row {
50+
display: flex;
51+
gap: 10px;
52+
}
53+
.row select,
54+
.row input {
55+
width: 48%;
56+
}
5657
input[type="submit"] {
5758
background-color: #007BFF;
5859
color: white;
@@ -83,45 +84,53 @@ <h1>Please provide image and/or video and some basic info...</h1>
8384
<label for="video">Select video:</label>
8485
<input type="file" id="video" name="video" accept="video/*" required>
8586

86-
<!-- Dropdown for Animation Style -->
87-
<label for="animstyle">Select Animation Style:</label>
88-
<select id="animstyle" name="animstyle">
89-
<option value="style1">Style 1</option>
90-
<option value="style2">Style 2</option>
91-
<option value="style3">Style 3</option>
92-
<option value="style4">Style 4</option>
93-
<option value="style5">Style 5</option>
94-
<option value="style6">Style 6</option>
95-
<option value="style7">Style 7</option>
96-
<option value="style8">Style 8</option>
97-
<option value="style9">Style 9</option>
98-
<option value="style10">Style 10</option>
99-
<option value="style11">Style 11</option>
100-
<option value="style12">Style 12</option>
101-
<option value="style13">Style 13</option>
102-
<option value="style14">Style 14</option>
103-
<option value="style15">Style 15</option>
104-
<option value="style16">Style 16</option>
105-
<option value="style17">Style 17</option>
106-
<option value="style18">Style 18</option>
107-
<option value="style19">Style 19</option>
108-
<option value="style20">Style 20</option>
109-
<option value="style21">Style 21</option>
110-
<option value="style22">Style 22</option>
111-
<option value="style23">Style 23</option>
112-
<option value="style24">Style 24</option>
113-
<option value="style25">Style 25</option>
114-
<option value="style26">Style 26</option>
115-
<option value="style27">Style 27</option>
116-
<option value="style28">Style 28</option>
117-
<option value="style29">Style 29</option>
118-
<option value="style30">Style 30</option>
119-
<option value="style31">Style 31</option>
120-
<option value="style32">Style 32</option>
121-
<option value="style33">Style 33</option>
122-
<option value="style34">Style 34</option>
123-
<option value="style35">Style 35</option>
124-
</select>
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>
125134

126135
<div class="form-group">
127136
<label for="firstName">First Name:</label>

0 commit comments

Comments
 (0)