180 lines
6.2 KiB
PHP
180 lines
6.2 KiB
PHP
|
<?= $this->extend('layouts/main.php') ?>
|
||
|
|
|
||
|
|
<?= $this->section('content') ?>
|
||
|
|
<link href='assets/dragula.min.css' rel='stylesheet' type='text/css' />
|
||
|
|
<style>
|
||
|
|
.kanban_cards { margin: 5px 0;padding:5px; color:black; background-color:rgba(0,0,0,10%); }
|
||
|
|
.kanban { min-height:250px; }
|
||
|
|
hr{ margin:0;}
|
||
|
|
.btn-xs { font-size:75%; padding:3px; pointer-events: none; }
|
||
|
|
.kanban_header,.kanban_footer { font-size:80%; }
|
||
|
|
h4 select {font-size:80%;}
|
||
|
|
</style>
|
||
|
|
<div class='page-wrapper'>
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="row page-titles mb-2">
|
||
|
|
<div class="col-md-5 align-self-center">
|
||
|
|
<h4 class="text-themecolor">
|
||
|
|
Kanban Board
|
||
|
|
<select class='input-sm'>
|
||
|
|
<option selected>-</option>
|
||
|
|
<option>Project LQMS</option>
|
||
|
|
</select>
|
||
|
|
<button type='button' class='btn btn-sm btn-success'>Go</button>
|
||
|
|
</h4>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class='row'>
|
||
|
|
<div class='col'>
|
||
|
|
<div class="dropdown">
|
||
|
|
<button class="btn btn-info btn-sm dropdown-toggle mb-2" type="button" data-bs-toggle="dropdown">New</button>
|
||
|
|
<ul class="dropdown-menu">
|
||
|
|
<li><a class="dropdown-item" href="#">New Card</a></li>
|
||
|
|
<li><a class="dropdown-item" href="#">New List</a></li>
|
||
|
|
<li><a class="dropdown-item" href="#">New Board</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class='col text-end'>
|
||
|
|
<button class="btn btn-dark text-white btn-sm" type="button">Show archived</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class='row'>
|
||
|
|
<div class='col'>
|
||
|
|
<div class='card'>
|
||
|
|
<div class='card-body'>
|
||
|
|
<h5 class='card-title'>To-Do </h5>
|
||
|
|
<hr/>
|
||
|
|
<div id='kanban_todo' class='col kanban'>
|
||
|
|
<div class='kanban_cards'>
|
||
|
|
<div class='row kanban_header'>
|
||
|
|
<div class='col text-start'><span class='btn btn-xs btn-primary'>Low</span></div>
|
||
|
|
<div class='col text-end'><i class='fas fa-pencil text-end'></i></div>
|
||
|
|
</div>
|
||
|
|
<pre>TOS mengambil data dari alat user</pre>
|
||
|
|
<hr>
|
||
|
|
<div class='row kanban_footer'>
|
||
|
|
<div class='col text-start'>2024-05-10</div>
|
||
|
|
<div class='col text-end'>ADH / APP</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class='kanban_cards'>
|
||
|
|
<div class='row kanban_header'>
|
||
|
|
<div class='col text-start'><span class='btn btn-xs btn-primary'>Low</span></div>
|
||
|
|
<div class='col text-end'><i class='fas fa-pencil text-end'></i></div>
|
||
|
|
</div>
|
||
|
|
<pre>Data apalagi yang akan diambil dan query nya</pre>
|
||
|
|
<hr>
|
||
|
|
<div class='row kanban_footer'>
|
||
|
|
<div class='col text-start'>2024-05-10</div>
|
||
|
|
<div class='col text-end'>ADH / APP</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class='kanban_cards'>
|
||
|
|
<div class='row kanban_header'>
|
||
|
|
<div class='col text-start'><span class='btn btn-xs btn-primary'>Low</span></div>
|
||
|
|
<div class='col text-end'><i class='fas fa-pencil text-end'></i></div>
|
||
|
|
</div>
|
||
|
|
<pre>Buat rest client / aplikasi pengirim data dari masing2 pc</pre>
|
||
|
|
<hr>
|
||
|
|
<div class='row kanban_footer'>
|
||
|
|
<div class='col text-start'>2024-05-10</div>
|
||
|
|
<div class='col text-end'>MZAK</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class='kanban_cards'>
|
||
|
|
<div class='row kanban_header'>
|
||
|
|
<div class='col text-start'><span class='btn btn-xs btn-primary'>Low</span></div>
|
||
|
|
<div class='col text-end'><i class='fas fa-pencil text-end'></i></div>
|
||
|
|
</div>
|
||
|
|
<pre>Front-end LQMS</pre>
|
||
|
|
<hr>
|
||
|
|
<div class='row kanban_footer'>
|
||
|
|
<div class='col text-start'>2024-05-10</div>
|
||
|
|
<div class='col text-end'></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class='kanban_cards'>
|
||
|
|
<div class='row kanban_header'>
|
||
|
|
<div class='col text-start'><span class='btn btn-xs btn-primary'>Low</span></div>
|
||
|
|
<div class='col text-end'><i class='fas fa-pencil text-end'></i></div>
|
||
|
|
</div>
|
||
|
|
<pre>Back-end LQMS</pre>
|
||
|
|
<hr>
|
||
|
|
<div class='row kanban_footer'>
|
||
|
|
<div class='col text-start'>2024-05-10</div>
|
||
|
|
<div class='col text-end'></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class='kanban_cards'>
|
||
|
|
<div class='row kanban_header'>
|
||
|
|
<div class='col text-start'><span class='btn btn-xs btn-primary'>Low</span></div>
|
||
|
|
<div class='col text-end'><i class='fas fa-pencil text-end'></i></div>
|
||
|
|
</div>
|
||
|
|
<pre>Persiapan infrastruktur / hardware / software</pre>
|
||
|
|
<hr>
|
||
|
|
<div class='row kanban_footer'>
|
||
|
|
<div class='col text-start'>2024-05-10</div>
|
||
|
|
<div class='col text-end'></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class='kanban_cards'>
|
||
|
|
<div class='row kanban_header'>
|
||
|
|
<div class='col text-start'><span class='btn btn-xs btn-primary'>Low</span></div>
|
||
|
|
<div class='col text-end'><i class='fas fa-pencil text-end'></i></div>
|
||
|
|
</div>
|
||
|
|
<pre>Security</pre>
|
||
|
|
<hr>
|
||
|
|
<div class='row kanban_footer'>
|
||
|
|
<div class='col text-start'>2024-05-10</div>
|
||
|
|
<div class='col text-end'></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class='kanban_cards'>
|
||
|
|
<div class='row kanban_header'>
|
||
|
|
<div class='col text-start'><span class='btn btn-xs btn-primary'>Low</span></div>
|
||
|
|
<div class='col text-end'><i class='fas fa-pencil text-end'></i></div>
|
||
|
|
</div>
|
||
|
|
<pre>Enkripsi JSON</pre>
|
||
|
|
<hr>
|
||
|
|
<div class='row kanban_footer'>
|
||
|
|
<div class='col text-start'>2024-05-10</div>
|
||
|
|
<div class='col text-end'></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class='col'>
|
||
|
|
<div class='card'>
|
||
|
|
<div class='card-body'>
|
||
|
|
<h5 class='card-title'>In Progress</h5>
|
||
|
|
<hr/>
|
||
|
|
<div id='kanban_inprogress' class='col kanban'>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class='col'>
|
||
|
|
<div class='card'>
|
||
|
|
<div class='card-body'>
|
||
|
|
<h5 class='card-title'>Done</h5>
|
||
|
|
<hr/>
|
||
|
|
<div id='kanban_done' class='col kanban'>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<?= $this->endSection() ?>
|
||
|
|
|
||
|
|
<?= $this->section('script') ?>
|
||
|
|
<script src='assets/dragula.min.js'></script>
|
||
|
|
<script>
|
||
|
|
dragula([document.getElementById('kanban_todo'), document.getElementById('kanban_inprogress'), document.getElementById('kanban_done')]);
|
||
|
|
</script>
|
||
|
|
<?= $this->endSection() ?>
|