init f0ckm

views/user-hall-cards.html

@@ -0,0 +1,68 @@
+@each(hallsList as hall)
+<div class="hall-manager-card" id="uh-card-{{ hall.slug }}" data-slug="{{ hall.slug }}" data-owner-id="{{ ownerUser.id }}">
+  <div class="hall-manager-image" style="position:relative;height:140px;overflow:hidden;background:#111;cursor:pointer;" title="Click to upload a custom image">
+    @if(hall.user_id)
+    <img src="/user_hall_image/{{ hall.user_id }}/{{ hall.slug }}" alt="{!! hall.name !!}" style="width:100%;height:100%;object-fit:cover;opacity:0.8;">
+    @else
+    <img src="/user_hall_image/{{ ownerUser.id }}/{{ hall.slug }}" alt="{!! hall.name !!}" style="width:100%;height:100%;object-fit:cover;opacity:0.8;">
+    @endif
+    
+    <span style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.1em;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:0.05em;text-shadow:0 0 10px rgba(0,0,0,0.9),0 1px 3px rgba(0,0,0,0.8);pointer-events:none;">
+      {!! hall.name !!}
+      @if(hall.is_private)
+        <span style="font-size:0.6em;opacity:0.7;margin-left:4px;">🔒</span>
+      @endif
+    </span>
+    
+    @if(isOwner || (session && session.admin))
+      @if(hall.custom_image)
+        <button class="uh-btn-del-img" title="Remove custom image" style="position:absolute;top:6px;right:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.7);color:#fff;border:1px solid rgba(255,255,255,0.3);border-radius:50%;cursor:pointer;font-size:0.75em;line-height:1;z-index:2;padding:0;">✕</button>
+      @endif
+      <input type="file" class="uh-img-upload" accept="image/*" style="display:none;">
+    @endif
+  </div>
+
+  <div style="padding:12px;">
+    @if(isOwner || (session && session.admin))
+      <div style="margin-bottom:8px;">
+        <label style="font-size:0.8em;color:#888;display:block;">{{ t('common.name') }}</label>
+        <input type="text" class="uh-name-input" value="{!! hall.name !!}" style="width:100%;box-sizing:border-box;background:var(--badge-bg);border:1px solid rgba(255,255,255,0.15);color:var(--white);padding:5px 8px;border-radius:3px;font-family:var(--font);">
+      </div>
+      <div style="margin-bottom:8px;">
+        <label style="font-size:0.8em;color:#888;display:block;">{{ t('common.description') }}</label>
+        <textarea class="uh-desc-input" style="width:100%;box-sizing:border-box;background:var(--badge-bg);border:1px solid rgba(255,255,255,0.15);color:var(--white);padding:5px 8px;border-radius:3px;font-family:var(--font);resize:vertical;min-height:50px;">@if(hall.description){!! hall.description !!}@endif</textarea>
+      </div>
+      <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:4px;">
+        <label style="display:flex;align-items:center;gap:5px;cursor:pointer;color:#aaa;font-size:0.85em;">
+          <input type="checkbox" class="uh-private-toggle" @if(hall.is_private) checked @endif>
+          {{ t('common.private') }}
+        </label>
+      </div>
+      <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;">
+        <button class="uh-btn-save hm-btn" style="background:var(--accent);color:#000;border:none;font-weight:bold;">{{ t('common.save') }}</button>
+        <a href="/user/{{ ownerUser.user }}/hall/{{ hall.slug }}" class="hm-btn" style="background:rgba(255,255,255,0.05);color:#aaa;border:1px solid rgba(255,255,255,0.1);">{{ t('common.view') }} →</a>
+        <span style="margin-left:4px;font-size:0.8em;color:#666;">
+          {{ t('hall.posts', { count: hall.total_items }) }}
+        </span>
+        <button class="uh-btn-delete hm-btn" style="margin-left:auto;background:rgba(200,0,0,0.25);color:#f55;border:1px solid rgba(200,0,0,0.4);">🗑 {{ t('common.delete') }}</button>
+      </div>
+    @else
+      <div style="font-weight:600;margin-bottom:4px;">
+        {!! hall.name !!}
+        @if(hall.is_private)
+          <span style="font-size:0.7em;opacity:0.6;">🔒</span>
+        @endif
+      </div>
+      @if(hall.description)
+        <div style="font-size:0.82em;color:#888;margin-bottom:8px;">{!! hall.description !!}</div>
+      @endif
+      <a href="/user/{{ ownerUser.user }}/hall/{{ hall.slug }}" class="hm-btn" style="background:rgba(255,255,255,0.05);color:#aaa;border:1px solid rgba(255,255,255,0.1);">{{ t('common.view') }} →</a>
+      <span style="margin-left:6px;font-size:0.8em;color:#666;">
+        {{ t('hall.posts', { count: hall.total_items }) }}
+      </span>
+    @endif
+    <div class="uh-card-status" style="margin-top:6px;font-size:0.8em;color:#888;min-height:1.2em;"></div>
+  </div>
+</div>
+@endeach
+