From 124490355f415dcf7584555cb9becaa320c28e68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=B3=B4=EA=B3=A4?=
 <lightone2017@codebridge-x.com>
Date: Wed, 11 Mar 2026 15:16:28 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20[esign]=20=EC=B2=B4=ED=81=AC=EB=B0=95?=
 =?UTF-8?q?=EC=8A=A4=20=ED=95=84=EB=93=9C=EB=A5=BC=20=EB=8B=A8=EC=88=9C?=
 =?UTF-8?q?=ED=99=94=20-=20=EB=B3=80=EC=88=98=20=EC=97=B0=EA=B2=B0=20?=
 =?UTF-8?q?=EB=8C=80=EC=8B=A0=20=EC=9C=84=EC=B9=98=EC=97=90=20=EC=B2=B4?=
 =?UTF-8?q?=ED=81=AC=20=ED=91=9C=EC=8B=9C=20=EB=A0=8C=EB=8D=94=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 체크박스는 변수 연결 불필요, 배치한 위치에 무조건 ☑ 표시
- PDF 오버레이에서 체크박스 필드는 ☑ 아이콘으로 표시
- 커스텀 변수에서 체크박스 타입 옵션 제거 (불필요)
---
 .../views/esign/template-fields.blade.php     | 45 +++++++++----------
 1 file changed, 22 insertions(+), 23 deletions(-)

diff --git a/resources/views/esign/template-fields.blade.php b/resources/views/esign/template-fields.blade.php
index ad96c231..262169b2 100644
--- a/resources/views/esign/template-fields.blade.php
+++ b/resources/views/esign/template-fields.blade.php
@@ -247,10 +247,16 @@ className={`w-full relative rounded border-2 transition-all ${p === currentPage
                  boxShadow: resizeMode ? `0 0 0 2px ${color}, 0 2px 12px rgba(0,0,0,0.2)` : (selected ? `0 0 0 1px ${color}, 0 2px 8px rgba(0,0,0,0.15)` : 'none'),
              }}
              className={`flex items-center select-none group transition-shadow ${{'L':'justify-start','C':'justify-center','R':'justify-end'}[field.text_align] || 'justify-start'}`}>
-            <div className="flex items-center gap-0.5 text-[10px] font-medium truncate px-1" style={{ color }}>
-                <span>{typeInfo.icon}</span>
-                <span className="truncate">{field.field_variable ? `{{${field.field_variable}}}` : (field.field_label || signerName)}</span>
-            </div>
+            {field.field_type === 'checkbox' ? (
+                <div className="flex items-center justify-center w-full h-full" style={{ color }}>
+                    <span style={{ fontSize: 'min(80%, 1.2em)', lineHeight: 1 }}>☑</span>
+                </div>
+            ) : (
+                <div className="flex items-center gap-0.5 text-[10px] font-medium truncate px-1" style={{ color }}>
+                    <span>{typeInfo.icon}</span>
+                    <span className="truncate">{field.field_variable ? `{{${field.field_variable}}}` : (field.field_label || signerName)}</span>
+                </div>
+            )}
             {/* 리사이즈 모드 안내 툴팁 */}
             {resizeMode && (
                 <div style={{ position: 'absolute', top: -20, left: 0, fontSize: 9, backgroundColor: '#374151', color: 'white', padding: '1px 6px', borderRadius: 3, whiteSpace: 'nowrap', zIndex: 40, lineHeight: '16px' }}>
@@ -290,14 +296,13 @@ className={`flex items-center select-none group transition-shadow ${{'L':'justif
     const signers = Array.from({ length: signerCount }, (_, i) => ({ order: i + 1, label: SIGNER_LABELS[i] || `서명자 ${i + 1}` }));
     const [newVarKey, setNewVarKey] = React.useState('');
     const [newVarLabel, setNewVarLabel] = React.useState('');
-    const [newVarType, setNewVarType] = React.useState('text');
 
     const addVariable = () => {
         const key = newVarKey.trim();
         const label = newVarLabel.trim();
         if (!key || !label) return;
         if (templateVariables.some(v => v.key === key)) { alert('이미 존재하는 변수 키입니다.'); return; }
-        onSetTemplateVariables([...templateVariables, { key, label, type: newVarType, default: newVarType === 'checkbox' ? false : '' }]);
+        onSetTemplateVariables([...templateVariables, { key, label, type: 'text', default: '' }]);
         setNewVarKey('');
         setNewVarLabel('');
     };
@@ -333,12 +338,9 @@ className="border rounded px-2 py-1 text-xs flex-1">
                     <div className="space-y-1 mb-2">
                         {templateVariables.length === 0 && <p className="text-[10px] text-gray-400">정의된 변수 없음</p>}
                         {templateVariables.map(v => (
-                            <div key={v.key} className={`flex items-center justify-between rounded px-2 py-1 ${v.type === 'checkbox' ? 'bg-green-50' : 'bg-amber-50'}`}>
+                            <div key={v.key} className="flex items-center justify-between bg-amber-50 rounded px-2 py-1">
                                 <div className="min-w-0">
-                                    <div className="flex items-center gap-1">
-                                        <span className="text-[10px] font-mono text-amber-700 truncate">{v.key}</span>
-                                        {v.type === 'checkbox' && <span className="text-[8px] bg-green-200 text-green-700 px-1 rounded">☑</span>}
-                                    </div>
+                                    <span className="text-[10px] font-mono text-amber-700 block truncate">{v.key}</span>
                                     <span className="text-[10px] text-gray-500 block truncate">{v.label}</span>
                                 </div>
                                 <button onClick={() => removeVariable(v.key)} className="text-gray-300 hover:text-red-500 flex-shrink-0 ml-1 text-xs">&times;</button>
@@ -346,13 +348,8 @@ className="border rounded px-2 py-1 text-xs flex-1">
                         ))}
                     </div>
                     <div className="flex gap-1">
-                        <select value={newVarType} onChange={e => setNewVarType(e.target.value)}
-                                className="border rounded px-1 py-1 text-[10px] w-14 flex-shrink-0">
-                            <option value="text">텍스트</option>
-                            <option value="checkbox">체크</option>
-                        </select>
                         <input type="text" value={newVarKey} onChange={e => setNewVarKey(e.target.value.replace(/[^a-z0-9_]/gi, ''))}
-                               placeholder="키 (영문)" className="border rounded px-1.5 py-1 text-[10px] w-16" />
+                               placeholder="키 (영문)" className="border rounded px-1.5 py-1 text-[10px] w-20" />
                         <input type="text" value={newVarLabel} onChange={e => setNewVarLabel(e.target.value)}
                                placeholder="표시명" className="border rounded px-1.5 py-1 text-[10px] flex-1"
                                onKeyDown={e => e.key === 'Enter' && addVariable()} />
@@ -416,28 +413,30 @@ className="w-full border rounded px-2 py-1 text-xs mt-0.5">
                                        placeholder="선택사항"
                                        className="w-full border rounded px-2 py-1 text-xs mt-0.5" />
                             </div>
-                            {['text', 'date', 'checkbox'].includes(selectedField.field_type) && (
+                            {selectedField.field_type === 'checkbox' && (
+                            <div className="px-2 py-1.5 bg-green-50 border border-green-200 rounded text-[10px] text-green-700">
+                                ☑ 이 위치에 체크 표시가 렌더링됩니다
+                            </div>
+                            )}
+                            {['text', 'date'].includes(selectedField.field_type) && (
                             <div>
                                 <label className="text-[10px] text-gray-500">변수 연결</label>
                                 <select value={selectedField.field_variable || ''}
                                         onChange={e => onUpdateField(selectedFieldIndex, { field_variable: e.target.value || null })}
                                         className={`w-full border rounded px-2 py-1 text-xs mt-0.5 ${selectedField.field_variable ? 'border-amber-400 bg-amber-50' : ''}`}>
-                                    <option value="">{selectedField.field_type === 'checkbox' ? '(없음 - 수동 체크)' : '(없음 - 수동 입력)'}</option>
-                                    {selectedField.field_type !== 'checkbox' && (
+                                    <option value="">(없음 - 수동 입력)</option>
                                     <optgroup label="시스템 변수">
                                         {SYSTEM_VARIABLES.map(v => <option key={v.key} value={v.key}>{v.label}</option>)}
                                     </optgroup>
-                                    )}
                                     {templateVariables.length > 0 && (
                                         <optgroup label="커스텀 변수">
-                                            {templateVariables.filter(v => selectedField.field_type === 'checkbox' ? v.type === 'checkbox' : v.type !== 'checkbox').map(v => <option key={v.key} value={v.key}>{v.label}</option>)}
+                                            {templateVariables.map(v => <option key={v.key} value={v.key}>{v.label}</option>)}
                                         </optgroup>
                                     )}
                                 </select>
                                 {selectedField.field_variable && (
                                     <div className="mt-1 px-2 py-1 bg-amber-50 border border-amber-200 rounded">
                                         <span className="text-[10px] text-amber-700 font-mono">{`{{${selectedField.field_variable}}}`}</span>
-                                        {selectedField.field_type === 'checkbox' && <span className="text-[10px] text-gray-500 ml-1">(체크 시 ☑ 표시)</span>}
                                     </div>
                                 )}
                             </div>