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