[Design] idea_list

piro15 · Aug 2, 2021 · f43458f · f43458f
1 parent 603da49
commit f43458f
Show file tree

Hide file tree

Showing 9 changed files with 76 additions and 22 deletions.
diff --git a/SWIDEA_SITE/config/settings.py b/SWIDEA_SITE/config/settings.py
@@ -46,7 +46,7 @@
 TEMPLATES = [
     {
         'BACKEND': 'django.template.backends.django.DjangoTemplates',
-        'DIRS': [],
+        'DIRS': [os.path.join(BASE_DIR, 'config', 'templates')],
         'APP_DIRS': True,
         'OPTIONS': {
             'context_processors': [

diff --git a/SWIDEA_SITE/config/templates/base.html b/SWIDEA_SITE/config/templates/base.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>SW Idea site</title>
+    <link rel="stylesheet"href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
+
+</head>
+<body>
+    <nav class="navbar shadow">
+        <a class="col text-center text-dark pt-2"><h4>SW idea site</h4></a>
+    </nav>
+    {% block content %}
+    {% endblock %}
+
+    {% block extra %}
+    {% endblock %}
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+
+</body>
+</html>
diff --git a/SWIDEA_SITE/devtools/templates/devtool/detail.html b/SWIDEA_SITE/devtools/templates/devtool/detail.html
@@ -1,4 +1,6 @@
+{% extends "base.html" %}
 
+{% block content %}
 <h1>{{ tool.name }}</h1>
 <br/>
     {{ tool.kind }}
@@ -11,4 +13,6 @@ <h1>{{ tool.name }}</h1>
 
     <button class="btn" onclick="location.href='{% url 'devtools:tool_delete' tool.pk %}'">삭제</button>
     <button class="btn" onclick="location.href='{% url 'devtools:tool_edit' tool.pk %}'">수정</button>
-    <button class="btn" onclick="location.href='{% url "devtools:tool_list" %}'">목록</button>
+    <button class="btn" onclick="location.href='{% url "devtools:tool_list" %}'">목록</button>
+
+{% endblock %}
diff --git a/SWIDEA_SITE/devtools/templates/devtool/form.html b/SWIDEA_SITE/devtools/templates/devtool/form.html
@@ -1,8 +1,12 @@
+{% extends "base.html" %}
+{% block content %}
 <form action ="" method="POST">
     {% csrf_token %}
     <table>
         {{form.as_table}}
     </table>
 
     <input type="submit" value="저장하기"/>
-</form>
+</form>
+
+{% endblock %}
diff --git a/SWIDEA_SITE/devtools/templates/devtool/list.html b/SWIDEA_SITE/devtools/templates/devtool/list.html
@@ -1,4 +1,5 @@
-
+{% extends "base.html" %}
+{% block content %}
 <a href="{% url 'devtools:tool_create' %}">새 개발 툴 등록</a>
 <br/>
 {%for tool in tool %}
@@ -9,3 +10,6 @@ <h1>{{tool.name}}</h1>
     <p>{{ tool.kind }}</p>
     <p>{{ tool.description }}</p>
 {% endfor %}
+
+
+{% endblock %}
diff --git a/SWIDEA_SITE/ideas/templates/idea/detail.html b/SWIDEA_SITE/ideas/templates/idea/detail.html
@@ -1,4 +1,6 @@
+{% extends "base.html" %}
 
+{% block content %}
 <h1>{{ idea.title }}</h1>
 {% if idea.image %}
     <img src="{{ idea.image.url }}" style="max-width: 100%;"/>
@@ -12,4 +14,6 @@ <h1>{{ idea.title }}</h1>
 
     <button class="btn" onclick="location.href='{% url "ideas:idea_delete" idea.pk %}'"> 삭제 </button>
     <button class="btn" onclick="location.href='{% url "ideas:idea_edit" idea.pk %}'"> 수정 </button>
-    <button class="btn" onclick="location.href='{% url "ideas:idea_list" %}'"> 목록 </button>
+    <button class="btn" onclick="location.href='{% url "ideas:idea_list" %}'"> 목록 </button>
+
+{% endblock %}
diff --git a/SWIDEA_SITE/ideas/templates/idea/form.html b/SWIDEA_SITE/ideas/templates/idea/form.html
@@ -1,8 +1,14 @@
+{% extends "base.html" %}
+
+
+{% block content %}
 <form action ="" method="POST" enctype="multipart/form-data">
     {% csrf_token %}
     <table>
         {{form.as_table}}
     </table>
 
     <input type="submit" value="저장하기"/>
-</form>
+</form>
+
+{% endblock %}
diff --git a/SWIDEA_SITE/ideas/templates/idea/list.html b/SWIDEA_SITE/ideas/templates/idea/list.html
@@ -1,23 +1,31 @@
-
-<a href="{% url 'ideas:idea_create' %}">새 아이디어 등록</a>
+{% extends "base.html" %}
+{% load static %}
+{% block content %}
+<button class="btn btn-sm border-primary mt-3 ml-3" onclick="location.href='{% url 'ideas:idea_create' %}'">새 아이디어 등록</a></button>
 <br/>
-{%for idea in idea %}
-{% if idea.image %}
-        <img src="{{ idea.image.url }}" style="max-width: 100%;"/>
-{%endif%}
-        <p>
-        <h1><a href="{% url 'ideas:idea_detail' idea.pk%}">{{ idea.title }}</a></h1>
-        <p>예상 개발 툴:{{ idea.devtool }}</p>
-        아이디어 관심도: {{ idea.interest }}
-        <button class="btn" id="up">+</button>
-        <button class="btn" id="down">-</button>
-        </p>
-
-{% endfor %}
+<div class="d-flex justify-content-evenly">
+        {%for idea in idea %}
+        <div class="p-3 d-flex flex-column align-items-center">
+                <img src="{{ idea.image.url }}" style="max-width: 100%;"/>
+                <div>
+                        <h3><a href="{% url 'ideas:idea_detail' idea.pk%}">{{ idea.title }}</a></h3>
+                        <span class="font-weight-bold">예상 개발 툴:</span> {{ idea.devtool }}
+                        <br>
+                        <span class="font-weight-bold">아이디어 관심도:</span> {{ idea.interest }}
+                        <button class="btn btn-sm border-primary" id="up">+</button>
+                        <button class="btn btn-sm border-primary" id="down">-</button>
+
+                </div>
+        </div>
+        {% endfor %}
+</div>
+{% endblock %}
 
+{% block extra %}
 <script>
         const button = document.querySelectorAll('.btn');
         button.forEach(button => button.addEventListener('click',()=> {
         console.log('Click!!!');
         }));
 </script>
+{% endblock %}
diff --git a/piro15_Ajax_Pirostagram/config/urls.py b/piro15_Ajax_Pirostagram/config/urls.py
@@ -9,4 +9,4 @@
     path('', include('main.urls'), name="main"),
 ]
 
-urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
+urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)