Change groups list layout

This commit is contained in:
Frederic Guillot
2017-03-11 17:30:09 -05:00
parent a22b8f3dc7
commit d1edac845c
7 changed files with 99 additions and 79 deletions

View File

@@ -11,7 +11,7 @@ Improvements:
* Add toggle button to show/hide subtasks in task list view * Add toggle button to show/hide subtasks in task list view
* Display tags in task list view * Display tags in task list view
* Make user actions available from contextual menu * Make user actions available from contextual menu
* Change users list layout * Change users and groups list layout
* Project priority is always rendered now * Project priority is always rendered now
Breaking Changes: Breaking Changes:

View File

@@ -2,6 +2,9 @@
namespace Kanboard\Controller; namespace Kanboard\Controller;
use Kanboard\Model\GroupModel;
use Kanboard\Model\UserModel;
/** /**
* Group Controller * Group Controller
* *
@@ -20,7 +23,7 @@ class GroupListController extends BaseController
$paginator = $this->paginator $paginator = $this->paginator
->setUrl('GroupListController', 'index') ->setUrl('GroupListController', 'index')
->setMax(30) ->setMax(30)
->setOrder('name') ->setOrder(GroupModel::TABLE.'.name')
->setQuery($this->groupModel->getQuery()) ->setQuery($this->groupModel->getQuery())
->calculate(); ->calculate();
@@ -43,7 +46,7 @@ class GroupListController extends BaseController
$paginator = $this->paginator $paginator = $this->paginator
->setUrl('GroupListController', 'users', array('group_id' => $group_id)) ->setUrl('GroupListController', 'users', array('group_id' => $group_id))
->setMax(30) ->setMax(30)
->setOrder('username') ->setOrder(UserModel::TABLE.'.username')
->setQuery($this->groupMemberModel->getQuery($group_id)) ->setQuery($this->groupMemberModel->getQuery($group_id))
->calculate(); ->calculate();

View File

@@ -27,7 +27,9 @@ class GroupModel extends Base
*/ */
public function getQuery() public function getQuery()
{ {
return $this->db->table(self::TABLE); return $this->db->table(self::TABLE)
->columns('id', 'name', 'external_id')
->subquery('SELECT COUNT(*) FROM '.GroupMemberModel::TABLE.' WHERE group_id='.self::TABLE.'.id', 'nb_users');
} }
/** /**
@@ -39,7 +41,7 @@ class GroupModel extends Base
*/ */
public function getById($group_id) public function getById($group_id)
{ {
return $this->getQuery()->eq('id', $group_id)->findOne(); return $this->db->table(self::TABLE)->eq('id', $group_id)->findOne();
} }
/** /**
@@ -51,7 +53,7 @@ class GroupModel extends Base
*/ */
public function getByExternalId($external_id) public function getByExternalId($external_id)
{ {
return $this->getQuery()->eq('external_id', $external_id)->findOne(); return $this->db->table(self::TABLE)->eq('external_id', $external_id)->findOne();
} }
/** /**

View File

@@ -0,0 +1,9 @@
<div class="dropdown">
<a href="#" class="dropdown-menu dropdown-menu-link-icon"><strong>#<?= $group['id'] ?> <i class="fa fa-caret-down"></i></strong></a>
<ul>
<li><?= $this->modal->medium('plus', t('Add group member'), 'GroupListController', 'associate', array('group_id' => $group['id'])) ?></li>
<li><?= $this->url->icon('users', t('Members'), 'GroupListController', 'users', array('group_id' => $group['id'])) ?></li>
<li><?= $this->modal->medium('edit', t('Edit'), 'GroupModificationController', 'show', array('group_id' => $group['id'])) ?></li>
<li><?= $this->modal->confirm('trash-o', t('Remove'), 'GroupListController', 'confirm', array('group_id' => $group['id'])) ?></li>
</ul>
</div>

View File

@@ -1,42 +1,62 @@
<section id="main"> <div class="page-header">
<div class="page-header"> <ul>
<ul> <li><?= $this->url->icon('user', t('All users'), 'UserListController', 'show') ?></li>
<li><?= $this->url->icon('user', t('All users'), 'UserListController', 'show') ?></li> <li><?= $this->modal->medium('user-plus', t('New group'), 'GroupCreationController', 'show') ?></li>
<li><?= $this->modal->medium('user-plus', t('New group'), 'GroupCreationController', 'show') ?></li> </ul>
</ul> </div>
</div> <?php if ($paginator->isEmpty()): ?>
<?php if ($paginator->isEmpty()): ?> <p class="alert"><?= t('There is no group.') ?></p>
<p class="alert"><?= t('There is no group.') ?></p> <?php else: ?>
<?php else: ?> <div class="table-list">
<table class="table-fixed table-scrolling table-hover"> <div class="table-list-header">
<tr> <div class="table-list-header-count">
<th class="column-5"><?= $paginator->order(t('Id'), 'id') ?></th> <?php if ($paginator->getTotal() > 1): ?>
<th><?= $paginator->order(t('Name'), 'name') ?></th> <?= t('%d groups', $paginator->getTotal()) ?>
<th class="column-30"><?= $paginator->order(t('External Id'), 'external_id') ?></th> <?php else: ?>
</tr> <?= t('%d group', $paginator->getTotal()) ?>
<?php foreach ($paginator->getCollection() as $group): ?> <?php endif ?>
<tr> </div>
<td> <div class="table-list-header-menu">
<div class="dropdown"> <div class="dropdown">
<a href="#" class="dropdown-menu dropdown-menu-link-icon"><strong>#<?= $group['id'] ?> <i class="fa fa-caret-down"></i></strong></a> <a href="#" class="dropdown-menu dropdown-menu-link-icon"><strong><?= t('Sort') ?> <i class="fa fa-caret-down"></i></strong></a>
<ul> <ul>
<li><?= $this->modal->medium('plus', t('Add group member'), 'GroupListController', 'associate', array('group_id' => $group['id'])) ?></li> <li>
<li><?= $this->url->icon('users', t('Members'), 'GroupListController', 'users', array('group_id' => $group['id'])) ?></li> <?= $paginator->order(t('Group ID'), \Kanboard\Model\GroupModel::TABLE.'.id') ?>
<li><?= $this->modal->medium('edit', t('Edit'), 'GroupModificationController', 'show', array('group_id' => $group['id'])) ?></li> </li>
<li><?= $this->modal->confirm('trash-o', t('Remove'), 'GroupListController', 'confirm', array('group_id' => $group['id'])) ?></li> <li>
</ul> <?= $paginator->order(t('Name'), \Kanboard\Model\GroupModel::TABLE.'.name') ?>
</div> </li>
</td> <li>
<td> <?= $paginator->order(t('External ID'), \Kanboard\Model\GroupModel::TABLE.'.external_id') ?>
<?= $this->url->link($this->text->e($group['name']), 'GroupListController', 'users', array('group_id' => $group['id'])) ?> </li>
</td> </ul>
<td> </div>
<?= $this->text->e($group['external_id']) ?> </div>
</td> </div>
</tr>
<?php endforeach ?>
</table>
<?= $paginator ?> <?php foreach ($paginator->getCollection() as $group): ?>
<?php endif ?> <div class="table-list-row table-border-left">
</section> <span class="table-list-title">
<?= $this->render('group/dropdown', array('group' => $group)) ?>
<?= $this->url->link($this->text->e($group['name']), 'GroupListController', 'users', array('group_id' => $group['id'])) ?>
</span>
<div class="table-list-details">
<ul>
<?php if ($group['nb_users'] > 1): ?>
<li><?= t('%d users', $group['nb_users']) ?></li>
<?php else: ?>
<li><?= t('%d user', $group['nb_users']) ?></li>
<?php endif ?>
<?php if (! empty($group['external_id'])): ?>
<li><?= $this->text->e($group['external_id']) ?></li>
<?php endif ?>
</ul>
</div>
</div>
<?php endforeach ?>
</div>
<?= $paginator ?>
<?php endif ?>

View File

@@ -1,6 +1,7 @@
<section id="main"> <section id="main">
<div class="page-header"> <div class="page-header">
<ul> <ul>
<li><?= $this->url->icon('user', t('All users'), 'UserListController', 'show') ?></li>
<li><?= $this->url->icon('users', t('View all groups'), 'GroupListController', 'index') ?></li> <li><?= $this->url->icon('users', t('View all groups'), 'GroupListController', 'index') ?></li>
<li><?= $this->modal->medium('plus', t('Add group member'), 'GroupListController', 'associate', array('group_id' => $group['id'])) ?></li> <li><?= $this->modal->medium('plus', t('Add group member'), 'GroupListController', 'associate', array('group_id' => $group['id'])) ?></li>
</ul> </ul>
@@ -8,40 +9,24 @@
<?php if ($paginator->isEmpty()): ?> <?php if ($paginator->isEmpty()): ?>
<p class="alert"><?= t('There is no user in this group.') ?></p> <p class="alert"><?= t('There is no user in this group.') ?></p>
<?php else: ?> <?php else: ?>
<table class="table-striped table-scrolling table-hover"> <div class="table-list">
<tr> <?= $this->render('user_list/header', array('paginator' => $paginator)) ?>
<th class="column-5"><?= $paginator->order(t('Id'), 'id') ?></th>
<th><?= $paginator->order(t('Username'), 'username') ?></th>
<th><?= $paginator->order(t('Name'), 'name') ?></th>
<th><?= $paginator->order(t('Email'), 'email') ?></th>
</tr>
<?php foreach ($paginator->getCollection() as $user): ?> <?php foreach ($paginator->getCollection() as $user): ?>
<tr> <div class="table-list-row table-border-left">
<td> <?= $this->render('user_list/user_title', array(
<div class="dropdown"> 'user' => $user,
<a href="#" class="dropdown-menu dropdown-menu-link-icon"><strong><?= '#'.$user['id'] ?> <i class="fa fa-caret-down"></i></strong></a> )) ?>
<ul>
<li> <?= $this->render('user_list/user_details', array(
<?= $this->url->icon('user', t('View profile'), 'UserViewController', 'show', array('user_id' => $user['id'])) ?> 'user' => $user,
</li> )) ?>
<li>
<?= $this->modal->confirm('trash-o', t('Remove this user from group'), 'GroupListController', 'dissociate', array('group_id' => $group['id'], 'user_id' => $user['id'])) ?> <?= $this->render('user_list/user_icons', array(
</li> 'user' => $user,
</ul> )) ?>
</div> </div>
</td>
<td>
<?= $this->url->link($this->text->e($user['username']), 'UserViewController', 'show', array('user_id' => $user['id'])) ?>
</td>
<td>
<?= $this->text->e($user['name']) ?>
</td>
<td>
<a href="mailto:<?= $this->text->e($user['email']) ?>"><?= $this->text->e($user['email']) ?></a>
</td>
</tr>
<?php endforeach ?> <?php endforeach ?>
</table> </div>
<?= $paginator ?> <?= $paginator ?>
<?php endif ?> <?php endif ?>

View File

@@ -37,6 +37,7 @@ class GroupModelTest extends Base
$this->assertEquals('uuid', $groups[0]['external_id']); $this->assertEquals('uuid', $groups[0]['external_id']);
$this->assertEquals('B', $groups[1]['name']); $this->assertEquals('B', $groups[1]['name']);
$this->assertEquals('', $groups[1]['external_id']); $this->assertEquals('', $groups[1]['external_id']);
$this->assertEquals(0, $groups[1]['nb_users']);
} }
public function testUpdate() public function testUpdate()