Skip to content
This repository was archived by the owner on Oct 9, 2022. It is now read-only.

Commit f3ae9fc

Browse files
killian-mahekillian-mahe
committed
Add parameters
1 parent e1635de commit f3ae9fc

File tree

8 files changed

+153
-14
lines changed

8 files changed

+153
-14
lines changed

dist/assets/index.1931c489.css renamed to dist/assets/index.332463b4.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/assets/index.51f3bbd6.js‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎dist/assets/index.c889e3e2.js‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/index.html‎

Lines changed: 21 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,13 @@
55
<link rel="icon" type="image/svg+xml" href="/assets/favicon.17e50649.svg" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>Vite App</title>
8-
<script type="module" crossorigin src="/assets/index.51f3bbd6.js"></script>
8+
<script type="module" crossorigin src="/assets/index.c889e3e2.js"></script>
99
<link rel="modulepreload" href="/assets/vendor.a21a2c2c.js">
10-
<link rel="stylesheet" href="/assets/index.1931c489.css">
10+
<link rel="stylesheet" href="/assets/index.332463b4.css">
1111
</head>
1212
<body>
1313
<div id="app" class="flex justify-around">
14-
<div id="map-container" class="w-1/3">
14+
<div id="map-container" class="w-1/2 lg:w-1/3">
1515

1616
</div>
1717
<div id="input-container" class="w-1/3">
@@ -24,7 +24,9 @@ <h1 class="text-xl text-center">Problem parameters</h1>
2424
<label for="problem-select" class="block text-sm font-medium text-gray-700">Problem type</label>
2525
<select id="problem-select" class="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
2626
<option value="alpine">Alpine</option>
27+
<option value="alpine2">Alpine 2</option>
2728
<option value="sphere">Sphere</option>
29+
<option value="ackley">Ackley</option>
2830
</select>
2931
</div>
3032

@@ -33,12 +35,26 @@ <h1 class="text-xl text-center">Problem parameters</h1>
3335
<input type="number" name="wolves-number" id="wolves-number" value="5" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
3436
</div>
3537

38+
<div class="relative pt-1">
39+
<label for="simulation-speed" class="form-label">Simulation speed</label>
40+
<input type="range" class="w-full h-6 p-0" id="simulation-speed" min="1" max="60"/>
41+
</div>
42+
3643
<div>
3744
<button id="control-button-start" type="button" class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Start</button>
45+
<button id="control-button-pause" type="button" class="ml-5 bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Pause</button>
3846
</div>
3947

40-
<div>
41-
Best solution : <span id="best-solution-fitness"></span>
48+
<div class="mt-10">
49+
<div>
50+
<span class="font-bold">Maximum number of iterations : </span><span class="inline">500</span>
51+
</div>
52+
<div>
53+
<span class="font-bold">a : </span><span class="inline" id="a-value"></span>
54+
</div>
55+
<div>
56+
<span class="font-bold">Best solution : </span><span class="inline" id="best-solution-fitness"></span>
57+
</div>
4258
</div>
4359

4460
</form>

‎index.html‎

Lines changed: 19 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
</head>
99
<body>
1010
<div id="app" class="flex justify-around">
11-
<div id="map-container" class="w-1/3">
11+
<div id="map-container" class="w-1/2 lg:w-1/3">
1212

1313
</div>
1414
<div id="input-container" class="w-1/3">
@@ -21,7 +21,9 @@ <h1 class="text-xl text-center">Problem parameters</h1>
2121
<label for="problem-select" class="block text-sm font-medium text-gray-700">Problem type</label>
2222
<select id="problem-select" class="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
2323
<option value="alpine">Alpine</option>
24+
<option value="alpine2">Alpine 2</option>
2425
<option value="sphere">Sphere</option>
26+
<option value="ackley">Ackley</option>
2527
</select>
2628
</div>
2729

@@ -30,12 +32,26 @@ <h1 class="text-xl text-center">Problem parameters</h1>
3032
<input type="number" name="wolves-number" id="wolves-number" value="5" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
3133
</div>
3234

35+
<div class="relative pt-1">
36+
<label for="simulation-speed" class="form-label">Simulation speed</label>
37+
<input type="range" class="w-full h-6 p-0" id="simulation-speed" min="1" max="60"/>
38+
</div>
39+
3340
<div>
3441
<button id="control-button-start" type="button" class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Start</button>
42+
<button id="control-button-pause" type="button" class="ml-5 bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Pause</button>
3543
</div>
3644

37-
<div>
38-
Best solution : <span id="best-solution-fitness"></span>
45+
<div class="mt-10">
46+
<div>
47+
<span class="font-bold">Maximum number of iterations : </span><span class="inline">500</span>
48+
</div>
49+
<div>
50+
<span class="font-bold">a : </span><span class="inline" id="a-value"></span>
51+
</div>
52+
<div>
53+
<span class="font-bold">Best solution : </span><span class="inline" id="best-solution-fitness"></span>
54+
</div>
3955
</div>
4056

4157
</form>

0 commit comments

Comments
 (0)