diff --git a/education/templates/education/create.html b/education/templates/education/create.html
index 42a7310497b33c2bbca7221406957d109817e7c6..5db5021147055078abfa1c9491e52c4de5808721 100644
--- a/education/templates/education/create.html
+++ b/education/templates/education/create.html
@@ -5,23 +5,25 @@
{% endblock %}
{% block content %}
- <div class="w-full flex items-center gap-10">
- <a href="/education">
- {% include 'components/button.html' with variant='btn-primary' text='< Back' %}
- </a>
- <h1 class="text-3xl font-bold">Create Education</h1>
- </div>
- <form method="post" class="space-y-4 w-96 ">
- {% csrf_token %}
- {% for field in form %}
- {% if field.name == 'tingkat_pendidikan' %}
- <label for="{{ field.id_for_label }}" class="block text-sm font-medium text-gray-700">TINGKAT PENDIDIKAN</label>
- {% endif %}
- {{ field }}
- {% if field.errors %}
- <p class="text-red-500 text-xs mt-1">{{ field.errors.0 }}</p>
- {% endif %}
- {% endfor %}
- <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded">Submit</button>
- </form>
+ <section class="w-full px-5 md:px-10">
+ <div class="w-full flex items-center gap-10">
+ <a href="/education">
+ {% include 'components/button.html' with variant='btn-primary' text='< Back' %}
+ </a>
+ <h1 class="text-xl md:text-3xl font-bold">Create Education</h1>
+ </div>
+ <form method="post" class="space-y-4 md:w-96 ">
+ {% csrf_token %}
+ {% for field in form %}
+ {% if field.name == 'tingkat_pendidikan' %}
+ <label for="{{ field.id_for_label }}" class="block text-sm font-medium text-gray-700">TINGKAT PENDIDIKAN</label>
+ {% endif %}
+ {{ field }}
+ {% if field.errors %}
+ <p class="text-red-500 text-xs mt-1">{{ field.errors.0 }}</p>
+ {% endif %}
+ {% endfor %}
+ <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded">Submit</button>
+ </form>
+ </section>
{% endblock %}
diff --git a/education/templates/education/edit.html b/education/templates/education/edit.html
index 80ed81ecb64ab9e5d745e6a2cd8eec18286b0c7c..294ef55104e8d91e573fca53959c7c6b87317042 100644
--- a/education/templates/education/edit.html
+++ b/education/templates/education/edit.html
@@ -5,24 +5,28 @@
{% endblock %}
{% block content %}
- <div class="w-full flex items-center gap-10">
- <a href="/education">
- {% include 'components/button.html' with variant='btn-primary' text='< Back' %}
- </a>
- <h1 class="text-3xl font-bold">Edit Education</h1>
- </div>
-
- <form method="post" class="space-y-4 w-96">
- {% csrf_token %}
- {% for field in form %}
- {% if field.name == 'tingkat_pendidikan' %}
- <label for="{{ field.id_for_label }}" class="block text-sm font-medium text-gray-700">TINGKAT PENDIDIKAN</label>
- {% endif %}
- {{ field }}
- {% if field.errors %}
- <p class="text-red-500 text-xs mt-1">{{ field.errors.0 }}</p>
- {% endif %}
- {% endfor %}
- <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded">Update</button>
- </form>
+ <section
+ class="w-full px-5 md:px-10"
+ >
+ <div class="w-full flex items-center gap-10">
+ <a href="/education">
+ {% include 'components/button.html' with variant='btn-primary' text='< Back' %}
+ </a>
+ <h1 class="text-xl md:text-3xl font-bold">Edit Education</h1>
+ </div>
+
+ <form method="post" class="space-y-4 w-96">
+ {% csrf_token %}
+ {% for field in form %}
+ {% if field.name == 'tingkat_pendidikan' %}
+ <label for="{{ field.id_for_label }}" class="block text-sm font-medium text-gray-700">TINGKAT PENDIDIKAN</label>
+ {% endif %}
+ {{ field }}
+ {% if field.errors %}
+ <p class="text-red-500 text-xs mt-1">{{ field.errors.0 }}</p>
+ {% endif %}
+ {% endfor %}
+ <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded">Update</button>
+ </form>
+ </section>
{% endblock %}
diff --git a/education/templates/education/index.html b/education/templates/education/index.html
index fe39ca4fd2e3a80a698597e5dc221a2a3ac165b4..a265c413474364cc1eacc80ceb816311f06d22ab 100644
--- a/education/templates/education/index.html
+++ b/education/templates/education/index.html
@@ -5,44 +5,46 @@
{% endblock %}
{% block content %}
- <div class="w-full flex items-center justify-between">
- <h1 class="font-bold text-3xl">Daftar Edukasi</h1>
- <a href="/education/create">
- {% include 'components/button.html' with variant='btn-primary' text='+ Create' %}
- </a>
- </div>
- <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
- {% for edukasi in edukasi_list %}
- <div class="border p-6 rounded-lg shadow-lg bg-white">
- <h2 class="font-bold text-2xl mb-2">{{ edukasi.npm }}</h2>
- <table class="text-gray-700 w-full text-sm">
- <tr>
- <td class="font-normal">IPK:</td>
- <td>{{ edukasi.ipk }}</td>
- </tr>
- <tr>
- <td class="font-normal">Tahun Masuk:</td>
- <td>{{ edukasi.tahun_masuk }}</td>
- </tr>
- <tr>
- <td class="font-normal">Kode Prodi:</td>
- <td>{{ edukasi.kode_prodi }}</td>
- </tr>
- <tr>
- <td class="font-normal">Tingkat Pendidikan:</td>
- <td>{{ edukasi.get_tingkat_pendidikan_display }}</td>
- </tr>
- </table>
- <div class="flex justify-end mt-4">
- <a href="/education/{{ edukasi.id }}/edit" class="mr-2">
- {% include 'components/button.html' with variant='btn-secondary' text='Edit' %}
- </a>
- <form action="/education/{{ edukasi.id }}/delete" method="post" onsubmit="return confirm('Are you sure you want to delete this item?');">
- {% csrf_token %}
- {% include 'components/button.html' with variant='btn-danger' text='Delete' %}
- </form>
+ <section class="w-full px-5 md:px-10">
+ <div class="w-full flex flex-col md:flex-row items-center justify-between">
+ <h1 class="font-bold text-3xl mb-4 md:mb-0">Daftar Edukasi</h1>
+ <a href="/education/create">
+ {% include 'components/button.html' with variant='btn-primary' text='+ Create' %}
+ </a>
+ </div>
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
+ {% for edukasi in edukasi_list %}
+ <div class="border p-6 rounded-lg shadow-lg bg-white">
+ <h2 class="font-bold text-2xl mb-2">{{ edukasi.npm }}</h2>
+ <table class="text-gray-700 w-full text-sm">
+ <tr>
+ <td class="font-normal">IPK:</td>
+ <td>{{ edukasi.ipk }}</td>
+ </tr>
+ <tr>
+ <td class="font-normal">Tahun Masuk:</td>
+ <td>{{ edukasi.tahun_masuk }}</td>
+ </tr>
+ <tr>
+ <td class="font-normal">Kode Prodi:</td>
+ <td>{{ edukasi.kode_prodi }}</td>
+ </tr>
+ <tr>
+ <td class="font-normal">Tingkat Pendidikan:</td>
+ <td>{{ edukasi.get_tingkat_pendidikan_display }}</td>
+ </tr>
+ </table>
+ <div class="flex justify-end mt-4 gap-2">
+ <a href="/education/{{ edukasi.id }}/edit" class="mb-2 md:mb-0 md:mr-2">
+ {% include 'components/button.html' with variant='btn-secondary' text='Edit' %}
+ </a>
+ <form action="/education/{{ edukasi.id }}/delete" method="post" onsubmit="return confirm('Are you sure you want to delete this item?');">
+ {% csrf_token %}
+ {% include 'components/button.html' with variant='btn-danger' text='Delete' %}
+ </form>
+ </div>
</div>
- </div>
- {% endfor %}
- </div>
+ {% endfor %}
+ </div>
+ </section>
{% endblock %}
diff --git a/finance/templates/finance/create.html b/finance/templates/finance/create.html
index f6b68fcbb426285123ab012a4366c036a8ae40c1..2bd4acfcea11c8b19a1475e785f5a5ab53da17ce 100644
--- a/finance/templates/finance/create.html
+++ b/finance/templates/finance/create.html
@@ -5,23 +5,23 @@
{% endblock %}
{% block content %}
- <div class="w-full flex items-center gap-10">
- <a href="/finance">
- {% include 'components/button.html' with variant='btn-primary' text='< Back' %}
- </a>
- <h1 class="text-3xl font-bold">Create Financial</h1>
+ <div class="w-full px-5 md:px-10">
+ <div class="w-full flex items-center gap-10">
+ <a href="/finance">{% include 'components/button.html' with variant='btn-primary' text='< Back' %}</a>
+ <h1 class="text-xl md:text-3xl font-bold">Create Financial</h1>
+ </div>
+ <form method="post" class="space-y-4 w-96">
+ {% csrf_token %}
+ {% for field in form %}
+ {% if field.name == 'status_pekerjaan' %}
+ <label for="{{ field.id_for_label }}" class="block text-sm font-medium text-gray-700">STATUS PEKERJAAN</label>
+ {% endif %}
+ {{ field }}
+ {% if field.errors %}
+ <p class="text-red-500 text-xs mt-1">{{ field.errors.0 }}</p>
+ {% endif %}
+ {% endfor %}
+ <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded">Submit</button>
+ </form>
</div>
- <form method="post" class="space-y-4 w-96 ">
- {% csrf_token %}
- {% for field in form %}
- {% if field.name == 'status_pekerjaan' %}
- <label for="{{ field.id_for_label }}" class="block text-sm font-medium text-gray-700">STATUS PEKERJAAN</label>
- {% endif %}
- {{ field }}
- {% if field.errors %}
- <p class="text-red-500 text-xs mt-1">{{ field.errors.0 }}</p>
- {% endif %}
- {% endfor %}
- <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded">Submit</button>
- </form>
{% endblock %}
diff --git a/finance/templates/finance/edit.html b/finance/templates/finance/edit.html
index 89a7351e348a690d669dd8efbe6f091c745319fc..34cebd16524f76cb698e93d3f983ec03dcb9aa4a 100644
--- a/finance/templates/finance/edit.html
+++ b/finance/templates/finance/edit.html
@@ -5,11 +5,12 @@
{% endblock %}
{% block content %}
+<div class="w-full px-5 md:px-10">
<div class="w-full flex items-center gap-10">
<a href="/finance">
{% include 'components/button.html' with variant='btn-primary' text='< Back' %}
</a>
- <h1 class="text-3xl font-bold">Edit Financial</h1>
+ <h1 class="text-xl md:text-3xl font-bold">Edit Financial</h1>
</div>
<form method="post" class="space-y-4 w-96">
@@ -25,4 +26,5 @@
{% endfor %}
<button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded">Update</button>
</form>
+</div>
{% endblock %}
diff --git a/finance/templates/finance/index.html b/finance/templates/finance/index.html
index 0b5905a572c6c515fbb0dcbbac605e7d23ae1301..25e42d42f7447407e648ec23603cfaf029cbaf19 100644
--- a/finance/templates/finance/index.html
+++ b/finance/templates/finance/index.html
@@ -5,44 +5,46 @@
{% endblock %}
{% block content %}
- <div class="w-full flex items-center justify-between">
- <h1 class="font-bold text-3xl">Daftar Financial</h1>
- <a href="/finance/create">
- {% include 'components/button.html' with variant='btn-primary' text='+ Create' %}
- </a>
- </div>
- <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
- {% for finance in finance_list %}
- <div class="border p-6 rounded-lg shadow-lg bg-white">
- <h2 class="font-bold text-2xl mb-2">{{ finance.nomor_rekening }}</h2>
- <table class="text-gray-700 w-full text-sm">
- <tr>
- <td class="font-normal">Skor Kredit:</td>
- <td>{{ finance.skor_kredit }}</td>
- </tr>
- <tr>
- <td class="font-normal">Nomor Kartu ATM:</td>
- <td>{{ finance.nomor_kartu_atm }}</td>
- </tr>
- <tr>
- <td class="font-normal">Status Pekerjaan:</td>
- <td>{{ finance.status_pekerjaan }}</td>
- </tr>
- <tr>
- <td class="font-normal">Kode Mata Uang:</td>
- <td>{{ finance.kode_mata_uang }}</td>
- </tr>
- </table>
- <div class="flex justify-end mt-4">
- <a href="/finance/{{ finance.id }}/edit" class="mr-2">
- {% include 'components/button.html' with variant='btn-secondary' text='Edit' %}
- </a>
- <form action="/finance/{{ finance.id }}/delete" method="post" onsubmit="return confirm('Are you sure you want to delete this item?');">
- {% csrf_token %}
- {% include 'components/button.html' with variant='btn-danger' text='Delete' %}
- </form>
+ <section class="w-full px-5 md:px-10">
+ <div class="w-full flex items-center justify-between">
+ <h1 class="font-bold text-3xl">Daftar Financial</h1>
+ <a href="/finance/create">
+ {% include 'components/button.html' with variant='btn-primary' text='+ Create' %}
+ </a>
+ </div>
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
+ {% for finance in finance_list %}
+ <div class="border p-6 rounded-lg shadow-lg bg-white">
+ <h2 class="font-bold text-2xl mb-2">{{ finance.nomor_rekening }}</h2>
+ <table class="text-gray-700 w-full text-sm">
+ <tr>
+ <td class="font-normal">Skor Kredit:</td>
+ <td>{{ finance.skor_kredit }}</td>
+ </tr>
+ <tr>
+ <td class="font-normal">Nomor Kartu ATM:</td>
+ <td>{{ finance.nomor_kartu_atm }}</td>
+ </tr>
+ <tr>
+ <td class="font-normal">Status Pekerjaan:</td>
+ <td>{{ finance.status_pekerjaan }}</td>
+ </tr>
+ <tr>
+ <td class="font-normal">Kode Mata Uang:</td>
+ <td>{{ finance.kode_mata_uang }}</td>
+ </tr>
+ </table>
+ <div class="flex justify-end mt-4">
+ <a href="/finance/{{ finance.id }}/edit" class="mr-2">
+ {% include 'components/button.html' with variant='btn-secondary' text='Edit' %}
+ </a>
+ <form action="/finance/{{ finance.id }}/delete" method="post" onsubmit="return confirm('Are you sure you want to delete this item?');">
+ {% csrf_token %}
+ {% include 'components/button.html' with variant='btn-danger' text='Delete' %}
+ </form>
+ </div>
</div>
- </div>
- {% endfor %}
- </div>
+ {% endfor %}
+ </div>
+ </section>
{% endblock %}
diff --git a/main/settings.py b/main/settings.py
index 701a061407ce3863e802ce0b508a99c532ec6f18..69b20726cb2a3c24a6143165817a82ef6ceab9e7 100644
--- a/main/settings.py
+++ b/main/settings.py
@@ -85,10 +85,12 @@ import dotenv
env = dotenv.dotenv_values()
+IS_PROD = env.get('IS_PROD', False)
+
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.sqlite3',
- 'NAME': os.path.join('/data', 'db.sqlite3'), # Store SQLite in /data
+ 'NAME': os.path.join('/data', 'db.sqlite3') if IS_PROD else os.path.join(BASE_DIR, 'db.sqlite3'),
}
}
diff --git a/templates/components/navbar.html b/templates/components/navbar.html
index e18a897ad7fba824c7edc0995b4a280c7a2e7dd0..1df92ecd208f9deabe742f211705aa569c972f2c 100644
--- a/templates/components/navbar.html
+++ b/templates/components/navbar.html
@@ -1,13 +1,7 @@
-<nav class="bg-gray-100 p-10 fixed w-full top-0">
- <div class="container mx-auto flex items-center justify-between">
+<nav class="bg-gray-100 px-5 md:px-10 fixed w-full top-0 py-5 ">
+ <div class="container flex items-center justify-between">
<a class="text-xl font-bold" href="#">El Pekape</a>
- <button class="block lg:hidden px-3 py-2 border rounded text-gray-700 border-gray-700" id="navbar-toggler">
- <svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
- <title>Menu</title>
- <path d="M0 3h20v2H0zM0 9h20v2H0zM0 15h20v2H0z"/>
- </svg>
- </button>
- <div class="w-full lg:flex lg:items-center lg:w-auto hidden" id="navbarNav">
+ <div class="lg:flex lg:items-center lg:w-auto hidden transition-all duration-300 ease-in-out" id="navbarNav">
<ul class="lg:flex lg:justify-between text-sm">
<li class="nav-item">
<a class="block mt-4 lg:inline-block lg:mt-0 text-gray-700 hover:text-gray-900 mr-4" href="/">Home</a>
@@ -16,10 +10,17 @@
<a class="block mt-4 lg:inline-block lg:mt-0 text-gray-700 hover:text-gray-900 mr-4" href="/education">Education</a>
</li>
<li class="nav-item">
- <a class="block mt-4 lg:inline-block lg:mt-0 text-gray-700 hover:text-gray-900 mr-4" href="/finance">finance</a>
+ <a class="block mt-4 lg:inline-block lg:mt-0 text-gray-700 hover:text-gray-900 mr-4" href="/finance">Finance</a>
</li>
</ul>
</div>
+ <button class="block lg:hidden px-3 py-2 border rounded text-gray-700 border-gray-700" id="navbar-toggler">
+ <svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+ <title>Menu</title>
+ <path d="M0 3h20v2H0zM0 9h20v2H0zM0 15h20v2H0z"/>
+ </svg>
+ </button>
+
</div>
</nav>
@@ -27,5 +28,6 @@
document.getElementById('navbar-toggler').addEventListener('click', function() {
var nav = document.getElementById('navbarNav');
nav.classList.toggle('hidden');
+ nav.classList.toggle('block');
});
</script>
\ No newline at end of file