update | post list templates, ip mgmt form 분리
All checks were successful
Build And Test / build-and-push (push) Successful in 4m32s
All checks were successful
Build And Test / build-and-push (push) Successful in 4m32s
This commit is contained in:
parent
c12d1b527c
commit
4e66b1b957
@ -1,19 +1,39 @@
|
||||
{% extends "components/base.html" %}
|
||||
|
||||
{% block title %}Post{% endblock %}
|
||||
{% block title %}Blog Posts{% endblock %}
|
||||
|
||||
{% block main_area %}
|
||||
<h1 class="pt-3">Blog Posts</h1>
|
||||
{% if request.user.is_authenticated %}
|
||||
<a href="{% url 'blog:create_post' %}" class="btn btn-primary mb-3">Create New Post</a>
|
||||
{% endif %}
|
||||
<ul class="list-group">
|
||||
{% for post in posts %}
|
||||
<li class="list-group-item">
|
||||
<h5>{{ post.title }}</h5>
|
||||
<p>{{ post.summary }}</p>
|
||||
<a href="{{ post.get_absolute_url }}" class="btn btn-secondary">Read More</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<h1 class="pt-3 mb-4 fw-bold">📝 Latest Posts</h1>
|
||||
|
||||
{% if request.user.is_authenticated %}
|
||||
<div class="mb-4">
|
||||
<a href="{% url 'blog:create_post' %}" class="btn btn-success">
|
||||
<i class="bi bi-pencil-square"></i> Write a New Post
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
|
||||
{% for post in posts %}
|
||||
<div class="col">
|
||||
<div class="card h-100 shadow-sm">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<h5 class="card-title fw-bold">{{ post.title }}</h5>
|
||||
<p class="card-text text-muted">{{ post.summary }}</p>
|
||||
<p class="card-text text-muted">{{ post.contents|truncatechars:50 }}</p>
|
||||
<div class="mt-auto">
|
||||
<a href="{{ post.get_absolute_url }}" class="btn btn-outline-primary w-100">
|
||||
Read More →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer text-end small text-muted">
|
||||
{{ post.author }} · {{ post.created_at|date:"Y-m-d" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% empty %}
|
||||
<p class="text-muted">No posts available yet.</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
200
butler/templates/butler/_unused_ip_mgmt.html
Normal file
200
butler/templates/butler/_unused_ip_mgmt.html
Normal file
@ -0,0 +1,200 @@
|
||||
{% extends "components/base.html" %}
|
||||
|
||||
{% block title %}IP Management{% endblock %}
|
||||
|
||||
{% block main_area %}
|
||||
<h2 class="fw-bold pt-3 pb-2">IP 관리 대장</h2>
|
||||
{% if not request.user.is_authenticated %}
|
||||
<p class="text-danger">비로그인 익명사용자로 접근 중입니다.
|
||||
<br>로그인시 로그인 사용자가 등록한 데이터만 조회됩니다.
|
||||
</p>
|
||||
{% endif %}
|
||||
<!-- 검색 폼 -->
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<form method="get" class="mb-3">
|
||||
<div class="input-group">
|
||||
<input type="text" name="var_search" class="form-control" placeholder="Search by Author or Network Name..."
|
||||
value="{{ var_search }}">
|
||||
<button type="submit" class="btn btn-outline-primary">Search</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- IP 레코드 목록 -->
|
||||
<form id="recordForm" method="post" action="">
|
||||
{% csrf_token %}
|
||||
<table class="table table-striped table-hover table-bordered">
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th scope="col">Select</th>
|
||||
<th scope="col">Network Name</th>
|
||||
<th scope="col">Location</th>
|
||||
<th scope="col">Server Name</th>
|
||||
<th scope="col">IP Address</th>
|
||||
<th scope="col">Remark</th>
|
||||
<th scope="col">Author</th>
|
||||
<th scope="col">Updated At</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for record in records %}
|
||||
<tr data-record-id="{{ record.id }}">
|
||||
<td class="text-center">
|
||||
<input type="checkbox" name="selected_records" value="{{ record.id }}"
|
||||
class="form-check-input record-checkbox">
|
||||
</td>
|
||||
<td>{{ record.network_nm }}</td>
|
||||
<td>{{ record.contents }}</td>
|
||||
<td>{{ record.svr_nm }}</td>
|
||||
<td>{{ record.ip_addrs }}</td>
|
||||
<td>{{ record.remark }}</td>
|
||||
<td>{{ record.author }}</td>
|
||||
<td>{{ record.updated_at|date:"Y-m-d H:i" }}</td>
|
||||
</tr>
|
||||
|
||||
<!-- 수정 모달 -->
|
||||
<div class="modal fade" id="editDataModal-{{ record.id }}" tabindex="-1"
|
||||
aria-labelledby="editDataModalLabel-{{ record.id }}" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-warning text-dark">
|
||||
<h5 class="modal-title" id="editDataModalLabel-{{ record.id }}">Edit IP Record</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<!-- 데이터 수정 폼 -->
|
||||
<form id="editDataForm-{{ record.id }}" method="post" action="{% url 'butler:ip_mgmt_edit' record.id %}">
|
||||
{% csrf_token %}
|
||||
<div class="mb-3">
|
||||
<label for="networkNm-{{ record.id }}" class="form-label">Network Name</label>
|
||||
<input type="text" class="form-control" id="networkNm-{{ record.id }}" name="network_nm"
|
||||
value="{{ record.network_nm }}" required="required">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="ipAddrs-{{ record.id }}" class="form-label">IP Address</label>
|
||||
<input type="text" class="form-control" id="ipAddrs-{{ record.id }}" name="ip_addrs"
|
||||
value="{{ record.ip_addrs }}" required="required">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="svrNm-{{ record.id }}" class="form-label">Server Name</label>
|
||||
<input type="text" class="form-control" id="svrNm-{{ record.id }}" name="svr_nm"
|
||||
value="{{ record.svr_nm }}" required="required">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="contents-{{ record.id }}" class="form-label">Location</label>
|
||||
<textarea class="form-control" id="contents-{{ record.id }}" name="contents">{{ record.contents }}</textarea>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="remark-{{ record.id }}" class="form-label">Remark</label>
|
||||
<textarea class="form-control" id="remark-{{ record.id }}"
|
||||
name="remark">{{ record.remark }}</textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Save Changes</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% empty %}
|
||||
<tr>
|
||||
<td colspan="9" class="text-center">No records found.</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
{% if request.user.is_authenticated %}
|
||||
<!-- 버튼 컨테이너 -->
|
||||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||
<!-- 데이터 등록 버튼 -->
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addDataModal">
|
||||
<i class="bi bi-plus-lg"></i>
|
||||
Add New IP Record
|
||||
</button>
|
||||
|
||||
<!-- 전체 삭제 버튼 -->
|
||||
<button type="submit" formaction="{% url 'butler:ip_mgmt_delete' %}" class="btn btn-danger">
|
||||
<i class="bi bi-trash"></i>
|
||||
Delete Selected
|
||||
</button>
|
||||
|
||||
<!-- 수정 버튼 -->
|
||||
<button type="button" id="editSelectedButton" class="btn btn-warning" disabled="disabled">
|
||||
<i class="bi bi-pencil-square"></i>
|
||||
Edit Selected
|
||||
</button>
|
||||
</div>
|
||||
{% endif %}
|
||||
</form>
|
||||
|
||||
<!-- 데이터 등록 모달 -->
|
||||
<div class="modal fade" id="addDataModal" tabindex="-1" aria-labelledby="addDataModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-success text-white">
|
||||
<h5 class="modal-title" id="addDataModalLabel">Add New IP Record</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<!-- 데이터 등록 폼 -->
|
||||
<form id="addDataForm" method="post" action="{% url 'butler:ip_mgmt_add' %}">
|
||||
{% csrf_token %}
|
||||
<div class="mb-3">
|
||||
<label for="networkNm" class="form-label">Network Name</label>
|
||||
<input type="text" class="form-control" id="networkNm" name="network_nm" required="required">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="ipAddrs" class="form-label">IP Address</label>
|
||||
<input type="text" class="form-control" id="ipAddrs" name="ip_addrs" required="required">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="svrNm" class="form-label">Server Name</label>
|
||||
<input type="text" class="form-control" id="svrNm" name="svr_nm" required="required">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="contents" class="form-label">Location</label>
|
||||
<textarea class="form-control" id="contents" name="contents"></textarea>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="remark" class="form-label">Remark</label>
|
||||
<textarea class="form-control" id="remark" name="remark"></textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const editButton = document.getElementById('editSelectedButton');
|
||||
const checkboxes = document.querySelectorAll('.record-checkbox');
|
||||
|
||||
// Event listener to enable/disable the edit button
|
||||
document.addEventListener('change', function () {
|
||||
const selected = [...checkboxes].filter(checkbox => checkbox.checked);
|
||||
if (selected.length === 1) {
|
||||
editButton.disabled = false;
|
||||
editButton.dataset.recordId = selected[0].value;
|
||||
} else {
|
||||
editButton.disabled = true;
|
||||
delete editButton.dataset.recordId;
|
||||
}
|
||||
});
|
||||
|
||||
// Event listener to open the edit modal
|
||||
editButton.addEventListener('click', function () {
|
||||
const recordId = editButton.dataset.recordId;
|
||||
if (recordId) {
|
||||
const modal = new bootstrap.Modal(document.getElementById(`editDataModal-${recordId}`));
|
||||
modal.show();
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
@ -11,10 +11,8 @@
|
||||
{% endif %}
|
||||
<!-- 검색 폼 -->
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
</div>
|
||||
<div class="col-4"></div>
|
||||
<div class="col-4"></div>
|
||||
<div class="col-4">
|
||||
<form method="get" class="mb-3">
|
||||
<div class="input-group">
|
||||
@ -25,6 +23,7 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- IP 레코드 목록 -->
|
||||
<form id="recordForm" method="post" action="">
|
||||
{% csrf_token %}
|
||||
@ -33,8 +32,8 @@
|
||||
<tr>
|
||||
<th scope="col">Select</th>
|
||||
<th scope="col">Network Name</th>
|
||||
<th scope="col">Location</th>
|
||||
<th scope="col">Server Name</th>
|
||||
<th scope="col">Location</th>
|
||||
<th scope="col">IP Address</th>
|
||||
<th scope="col">Remark</th>
|
||||
<th scope="col">Author</th>
|
||||
@ -56,50 +55,6 @@
|
||||
<td>{{ record.author }}</td>
|
||||
<td>{{ record.updated_at|date:"Y-m-d H:i" }}</td>
|
||||
</tr>
|
||||
|
||||
<!-- 수정 모달 -->
|
||||
<div class="modal fade" id="editDataModal-{{ record.id }}" tabindex="-1"
|
||||
aria-labelledby="editDataModalLabel-{{ record.id }}" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-warning text-dark">
|
||||
<h5 class="modal-title" id="editDataModalLabel-{{ record.id }}">Edit IP Record</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<!-- 데이터 수정 폼 -->
|
||||
<form id="editDataForm-{{ record.id }}" method="post" action="{% url 'butler:ip_mgmt_edit' record.id %}">
|
||||
{% csrf_token %}
|
||||
<div class="mb-3">
|
||||
<label for="networkNm-{{ record.id }}" class="form-label">Network Name</label>
|
||||
<input type="text" class="form-control" id="networkNm-{{ record.id }}" name="network_nm"
|
||||
value="{{ record.network_nm }}" required="required">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="ipAddrs-{{ record.id }}" class="form-label">IP Address</label>
|
||||
<input type="text" class="form-control" id="ipAddrs-{{ record.id }}" name="ip_addrs"
|
||||
value="{{ record.ip_addrs }}" required="required">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="svrNm-{{ record.id }}" class="form-label">Server Name</label>
|
||||
<input type="text" class="form-control" id="svrNm-{{ record.id }}" name="svr_nm"
|
||||
value="{{ record.svr_nm }}" required="required">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="contents-{{ record.id }}" class="form-label">Location</label>
|
||||
<textarea class="form-control" id="contents-{{ record.id }}" name="contents">{{ record.contents }}</textarea>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="remark-{{ record.id }}" class="form-label">Remark</label>
|
||||
<textarea class="form-control" id="remark-{{ record.id }}"
|
||||
name="remark">{{ record.remark }}</textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Save Changes</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% empty %}
|
||||
<tr>
|
||||
<td colspan="9" class="text-center">No records found.</td>
|
||||
@ -108,30 +63,67 @@
|
||||
</tbody>
|
||||
</table>
|
||||
{% if request.user.is_authenticated %}
|
||||
<!-- 버튼 컨테이너 -->
|
||||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||
<!-- 데이터 등록 버튼 -->
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addDataModal">
|
||||
<i class="bi bi-plus-lg"></i>
|
||||
Add New IP Record
|
||||
<i class="bi bi-plus-lg"></i> Add New IP Record
|
||||
</button>
|
||||
|
||||
<!-- 전체 삭제 버튼 -->
|
||||
<button type="submit" formaction="{% url 'butler:ip_mgmt_delete' %}" class="btn btn-danger">
|
||||
<i class="bi bi-trash"></i>
|
||||
Delete Selected
|
||||
<i class="bi bi-trash"></i> Delete Selected
|
||||
</button>
|
||||
|
||||
<!-- 수정 버튼 -->
|
||||
<button type="button" id="editSelectedButton" class="btn btn-warning" disabled="disabled">
|
||||
<i class="bi bi-pencil-square"></i>
|
||||
Edit Selected
|
||||
<i class="bi bi-pencil-square"></i> Edit Selected
|
||||
</button>
|
||||
</div>
|
||||
{% endif %}
|
||||
</form>
|
||||
|
||||
<!-- 데이터 등록 모달 -->
|
||||
<!-- 수정 모달들 (form 중첩 제거) -->
|
||||
{% for record in records %}
|
||||
<div class="modal fade" id="editDataModal-{{ record.id }}" tabindex="-1"
|
||||
aria-labelledby="editDataModalLabel-{{ record.id }}" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-warning text-dark">
|
||||
<h5 class="modal-title" id="editDataModalLabel-{{ record.id }}">Edit IP Record</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="editDataForm-{{ record.id }}" method="post"
|
||||
action="{% url 'butler:ip_mgmt_edit' record.id %}{% if var_search %}?var_search={{ var_search }}{% endif %}">
|
||||
{% csrf_token %}
|
||||
{% if var_search %}<input type="hidden" name="var_search" value="{{ var_search }}">{% endif %}
|
||||
<div class="mb-3">
|
||||
<label for="networkNm-{{ record.id }}" class="form-label">Network Name</label>
|
||||
<input type="text" class="form-control" id="networkNm-{{ record.id }}" name="network_nm"
|
||||
value="{{ record.network_nm }}" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="ipAddrs-{{ record.id }}" class="form-label">IP Address</label>
|
||||
<input type="text" class="form-control" id="ipAddrs-{{ record.id }}" name="ip_addrs"
|
||||
value="{{ record.ip_addrs }}" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="svrNm-{{ record.id }}" class="form-label">Server Name</label>
|
||||
<input type="text" class="form-control" id="svrNm-{{ record.id }}" name="svr_nm"
|
||||
value="{{ record.svr_nm }}" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="contents-{{ record.id }}" class="form-label">Location</label>
|
||||
<textarea class="form-control" id="contents-{{ record.id }}" name="contents">{{ record.contents }}</textarea>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="remark-{{ record.id }}" class="form-label">Remark</label>
|
||||
<textarea class="form-control" id="remark-{{ record.id }}" name="remark">{{ record.remark }}</textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Save Changes</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
<!-- 등록 모달 -->
|
||||
<div class="modal fade" id="addDataModal" tabindex="-1" aria-labelledby="addDataModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
@ -140,20 +132,19 @@
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<!-- 데이터 등록 폼 -->
|
||||
<form id="addDataForm" method="post" action="{% url 'butler:ip_mgmt_add' %}">
|
||||
{% csrf_token %}
|
||||
<div class="mb-3">
|
||||
<label for="networkNm" class="form-label">Network Name</label>
|
||||
<input type="text" class="form-control" id="networkNm" name="network_nm" required="required">
|
||||
<input type="text" class="form-control" id="networkNm" name="network_nm" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="ipAddrs" class="form-label">IP Address</label>
|
||||
<input type="text" class="form-control" id="ipAddrs" name="ip_addrs" required="required">
|
||||
<input type="text" class="form-control" id="ipAddrs" name="ip_addrs" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="svrNm" class="form-label">Server Name</label>
|
||||
<input type="text" class="form-control" id="svrNm" name="svr_nm" required="required">
|
||||
<input type="text" class="form-control" id="svrNm" name="svr_nm" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="contents" class="form-label">Location</label>
|
||||
@ -175,7 +166,6 @@
|
||||
const editButton = document.getElementById('editSelectedButton');
|
||||
const checkboxes = document.querySelectorAll('.record-checkbox');
|
||||
|
||||
// Event listener to enable/disable the edit button
|
||||
document.addEventListener('change', function () {
|
||||
const selected = [...checkboxes].filter(checkbox => checkbox.checked);
|
||||
if (selected.length === 1) {
|
||||
@ -187,7 +177,6 @@
|
||||
}
|
||||
});
|
||||
|
||||
// Event listener to open the edit modal
|
||||
editButton.addEventListener('click', function () {
|
||||
const recordId = editButton.dataset.recordId;
|
||||
if (recordId) {
|
||||
|
||||
@ -90,19 +90,26 @@ def delete_ip_records(request):
|
||||
def edit_ip_record(request, pk):
|
||||
print(f"수정동작")
|
||||
record = get_object_or_404(IPManagementRecord, pk=pk)
|
||||
|
||||
# 🔥 검색 키워드 유지
|
||||
var_search = request.GET.get("var_search") or request.POST.get("var_search")
|
||||
|
||||
if request.method == "POST":
|
||||
# 디버깅 메시지 추가
|
||||
# print(f"체크: {request.POST}")
|
||||
record.network_nm = request.POST.get("network_nm")
|
||||
record.ip_addrs = request.POST.get("ip_addrs")
|
||||
record.svr_nm = request.POST.get("svr_nm")
|
||||
record.contents = request.POST.get("contents")
|
||||
record.remark = request.POST.get("remark")
|
||||
record.save()
|
||||
|
||||
if var_search:
|
||||
return redirect(f"/ip_mgmt?var_search={var_search}")
|
||||
return redirect("/ip_mgmt")
|
||||
|
||||
return render(request, "butler/ip_mgmt.html", {"record": record})
|
||||
|
||||
|
||||
|
||||
# --- privacy
|
||||
def privacy_view(request):
|
||||
# 'docs/privacy.md' 파일을 읽기
|
||||
|
||||
Loading…
Reference in New Issue
Block a user