Add staff position.
parent
1598c1401b
commit
a944ac1e20
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,30 @@
|
||||
{%load static%}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href='{% static "dist/output.css" %}'>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
||||
</head>
|
||||
|
||||
<body class="font-poppinsLight">
|
||||
<form method="post" action="" target="_parent">
|
||||
{% csrf_token %}
|
||||
|
||||
<div class="h-[140px] flex flex-col justify-center items-center">
|
||||
<h1 class="text-secondosiblue text-xl font-semibold text-center">Are you sure you want to delete this staff position?</h1>
|
||||
|
||||
<div class="w-full flex justify-center items-center mt-5 gap-5">
|
||||
<button
|
||||
class="w-fit bg-red-500 border border-red-500 rounded-md text-white text-base px-5 py-1 hover:bg-white hover:text-red-500 duration-300">Delete</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
|
||||
</html>
|
@ -0,0 +1,15 @@
|
||||
document.getElementById('addNewPosition').addEventListener('click', function () {
|
||||
const container = document.getElementById('positionsContainer');
|
||||
const initialPositionContainer = document.querySelector('.initialPositionContainer');
|
||||
|
||||
const newPositionContainer = initialPositionContainer.cloneNode(true);
|
||||
newPositionContainer.classList.remove('hidden');
|
||||
|
||||
const removeButton = newPositionContainer.querySelector('.removePositionOption');
|
||||
removeButton.classList.remove('hidden');
|
||||
removeButton.addEventListener('click', function() {
|
||||
newPositionContainer.remove();
|
||||
});
|
||||
|
||||
container.appendChild(newPositionContainer);
|
||||
});
|
Loading…
Reference in New Issue