#### Repository
https://github.com/python

#### What Will I Learn?
- Admin dashboard
- Settings redirect

#### Requirements
- Basic Python
- Install Python 3
- Install Django


#### Resources
- Python - https://www.python.org/
- Django- https://www.djangoproject.com/
- Bootstrap 4 - https://getbootstrap.com/docs/4.0/getting-started/introduction/

#### Difficulty
Basic

### Tutorial Content

Hi everyone, this is an advanced tutorial from the previous tutorial series. In this application, we will learn how to create a forum using Django. in the previous tutorial, I created an authentication system and template system that uses a class-based view. Well in this section of the tutorial we will discuss a new feature that is an important part of this application, namely the admin system, of course, if we want to create a forum application we must create an admin system to manage the content in our application. For that, we just start this tutorial.


### Make admin dashboard

To know **Django** provides an admin dashboard that is ready to use, but there needs to be something that must be configured when we want to use this feature. to start using it we need to manage who can use this dashboard.

- **Create superuser**

to make the **superuser** we will make it through the command prompt. later the user will have access to manage the admin. You can open a command prompt and access manage.py as we can see in the picture below:

![Screenshot_1.png](https://ipfs.busy.org/ipfs/QmeyNHRfrY9tPKNLmwZyi7r8TUYWewrL2hfmDX62togtLB)

We have created a superuser to access the dashboard page, you can go back to the command prompt page and run your server. as we see in the picture below:

![ezgif.com-video-to-gif.gif](https://cdn.steemitimages.com/DQmaJiBALQHbfbV5MpunU8DmVJqcuwnZMgbWodXh1VPQ6aY/ezgif.com-video-to-gif.gif)
<br>

- **Access the admin dashboard**

After we run the server, then we will access the admin dashboard and log in with the user that we have created as a **superuser**. The following is the admin dashboard:

![Screenshot_2.png](https://ipfs.busy.org/ipfs/QmY63T4LzWLAMVYFN8dEN2NseWWihBLW2g6NHzhwCotqsx)

The superuser we have registered in the previous section is **Millea** and we will log in with that user. we can see the demonstration in the picture below:

![ezgif.com-video-to-gif (1).gif](https://cdn.steemitimages.com/DQmWJAdFxqMeHZgzBtTb9D79bPKdmDBfteUNmJNNKX5rnXi/ezgif.com-video-to-gif%20(1).gif)

Now you can see in the picture above we have successfully entered the admin dashboard.
<br>
- **Setting redirect**

There is a part that will be changed in this tutorial, in Django we can set the redirect to the page we want. we can do this in the **settings.py** section.

**settings.py**
```
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/2.1/howto/static-files/

STATIC_URL = '/static/'

LOGOUT_REDIRECT_URL = '/account/login'         //redirect when logout

```

We will redirect the page when we log out. If there is no error then we can get the results as follows:

![ezgif.com-video-to-gif (2).gif](https://cdn.steemitimages.com/DQmcs1AKsgmXM6V6yqhThua1ZVDXrf3JqCbDL45hpwcw6Tq/ezgif.com-video-to-gif%20(2).gif)
<br>

Then I will create a filter menu that will be displayed on the menu in the Navbar. The logout menu will only appear when the user is logged in. For more details, we can look at **base.html** below:

**base.html**

```
	<ul class="navbar-nav mr-auto">
	      <li class="nav-item active">
	        <a class="nav-link" href="">Home <span class="sr-only">(current)</span></a>
	      </li>
		{% if user.is_authenticated %}
	      <li class="nav-item">
	      	<a class="nav-link" href="{% url 'logout' %}">Logout</a>
	      </li>
	    {% else %}
	      <li class="nav-item">
	        <a class="nav-link" href="{% url 'signup' %}">Register</a>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" href="{% url 'login' %}">Login</a>
	      </li>
	    {% endif %}
    </ul>
```

- We can check whether the user is logged in or not by checking the **is_authenticated** value, The value is ***boolean***, so we can use it like this ```	{% if user.is_authenticated %}```.
<br>
- **Create welcome page**

Now we will make a welcome page that will be used for the home page. we will create a new page that is **welcome.html** which will become the home page. here is the code:

**welcome.html**

```
{% extends "base.html" %}

{% block title %} Sign in{% endblock %}

{% block content %}
<div class="jumbotron">
  <h1>Forum Apps</h1> 
  <p>Welcome to landing page</p> 
</div>
{% endblock%}
```
on the homepage I will use jumbotron from the boostrap to make the homepage appear

**Routing home page**

Of course, we will also provide routing for the homepage page that was created. we can make it **urls.py** page.
**urls.py**

```
from django.contrib import admin
from django.urls import path, include
from django.views.generic import TemplateView // import generic view

urlpatterns = [
	  path(' ', TemplateView.as_view(template_name='welcome.html')),
    path('admin/', admin.site.urls),
    path('account/', include('account.urls')),
    path('account/', include('django.contrib.auth.urls')),
]

```

- As we learned in the previous [tutorial](https://steemit.com/utopian-io/@duski.harahap/create-a-forum-application-using-django-2-template-system-and-class-based-view-implementation-1552057536737), we will use generic view, a function provided by Django to create a view. to use this function we will import it first as follows ```from django.views.generic import TemplateView```.

- And then to use it we can write it like the following ``` path(' ',TemplateView.as_view(template_name='welcome.html')),```. We can use **TemplateView** because we have already name it when importing. We adjust the view that will be rendered on **template_name**.

**Settings redirect**

Then I will do a redirect setting for users who have successfully logged in to redirect the home page. for that I will add it in **settings.py**.

```
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/2.1/howto/static-files/

STATIC_URL = '/static/'

LOGOUT_REDIRECT_URL = '/account/login'
LOGIN_REDIRECT_URL = '/'  ## Redirect to homepage
```

If there is no error then we can see when logging in, we will be directed to the **homepage**:

![ezgif.com-video-to-gif (3).gif](https://cdn.steemitimages.com/DQmfMJdXzfgYRTiZN1YYp3T8x4WYTcGYkdocZoCRLGEEaDE/ezgif.com-video-to-gif%20(3).gif)

We can see in the picture above we managed to make a page redirect and create a function to access the admin dashboard in the application that we created. we have added some features. Of course there are still some features that we will add, but I will discuss them in the next tutorial, hopefully, this tutorial will be useful for you.


### Curriculum

- **Class-based views**

[Tutorial Django - Class based views #1 : Installation and configuration Django, Using a template system](https://steemit.com/utopian-io/@duski.harahap/django-tutorial-class-based-view-1-installation-and-configuration-django-using-a-template-system-1545837443632)

[Tutorial Django - Class based view #2 : Use Class based view method and Get and Post method](
https://steemit.com/utopian-io/@duski.harahap/django-tutorial-class-based-view-2-use-class-based-view-method-and-get-and-post-method-1546448948207)

[Tutorial Django- Class based view #3 : Authentication in Django and Urls Protection globally and specifically](
https://steemit.com/utopian-io/@duski.harahap/django-tutorial-class-based-view-3-authentication-in-django-and-urls-protection-globally-and-specifically-1546614192675)
<br>
- **Forum app**

[Create a forum application using django #1 : Init projects and dependencies and Database schema](
https://steemit.com/utopian-io/@duski.harahap/create-a-forum-application-using-django-1-init-projects-and-dependencies-and-database-schema-1551711163679)

[Create a forum application using django #2: Template system and Class-based view implementation](https://steemit.com/utopian-io/@duski.harahap/create-a-forum-application-using-django-2-template-system-and-class-based-view-implementation-1552057536737)


#### Proof of work done

https://github.com/milleaduski/forums-django