Skip to content

Commit 2485d00

Browse files
app-generatorapp-generator
committed
Release v1.0.8 - Bump UI, Added Footer Sample
1 parent b21dd5e commit 2485d00

File tree

5 files changed

+137
-5
lines changed

5 files changed

+137
-5
lines changed

‎CHANGELOG.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,15 @@
11
# Change Log
22

3+
## [1.0.8] 2023-01-31
4+
### Changes
5+
6+
- Bump UI: [Django Admin Argon](https://github.com/app-generator/django-admin-argon-dashboard) `v1.0.15`
7+
- DOCS Update (readme). New sections:
8+
- `How to customize the theme`
9+
- Render deployment
10+
- Configure the project to use `home/templates`
11+
- Added `custom_footer` sample
12+
313
## [1.0.7] 2023-01-10
414
### Changes
515

‎README.md‎

Lines changed: 102 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
# [Django Argon Dashboard](https://appseed.us/product/argon-dashboard/django/)
22

3-
Open-source **Django** project crafted on top of **[Argon Dashboard](https://appseed.us/product/argon-dashboard/django/)**, an open-source `Boostrap 5` design from [Creative-Tim](https://bit.ly/3fKQZaL)
3+
Open-source **Django** project crafted on top of **[Argon Dashboard](https://appseed.us/product/argon-dashboard/django/)**, an open-source `Bootstrap 5` design from [Creative-Tim](https://bit.ly/3fKQZaL).
44
The product is designed to deliver the best possible user experience with highly customizable feature-rich pages. `Material Material` has easy and intuitive responsive design whether it is viewed on retina screens or laptops.
55

66
- 👉 [Django Argon Dashboard](https://appseed.us/product/argon-dashboard/django/) - `Product page`
77
- 👉 [Django Argon Dashboard](https://django-argon-dash2.onrender.com) - `LIVE Demo`
8-
- 🛒 **[Django Argon Dashboard PRO](https://appseed.us/product/argon-dashboard2-pro/django/)** - `Premium Version`
8+
- 🛒 **[Django Argon Dashboard2 PRO](https://appseed.us/product/argon-dashboard2-pro/django/)** - `Premium Version`
99

1010
<br />
1111

@@ -71,14 +71,113 @@ At this point, the app runs at `http://127.0.0.1:8000/`.
7171

7272
<br />
7373

74+
## Codebase structure
75+
76+
The project is coded using a simple and intuitive structure presented below:
77+
78+
```bash
79+
< PROJECT ROOT >
80+
|
81+
|-- core/
82+
| |-- settings.py # Project Configuration
83+
| |-- urls.py # Project Routing
84+
|
85+
|-- home/
86+
| |-- views.py # APP Views
87+
| |-- urls.py # APP Routing
88+
| |-- models.py # APP Models
89+
| |-- tests.py # Tests
90+
| |-- templates/ # Theme Customisation
91+
| |-- includes #
92+
| |-- custom-footer.py # Custom Footer
93+
|
94+
|-- requirements.txt # Project Dependencies
95+
|
96+
|-- env.sample # ENV Configuration (default values)
97+
|-- manage.py # Start the app - Django default start script
98+
|
99+
|-- ************************************************************************
100+
```
101+
102+
<br />
103+
104+
## How to Customize
105+
106+
When a template file is loaded in the controller, `Django` scans all template directories starting from the ones defined by the user, and returns the first match or an error in case the template is not found.
107+
The theme used to style this starter provides the following files:
108+
109+
```bash
110+
# This exists in ENV: LIB/admin_argon
111+
< UI_LIBRARY_ROOT >
112+
|
113+
|-- templates/ # Root Templates Folder
114+
| |
115+
| |-- accounts/
116+
| | |-- sign-in.html # Sign IN Page
117+
| | |-- sign-up.html # Sign UP Page
118+
| |
119+
| |-- includes/
120+
| | |-- footer.html # Footer component
121+
| | |-- sidebar.html # Sidebar component
122+
| | |-- navigation.html # Navigation Bar
123+
| | |-- scripts.html # Scripts Component
124+
| |
125+
| |-- layouts/
126+
| | |-- base.html # Masterpage
127+
| | |-- base-fullscreen.html # Masterpage for Auth Pages
128+
| |
129+
| |-- pages/
130+
| |-- dashboard.html # Dashboard page
131+
| |-- profile.html # Settings Page
132+
| |-- *.html # All other pages
133+
|
134+
|-- ************************************************************************
135+
```
136+
137+
When the project requires customization, we need to copy the original file that needs an update (from the virtual environment) and place it in the template folder using the same path.
138+
139+
> For instance, if we want to **customize the footer.html** these are the steps:
140+
141+
- ✅ `Step 1`: create the `templates` DIRECTORY inside the `home` app
142+
- ✅ `Step 2`: configure the project to use this new template directory
143+
- `core/settings.py` TEMPLATES section
144+
- ✅ `Step 3`: copy the `footer.html` from the original location (inside your ENV) and save it to the `home/templates` DIR
145+
- Source PATH: `<YOUR_ENV>/LIB/admin_argon/includes/footer.html`
146+
- Destination PATH: `<PROJECT_ROOT>home/templates/includes/footer.html`
147+
148+
> To speed up all these steps, the **codebase is already configured** (`Steps 1, and 2`) and a `custom footer` can be found at this location:
149+
150+
`home/templates/includes/custom_footer.html`
151+
152+
By default, this file is unused because the `theme` expects `footer.html` (without the `custom-` prefix).
153+
154+
In order to use it, simply rename it to `footer.html`. Like this, the default version shipped in the library is ignored by Django.
155+
156+
In a similar way, all other files and components can be customized easily.
157+
158+
<br />
159+
160+
## Deploy on [Render](https://render.com/)
161+
162+
- Create a Blueprint instance
163+
- Go to https://dashboard.render.com/blueprints this link.
164+
- Click `New Blueprint Instance` button.
165+
- Connect your `repo` which you want to deploy.
166+
- Fill the `Service Group Name` and click on `Update Existing Resources` button.
167+
- After that your deployment will start automatically.
168+
169+
At this point, the product should be LIVE.
170+
171+
<br />
172+
74173
## [PRO Version](https://appseed.us/product/argon-dashboard2-pro/django/)
75174

76175
This design is a pixel-perfect [Bootstrap 5](https://www.admin-dashboards.com/bootstrap-5-templates/) Dashboard with a fresh, new design inspired by Google's Material Design. `Argon Dashboard 2 PRO` is built with over 300 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.
77176

78177
> Features:
79178
80179
- ✅ `Up-to-date Dependencies`
81-
- ✅ `Design`: [Django Theme Material2](https://github.com/app-generator/django-admin-material2-pro) - `PRO Version`
180+
- ✅ `Design`: Django Theme Argon 2 - `PRO Version`
82181
- ✅ `Sections` covered by the design:
83182
- ✅ **Admin section** (reserved for superusers)
84183
- ✅ **Authentication**: `Django.contrib.AUTH`, Registration

‎core/settings.py‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,10 +63,12 @@
6363

6464
ROOT_URLCONF = "core.urls"
6565

66+
HOME_TEMPLATES = os.path.join(BASE_DIR, 'home', 'templates')
67+
6668
TEMPLATES = [
6769
{
6870
"BACKEND": "django.template.backends.django.DjangoTemplates",
69-
"DIRS": [],
71+
"DIRS": [HOME_TEMPLATES],
7072
"APP_DIRS": True,
7173
"OPTIONS": {
7274
"context_processors": [

‎home/templates/includes/custom-footer.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<footer class="footer pt-3 ">
2+
<div class="container-fluid">
3+
<div class="row align-items-center justify-content-lg-between">
4+
<div class="col-lg-6 mb-lg-0 mb-4">
5+
<div class="copyright text-center text-sm text-muted text-lg-start">
6+
&copy; Your Company HERE.
7+
</div>
8+
</div>
9+
<div class="col-lg-6">
10+
<ul class="nav nav-footer justify-content-center justify-content-lg-end">
11+
<li class="nav-item">
12+
<a href="#" class="nav-link text-muted">LINK_1</a>
13+
</li>
14+
<li class="nav-item">
15+
<a href="https://appseed.us/support/" class="nav-link text-muted" target="_blank">Support</a>
16+
</li>
17+
</ul>
18+
</div>
19+
</div>
20+
</div>
21+
</footer>

‎requirements.txt‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ django
22
gunicorn
33
python-dotenv
44
whitenoise
5-
django-admin-argon-dashboard==1.0.13
5+
django-admin-argon-dashboard==1.0.15
66

77
# psycopg2-binary
88
# mysqlclient

0 commit comments

Comments
 (0)