-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
67 lines (56 loc) · 4.11 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bimbala - Changelog Editor</title>
<!-- Include Tailwind CSS -->
<link href="assets/style.min.css" rel="stylesheet">
</head>
<body>
<!-- Content -->
<div class="container mx-auto p-4">
<!-- Version and Date -->
<div class="flex my-4 text-sm items-center font-bold">
<label class="block text-sm" for="version">Version:</label>
<input class="shadow appearance-none border rounded w-3/4 py-2 px-3 ml-2 leading-tight focus:outline-none focus:shadow-outline" id="version" type="text" placeholder="1.0.0" pattern="[a-zA-Z0-9]{6}" title="Please enter a valid version number (e.g., 1.0.0)">
<label class="block font-bold mx-2" for="date">Date:</label>
<input class="shadow appearance-none border rounded w-1/2 py-2 px-3 leading-tight focus:outline-none focus:shadow-outline" id="date" type="date" placeholder="YYYY-MM-DD">
<button onclick="addTodayDate()" class="block py-2 px-4 ml-2 text-center text-white font-medium bg-indigo-600 duration-150 hover:bg-indigo-500 active:bg-indigo-700 rounded-lg shadow-lg hover:shadow-none" type="button">Today</button>
</div>
<!-- Sections -->
<div class="mb-4">
<label class="block font-bold mb-2">Added:</label>
<textarea class="added-items shadow appearance-none border rounded w-full py-2 px-3 leading-tight focus:outline-none focus:shadow-outline" placeholder="Enter added items here..."></textarea>
</div>
<div class="mb-4">
<label class="block font-bold mb-2">Fixed:</label>
<textarea class="fixed-items shadow appearance-none border rounded w-full py-2 px-3 leading-tight focus:outline-none focus:shadow-outline" placeholder="Enter fixed items here..."></textarea>
</div>
<div class="mb-4">
<label class="block font-bold mb-2">Changed:</label>
<textarea class="changed-items shadow appearance-none border rounded w-full py-2 px-3 leading-tight focus:outline-none focus:shadow-outline" placeholder="Enter changed items here..."></textarea>
</div>
<div class="mb-4">
<label class="block font-bold mb-2">Removed:</label>
<textarea class="removed-items shadow appearance-none border rounded w-full py-2 px-3 leading-tight focus:outline-none focus:shadow-outline" placeholder="Enter removed items here..."></textarea>
</div>
<!-- Submit Button -->
<div class="flex items-center justify-between">
<button onclick="generateChangelog()" class="block py-2 px-4 text-center text-white font-medium bg-indigo-600 duration-150 hover:bg-indigo-500 active:bg-indigo-700 rounded-lg shadow-lg hover:shadow-none" type="button">Generate</button>
</div>
<!-- Generated Changelog -->
<div class="mt-4 relative">
<textarea id="generatedChangelog" rows="8" cols="50" class="generated-changelog shadow appearance-none border rounded w-full py-2 px-3 pr-10 leading-tight focus:outline-none focus:shadow-outline" placeholder="Generated Changelog" readonly title="Click to copy to clipboard">Your changelog content here</textarea>
<button onclick="copyChangelog()" class="absolute top-0 right-0 mt-2 mr-2 p-2 bg-gray-200 rounded hover:bg-gray-300 focus:outline-none">
<!-- Icon for copy -->
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75" />
</svg>
</button>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>