v41 第 41 批：流水线提速 + 12 项界面/交互开发 + DAV 彻底修复

DAV（用户「务必彻底解决」）： - 真根因是 home-set 层级错：CalDav::HOME_PATH 原为 /dav/calendars/、 CardDav 原为 /carddav/addressbooks/，而日历本/通讯录的 href 在 /dav/N.ics/ 与 /carddav/N.vcf/ —— home-set 下面一本都没有。 Thunderbird 按 home-set 前缀认成员，于是「找不到日历本 / 找不到联系人」。改为 /dav/ 与 /carddav/（所有既有 URL 一字不变，老配置不作废）。 - 又发现并修掉 Depth:0 违反 RFC 4918：原实现无论 depth 都列出全部子集合，且第一条 response 是日历本（不含 current-user-principal）。改为按 depth 分流， Depth:0 只回资源自身、Depth:1 才列出子集合。界面与交互： - 观影：新建影院弹窗层级修正 + 详细地址；照片左右按钮悬停不再位移；弹框底栏改「确定 / 取消」。 - 旅程：新建旅程改弹窗并按观影式排版；详情页四个动作按钮按用户指定顺序与配色；编辑与新增行程弹窗化（单容器 + AJAX）；行程时间控件改 AntD（精确到分）；参与人默认带上自己；车次号/车牌号紧跟交通方式词。 - 资源：新建/编辑改弹窗 + 观影式排版 + 新建时即定共享人。 - 纪念日：新建改弹框 + 观影式排版。验证： - e2e 1510/0；v41 十二项真机 48/0；DAV 反向验证 8/0；部署断言空跑 337/0；模板 div 深度三形态穷举 33 组全配平。 - 线上 DAV 终验（--resolve 真实入口 + 真 DAV 口令）12/0；线上确认 Depth:0 恰好 1 个 response。
2026-10-11 10:12:11 +08:00
parent f9e30bd7d8
commit 7544fb9f6a
19 changed files with 1616 additions and 342 deletions
@@ -20,62 +20,139 @@ $canWrite = \App\Auth::canWrite();
  <span class="sub">共 <?= (int)$total ?> 个 · 每个旅程里可以有若干段行程</span>
  <div class="actions">
    <?php if ($canWrite): ?>
-      <a class="btn" href="<?= e(url('trips/new')) ?>">新建旅程</a>
+      <?php /* 🔴 v41（用户 2026-10-10）：新建旅程改成**弹框**（原来是跳 `trips/new` 页）。
+           ⚠️ 保留 `data-href`：JS 没跑时它仍是可直接访问的链接（渐进增强）。
+           ⚠️ 用 `<button>` 而不是 `<a>` —— 点它不跳页，只开弹框。 */ ?>
+      <button class="btn" type="button" id="tripNewBtn"
+              data-href="<?= e(url('trips/new')) ?>"
+              aria-haspopup="dialog" aria-expanded="false">新建旅程</button>
    <?php else: ?>
      <span class="link-quiet">只读账号</span>
    <?php endif; ?>
  </div>
 </div>

-<form class="search" method="get" action="index.php">
-  <input type="hidden" name="r" value="trips">
-  <input class="input" type="text" name="keyword" value="<?= e($keyword) ?>" placeholder="搜旅程名 / 去过的城市">
-  <button class="btn" type="submit">搜索</button>
-  <?php if ($keyword !== ''): ?>
-    <a class="search-clear" href="<?= e(url('trips')) ?>">清除</a>
-  <?php endif; ?>
-</form>
+<?php /* ---- 列表主体：包一层 id，供"新建成功后**动态刷新**"换掉（用户第 2 条）---- */ ?>
+<div id="tripListHost">
+  <?php $tripListBody = true; require __DIR__ . '/_list_body.php'; ?>
+</div>

-<?php if (!$rows): ?>
-  <div class="card card-pad empty">
-    <b><?= $keyword !== '' ? '没有匹配的旅程' : '还没有旅程' ?></b>
-    <?= $keyword !== '' ? '换个关键词试试，或清除搜索看全部。'
-                        : ($canWrite ? '点右上角「新建旅程」，把一次出行记下来；进去之后再加一段段行程。'
-                                     : '家人还没有记录旅程。') ?>
-  </div>
-<?php else: ?>
-  <div class="trip-list">
-    <?php foreach ($rows as $t): ?>
-      <a class="trip-card" href="<?= e(url('trips/show', ['id' => (int)$t['id']])) ?>">
-        <div class="trip-cover">
-          <?php if (!empty($t['cover_key'])): ?>
-            <img src="<?= e(media_url((string)$t['cover_key'])) ?>" alt="">
-          <?php else: ?>
-            <span class="trip-cover-empty">🧳</span>
-          <?php endif; ?>
-        </div>
-        <div class="trip-main">
-          <h2 class="trip-title"><?= e((string)$t['title']) ?></h2>
-          <div class="trip-meta">
-            <?php /* 时间是从各段旅程算的；一段都没有时如实说"还没有旅程" */ ?>
-            <span><?= e(\App\Trip::activitySpan($t['starts_at'] ?? null, $t['ends_at'] ?? null)) ?></span>
-            <?php if (!empty($t['city'])): ?>
-              <span>📍 <?= e((string)$t['city']) ?></span>
-            <?php endif; ?>
-            <span><?= (int)($t['node_count'] ?? 0) ?> 段行程</span>
-          </div>
-          <?php if (!empty($t['summary'])): ?>
-            <p class="trip-sum"><?= e(mb_substr((string)$t['summary'], 0, 80, 'UTF-8')) ?></p>
-          <?php endif; ?>
-          <?php if (!empty($t['attendees'])): ?>
-            <div class="trip-people">
-              <?php foreach ($t['attendees'] as $a): ?>
-                <?= person_chip($a) ?>
-              <?php endforeach; ?>
-            </div>
-          <?php endif; ?>
-        </div>
-      </a>
-    <?php endforeach; ?>
-  </div>
+<?php if ($canWrite): ?>
+  <?php /* ---- 新建旅程弹框（内嵌同一份 form.php；初始关闭）---- */ ?>
+  <?php
+  $tpModalOnly = true;
+  $tpOpen      = false;
+  $tpModal     = true;
+  $tIn         = null;      // 新建
+  $errorsIn    = [];
+  require __DIR__ . '/form.php';
+  unset($tpModalOnly, $tpOpen, $tpModal, $tIn, $errorsIn);
+  ?>
+  <script>
+  /* ==================== 新建旅程：弹框 + AJAX + 成功后刷新列表 ====================
+     用户第 2 条：「下面的按钮就是确定和取消两个…如果是取消的话，就直接关闭这个弹窗。
+     确定完了之后，动态刷新旅程这个列表页面。」
+
+     🔴 与观影详情页编辑弹框同一套做法，理由是**同一批坑**：
+        · 事件委托（挂 document）—— 校验失败时服务端会把弹框整块重画，
+          旧元素连监听一起丢掉；委托则一次绑定、永久有效。
+        · `<button form="tripForm">` 在表单**外面**：实测点它浏览器会提交，
+          但挂在 document 上的 submit 监听**收不到事件** ⇒ 主路必须走 click。
+        · 成功后只换 `#tripListHost` 的内容（保留滚动位置、不闪白）。 */
+  (function () {
+    if (!window.fetch || !window.FormData) { return; }   // 老浏览器：保持原生整页提交
+    function card() { return document.getElementById('tripNewCard'); }
+    function setOpen(on) {
+      var c = card();
+      if (!c) { return; }
+      c.hidden = !on;
+      var b = document.getElementById('tripNewBtn');
+      if (b) { b.setAttribute('aria-expanded', on ? 'true' : 'false'); }
+      if (on) {
+        /* 弹框是动态插入的：日期/选人/上传那些组件要在这一刻升级 */
+        if (window.fbUpgradeRange) { window.fbUpgradeRange(); }
+        if (window.fbBootAntd) { window.fbBootAntd(); }
+        var t = document.getElementById('t-title');
+        if (t) { t.focus(); }
+      }
+    }
+    function busy(on) {
+      var s = document.getElementById('tripNewSubmit');
+      if (s) { s.disabled = !!on; s.textContent = on ? '保存中…' : '确定'; }
+    }
+    /* 打开 / 关闭（委托） */
+    document.addEventListener('click', function (e) {
+      var t = e.target;
+      if (!t || !t.closest) { return; }
+      if (t.closest('#tripNewBtn')) { e.preventDefault(); setOpen(true); return; }
+      if (t.closest('#tripNewX') || t.closest('#tripNewCancel')) { setOpen(false); return; }
+      var c = card();
+      if (c && t === c) { setOpen(false); }   // 点遮罩关；点面板内部不关
+    });
+    document.addEventListener('keydown', function (e) {
+      if (e.key !== 'Escape') { return; }
+      var c = card();
+      if (!c || c.hidden) { return; }
+      var d = document.querySelector('.ant-picker-dropdown');
+      if (d && !d.classList.contains('ant-picker-dropdown-hidden')) { return; }  // 交给 antd
+      setOpen(false);
+    });
+    /* 确定：提交（click 主路 + submit 兜回车） */
+    function save() {
+      var form = document.getElementById('tripForm');
+      if (!form) { return; }
+      busy(true);
+      fetch(form.action, {
+        method: 'POST', body: new FormData(form),
+        headers: { 'X-Requested-With': 'XMLHttpRequest' },
+        credentials: 'same-origin',
+        redirect: 'follow',
+      }).then(function (r) {
+        var ct = (r.headers.get('content-type') || '');
+        if (ct.indexOf('application/json') >= 0) {
+          /* 校验失败：服务端回重画后的弹框 → 整块换掉（红字/回填由模板产出） */
+          return r.json().then(function (j) {
+            var old = card();
+            if (!old || !j || !j.modal) { return; }
+            var tmp = document.createElement('div');
+            tmp.innerHTML = j.modal;
+            var fresh = tmp.querySelector('#tripNewCard');
+            if (!fresh) { return; }
+            old.parentNode.replaceChild(fresh, old);
+            setOpen(true);
+          });
+        }
+        /* 成功：跟到最终页（列表），只换列表容器 */
+        return r.text().then(function (html) {
+          var doc = new DOMParser().parseFromString(html, 'text/html');
+          var freshList = doc.getElementById('tripListHost');
+          var curList = document.getElementById('tripListHost');
+          if (freshList && curList) { curList.innerHTML = freshList.innerHTML; }
+          else { window.location.reload(); return; }
+          /* flash 在正文容器里、会随列表一起换掉；但"新弹框"要复位成关闭 */
+          var c = card();
+          if (c) { c.hidden = true; }
+          var b = document.getElementById('tripNewBtn');
+          if (b) { b.setAttribute('aria-expanded', 'false'); }
+        });
+      }).catch(function () {
+        busy(false);
+        form.submit();     // 退回原生提交（不静默吞）
+      }).then(function () { busy(false); });
+    }
+    document.addEventListener('click', function (ev) {
+      var t = ev.target;
+      if (!t || !t.closest || !t.closest('#tripNewSubmit')) { return; }
+      ev.preventDefault();
+      save();
+    });
+    document.addEventListener('submit', function (ev) {
+      var f = ev.target;
+      if (!f || f.id !== 'tripForm') { return; }
+      ev.preventDefault();
+      save();
+    });
+  })();
+  </script>
 <?php endif; ?>
+