From f1c4a9a2b7cfb906e480f360cf3c9d4f65eae203 Mon Sep 17 00:00:00 2001
From: terrylee <bloglee.work@gmail.com>
Date: Thu, 16 Jul 2026 09:38:43 +0800
Subject: [PATCH] =?UTF-8?q?feat(app-ui):=20=E5=95=9F=E7=94=A8=E9=83=A8?=
 =?UTF-8?q?=E4=BD=8D=20E1(=E4=BA=A4=E6=98=93=E5=A4=B1=E6=95=97/=E5=AE=A2?=
 =?UTF-8?q?=E6=9C=8D=E5=9C=96)=20+=20P1~P6(=E6=94=AF=E4=BB=98=E6=96=B9?=
 =?UTF-8?q?=E5=BC=8F=E6=8C=89=E9=88=95=E5=9C=96)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

P 系列 width/height=null 不裁切保留原比例；blade 尺寸標示對 null 做防護

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 config/ui_parts.php                                   | 11 +++++++++++
 .../views/admin/app/ui-bundles/content.blade.php      |  2 +-
 resources/views/admin/app/ui-elements/index.blade.php |  2 +-
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/config/ui_parts.php b/config/ui_parts.php
index d4ab65d..9139808 100644
--- a/config/ui_parts.php
+++ b/config/ui_parts.php
@@ -26,6 +26,17 @@ return [
         'A2' => ['label' => 'A2 - 機台自檢中',   'group' => 'fullscreen', 'type' => 'image', 'width' => 1080, 'height' => 1920, 'active' => true],
         'A3' => ['label' => 'A3 - 機台異常鎖定', 'group' => 'fullscreen', 'type' => 'image', 'width' => 1080, 'height' => 1920, 'active' => true],
 
+        // === E 系列：交易結果 ===
+        'E1' => ['label' => 'E1 - 交易失敗/客服圖', 'group' => 'transaction', 'type' => 'image', 'width' => 720, 'height' => 1280, 'active' => true],
+
+        // === P 系列：支付方式按鈕圖（不裁切、保留原比例，width/height=null）===
+        'P1' => ['label' => 'P1 - 信用卡支付',   'group' => 'payment', 'type' => 'image', 'width' => null, 'height' => null, 'active' => true],
+        'P2' => ['label' => 'P2 - 卡片/電子票證', 'group' => 'payment', 'type' => 'image', 'width' => null, 'height' => null, 'active' => true],
+        'P3' => ['label' => 'P3 - 玉山掃碼支付', 'group' => 'payment', 'type' => 'image', 'width' => null, 'height' => null, 'active' => true],
+        'P4' => ['label' => 'P4 - 手機支付',     'group' => 'payment', 'type' => 'image', 'width' => null, 'height' => null, 'active' => true],
+        'P5' => ['label' => 'P5 - 現金支付',     'group' => 'payment', 'type' => 'image', 'width' => null, 'height' => null, 'active' => true],
+        'P6' => ['label' => 'P6 - TapPay 掃碼',  'group' => 'payment', 'type' => 'image', 'width' => null, 'height' => null, 'active' => true],
+
         // --- 以下為舊後台既有部位，Phase 2+ 逐步啟用（active=false 時後台不顯示、不下發）---
         'A4' => ['label' => 'A4 - 對話框標頭',       'group' => 'fullscreen', 'type' => 'image', 'width' => 1080, 'height' => 192,  'active' => false],
         'A7' => ['label' => 'A7 - 購買頁廣告底圖',   'group' => 'fullscreen', 'type' => 'image', 'width' => 1080, 'height' => 620,  'active' => false],
diff --git a/resources/views/admin/app/ui-bundles/content.blade.php b/resources/views/admin/app/ui-bundles/content.blade.php
index 2896bd1..114090e 100644
--- a/resources/views/admin/app/ui-bundles/content.blade.php
+++ b/resources/views/admin/app/ui-bundles/content.blade.php
@@ -22,7 +22,7 @@
                 <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-4" x-data="{ thumb: @js($currentThumb) }">
                     <label class="block text-sm font-semibold text-gray-800 dark:text-gray-100 mb-1">
                         {{ $part['label'] }}
-                        <span class="text-xs font-normal text-gray-400">（{{ $part['width'] }}x{{ $part['height'] }}）</span>
+                        @if($part['width'])<span class="text-xs font-normal text-gray-400">（{{ $part['width'] }}x{{ $part['height'] }}）</span>@endif
                     </label>
                     <select name="parts[{{ $key }}]"
                         @change="thumb = ($event.target.selectedOptions[0]?.dataset.thumb) || ''"
diff --git a/resources/views/admin/app/ui-elements/index.blade.php b/resources/views/admin/app/ui-elements/index.blade.php
index 1f9153a..addb371 100644
--- a/resources/views/admin/app/ui-elements/index.blade.php
+++ b/resources/views/admin/app/ui-elements/index.blade.php
@@ -72,7 +72,7 @@
                     <select name="part_key" required
                         class="block w-full rounded-md border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 py-2 px-3 text-sm">
                         @foreach($parts as $key => $part)
-                            <option value="{{ $key }}">{{ $part['label'] }} — {{ $part['width'] }}x{{ $part['height'] }}</option>
+                            <option value="{{ $key }}">{{ $part['label'] }}{{ $part['width'] ? ' — '.$part['width'].'x'.$part['height'] : '' }}</option>
                         @endforeach
                     </select>
                     <p class="text-xs text-gray-400 mt-1">{{ __('Image will be center-cropped to the category size.') }}</p>