243 lines
15 KiB
PHP
243 lines
15 KiB
PHP
<?php
|
||
/**
|
||
* The viewarchivedcard file of kanban module of ZenTaoPMS.
|
||
*
|
||
* @copyright Copyright 2009-2021 禅道软件（青岛）有限公司(ZenTao Software (Qingdao) Co., Ltd. www.cnezsoft.com)
|
||
* @license ZPL(http://zpl.pub/page/zplv12.html) or AGPL(https://www.gnu.org/licenses/agpl-3.0.en.html)
|
||
* @author Shujie Tian <tianshujie@easycorp.ltd>
|
||
* @package kanban
|
||
* @version $Id: viewarchivedcard.html.php 935 2021-12-22 15:44:24Z $
|
||
* @link https://www.zentao.net
|
||
*/
|
||
?>
|
||
<style>
|
||
#archivedCards {top: 50px; right: -400px; width: 400px; position: fixed; z-index: 1050; background-color: rgb(255,255,255);}
|
||
#archivedCards .panel .panel-body {overflow: auto; padding: 10px;}
|
||
#archivedCards .kanban-item {border: 1px solid #ddd; border-radius: 4px; padding: 5px;}
|
||
#archivedCards .kanban-item > .title {display: block; max-height: 38px; overflow: hidden; color: inherit; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
|
||
#archivedCards .kanban-item > .title:hover {color: #2272eb}
|
||
#archivedCards .kanban-item > .desc {color: #838a9d; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; padding-top: 5px;}
|
||
#archivedCards .kanban-item > .info {margin-top: 5px; position: relative;}
|
||
#archivedCards .kanban-item > .info > .pri {height: 14px; border-width: 1px; font-size: 12px; line-height: 12px; min-width: 14px; padding: 0 1px;}
|
||
#archivedCards .kanban-item > .info > .time {margin-left: 10px; font-size: 12px}
|
||
#archivedCards .kanban-item > .info.build > .time {margin-left:0px; font-size: 12px}
|
||
#archivedCards .kanban-item > .info > .user {position: absolute; right: 0; top: 0}
|
||
#archivedCards .card-actions {position: relative; padding: 15px 10px; padding-top: 0px;}
|
||
#archivedCards .card-actions > .btn {display: block;}
|
||
[lang^='en'] #archivedCards .card-actions > .btn {width: 55px;}
|
||
#archivedCards .card-actions > .btn + .btn {margin-top: 10px;}
|
||
#archivedCards .info > .time {background-color: rgba(0, 0, 0, 0.15);}
|
||
#archivedCards .info > .users {padding-right: 10px;}
|
||
#archivedCards .info > .users > span {display: inline-block; color: transparent; width: 2px; height: 2px; background-color: #8990a2; position:sticky; top: 3px; margin: 0 7px; border-radius: 50%; line-height: 32px;}
|
||
#archivedCards .info > .users > span:before {left: -4px; content: ''; display: block; position: absolute; width: 2px; height: 2px; background-color: #8990a2; top: 0px; border-radius: 50%;}
|
||
#archivedCards .info > .users > span:after {right: -4px; content: ''; display: block; position: absolute; width: 2px; height: 2px; background-color: #8990a2; top: 0px; border-radius: 50%;}
|
||
#archivedCards .info > .users .avatar {display: inline-block; position: relative; border-radius: 50%; top: -5px; margin: 5px; right: -7px; margin-left: -4px;}
|
||
#archivedCards .cardName {word-wrap: break-word; word-break: break-all;}
|
||
#archivedCards .cardName .label-finish {margin-right: 7px;}
|
||
#archivedCards .executionName {display: flex; width: 100%;}
|
||
#archivedCards .executionName a, #archivedCards .executionName div {overflow: hidden; margin-right: 5px; overflow: hidden; white-space: nowrap;}
|
||
#archivedCards .executionName .delayed {flex: none;}
|
||
#archivedCards .card-item .col-xs-10 {margin-bottom:10px;}
|
||
#archivedCards .card-item .icon {margin-right:2px;}
|
||
#archivedCards .card-item .red {background-color: #b10b0b;}
|
||
#archivedCards .card-item .yellow {background-color: #cfa227;}
|
||
#archivedCards .card-item .green {background-color: #2a5f29;}
|
||
#archivedCards .card-item .green-name .cardName > a {color: #2a5f29 !important;}
|
||
#archivedCards .card-item .has-color .cardName,
|
||
#archivedCards .card-item .has-color .actions .icon-more-v,
|
||
#archivedCards .card-item .has-color .info > .label-pri,
|
||
#archivedCards .card-item .has-color .info > .estimate,
|
||
#archivedCards .card-item .has-color .info > .label-light {color: #FFFFFF;}
|
||
#archivedCards .info.execution .label-light, #archivedCards .info.productplan .label-light, #archivedCards .info.build .label-light, #archivedCards .info.release .label-light {background: #EFEFEF !important; color: #838A9D !important;}
|
||
#archivedCards .card-item .has-color .info > .label-pri {border-color: #FFFFFF;}
|
||
#archivedCards .card-item .has-color .progress-box > .progress-number {color: #FFFFFF;}
|
||
#archivedCards .progress-box {width: 97%;}
|
||
#archivedCards .no-progress {padding: 7px 10px !important;}
|
||
#archivedCards .has-progress {padding: 21px 10px !important;}
|
||
#archivedCards .has-desc.has-progress {padding: 26px 10px !important;}
|
||
#archivedCards .has-desc.no-progress {padding: 19px 10px !important;}
|
||
#archivedCards .has-avatar.has-progress {padding: 24px 10px !important;}
|
||
#archivedCards .has-avatar.no-progress {padding: 9px 10px !important;}
|
||
</style>
|
||
<?php
|
||
$app->loadLang('execution');
|
||
$app->loadLang('release');
|
||
$app->loadLang('build');
|
||
$app->loadLang('productplan');
|
||
if($this->config->edition != 'open') $app->loadLang('ticket');
|
||
js::set('systemMode', $this->config->systemMode);
|
||
?>
|
||
<div class='panel'>
|
||
<div class='panel-heading text-center'>
|
||
<strong><?php echo $lang->kanban->archivedCard;?></strong>
|
||
<button type="button" class="close" aria-hidden="true">×</button>
|
||
</div>
|
||
<div class='panel-body'>
|
||
<?php if(empty($cards)):?>
|
||
<div class="table-empty-tip">
|
||
<p><span class="text-muted"><?php echo $lang->kanbancard->empty;?></span></p>
|
||
</div>
|
||
<?php else:?>
|
||
<?php foreach($cards as $card):?>
|
||
<div class='card-item' data-card='<?php echo $card->id;?>'>
|
||
<div class='col-xs-10'>
|
||
<?php
|
||
$class = '';
|
||
$color = '';
|
||
if($card->color == '#b10b0b') $color = 'has-color red';
|
||
if($card->color == '#cfa227') $color = 'has-color yellow';
|
||
if($card->color == '#2a5f29') $color = 'has-color green';
|
||
?>
|
||
<?php
|
||
$nameColor = '';
|
||
if($card->status == 'done' and $card->color != '#2a5f29') $nameColor = 'green-name';
|
||
?>
|
||
<?php
|
||
$labelColor = 'background-color: #2a5f29';
|
||
if($card->color == '#2a5f29') $labelColor = 'background-color: #FFFFFF; color: #2a5f29';
|
||
$finishLabel = $card->status == 'done' ? "<div class='label label-finish' style='$labelColor'>{$lang->kanban->finished}</div>" : '';
|
||
?>
|
||
<div class="kanban-item <?php echo $nameColor;?> <?php echo $color;?>" data-id="<?php echo $card->id;?>">
|
||
<?php if(empty($card->fromType)):?>
|
||
<?php echo "<div class='cardName'>" . html::a($this->createLink('kanban', 'viewCard', "cardID=$card->id", '', true), $finishLabel . $card->name, '', "class='iframe' data-toggle='modal' data-width='80%' title='$card->name'") . '</div>';?>
|
||
<div class="info">
|
||
<span class="pri label-pri label-pri-<?php echo $card->pri;?>"><?php echo $card->pri;?></span>
|
||
<?php if($card->estimate and $card->estimate != 0) echo "<span class='text-gray'>{$card->estimate}h</span>";?>
|
||
<?php else:?>
|
||
<?php
|
||
$name = isset($card->name) ? $card->name : $card->title;
|
||
$title = isset($card->title) ? $card->title : $name;
|
||
$delayed = '';
|
||
if($card->fromType == 'execution' or $card->fromType == 'ticket')
|
||
{
|
||
$delayed = (!empty($card->delay) or (!helper::isZeroDate($card->deadline) and helper::now() > $card->deadline)) ? "<span class='delayed label label-danger label-badge'>{$lang->execution->delayed}</span>" : '';
|
||
}
|
||
|
||
if(common::hasPriv($card->fromType, 'view') and empty($card->children)) echo "<div class='cardName {$card->fromType}Name'>" . html::a($this->createLink($card->fromType, 'view', "id=$card->fromID"), $name, '', " title='$title'") . "$delayed</div>";
|
||
if(!common::hasPriv($card->fromType, 'view') or !empty($card->children)) echo "<div class='cardName {$card->fromType}Name'><div title='$title'>$name</div>$delayed</div>";
|
||
if($card->fromType == 'productplan' or $card->fromType == 'build')
|
||
{
|
||
echo "<div class='desc' title='$card->desc'>$card->desc</div>";
|
||
if(!empty($card->desc)) $class .= ' has-desc';
|
||
}
|
||
echo "<div class='info $card->fromType'>";
|
||
if(isset($lang->{$card->fromType}->statusList[$card->objectStatus])) echo "<span class='label label-$card->objectStatus'>" . $lang->{$card->fromType}->statusList[$card->objectStatus] . '</span>';
|
||
if(isset($card->date) and !helper::isZeroDate($card->date)) echo "<span class='time label label-light'>" . date("Y-m-d", strtotime($card->date)) . "</span>"
|
||
?>
|
||
<?php endif;?>
|
||
<?php if(helper::isZeroDate($card->end) and !helper::isZeroDate($card->begin) and $card->begin != '2030-01-01' and $card->end != '2030-01-01'):?>
|
||
<span class="time label label-light"><?php echo date("m/d", strtotime($card->begin)) . $lang->kanbancard->beginAB;?></span>
|
||
<?php endif;?>
|
||
<?php if(helper::isZeroDate($card->begin) and !helper::isZeroDate($card->end) and $card->begin != '2030-01-01' and $card->end != '2030-01-01'):?>
|
||
<span class="time label label-light"><?php echo date("m/d", strtotime($card->end)) . $lang->kanbancard->deadlineAB;?></span>
|
||
<?php endif;?>
|
||
<?php if(!helper::isZeroDate($card->begin) and !helper::isZeroDate($card->end) and $card->begin != '2030-01-01' and $card->end != '2030-01-01' and $card->fromType == ''):?>
|
||
<span class="time label label-light"><?php echo date("m/d", strtotime($card->begin)) . ' ~ ' . date("m/d", strtotime($card->end));?></span>
|
||
<?php endif;?>
|
||
<?php if(!helper::isZeroDate($card->begin) and !helper::isZeroDate($card->end) and $card->begin != '2030-01-01' and $card->end != '2030-01-01' and $card->fromType != ''):?>
|
||
<span class="time label label-light"><?php echo date("m-d", strtotime($card->begin)) . ' ' . $lang->{$card->fromType}->to . ' ' . date("m-d", strtotime($card->end));?></span>
|
||
<?php endif;?>
|
||
<?php if($card->fromType == 'ticket' and !helper::isZeroDate($card->deadline) and $card->begin != '2030-01-01' and $card->end != '2030-01-01'):?>
|
||
<span class="time label label-light"><?php echo date("m-d", strtotime($card->deadline)) . ' ' . $lang->kanbancard->deadlineAB;?></span>
|
||
<?php endif;?>
|
||
<?php
|
||
if($card->begin == '2030-01-01' or $card->end == '2030-01-01') echo '<span class="date label label-future" title="' . $lang->{$card->fromType}->future . '">' . $lang->{$card->fromType}->future . '</span>';
|
||
|
||
if($card->fromType == '') $assignedToList = explode(',', $card->assignedTo);
|
||
if($card->fromType == 'execution') $assignedToList = $card->PM;
|
||
if($card->fromType == 'build') $assignedToList = $card->builder;
|
||
if($card->fromType == 'release' or $card->fromType == 'productplan') $assignedToList = $card->createdBy;
|
||
if($card->fromType == 'ticket') $assignedToList = $card->assignedTo;
|
||
$count = 0;
|
||
$members = '';
|
||
?>
|
||
<?php if(is_array($assignedToList)):?>
|
||
<?php
|
||
foreach($assignedToList as $index => $account)
|
||
{
|
||
if(!isset($users[$account]) or !isset($usersAvatar[$account]))
|
||
{
|
||
unset($assignedToList[$index]);
|
||
continue;
|
||
}
|
||
$members .= $users[$account] . ',';
|
||
}
|
||
$userCount = count($assignedToList);
|
||
?>
|
||
<?php if($userCount > 0):?>
|
||
<div class='users pull-right' title="<?php echo trim($members, ',');?>">
|
||
<?php
|
||
foreach($assignedToList as $account)
|
||
{
|
||
if($count > 2) continue;
|
||
echo html::smallAvatar(array('avatar' => $usersAvatar[$account], 'account' => $account, 'name' => $users[$account]), 'avatar-circle');
|
||
$count ++;
|
||
$class .= ' has-avatar';
|
||
}
|
||
?>
|
||
<?php if($count > 2) echo "<span>...</span>";?>
|
||
</div>
|
||
<?php endif;?>
|
||
<?php else:?>
|
||
<?php
|
||
if(isset($usersAvatar[$assignedToList]) and isset($users[$assignedToList]))
|
||
{
|
||
echo "<div class='users pull-right' title='" . $users[$assignedToList] . "'>";
|
||
echo html::smallAvatar(array('avatar' => $usersAvatar[$assignedToList], 'account' => $assignedToList, 'name' => $users[$assignedToList]), 'avatar-circle');
|
||
echo "</div>";
|
||
$class .= ' has-avatar';
|
||
}
|
||
?>
|
||
<?php endif;?>
|
||
</div>
|
||
<?php if($kanban->performable and ($card->fromType == 'execution' or empty($card->fromType))):?>
|
||
<div class='progress-box'>
|
||
<div class='progress'>
|
||
<div class="progress-bar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo round($card->progress, 2) . '%';?>"></div>
|
||
</div>
|
||
<div class='progress-number'><?php echo round($card->progress, 2) . ' %';?></div>
|
||
</div>
|
||
<?php endif;?>
|
||
</div>
|
||
</div>
|
||
<?php $class .= (!empty($kanban->performable) and ($card->fromType == 'execution' or empty($card->fromType))) ? ' has-progress' : ' no-progress';?>
|
||
<div class='col-xs-2 card-actions<?php echo $class;?>'>
|
||
<?php
|
||
$CRKanban = !(isset($this->config->CRKanban) and $this->config->CRKanban == '0' and $kanban->status == 'closed');
|
||
$canRestore = (commonModel::hasPriv('kanban', 'restoreCard') and $CRKanban);
|
||
$canDelete = (commonModel::hasPriv('kanban', 'deleteCard') and $CRKanban);
|
||
|
||
if($canRestore) echo html::a(inlink('restoreCard', "cardID={$card->id}"), $lang->kanban->restore, '', "class='btn btn-xs btn-primary' target='hiddenwin'");
|
||
|
||
if($canDelete) echo html::a($this->createLink('kanban', 'deleteCard', "cardID=$card->id"), $card->fromType == '' ? $lang->delete : $lang->unlink, '', "class='btn btn-xs delete-card' target='hiddenwin'");
|
||
?>
|
||
</div>
|
||
</div>
|
||
<?php endforeach;?>
|
||
<?php endif;?>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
$(function()
|
||
{
|
||
$('#archivedCards .panel .close').click(function()
|
||
{
|
||
$('#archivedCards').animate({right: -400}, 500);
|
||
});
|
||
$('.card-item').each(function()
|
||
{
|
||
var $item = $(this).children('.col-xs-10').children('.kanban-item');
|
||
var icon = '';
|
||
|
||
if($item.children('.build').length) icon = '<i class="icon icon-ver">';
|
||
if($item.children('.productplan').length) icon = '<i class="icon icon-delay">';
|
||
if($item.children('.release').length) icon = '<i class="icon icon-publish">';
|
||
if($item.children('.ticket').length) icon = '<i class="icon icon-file-text">';
|
||
|
||
if($item.children('.execution').length) icon = '<i class="icon icon-run">';
|
||
|
||
$item.children('.cardName').prepend(icon);
|
||
});
|
||
})
|
||
</script>
|