Display active profile badges in login and sidebar (#32)

Author: soonduck-dreams

src/main/java/apu/saerok_admin/web/EnvironmentProfileAdvice.java

@@ -0,0 +1,36 @@
+package apu.saerok_admin.web;
+
+import apu.saerok_admin.web.view.EnvironmentProfileBadge;
+import java.util.Arrays;
+import java.util.List;
+import org.springframework.core.env.Environment;
+import org.springframework.web.bind.annotation.ControllerAdvice;
+import org.springframework.web.bind.annotation.ModelAttribute;
+
+@ControllerAdvice
+public class EnvironmentProfileAdvice {
+
+    private final Environment environment;
+
+    public EnvironmentProfileAdvice(Environment environment) {
+        this.environment = environment;
+    }
+
+    @ModelAttribute("environmentProfileBadge")
+    public EnvironmentProfileBadge environmentProfileBadge() {
+        List<String> activeProfiles = Arrays.asList(environment.getActiveProfiles());
+        if (activeProfiles.isEmpty()) {
+            activeProfiles = Arrays.asList(environment.getDefaultProfiles());
+        }
+        if (activeProfiles.contains("local")) {
+            return new EnvironmentProfileBadge("로컬", "environment-badge--local");
+        }
+        if (activeProfiles.contains("dev") || activeProfiles.contains("qa")) {
+            return new EnvironmentProfileBadge("개발/QA", "environment-badge--dev");
+        }
+        if (activeProfiles.contains("prod")) {
+            return new EnvironmentProfileBadge("운영", "environment-badge--prod");
+        }
+        return new EnvironmentProfileBadge("운영", "environment-badge--prod");
+    }
+}

src/main/java/apu/saerok_admin/web/view/EnvironmentProfileBadge.java

@@ -0,0 +1,4 @@
+package apu.saerok_admin.web.view;
+
+public record EnvironmentProfileBadge(String label, String cssClass) {
+}

src/main/resources/static/css/admin-theme.css

@@ -176,6 +176,36 @@ a:focus {
     color: var(--accent-primary-strong) !important;
 }
 
+.environment-badge {
+    display: inline-flex;
+    align-items: center;
+    padding: 0.2rem 0.6rem;
+    border-radius: 999px;
+    font-size: 0.75rem;
+    font-weight: 600;
+    letter-spacing: -0.01em;
+    line-height: 1.2;
+    white-space: nowrap;
+}
+
+.environment-badge--local {
+    background: rgba(59, 130, 246, 0.18);
+    color: #1d4ed8;
+    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.25);
+}
+
+.environment-badge--dev {
+    background: rgba(168, 85, 247, 0.18);
+    color: #7c3aed;
+    box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.25);
+}
+
+.environment-badge--prod {
+    background: rgba(34, 197, 94, 0.18);
+    color: #15803d;
+    box-shadow: inset 0 0 0 1px rgba(22, 163, 74, 0.25);
+}
+
 .table-modern thead th {
     background: var(--surface-muted);
     font-size: 0.875rem;

src/main/resources/templates/auth/login.html

@@ -10,7 +10,13 @@
                  src="/images/saerok-admin-icon.png"
                  alt="새록 어드민 로고"
                  decoding="async">
-            <h1 class="h4 fw-bold mt-3">새록 어드민</h1>
+            <div class="d-flex align-items-center justify-content-center gap-2 mt-3 flex-wrap">
+                <h1 class="h4 fw-bold mb-0">새록 어드민</h1>
+                <span class="environment-badge"
+                      th:if="${environmentProfileBadge}"
+                      th:classappend="' ' + ${environmentProfileBadge.cssClass()}"
+                      th:text="${environmentProfileBadge.label()}">운영</span>
+            </div>
             <p class="text-muted small mb-0">운영자 전용 로그인 페이지입니다.</p>
         </div>
 

src/main/resources/templates/fragments/_sidebar.html

@@ -5,7 +5,13 @@
     <div class="app-sidebar d-none d-lg-flex flex-column position-fixed">
         <div class="app-sidebar__brand">
             <img th:src="@{/images/saerok-admin-icon.png}" src="/images/saerok-admin-icon.png" alt="새록 어드민 로고" width="48" height="48" class="me-2">
-            <span class="app-sidebar__title">새록 어드민</span>
+            <div class="d-flex align-items-center gap-2 flex-wrap">
+                <span class="app-sidebar__title mb-0">새록 어드민</span>
+                <span class="environment-badge"
+                      th:if="${environmentProfileBadge}"
+                      th:classappend="' ' + ${environmentProfileBadge.cssClass()}"
+                      th:text="${environmentProfileBadge.label()}">운영</span>
+            </div>
         </div>
         <nav class="app-sidebar__nav">
             <a th:href="@{/}" class="app-sidebar__link" th:classappend="${activeMenu}=='dashboard' ? ' is-active'">
@@ -34,7 +40,13 @@
     </div>
     <div class="offcanvas offcanvas-start" tabindex="-1" id="sidebarOffcanvas">
         <div class="offcanvas-header">
-            <h5 class="offcanvas-title">새록 어드민</h5>
+            <div class="d-flex align-items-center gap-2">
+                <h5 class="offcanvas-title mb-0">새록 어드민</h5>
+                <span class="environment-badge"
+                      th:if="${environmentProfileBadge}"
+                      th:classappend="' ' + ${environmentProfileBadge.cssClass()}"
+                      th:text="${environmentProfileBadge.label()}">운영</span>
+            </div>
             <button type="button" class="btn-close" data-bs-dismiss="offcanvas"></button>
         </div>
         <div class="offcanvas-body">