focomy 0.1.120__py3-none-any.whl → 0.1.121__py3-none-any.whl

{focomy-0.1.120.dist-info → focomy-0.1.121.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: focomy
-Version: 0.1.120
+Version: 0.1.121
 Summary: The Most Beautiful CMS - A metadata-driven, zero-duplicate-code content management system
 Project-URL: Homepage, https://github.com/focomy/focomy
 Project-URL: Documentation, https://focomy.dev/docs

{focomy-0.1.120.dist-info → focomy-0.1.121.dist-info}/RECORD

@@ -189,7 +189,7 @@ themes/default/theme.yaml,sha256=tgcUP1YFptyXVNL2a8DBiPrP7zTjWNH62Cy9D_w6Chk,187
 themes/default/templates/404.html,sha256=6pYUz7zg5hx3nikgxiZWSkwYnv2nENCSV3KjdIF0_lE,1105
 themes/default/templates/500.html,sha256=CtU3gEsHsxAh-vbcnx5McH8V8ruKtdP8usj8hPuu8zY,1174
 themes/default/templates/archive.html,sha256=ZHBxPYewvc2TbrsB745LYO2uM5SJbTFQQR6savWUzYg,2385
-themes/default/templates/base.html,sha256=Vl0HbbOcCd6SRGoi5j7_xJopsaqZ7Kr9dI7ygS0vx14,26867
+themes/default/templates/base.html,sha256=mbT1wxaD9gygkod7sFPAda-uQsvfV-AT_Jzvn23eR1s,34012
 themes/default/templates/category.html,sha256=k-yN0vFoOpgxgg6DlGin5X4IzVDBG9xRZ0FOD7OJtU8,3061
 themes/default/templates/channel.html,sha256=1i1zkAWmvpcqyoEfaeQNDc2zrMao2xSXCkjRuwzxOUU,3213
 themes/default/templates/form.html,sha256=KFrFS6qxHELPrpRB0B_BNU-uqM3k11oMYwd6oY3qoPQ,8685
@@ -204,8 +204,8 @@ themes/minimal/templates/base.html,sha256=LFkx-XLDMGH7oFHHa0e6KPB0DJITOBvr6GtPkD
 themes/minimal/templates/home.html,sha256=ygYQgYj1OGCiKwmfsxwkPselVKT8vDH3jLLbfphpqKI,1577
 themes/minimal/templates/page.html,sha256=7Xcoq-ryaxlp913H2S1ishrAro2wsqqGmvsm1osXxd4,389
 themes/minimal/templates/post.html,sha256=FkTRHci8HNIIi3DU6Mb3oL0aDisGyDcsT_IUDwHmrvo,1387
-focomy-0.1.120.dist-info/METADATA,sha256=7UzC55msNplib9gEMyoHDcrY9cR_WFPPfOqbCKpd6G8,7042
-focomy-0.1.120.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
-focomy-0.1.120.dist-info/entry_points.txt,sha256=_rF-wxGI1axY7gox3DBsTLHq-JrFKkMCjA65a6b_oqE,41
-focomy-0.1.120.dist-info/licenses/LICENSE,sha256=z9Z7gN7NNV7zYCaY-Knh3bv8RBCu89VueYtAlN_-lro,1063
-focomy-0.1.120.dist-info/RECORD,,
+focomy-0.1.121.dist-info/METADATA,sha256=ZH2pjblW1icUgF-ajYHNgHqDvhd6cJXCI43S-I-ZFDk,7042
+focomy-0.1.121.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
+focomy-0.1.121.dist-info/entry_points.txt,sha256=_rF-wxGI1axY7gox3DBsTLHq-JrFKkMCjA65a6b_oqE,41
+focomy-0.1.121.dist-info/licenses/LICENSE,sha256=z9Z7gN7NNV7zYCaY-Knh3bv8RBCu89VueYtAlN_-lro,1063
+focomy-0.1.121.dist-info/RECORD,,

themes/default/templates/base.html

@@ -334,6 +334,57 @@
             flex: 1;
             font-family: monospace;
         }
+        .image-field {
+            display: flex;
+            flex-direction: column;
+            gap: 0.5rem;
+        }
+        .image-field input[type="url"] {
+            width: 100%;
+            padding: 0.5rem;
+            background: #0f172a;
+            border: 1px solid #374151;
+            border-radius: 4px;
+            color: white;
+            font-size: 0.75rem;
+        }
+        .image-preview {
+            width: 100%;
+            height: 60px;
+            border: 1px dashed #374151;
+            border-radius: 4px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: #0f172a;
+            overflow: hidden;
+        }
+        .image-preview img {
+            max-width: 100%;
+            max-height: 100%;
+            object-fit: contain;
+        }
+        .image-preview .no-image {
+            color: #64748b;
+            font-size: 0.75rem;
+        }
+        .image-field-actions {
+            display: flex;
+            gap: 0.5rem;
+        }
+        .image-field-actions button {
+            padding: 0.25rem 0.5rem;
+            font-size: 0.6875rem;
+            background: transparent;
+            border: 1px solid #374151;
+            color: #94a3b8;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+        .image-field-actions button:hover {
+            background: #374151;
+            color: white;
+        }
         #customize-panel-footer {
             padding: 1rem;
             display: flex;
@@ -390,6 +441,60 @@
             <button type="button" id="customize-panel-close">&times;</button>
         </div>
         <div id="customize-panel-content">
+            <div class="customize-section">
+                <h3>サイトID</h3>
+                <div class="customize-field">
+                    <label>サイトロゴ</label>
+                    <div class="image-field">
+                        <input type="url" id="site_logo" placeholder="https://example.com/logo.png">
+                        <div class="image-preview" id="site_logo_preview">
+                            <span class="no-image">画像未設定</span>
+                        </div>
+                        <div class="image-field-actions">
+                            <button type="button" onclick="clearImageField('site_logo')">クリア</button>
+                        </div>
+                    </div>
+                </div>
+                <div class="customize-field">
+                    <label>サイトアイコン</label>
+                    <div class="image-field">
+                        <input type="url" id="site_icon" placeholder="https://example.com/icon.png">
+                        <div class="image-preview" id="site_icon_preview">
+                            <span class="no-image">画像未設定</span>
+                        </div>
+                        <div class="image-field-actions">
+                            <button type="button" onclick="clearImageField('site_icon')">クリア</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="customize-section">
+                <h3>ヘッダー・背景</h3>
+                <div class="customize-field">
+                    <label>ヘッダー画像</label>
+                    <div class="image-field">
+                        <input type="url" id="header_image" placeholder="https://example.com/header.jpg">
+                        <div class="image-preview" id="header_image_preview">
+                            <span class="no-image">画像未設定</span>
+                        </div>
+                        <div class="image-field-actions">
+                            <button type="button" onclick="clearImageField('header_image')">クリア</button>
+                        </div>
+                    </div>
+                </div>
+                <div class="customize-field">
+                    <label>背景画像</label>
+                    <div class="image-field">
+                        <input type="url" id="background_image" placeholder="https://example.com/bg.jpg">
+                        <div class="image-preview" id="background_image_preview">
+                            <span class="no-image">画像未設定</span>
+                        </div>
+                        <div class="image-field-actions">
+                            <button type="button" onclick="clearImageField('background_image')">クリア</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
             <div class="customize-section">
                 <h3>カラー</h3>
                 <div class="customize-field">
@@ -492,6 +597,12 @@
                         }
                     } else if (setting.id === 'custom_css') {
                         document.getElementById('custom_css').value = setting.value || '';
+                    } else if (['site_logo', 'site_icon', 'header_image', 'background_image'].includes(setting.id)) {
+                        const input = document.getElementById(setting.id);
+                        if (input) {
+                            input.value = setting.value || '';
+                            updateImagePreview(setting.id, setting.value || '');
+                        }
                     }
                 });
 
@@ -506,6 +617,10 @@
         // Get current form values
         function getFormValues() {
             return {
+                site_logo: document.getElementById('site_logo').value,
+                site_icon: document.getElementById('site_icon').value,
+                header_image: document.getElementById('header_image').value,
+                background_image: document.getElementById('background_image').value,
                 color_primary: document.getElementById('color_primary').value,
                 color_background: document.getElementById('color_background').value,
                 color_text: document.getElementById('color_text').value,
@@ -587,6 +702,17 @@
         resetBtn.addEventListener('click', function() {
             if (!confirm('変更をリセットしますか？')) return;
 
+            // Image fields
+            document.getElementById('site_logo').value = originalValues.site_logo || '';
+            updateImagePreview('site_logo', originalValues.site_logo || '');
+            document.getElementById('site_icon').value = originalValues.site_icon || '';
+            updateImagePreview('site_icon', originalValues.site_icon || '');
+            document.getElementById('header_image').value = originalValues.header_image || '';
+            updateImagePreview('header_image', originalValues.header_image || '');
+            document.getElementById('background_image').value = originalValues.background_image || '';
+            updateImagePreview('background_image', originalValues.background_image || '');
+
+            // Color fields
             document.getElementById('color_primary').value = originalValues.color_primary || '#2563eb';
             document.getElementById('color_primary_text').value = originalValues.color_primary || '#2563eb';
             document.getElementById('color_background').value = originalValues.color_background || '#ffffff';
@@ -619,6 +745,39 @@
                 timer = setTimeout(() => fn.apply(this, args), delay);
             };
         }
+
+        // Update image preview
+        function updateImagePreview(fieldId, url) {
+            const previewEl = document.getElementById(fieldId + '_preview');
+            if (!previewEl) return;
+
+            if (url && url.trim()) {
+                previewEl.innerHTML = '<img src="' + url + '" alt="プレビュー" onerror="this.parentElement.innerHTML=\'<span class=no-image>読み込み失敗</span>\'">';
+            } else {
+                previewEl.innerHTML = '<span class="no-image">画像未設定</span>';
+            }
+        }
+
+        // Clear image field (global for onclick)
+        window.clearImageField = function(fieldId) {
+            const input = document.getElementById(fieldId);
+            if (input) {
+                input.value = '';
+                updateImagePreview(fieldId, '');
+                updatePreview();
+            }
+        };
+
+        // Image URL input listeners
+        ['site_logo', 'site_icon', 'header_image', 'background_image'].forEach(function(fieldId) {
+            const input = document.getElementById(fieldId);
+            if (input) {
+                input.addEventListener('input', debounce(function() {
+                    updateImagePreview(fieldId, input.value);
+                    updatePreview();
+                }, 300));
+            }
+        });
     })();
     </script>
     {% endif %}