Julscha/ChangelogApp
1
0
Fork 0
mirror of https://github.com/JustusPlays78/ChangelogApp.git synced 2025-06-28 04:45:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Checkbox + hopyfully final frontend changes

Browse Source
This commit is contained in:
Julscha
2024-12-13 21:37:19 +01:00
parent f16522fd66
commit 83e45fc3e2
7 changed files with 81 additions and 605 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
components/html/settings.html
View File

@ -3,30 +3,38 @@
<div class="space-y-6">
<div class="flex space-x-4">
<div class="w-full">
<label for="settings-profile-dirselectbutton" class="block text-sm font-medium text-gray-300">Profile Name:</label>
<label id="settings-profile-dirselectprofilename" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important;">Kein Profil</label>
<input id="settings-profile-dirselectprofilenameinput" type="text" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important; display: none"/>
<label for="settingsProfileDirselectbutton" class="block text-sm font-medium text-gray-300">Profile Name:</label>
<label id="settingsProfileDirselectprofilename" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important;">Kein Profil</label>
<input id="settingsProfileDirselectprofilenameInput" type="text" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important; display: none"/>
</div>
<div class="w-full">
<label for="settings-profile-dirselectbutton" class="block text-sm font-medium text-gray-300">Select Profile</label>
<button id="settings-profile-dirselectbutton" class="bg-blue-600 text-white px-4 py-2 rounded-md shadow hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500">Select Directory</button>
<label for="settingsProfileDirselectbutton" class="block text-sm font-medium text-gray-300">Select Profile</label>
<button id="settingsProfileDirselectbutton" class="bg-blue-600 text-white px-4 py-2 rounded-md shadow hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500">Select Directory</button>
</div>
</div>
<div class="w-full">
<input id="settings-profile-dirselectpath" type="text" name="name" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important;" readonly/>
<label id="settingsProfileDirselectPath" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important;">Kein Verzeichnis</label>
</div>
<div class="flex space-x-4">
<div class="w-full">
<label for="short-input" class="block text-sm font-medium text-gray-300">Ticketnumber:</label>
<input id="short-input" type="text" maxlength="7" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important;">
<label for="settingsCheckBoxSaveGitSettings" class="flex items-center cursor-pointer">
<div class="relative">
<input type="checkbox" id="settingsCheckBoxSaveGitSettings" class="sr-only">
<div class="block bg-gray-600 w-14 h-8 rounded-full"></div>
<div class="dot absolute left-1 top-1 bg-white w-6 h-6 rounded-full transition"></div>
</div>
<label class="ml-3 block text-sm font-medium text-gray-300">Save Git Settings</label>
</label>
</div>
<div class="w-full">
<label for="role-dropdown" class="block text-sm font-medium text-gray-300">Ticket:</label>
<select id="role-dropdown" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important;">
<option value="QA">QA</option>
<option value="DEV">DEV</option>
<option value="DEV">GD</option>
</select>
<label for="settingsCheckBoxSaveElse" class="flex items-center cursor-pointer">
<div class="relative">
<input type="checkbox" id="settingsCheckBoxSaveElse" class="sr-only">
<div class="block bg-gray-600 w-14 h-8 rounded-full"></div>
<div class="dot absolute left-1 top-1 bg-white w-6 h-6 rounded-full transition"></div>
</div>
<label class="ml-3 block text-sm font-medium text-gray-300">Save Else</label>
</label>
</div>
</div>