AS1024
/
Kanboard-Prod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add board horizontal scrolling

This commit is contained in:
Frederic Guillot 2015-02-15 18:25:54 -05:00
parent 2fd2fe6e88
commit 794f7f7645
8 changed files with 65 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/Template/board/filters.php
View File

@ -29,6 +29,11 @@
<i class="fa fa-calendar fa-fw"></i>
<?= $this->a(t('Calendar'), 'calendar', 'show', array('project_id' => $project['id'])) ?>
</li>
<?php if ($project['is_public']): ?>
<li>
<i class="fa fa-share-alt fa-fw"></i> <?= $this->a(t('Public link'), 'board', 'readonly', array('token' => $project['token']), false, '', '', true) ?>
</li>
<?php endif ?>
<?php if ($this->acl->isManagerActionAllowed($project['id'])): ?>
<li>
<i class="fa fa-line-chart fa-fw"></i>

52
app/Template/board/show.php
View File

@ -1,27 +1,29 @@
<?php if (isset($not_editable)): ?>
<table id="board">
<?php else: ?>
<table id="board"
data-project-id="<?= $project['id'] ?>"
data-check-interval="<?= $board_private_refresh_interval ?>"
data-save-url="<?= $this->u('board', 'save', array('project_id' => $project['id'])) ?>"
data-check-url="<?= $this->u('board', 'check', array('project_id' => $project['id'], 'timestamp' => time())) ?>"
>
<?php endif ?>
<?php foreach ($swimlanes as $swimlane): ?>
<?php if (empty($swimlane['columns'])): ?>
<p class="alert alert-error"><?= t('There is no column in your project!') ?></p>
<?php break ?>
<div id="board-container">
<?php if (isset($not_editable)): ?>
<table id="board">
<?php else: ?>
<?= $this->render('board/swimlane', array(
'project' => $project,
'swimlane' => $swimlane,
'board_highlight_period' => $board_highlight_period,
'categories' => $categories,
'hide_swimlane' => count($swimlanes) === 1,
'not_editable' => isset($not_editable),
)) ?>
<table id="board"
data-project-id="<?= $project['id'] ?>"
data-check-interval="<?= $board_private_refresh_interval ?>"
data-save-url="<?= $this->u('board', 'save', array('project_id' => $project['id'])) ?>"
data-check-url="<?= $this->u('board', 'check', array('project_id' => $project['id'], 'timestamp' => time())) ?>"
>
<?php endif ?>
<?php endforeach ?>
</table>
<?php foreach ($swimlanes as $swimlane): ?>
<?php if (empty($swimlane['columns'])): ?>
<p class="alert alert-error"><?= t('There is no column in your project!') ?></p>
<?php break ?>
<?php else: ?>
<?= $this->render('board/swimlane', array(
'project' => $project,
'swimlane' => $swimlane,
'board_highlight_period' => $board_highlight_period,
'categories' => $categories,
'hide_swimlane' => count($swimlanes) === 1,
'not_editable' => isset($not_editable),
)) ?>
<?php endif ?>
<?php endforeach ?>
</table>
</div>

4
app/Template/board/swimlane.php
View File

@ -2,7 +2,7 @@
<?php if (! $hide_swimlane): ?>
<th>
<?php if ($swimlane['nb_tasks'] > 0): ?>
<?php if (! $not_editable && $swimlane['nb_tasks'] > 0): ?>
<a href="#" class="board-swimlane-toggle" data-swimlane-id="<?= $swimlane['id'] ?>">
<i class="fa fa-minus-circle hide-icon-swimlane-<?= $swimlane['id'] ?>"></i>
<i class="fa fa-plus-circle show-icon-swimlane-<?= $swimlane['id'] ?>" style="display: none"></i>
@ -18,7 +18,7 @@
<?php endif ?>
<?php foreach ($swimlane['columns'] as $column): ?>
<th>
<th class="board-column">
<?php if (! $not_editable): ?>
<div class="board-add-icon">
<?= $this->a('+', 'task', 'create', array('project_id' => $column['project_id'], 'column_id' => $column['id'], 'swimlane_id' => $swimlane['id']), false, 'task-creation-popover', t('Add a new task')) ?>

2
app/Template/board/task.php
View File

@ -22,7 +22,7 @@
<li><i class="fa fa-align-left"></i> <?= $this->a(t('Change description'), 'task', 'description', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'task-description-popover') ?></li>
<li><i class="fa fa-pencil-square-o"></i> <?= $this->a(t('Edit this task'), 'task', 'edit', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'task-edit-popover') ?></li>
<li><i class="fa fa-close"></i> <?= $this->a(t('Close this task'), 'task', 'close', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'confirmation' => 'yes', 'redirect' => 'board'), true) ?></li>
</li>
</ul>
</li>
</ul>

19
assets/css/app.css
View File

@ -740,8 +740,14 @@ a.filter-on {
}
/* board table */
#board {
table-layout: fixed;
#board-container {
overflow-x: auto;
}
#board td,
#board th {
min-width: 230px;
max-width: 230px;
}
#board th a {
@ -827,6 +833,11 @@ a.task-board-collapsed-title {
font-weight: normal;
}
.task-board .dropdown {
float: left;
margin-right: 5px;
}
.task-board-title {
margin-top: 10px;
font-size: 1.1em;
@ -1429,10 +1440,10 @@ a.task-board-nobody {
position: absolute;
left: 0;
z-index: 1000;
min-width: 180px;
min-width: 230px;
list-style: none;
margin: 3px 0 0 1px;
padding: 6px 0;
padding: 6px 0;
background-color: #fff;
border: 1px solid #b2b2b2;
-webkit-border-radius: 3px;

10
assets/css/src/board.css
View File

@ -16,8 +16,14 @@ a.filter-on {
}
/* board table */
#board {
table-layout: fixed;
#board-container {
overflow-x: auto;
}
#board td,
#board th {
min-width: 230px;
max-width: 230px;
}
#board th a {

4
assets/css/src/dropdown.css
View File

@ -12,10 +12,10 @@
position: absolute;
left: 0;
z-index: 1000;
min-width: 180px;
min-width: 230px;
list-style: none;
margin: 3px 0 0 1px;
padding: 6px 0;
padding: 6px 0;
background-color: #fff;
border: 1px solid #b2b2b2;
-webkit-border-radius: 3px;

5
assets/css/src/task.css
View File

@ -36,6 +36,11 @@ a.task-board-collapsed-title {
font-weight: normal;
}
.task-board .dropdown {
float: left;
margin-right: 5px;
}
.task-board-title {
margin-top: 10px;
font-size: 1.1em;