172 lines
6.2 KiB
HTML
172 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Scrum Board - Manage your tasks with ease</title>
|
|
<link rel="stylesheet" href="assets/stylesheets/app.min.css">
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<header class="clear">
|
|
<ul>
|
|
</ul>
|
|
</header>
|
|
<section id="dashboard" class="dashboard clear">
|
|
</section>
|
|
|
|
<footer>
|
|
<ul>
|
|
<li class="branding">Scrum <span>Board</span> <sup>Beta</sup></li>
|
|
</ul>
|
|
|
|
<ul class="controls">
|
|
<li data-tooltip="Drag A Task Here To Delete">
|
|
<a href="#" class="remove" id="remove">
|
|
<img src="assets/images/bin.svg" alt="">
|
|
</a>
|
|
</li>
|
|
<li data-tooltip="Create backup">
|
|
<a href="#" class="export" id="export">
|
|
export
|
|
<!-- <img src="assets/images/.svg" alt=""> -->
|
|
</a>
|
|
</li>
|
|
<li data-tooltip="Import backup">
|
|
<a href="#" class="import" id="import">
|
|
import
|
|
<!-- <img src="assets/images/.svg" alt=""> -->
|
|
</a>
|
|
</li>
|
|
<li data-tooltip="Add Task">
|
|
<a href="#" id="add-task" class="add-task">
|
|
<img src="assets/images/plus.svg" alt="">
|
|
</a>
|
|
</li>
|
|
<li data-tooltip="Github" class="github-ref">
|
|
<a href="https://github.com/i-break-codes/scrum-board" target="_blank">
|
|
<img src="assets/images/github.svg" alt="">
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</footer>
|
|
</div>
|
|
|
|
<div id="removed-task-notification" class="removed-task-notification hide"></div>
|
|
|
|
<div class="modal hide" id="change-status-modal">
|
|
<div class="modal-wrapper">
|
|
<form action="index.html" method="post" class="change-status-form" name="change_status">
|
|
<span class="close-modal">X</span>
|
|
|
|
<h3>Change column name</h3>
|
|
|
|
<ul>
|
|
<li>
|
|
<input type="text" id="new_status" placeholder="Column name" autofocus>
|
|
<input type="hidden" id="new_status_id">
|
|
</li>
|
|
<li>
|
|
<input type="submit" name="change_status" value="Change column name">
|
|
</li>
|
|
</ul>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal hide" id="add-task-modal">
|
|
<div class="modal-wrapper">
|
|
<form action="index.html" method="post" class="add-task-form" name="add_task">
|
|
<span class="close-modal">X</span>
|
|
|
|
<h3>Add a new Task</h3>
|
|
|
|
<ul>
|
|
<li>
|
|
<input type="text" name="title" placeholder="Title" autofocus>
|
|
</li>
|
|
<li>
|
|
<textarea name="description" placeholder="Description"></textarea>
|
|
</li>
|
|
<li>
|
|
<input type="text" name="remote_url" placeholder="Remote Task URL">
|
|
</li>
|
|
<li>
|
|
<input type="text" name="assigned_to" placeholder="Assigned To">
|
|
</li>
|
|
<li>
|
|
<input type="submit" name="create_task" value="Create Task">
|
|
</li>
|
|
</ul>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="create-task-branding">
|
|
Scrum <span>Board</span> <sup>Beta</sup>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal hide" id="import-modal">
|
|
<div class="modal-wrapper">
|
|
<form action="index.html" method="post" class="change-status-form" name="change_status">
|
|
<span class="close-modal">X</span>
|
|
|
|
<h3>Import backup file</h3>
|
|
|
|
<ul>
|
|
<li>
|
|
<input type="file" id="importfile" autofocus>
|
|
</li>
|
|
<li>
|
|
<input type="submit" name="import" value="Import data">
|
|
</li>
|
|
</ul>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hide" id="tips">
|
|
Double click on the task text to edit it <br> <span>(Task titles are <b>editable</b> for now)</span>
|
|
</div>
|
|
|
|
<script id="task-card-template" type="text/x-handlebars-template">
|
|
{{#each this}}
|
|
<div class="card" data-task-id="{{id}}">
|
|
<a href="#" class="expand-card">
|
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 60 60" >
|
|
<path d="M59,22c-0.553,0-1-0.448-1-1V1c0-0.552,0.447-1,1-1s1,0.448,1,1v20C60,21.552,59.553,22,59,22z"/>
|
|
<path d="M59,2H39c-0.553,0-1-0.448-1-1s0.447-1,1-1h20c0.553,0,1,0.448,1,1S59.553,2,59,2z"/>
|
|
<path d="M35,26c-0.256,0-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.023,0-1.414l24-24
|
|
c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414l-24,24C35.512,25.902,35.256,26,35,26z"/>
|
|
<path d="M1,60c-0.553,0-1-0.448-1-1V39c0-0.552,0.447-1,1-1s1,0.448,1,1v20C2,59.552,1.553,60,1,60z"/>
|
|
<path d="M21,60H1c-0.553,0-1-0.448-1-1s0.447-1,1-1h20c0.553,0,1,0.448,1,1S21.553,60,21,60z"/>
|
|
<path d="M1,60c-0.256,0-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.023,0-1.414l24-24
|
|
c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414l-24,24C1.512,59.902,1.256,60,1,60z"/>
|
|
</svg>
|
|
</a>
|
|
<h5>{{title}}</h5>
|
|
<div class="card-details">
|
|
<h6>Description</h6>
|
|
<p data-field="description">{{description}}</p>
|
|
<h6>URL</h6>
|
|
<p data-field="remote_url">
|
|
{{#checkIfEmptyRemoteURL remote_url}}{{/checkIfEmptyRemoteURL}}
|
|
</p>
|
|
<h6>Assigned to</h6>
|
|
<p data-field="assigned_to">
|
|
{{#checkIfEmptyAssigned assigned_to}}{{/checkIfEmptyAssigned}}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</script>
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
|
|
<script src="assets/scripts/lib/handlebars-v4.0.5.min.js"></script>
|
|
<script src="assets/scripts/helper.min.js"></script>
|
|
<script src="assets/scripts/app.min.js"></script>
|
|
</body>
|
|
</html>
|