mirror of
https://github.com/JustusPlays78/SectorFileUpdater.git
synced 2025-06-28 04:55:16 +00:00
changed frontend
This commit is contained in:
3
src/components/css/index.css
Normal file
3
src/components/css/index.css
Normal file
@ -0,0 +1,3 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
12
src/components/html/footer.html
Normal file
12
src/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">
|
||||
© 2023,
|
||||
Developed by PaBr, JulSch
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
10
src/components/html/header.html
Normal file
10
src/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">AIRAC Updater</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">Push</button></li>
|
||||
<li><button onclick="ChangeSite(3)" class="hover:underline transition">Settings</button></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
22
src/components/js/frontend_handler.js
Normal file
22
src/components/js/frontend_handler.js
Normal file
@ -0,0 +1,22 @@
|
||||
const HomeType= {
|
||||
Home: 1,
|
||||
Push: 2,
|
||||
Settings: 3
|
||||
}
|
||||
|
||||
function ChangeSite(mimetype){
|
||||
console.log(mimetype);
|
||||
if (mimetype === HomeType.Home){
|
||||
homeDiv.style.display = 'block';
|
||||
pushDiv.style.display = 'none';
|
||||
settingsDiv.style.display = 'none';
|
||||
} else if (mimetype === HomeType.Push){
|
||||
homeDiv.style.display = 'none';
|
||||
pushDiv.style.display = 'block';
|
||||
settingsDiv.style.display = 'none';
|
||||
} else if (mimetype === HomeType.Settings){
|
||||
homeDiv.style.display = 'none';
|
||||
pushDiv.style.display = 'none';
|
||||
settingsDiv.style.display = 'block';
|
||||
}
|
||||
}
|
||||
15
src/components/js/loople.js
Normal file
15
src/components/js/loople.js
Normal file
@ -0,0 +1,15 @@
|
||||
// Alert dismissible function
|
||||
document.querySelector('.loopple-alert.loopple-alert-dismissible .close').onclick = function() {
|
||||
document.querySelector('.loopple-alert').classList.add('loopple-opacity-0');
|
||||
setTimeout(function(){
|
||||
document.querySelector('.loopple-alert').remove();
|
||||
}, 1000);}
|
||||
|
||||
document.getElementById('download').addEventListener('click', () => {
|
||||
|
||||
},
|
||||
|
||||
);
|
||||
|
||||
|
||||
|
||||
67
src/components/views/home.html
Normal file
67
src/components/views/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="homeDayDropdown" class="block text-sm font-medium text-gray-300">Day</label>
|
||||
<select id="homeDayDropdown" 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="homeTypeDropdown" class="block text-sm font-medium text-gray-300">Change Type:</label>
|
||||
<select id="homeTypeDropdown" 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="homeTicketTypeDropdown" class="block text-sm font-medium text-gray-300">Ticket:</label>
|
||||
<select id="homeTicketTypeDropdown" 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="homeTicketNumberInput" class="block text-sm font-medium text-gray-300">Ticketnumber:</label>
|
||||
<input id="homeTicketNumberInput" 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="homeTicketDescriptionInput" class="block text-sm font-medium text-gray-300">Description:</label>
|
||||
<input id="homeTicketDescriptionInput" 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="homeDayChangeAddButton" 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">Ticket</th>
|
||||
<th class="px-4 py-2 border border-gray-600 text-left text-gray-200">Desciption</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="homeDay">
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
57
src/components/views/push.html
Normal file
57
src/components/views/push.html
Normal file
@ -0,0 +1,57 @@
|
||||
<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">
|
||||
<div>
|
||||
<label for="pushRepoLabel" class="block text-sm font-medium text-gray-300">Repository:</label>
|
||||
<label id="pushRepoLabel" 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;"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<div class="space-y-6">
|
||||
<div>
|
||||
<label for="pushTokenInput" class="block text-sm font-medium text-gray-300">Git Token:</label>
|
||||
<label id="pushTokenInput" 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;"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<label for="pushTypeDropdown" class="block text-sm font-medium text-gray-300">Git Type:</label>
|
||||
<select id="pushTypeDropdown" 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 (kommt noch)</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="flex space-x-4">
|
||||
<div class="w-full">
|
||||
<label for="settingsCheckBoxSaveElse" class="flex items-center cursor-pointer">
|
||||
<div class="relative">
|
||||
<input type="checkbox" id="push" 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 class="w-full">
|
||||
<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>
|
||||
|
||||
<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>
|
||||
84
src/components/views/settings.html
Normal file
84
src/components/views/settings.html
Normal file
@ -0,0 +1,84 @@
|
||||
<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="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="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">
|
||||
<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="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="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>
|
||||
|
||||
<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