init

components/templates/components/navigation_sample.html

@@ -0,0 +1,31 @@
+<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
+  <div class="container-fluid">
+    <a class="navbar-brand pl-3 " href="/">Butler</a>
+  </div>
+  <div class="container-fluid flex-column">
+    <div class="collapse navbar-collapse" id="sidebarMenu">
+      <!-- 로그인/로그아웃 및 회원가입 버튼 -->
+      <ul class="navbar-nav">
+        {% if request.user.is_authenticated %}
+          <!-- 로그아웃 버튼 -->
+          <li class="nav-item">
+            <form method="post" action="{% url 'custom_auth:logout' %}">
+              {% csrf_token %}
+              <button type="submit" class="btn btn-outline-danger w-100">Logout</button>
+            </form>
+          </li>
+        {% else %}
+          <!-- 로그인 버튼 -->
+          <li class="nav-item">
+            <button type="button" class="btn btn-outline-primary w-100 mb-2" data-bs-toggle="modal" data-bs-target="#loginModal">Login</button>
+          </li>
+          <!-- 회원가입 버튼 -->
+          <li class="nav-item">
+            <button type="button" class="btn btn-outline-success w-100" data-bs-toggle="modal" data-bs-target="#signupModal">Sign Up</button>
+          </li>
+        {% endif %}
+      </ul>
+    </div>
+  </nav>
+
+