mirror of
https://github.com/JustusPlays78/ChangelogApp.git
synced 2025-06-27 20:35:16 +00:00
feat: adding settings and pushSite, siteswitch via header, basic frontend stuff
This commit is contained in:
12
components/html/footer.html
Normal file
12
components/html/footer.html
Normal file
@ -0,0 +1,12 @@
|
||||
<footer class="footer pt-3 pb-4">
|
||||
<div class="container-fluid">
|
||||
<div class="row align-items-center justify-content-lg-between">
|
||||
<div class="col-lg-6 mb-lg-0 mb-4">
|
||||
<div class="copyright text-center text-sm text-white text-lg-start">
|
||||
© 2024,
|
||||
Developed by JulScha
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
10
components/html/header.html
Normal file
10
components/html/header.html
Normal file
@ -0,0 +1,10 @@
|
||||
<header class="bg-gray-800 text-white shadow-lg">
|
||||
<nav class="container mx-auto flex justify-between items-center py-4 px-6">
|
||||
<h1 class="text-2xl font-bold">Changelog App</h1>
|
||||
<ul class="flex space-x-6">
|
||||
<li><button onclick="ChangeSite(1)" class="hover:underline transition">Home</button></li>
|
||||
<li><button onclick="ChangeSite(2)" class="hover:underline transition">Days</button></li>
|
||||
<li><button onclick="ChangeSite(3)" class="hover:underline transition">Settings</button></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
67
components/html/home.html
Normal file
67
components/html/home.html
Normal file
@ -0,0 +1,67 @@
|
||||
<section class="container mx-auto p-6 bg-gray-800 shadow-md rounded-lg mt-6">
|
||||
<div class="space-y-6">
|
||||
<div class="flex space-x-4">
|
||||
<div class="w-full">
|
||||
<label for="day-dropdown" class="block text-sm font-medium text-gray-300">Day</label>
|
||||
<select id="day-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 dark:bg-gray-700 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;" onchange="handleDayChange()">
|
||||
<option value="">Choose Day</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="w-full">
|
||||
<label for="type-dropdown" class="block text-sm font-medium text-gray-300">Change Type:</label>
|
||||
<select id="type-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 dark:bg-gray-700 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
|
||||
<option value="Fix">Fix</option>
|
||||
<option value="Feat">Feat</option>
|
||||
<option value="Sonst">Sonst</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex space-x-4">
|
||||
<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 dark:bg-gray-700 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
|
||||
<option value="QA">QA</option>
|
||||
<option value="DEV">DEV</option>
|
||||
<option value="DEV">GD</option>
|
||||
</select>
|
||||
</div>
|
||||
<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 dark:bg-gray-700 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="space-y-6">
|
||||
<div>
|
||||
<label for="long-input" class="block text-sm font-medium text-gray-300">Description:</label>
|
||||
<input id="long-input" 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 dark:bg-gray-800 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="text-right">
|
||||
<button id="add-button" 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 dark:bg-blue-700 dark:hover:bg-blue-600">
|
||||
Add
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container mx-auto p-6 bg-gray-800 shadow-md rounded-lg mt-6">
|
||||
<h3 class="text-xl font-bold">Day</h3>
|
||||
<table class="w-full table-auto border-collapse">
|
||||
<thead class="bg-gray-700">
|
||||
<tr>
|
||||
<th class="px-4 py-2 border border-gray-600 text-left text-gray-200">Type</th>
|
||||
<th class="px-4 py-2 border border-gray-600 text-left text-gray-200">Role</th>
|
||||
<th class="px-4 py-2 border border-gray-600 text-left text-gray-200">Short Input</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="task-table-body">
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
33
components/html/push.html
Normal file
33
components/html/push.html
Normal file
@ -0,0 +1,33 @@
|
||||
<section class="container mx-auto p-6 bg-gray-800 shadow-md rounded-lg mt-6">
|
||||
<div class="space-y-6">
|
||||
<div class="w-full">
|
||||
<div>
|
||||
<label for="push-repo-input" class="block text-sm font-medium text-gray-300">Repository Link:</label>
|
||||
<input id="push-repo-input" 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 dark:bg-gray-800 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<div class="space-y-6">
|
||||
<div>
|
||||
<label for="push-token-input" class="block text-sm font-medium text-gray-300">Git Token:</label>
|
||||
<input id="push-token-input" type="password" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-800 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<label for="push-type-dropdown" class="block text-sm font-medium text-gray-300">Git Type:</label>
|
||||
<select id="push-type-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 dark:bg-gray-700 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
|
||||
<option value="Fix">GitHub</option>
|
||||
<option value="Feat">GitLab</option>
|
||||
<option value="Sonst">Gitea</option>
|
||||
<option value="Sonst">Sonst (noch nicht implementiert)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="text-right">
|
||||
<button id="push-save-button" 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 dark:bg-blue-700 dark:hover:bg-blue-600">
|
||||
Save Settings
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
76
components/html/settings.html
Normal file
76
components/html/settings.html
Normal file
@ -0,0 +1,76 @@
|
||||
<section class="container mx-auto p-6 bg-gray-800 shadow-md rounded-lg mt-6">
|
||||
<h3 class="text-xl font-bold">Profile Settings</h3>
|
||||
<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"/>
|
||||
</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>
|
||||
</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/>
|
||||
</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;">
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-right">
|
||||
<button id="settings-profile-edit-button" 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">
|
||||
Edit Profile
|
||||
</button>
|
||||
<button id="settings-profile-save-button" 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">
|
||||
Save Profile
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container mx-auto p-6 bg-gray-800 shadow-md rounded-lg mt-6">
|
||||
<h3 class="text-xl font-bold">Git Settings</h3>
|
||||
<div class="space-y-6">
|
||||
<div class="w-full">
|
||||
<div>
|
||||
<label for="settings-repo-input" class="block text-sm font-medium text-gray-300">Repository Link:</label>
|
||||
<input id="settings-repo-input" 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;">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<div class="space-y-6">
|
||||
<div>
|
||||
<label for="settings-token-input" class="block text-sm font-medium text-gray-300">Git Token:</label>
|
||||
<input id="settings-token-input" type="password" 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;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<label for="settings-type-dropdown" class="block text-sm font-medium text-gray-300">Git Type:</label>
|
||||
<select id="settings-type-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="Fix">GitHub</option>
|
||||
<option value="Feat">GitLab</option>
|
||||
<option value="Sonst">Gitea</option>
|
||||
<option value="Sonst">Sonst (noch nicht implementiert)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="text-right">
|
||||
<button id="settings-save-button" 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 dark:bg-blue-700 dark:hover:bg-blue-600">
|
||||
Save Settings
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user