New changes.
parent
2965e1ef47
commit
bedab56704
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,171 @@
|
||||
{% extends "main.html" %}
|
||||
{%load static%}
|
||||
{% block content %}
|
||||
|
||||
<div class="w-full px-10">
|
||||
<div class="w-full bg-white h-fit shadow-md rounded-md p-5">
|
||||
<h1 class="text-3xl text-slate-800 text-center font-semibold">
|
||||
Create Epic
|
||||
</h1>
|
||||
<div class="mx-auto w-full flex flex-col gap-3 justify-center items-center mt-5">
|
||||
<input type="text" placeholder="Epic Name"
|
||||
class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md">
|
||||
|
||||
<textarea type="text" placeholder="Epic Description" rows="5" cols="5"
|
||||
class="w-full py-3 px-3 border border-gray-300 outline-none rounded-md resize-none"></textarea>
|
||||
|
||||
<select id=""
|
||||
class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md text-gray-500">
|
||||
<option value="" selected disabled>Select Status</option>
|
||||
<option value="">Open</option>
|
||||
<option value="">Closed</option>
|
||||
</select>
|
||||
|
||||
<div class="w-full">
|
||||
<label class="text-gray-500">Start Date:</label>
|
||||
<input type="date" id="date" name="date"
|
||||
class="w-full p-3 border border-gray-300 rounded-md bg-transparent outline-none mt-1">
|
||||
</div>
|
||||
|
||||
<div class="w-full">
|
||||
<label class="text-gray-500">End Date:</label>
|
||||
<input type="date" id="date" name="date"
|
||||
class="w-full p-3 border border-gray-300 rounded-md bg-transparent outline-none mt-1">
|
||||
</div>
|
||||
|
||||
<div class="w-full">
|
||||
<button class="w-full border border-gray-300 text-gray-500 py-2 px-3 outline-none rounded-md text-xl"
|
||||
id="AddTaskButton">Add
|
||||
Task</button>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex justify-center items-center mt-3">
|
||||
<button
|
||||
class="w-fit py-1 px-3 bg-blue-500 rounded-md outline-none text-white border border-blue-500 text-xl cursor-pointer hover:bg-white hover:text-blue-500">Add
|
||||
Epic</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mx-auto w-[60%] h-full shadow-md rounded-md mt-5 border border-gray-300 p-3 hidden"
|
||||
id="taskFormContainer">
|
||||
<h1 class="text-3xl text-slate-800 text-center font-semibold">
|
||||
Create Task
|
||||
</h1>
|
||||
|
||||
<div class="w-full flex flex-col gap-3 justify-center items-center mt-5">
|
||||
<input type="text" placeholder="Task Name"
|
||||
class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md">
|
||||
|
||||
<select id=""
|
||||
class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md text-gray-500">
|
||||
<option value="" selected disabled>Assigned To</option>
|
||||
<option value="">Nataly</option>
|
||||
<option value="">Salim</option>
|
||||
</select>
|
||||
|
||||
<select id=""
|
||||
class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md text-gray-500">
|
||||
<option value="" selected disabled>Status</option>
|
||||
<option value="">Open</option>
|
||||
<option value="">Working On</option>
|
||||
<option value="">Closed</option>
|
||||
</select>
|
||||
|
||||
<select id=""
|
||||
class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md text-gray-500">
|
||||
<option value="" selected disabled>Extra</option>
|
||||
<option value="">Yes</option>
|
||||
<option value="">No</option>
|
||||
</select>
|
||||
|
||||
<div class="w-full">
|
||||
<label class="text-gray-500">Start Date:</label>
|
||||
<input type="date" id="date" name="date"
|
||||
class="w-full p-3 border border-gray-300 rounded-md bg-transparent outline-none mt-1">
|
||||
</div>
|
||||
|
||||
<div class="w-full">
|
||||
<label class="text-gray-500">End Date:</label>
|
||||
<input type="date" id="date" name="date"
|
||||
class="w-full p-3 border border-gray-300 rounded-md bg-transparent outline-none mt-1">
|
||||
</div>
|
||||
|
||||
<div class="w-full flex justify-between items-center gap-2">
|
||||
<input type="text" placeholder="Add Point"
|
||||
class="w-full h-[50px] py-1 px-3 border border-gray-300 outline-none rounded-md">
|
||||
<button
|
||||
class="w-[150px] h-[50px] py-1 px-3 bg-blue-500 rounded-md outline-none text-white border border-blue-500 cursor-pointer hover:bg-white hover:text-blue-500">Add
|
||||
Point</button>
|
||||
</div>
|
||||
|
||||
<div class="inbox-box border border-gray-300 py-1 px-3 w-full rounded-md">
|
||||
<div class="flex items-center justify-between">
|
||||
<input required name="cv" type="file" id="actual-btn" accept=".pdf,.docx" hidden multiple />
|
||||
<span id="file-name" class="text-gray-500 text-base focus:outline-none outline-none">Upload
|
||||
Document</span>
|
||||
<label for="actual-btn"
|
||||
class="bg-transparent text-gray-500 border border-white px-4 py-2 h-14 cursor-pointer flex items-center"><i
|
||||
class="fa fa-upload"></i></label>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- WHEN THE USER CHOOSE A FILE THE NAME OF THE FILE WILL APPEAR IN THE SPAN -->
|
||||
<script>
|
||||
const fileInput = document.getElementById('actual-btn');
|
||||
const fileNameSpan = document.getElementById('file-name');
|
||||
|
||||
fileInput.addEventListener('change', (event) => {
|
||||
const selectedFiles = event.target.files;
|
||||
if (selectedFiles.length > 0) {
|
||||
const fileNames = Array.from(selectedFiles).map(file => file.name).join(', ');
|
||||
fileNameSpan.textContent = fileNames;
|
||||
} else {
|
||||
fileNameSpan.textContent = 'Upload Documents (PDF, docx)';
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="w-full flex justify-center items-center mt-3">
|
||||
<button
|
||||
class="w-fit py-1 px-3 bg-blue-500 rounded-md outline-none text-white border border-blue-500 text-xl cursor-pointer hover:bg-white hover:text-blue-500">Add
|
||||
Task</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const addTaskButton = document.getElementById('AddTaskButton');
|
||||
const taskFormContainer = document.getElementById('taskFormContainer');
|
||||
|
||||
// Add a click event listener to the button
|
||||
addTaskButton.addEventListener('click', () => {
|
||||
// Toggle the visibility of the taskFormContainer
|
||||
if (taskFormContainer.style.display === 'none' || taskFormContainer.style.display === '') {
|
||||
taskFormContainer.style.display = 'block';
|
||||
// Scroll to the taskFormContainer
|
||||
taskFormContainer.scrollIntoView({ behavior: 'smooth' });
|
||||
} else {
|
||||
taskFormContainer.style.display = 'none';
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- POPUP MODAL -->
|
||||
<div class="w-full h-full bg-black bg-opacity-40 z-20 fixed justify-center items-center hidden" id="popUpModal">
|
||||
<div class="w-[95%] md:w-fit h-fit bg-white rounded-md p-9 relative">
|
||||
<button class="absolute top-3 right-5 text-slate-800 text-xl cursor-pointer outline-none border-none"
|
||||
id="closeModalButton">
|
||||
<i class="fa fa-close"></i>
|
||||
</button>
|
||||
<iframe id="popupModalFrame" frameborder="0"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src='{% static "js/pop-modals.js" %}'></script>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
@ -0,0 +1,26 @@
|
||||
{% extends "main.html" %}
|
||||
{%load static%}
|
||||
{% block content %}
|
||||
|
||||
<div class="w-full px-10">
|
||||
<div class="w-full bg-white h-[600px] shadow-md rounded-md">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- POPUP MODAL -->
|
||||
<div class="w-full h-full bg-black bg-opacity-40 z-20 fixed justify-center items-center hidden" id="popUpModal">
|
||||
<div class="w-[95%] md:w-fit h-fit bg-white rounded-md p-9 relative">
|
||||
<button class="absolute top-3 right-5 text-slate-800 text-xl cursor-pointer outline-none border-none"
|
||||
id="closeModalButton">
|
||||
<i class="fa fa-close"></i>
|
||||
</button>
|
||||
<iframe id="popupModalFrame" frameborder="0"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src='{% static "js/pop-modals.js" %}'></script>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue