From fda2ed36bd01e22cc91ab7e84f87f0de9ae58ac8 Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Mon, 25 May 2026 09:55:53 +0200
Subject: [PATCH] option to enable/disable item titles

---
 config_example.json             |  1 +
 public/s/js/upload.js           | 12 +++++++-----
 src/index.mjs                   |  1 +
 views/item-partial-legacy.html  |  6 +++---
 views/item-partial-modern.html  |  6 +++---
 views/snippets/header.html      |  2 +-
 views/snippets/upload-form.html |  2 +-
 7 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/config_example.json b/config_example.json
index cd6032b..4b1bb2f 100644
--- a/config_example.json
+++ b/config_example.json
@@ -112,6 +112,7 @@
     "user_alternative_infobox": false,
     "enable_swf": false,
     "swf_thumb": "/s/img/swf.png",
+    "enable_item_title": true,
     "open_registration": true,
     "open_registration_web_toggle": false,
     "open_registration_require_mail_andor_token": false,
diff --git a/public/s/js/upload.js b/public/s/js/upload.js
index 220ae96..951a5ff 100644
--- a/public/s/js/upload.js
+++ b/public/s/js/upload.js
@@ -1013,11 +1013,13 @@ window.initUploadForm = (selector) => {
                     </div>
                 `;
 
-                titleUI = `
-                    <div class="item-title-container">
-                        <input type="text" class="item-title-input" placeholder="Add Title..." maxlength="500" value="${window.escapeHtmlUpload(item.title || '')}">
-                    </div>
-                `;
+                if (window.f0ckEnableItemTitle !== false) {
+                    titleUI = `
+                        <div class="item-title-container">
+                            <input type="text" class="item-title-input" placeholder="Add Title..." maxlength="500" value="${window.escapeHtmlUpload(item.title || '')}">
+                        </div>
+                    `;
+                }
 
                 const commentPlaceholder = window.f0ckI18n?.upload_comment_placeholder || 'AddComment...';
                 const maxLenHtml = (commentMaxLen !== null && !isNaN(commentMaxLen)) ? ` maxlength="${commentMaxLen}"` : '';
diff --git a/src/index.mjs b/src/index.mjs
index 4dbd41d..f27d913 100644
--- a/src/index.mjs
+++ b/src/index.mjs
@@ -1133,6 +1133,7 @@ process.on('uncaughtException', err => {
     comment_max_length: cfg.main.comment_max_length ?? null,
     enable_swf: !!cfg.websrv.enable_swf,
     enable_danmaku: cfg.websrv.enable_danmaku !== false,
+    enable_item_title: cfg.websrv.enable_item_title !== false,
     enable_global_chat: !!cfg.websrv.enable_global_chat,
     embed_youtube_in_comments: cfg.websrv.embed_youtube_in_comments !== false,
     koepfe_json: JSON.stringify(cfg.websrv.koepfe || []),
diff --git a/views/item-partial-legacy.html b/views/item-partial-legacy.html
index c9b507e..389c734 100644
--- a/views/item-partial-legacy.html
+++ b/views/item-partial-legacy.html
@@ -9,7 +9,7 @@
             <div class="location">{{ link.main }}{{ item.id }}{{ link.suffix }}</div>
             <div class="gapLeft"></div>
         </div>
-        @if(item.title)
+        @if(enable_item_title && item.title)
         <div class="item_title">{!! item.title !!}</div>
         @endif
 
@@ -201,7 +201,7 @@
     <div class="modal-content" style="max-width: 500px;">
         <div class="modal-body" style="padding: 20px 0; text-align: left;">
             <table class="info-table">
-                @if(can_manage_item)
+                @if(enable_item_title && can_manage_item)
                 <tr class="info-title-row">
                     <th>Title</th>
                     <td>
@@ -212,7 +212,7 @@
                         <span id="info-title-status" class="info-title-status" style="display:none"></span>
                     </td>
                 </tr>
-                @elseif(item.title)
+                @elseif(enable_item_title && item.title)
                 <tr>
                     <th>Title</th>
                     <td>{!! item.title !!}</td>
diff --git a/views/item-partial-modern.html b/views/item-partial-modern.html
index acfb7c6..3f3ab2a 100644
--- a/views/item-partial-modern.html
+++ b/views/item-partial-modern.html
@@ -60,7 +60,7 @@
             <div class="location">{{ link.main }}{{ item.id }}{{ link.suffix }}</div>
             <div class="gapLeft"></div>
         </div>
-        @if(item.title)
+        @if(enable_item_title && item.title)
         <div class="item_title">{!! item.title !!}</div>
         @endif
 
@@ -175,7 +175,7 @@
     <div class="modal-content" style="max-width: 500px;">
         <div class="modal-body" style="padding: 20px 0; text-align: left;">
             <table class="info-table">
-                @if(can_manage_item)
+                @if(enable_item_title && can_manage_item)
                 <tr class="info-title-row">
                     <th>Title</th>
                     <td>
@@ -186,7 +186,7 @@
                         <span id="info-title-status" class="info-title-status" style="display:none"></span>
                     </td>
                 </tr>
-                @elseif(item.title)
+                @elseif(enable_item_title && item.title)
                 <tr>
                     <th>Title</th>
                     <td>{!! item.title !!}</td>
diff --git a/views/snippets/header.html b/views/snippets/header.html
index 3322114..5059cb4 100644
--- a/views/snippets/header.html
+++ b/views/snippets/header.html
@@ -46,7 +46,7 @@
     @endif
     <link rel="stylesheet" href="/s/css/upload.css?v={{ ts }}">
   @endif
-  <script>window.f0ckThemes = {{ themes_json }}; window.f0ckDefaultTheme = "{{ default_theme }}"; window.f0ckDomain = "{{ domain }}"; window.f0ckGitHash = "{{ git_hash }}"; window.f0ckAllowedImages = {{ allowed_comment_images_json }}; window.f0ckEmbedYoutubeInComments = {{ embed_youtube_in_comments ? 'true' : 'false' }}; window.f0ckEnableYoutubeUpload = {{ enable_youtube_upload ? 'true' : 'false' }}; window.f0ckBrandImages = {{ custom_brand_images_json }}; window.f0ckMediaBase = "{{ paths_images }}"; window.f0ckShitpostMode = {{ shitpost_mode ? 'true' : 'false' }}; window.f0ckShitpostRequireRating = {{ shitpost_require_rating ? 'true' : 'false' }}; window.f0ckShitpostMinTags = {{ shitpost_min_tags || 0 }};</script>
+  <script>window.f0ckThemes = {{ themes_json }}; window.f0ckDefaultTheme = "{{ default_theme }}"; window.f0ckDomain = "{{ domain }}"; window.f0ckGitHash = "{{ git_hash }}"; window.f0ckAllowedImages = {{ allowed_comment_images_json }}; window.f0ckEmbedYoutubeInComments = {{ embed_youtube_in_comments ? 'true' : 'false' }}; window.f0ckEnableYoutubeUpload = {{ enable_youtube_upload ? 'true' : 'false' }}; window.f0ckBrandImages = {{ custom_brand_images_json }}; window.f0ckMediaBase = "{{ paths_images }}"; window.f0ckShitpostMode = {{ shitpost_mode ? 'true' : 'false' }}; window.f0ckShitpostRequireRating = {{ shitpost_require_rating ? 'true' : 'false' }}; window.f0ckShitpostMinTags = {{ shitpost_min_tags || 0 }}; window.f0ckEnableItemTitle = {{ enable_item_title ? 'true' : 'false' }};</script>
   @if(!private_society || session)
   <script src="/s/js/marked.min.js" defer></script>
   <script src="/s/js/comments.js?v={{ ts }}" defer></script>
diff --git a/views/snippets/upload-form.html b/views/snippets/upload-form.html
index 9f5f230..3ce11d0 100644
--- a/views/snippets/upload-form.html
+++ b/views/snippets/upload-form.html
@@ -58,7 +58,7 @@
         </div>
     </div>
 
-    @if(!shitpost_mode)
+    @if(!shitpost_mode && enable_item_title)
     <div class="form-section global-title-section">
         <label>Title <span style="opacity: 0.5; font-weight: normal;">{{ t('upload.comment_optional') }}</span></label>
         <input type="text" name="title" class="upload-title-input" placeholder="Add a title for this item…" maxlength="500" autocomplete="off">