Files
TripLog/templates/activities/_node_card.php
T

163 lines
7.9 KiB
PHP
Raw Normal View History

<?php
/**
* 节点卡片(计划列 / 执行列共用)
* 依赖外部变量:$n(节点行)、$cardCategory(plan|reality)、$executedPlanIds、
* $nodeMembers(node_id => 参与人列表,ActivityController::show 注入;可缺省)
*/
$cardCategory = $cardCategory ?? 'plan';
$executedPlanIds = $executedPlanIds ?? [];
$nodeMembersMap = $nodeMembers ?? [];
$statusLabels = [
'planned' => '待执行',
'ongoing' => '进行中',
'completed' => '已完成',
'cancelled' => '已取消',
];
$st = (string)($n['status'] ?? ($cardCategory === 'plan' ? 'planned' : 'completed'));
if (!isset($statusLabels[$st])) $st = $cardCategory === 'plan' ? 'planned' : 'completed';
$isExecuted = $cardCategory === 'plan' && in_array((int)$n['id'], $executedPlanIds, true);
$sLoc = json_decode_field($n['start_location'] ?? null);
$eLoc = json_decode_field($n['end_location'] ?? null);
// 交通只记一个号码(航班号 / 车次 / 班次)—— 航班号本身就隐含航空公司,
// 座位号对「多人同乘一趟」没有意义,所以这些字段都已不再收集
$transportParts = [];
if (!empty($n['trip_number'])) $transportParts[] = $n['trip_number'];
// 卡片上的状态快捷切换:计划节点在"待执行 / 已完成"之间来回,取消后可以恢复
$quickStatus = null;
$quickLabel = '';
if ($cardCategory === 'plan') {
if ($st === 'planned') { $quickStatus = 'completed'; $quickLabel = '✓ 标记完成'; }
elseif ($st === 'completed') { $quickStatus = 'planned'; $quickLabel = '↺ 撤销完成'; }
elseif ($st === 'cancelled') { $quickStatus = 'planned'; $quickLabel = '↺ 恢复'; }
} elseif ($st === 'cancelled') {
$quickStatus = 'completed';
$quickLabel = '↺ 恢复';
}
?>
<div class="node-card node-<?= e($cardCategory) ?><?= $st === 'cancelled' ? ' node-cancelled' : '' ?>">
<div class="node-head">
<span class="node-icon"><?= e($n['node_type_icon']) ?></span>
<span class="node-type"><?= e($n['node_type_name']) ?></span>
<?php if ($cardCategory === 'reality' && empty($n['original_plan_node_id'])): ?>
<span class="tag-temp">临时</span>
<?php endif; ?>
</div>
<div class="node-time">
<?= date('m-d H:i', strtotime($n['start_time'])) ?> - <?= date('H:i', strtotime($n['end_time'])) ?>
</div>
<div class="node-title"><?= e($n['title'] ?: '(无标题)') ?></div>
<?php if (!empty($sLoc['name']) || !empty($eLoc['name'])): ?>
<div class="node-loc">
<?php if (!empty($sLoc['name'])): ?>
<span class="loc-start">📍 <?= e($sLoc['name']) ?></span>
<?php endif; ?>
<?php if (!empty($sLoc['name']) && !empty($eLoc['name'])): ?>
<span class="loc-arrow"> → </span>
<?php endif; ?>
<?php if (!empty($eLoc['name'])): ?>
<span class="loc-end">📍 <?= e($eLoc['name']) ?></span>
<?php endif; ?>
</div>
<?php endif; ?>
<?php
/* 批 19:交通行图标跟着「出行方式」走(飞机/火车/游船…),不再一律 🚄。
没选出行方式时回退到 🚄,保持旧行为。 */
$modeIcons = $modeIcons ?? [];
$tModeType = (string)($n['travel_mode_type'] ?? '');
$tIcon = $modeIcons[$tModeType] ?? '🚄';
?>
<?php if (!empty($transportParts)): ?>
<div class="node-transport"><?= e($tIcon) ?> <?= e(implode(' · ', $transportParts)) ?></div>
<?php endif; ?>
<?php if ($st === 'cancelled' && !empty($n['cancel_reason'])): ?>
<div class="node-cancel-reason">取消原因:<?= e($n['cancel_reason']) ?></div>
<?php endif; ?>
<?php /* 参与人:头像 + 名字(有心情顺带一个小 emoji),点行内任一人进节点参与区 */ ?>
<?php $cardMembers = $nodeMembersMap[(int)$n['id']] ?? []; ?>
<?php if (!empty($cardMembers)): ?>
<div class="node-members">
<?php foreach ($cardMembers as $cm):
$cmName = (string)($cm['name'] ?? '');
if ($cmName === '') $cmName = '已注销用户';
?>
<a class="node-member-chip" href="<?= url('nodes/show', ['id' => $n['id']]) ?>#members"
title="<?= e($cmName) ?>">
<?php if (!empty($cm['avatar'])): ?>
<img src="<?= e($cm['avatar']) ?>" alt="" loading="lazy">
<?php else: ?>
<span class="node-member-avatar-fallback"><?= e(mb_substr($cmName, 0, 1)) ?></span>
<?php endif; ?>
<span class="node-member-name"><?= e($cmName) ?></span>
<?php if (!empty($cm['emotion'])): ?>
<span class="node-member-emotion"><?= e($cm['emotion']) ?></span>
<?php endif; ?>
</a>
<?php endforeach; ?>
</div>
<?php endif; ?>
<div class="node-actions">
<span class="status-tag status-<?= e($st) ?>"><?= e($statusLabels[$st]) ?></span>
<a href="<?= url('nodes/show', ['id' => $n['id']]) ?>" class="node-action-link node-action-strong">详情</a>
<a href="<?= url('attachments/node', ['id' => $n['id']]) ?>" class="node-action-link">
📷 照片 (<?= (int)($n['attachment_count'] ?? 0) ?>)
</a>
<?php if ((int)($n['member_count'] ?? 0) > 0): ?>
<a href="<?= url('nodes/show', ['id' => $n['id']]) ?>#members" class="node-action-link">
👥 <?= (int)$n['member_count'] ?>
</a>
<?php endif; ?>
<?php if ((int)($n['comment_count'] ?? 0) > 0): ?>
<a href="<?= url('nodes/show', ['id' => $n['id']]) ?>#comments" class="node-action-link">
💬 <?= (int)$n['comment_count'] ?>
</a>
<?php endif; ?>
<?php if ((int)($n['expense_count'] ?? 0) > 0): ?>
<a href="<?= url('nodes/show', ['id' => $n['id']]) ?>#expenses" class="node-action-link">
💰 <?= (int)$n['expense_count'] ?>
</a>
<?php endif; ?>
<a href="<?= url('nodes/ics', ['id' => $n['id']]) ?>" class="node-action-link"
title="下载 .ics 导入到手机/电脑日历">📅 日历</a>
<a href="<?= url('nodes/edit', ['id' => $n['id']]) ?>" class="node-action-link">编辑</a>
<?php if ($quickStatus !== null): ?>
<form method="post" action="<?= url('nodes/status') ?>" class="node-action-form">
<input type="hidden" name="_csrf" value="<?= e(csrf_token()) ?>">
<input type="hidden" name="id" value="<?= (int)$n['id'] ?>">
<input type="hidden" name="status" value="<?= e($quickStatus) ?>">
<button type="submit" class="node-action-btn"><?= e($quickLabel) ?></button>
</form>
<?php endif; ?>
<?php if ($cardCategory === 'plan'): ?>
<?php if ($isExecuted): ?>
<span class="node-action-note">✓ 已成行</span>
<?php else: ?>
<form method="post" action="<?= url('nodes/fromPlan') ?>" class="node-action-form">
<input type="hidden" name="_csrf" value="<?= e(csrf_token()) ?>">
<input type="hidden" name="plan_node_id" value="<?= (int)$n['id'] ?>">
<button type="submit" class="node-action-btn">→ 生成执行记录</button>
</form>
<?php endif; ?>
<?php endif; ?>
<form method="post" action="<?= url('nodes/destroy') ?>" class="node-action-form"
onsubmit="return confirm('确定删除这个节点?该节点的附件也会一并删除。');">
<input type="hidden" name="_csrf" value="<?= e(csrf_token()) ?>">
<input type="hidden" name="id" value="<?= (int)$n['id'] ?>">
<button type="submit" class="node-action-btn danger">删除</button>
</form>
</div>
</div>