You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
119 lines
5.9 KiB
119 lines
5.9 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Kanban Board</title>
|
|
<link rel="stylesheet" href="./assets/css/kanban.css">
|
|
<script src="./assets/js/main.js" type="module"></script>
|
|
<script defer src="./assets/js/kanban.js" type="module"></script>
|
|
</head>
|
|
<body>
|
|
<dialog id="new-task">
|
|
<strong>New Task</strong>
|
|
<span class="form-row">
|
|
<label class="form-row-label" for="task-name">Task</label>
|
|
<input class="form-row-input" type="text" name="task-name" id="task-name">
|
|
</span>
|
|
<span class="form-row">
|
|
<label class="form-row-label" for="task-description">Description</label>
|
|
<textarea class="form-row-input" name="task-description" id="task-description" cols="70" rows="10"></textarea>
|
|
</span>
|
|
<span class="form-row">
|
|
<label class="form-row-label" for="task-tags">Tags</label>
|
|
<input class="form-row-input" type="text" name="task-tags" id="task-tags">
|
|
</span>
|
|
<span class="form-row">
|
|
<label class="form-row-label" for="task-color"><span id="color-display"></span>Color</label>
|
|
<select name="task-color" id="task-color" class="form-row-input">
|
|
<option value="yellow">Yellow</option>
|
|
<option value="blue">Blue</option>
|
|
<option value="green">Green</option>
|
|
<option value="purple">Purple</option>
|
|
<option value="red">Red</option>
|
|
<option value="orange">Orange</option>
|
|
<option value="grey">Grey</option>
|
|
<option value="brown">Brown</option>
|
|
<option value="deep_orange">Deep Orange</option>
|
|
<option value="dark_grey">Dark Grey</option>
|
|
<option value="pink">Pink</option>
|
|
<option value="teal">Teal</option>
|
|
<option value="cyan">Cyan</option>
|
|
<option value="lime">Lime</option>
|
|
<option value="light_green">Light Green</option>
|
|
<option value="amber">Amber</option>
|
|
</select>
|
|
</span>
|
|
<span class="form-row">
|
|
<label class="form-row-label" for="task-assign">Assignee</label>
|
|
<select class="form-row-input" name="task-assign" id="task-assign">
|
|
<option value="me">Me</option>
|
|
<option value="dev">Developers</option>
|
|
<option value="other">Other</option>
|
|
</select>
|
|
</span>
|
|
<span class="form-row">
|
|
<label class="form-row-label" for="task-priority">Priority</label>
|
|
<select class="form-row-input" name="task-priority" id="task-priority">
|
|
<option value="0">Not a Priority</option>
|
|
<option value="1">Low Priority</option>
|
|
<option value="2">Minor Priority</option>
|
|
<option value="3">Moderate Priority</option>
|
|
<option value="4">Medium Priority</option>
|
|
<option value="5">Average Priority</option>
|
|
<option value="6">Important Priority</option>
|
|
<option value="7">High Priority</option>
|
|
<option value="8">Critical Priority</option>
|
|
<option value="9">Top Priority</option>
|
|
<option value="10">Urgent Priority</option>
|
|
</select>
|
|
|
|
<label class="form-row-label" for="task-complexity">Complexity</label>
|
|
<select class="form-row-input" name="task-complexity" id="task-complexity">
|
|
<option value="0">Very Simple</option>
|
|
<option value="1">Basic</option>
|
|
<option value="2">Elementary</option>
|
|
<option value="3">Straightforward</option>
|
|
<option value="4">Moderate</option>
|
|
<option value="5">Intermediate</option>
|
|
<option value="6">Complex</option>
|
|
<option value="7">Challenging</option>
|
|
<option value="8">Advanced</option>
|
|
<option value="9">Highly Advanced</option>
|
|
<option value="10">Extremely Complex</option>
|
|
</select>
|
|
</span>
|
|
<span class="form-row">
|
|
<label class="form-row-label" for="task-due">Due Date</label>
|
|
<input class="form-row-input" type="datetime-local" name="task-due" id="task-due">
|
|
|
|
<label class="form-row-label" for="task-start">Start Date</label>
|
|
<input class="form-row-input" type="date" name="task-start" id="task-start">
|
|
</span>
|
|
<span class="form-row">
|
|
<label class="form-row-label" for="task-estimate">Original estimate in hours</label>
|
|
<input class="form-row-input" type="number" min="0" max="9999" name="task-estimate" id="task-estimate" style="width: 4em">
|
|
</span>
|
|
<span class="form-row">
|
|
<label class="form-row-label" for="task-time-spent">Time spent in hours</label>
|
|
<input class="form-row-input" type="number" min="0" max="9999" name="task-time-spent" id="task-time-spent" style="width: 4em">
|
|
</span>
|
|
<span class="form-row">
|
|
<label class="form-row-label" for="task-status">Column</label>
|
|
<select class="form-row-input" name="task-status" id="task-status">
|
|
</select>
|
|
</span>
|
|
<span class="form-row-buttons">
|
|
<input type="hidden" id="edit-id" value="NAN" />
|
|
<button type="button" id="delete-button" hidden>Delete</button>
|
|
<button type="button" id="cancel-button">Cancel</button>
|
|
<button type="button" id="save-button">Save</button>
|
|
<button type="button" id="edit-button" hidden>Update</button>
|
|
</span>
|
|
</dialog>
|
|
|
|
<div class="kanban"></div>
|
|
|
|
</body>
|
|
</html>
|
|
|