Modified the index, blog and comment section

IAP-Website/blog/admin.py

@@ -1,5 +1,15 @@
 from django.contrib import admin
-from .models import Post
+from blog.models import Post, Comment
 
-# Register your models here.
+class BlogAdminArea(admin.AdminSite):
+    site_header = "IAP Blog Admin Area"
+
+blog_site = BlogAdminArea(name="BlogAdmin")
+blog_site.register(Post)
+#blog_site.register(Post)
 admin.site.register(Post)
+
+
+# Register your models here.
+#admin.site.register(Post)
+#blog_site.register(models.Post)

IAP-Website/blog/forms.py

@@ -2,8 +2,14 @@
 from django.contrib.auth.models import User
 from django.contrib.auth.forms import UserCreationForm
 from django import forms
+from .models import Comment
 
 class CreateUserForm(UserCreationForm):
     class Meta:
         model = User
-        fields = ['username', 'email', 'password1', 'password2']
+        fields = ['username', 'email', 'password1', 'password2']
+
+class CommentForm(forms.ModelForm):
+    class Meta:
+        model = Comment
+        fields = ('name', 'email','body')

IAP-Website/blog/migrations/0003_alter_post_body_alter_post_current_time.py

@@ -0,0 +1,23 @@
+# Generated by Django 4.2.6 on 2023-10-30 04:38
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('blog', '0002_post_current_time'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='post',
+            name='body',
+            field=models.TextField(),
+        ),
+        migrations.AlterField(
+            model_name='post',
+            name='current_time',
+            field=models.DateTimeField(auto_now_add=True),
+        ),
+    ]

IAP-Website/blog/migrations/0004_alter_post_options.py

@@ -0,0 +1,17 @@
+# Generated by Django 4.2.6 on 2023-10-30 10:18
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('blog', '0003_alter_post_body_alter_post_current_time'),
+    ]
+
+    operations = [
+        migrations.AlterModelOptions(
+            name='post',
+            options={'ordering': ('-current_time',)},
+        ),
+    ]

IAP-Website/blog/migrations/0005_post_slug_comment.py

@@ -0,0 +1,31 @@
+# Generated by Django 4.2.6 on 2023-10-31 06:03
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('blog', '0004_alter_post_options'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='post',
+            name='slug',
+            field=models.SlugField(default=1),
+            preserve_default=False,
+        ),
+        migrations.CreateModel(
+            name='Comment',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=220)),
+                ('current_time', models.DateTimeField(auto_now_add=True)),
+                ('email', models.EmailField(max_length=254)),
+                ('body', models.TextField()),
+                ('post', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='comments', to='blog.post')),
+            ],
+        ),
+    ]

IAP-Website/blog/migrations/0006_post_image.py

@@ -0,0 +1,18 @@
+# Generated by Django 4.2.6 on 2023-11-03 11:43
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('blog', '0005_post_slug_comment'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='post',
+            name='image',
+            field=models.ImageField(blank=True, null=True, upload_to='uploaded/galleries'),
+        ),
+    ]

IAP-Website/blog/migrations/0007_alter_comment_options.py

@@ -0,0 +1,17 @@
+# Generated by Django 4.2.6 on 2023-12-09 17:14
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('blog', '0006_post_image'),
+    ]
+
+    operations = [
+        migrations.AlterModelOptions(
+            name='comment',
+            options={'ordering': ('-current_time',)},
+        ),
+    ]

IAP-Website/blog/models.py

@@ -4,9 +4,24 @@
 import datetime 
 
 class Post(models.Model):
-    title = models.CharField(max_length=20)
-    current_time = models.DateTimeField(default=timezone.now, blank=True)
-    body = models.CharField(max_length=1000000)
+    title = models.CharField(max_length=100)
+    current_time = models.DateTimeField(auto_now_add=True)
+    slug = models.SlugField()
+    image = models.ImageField(upload_to='uploaded/galleries', blank=True, null=True)
+    body = models.TextField()
+
+    class Meta:
+        ordering = ('-current_time',)
+
+class Comment(models.Model):
+    post = models.ForeignKey(Post, related_name="comments", on_delete=models.CASCADE)
+    name = models.CharField(max_length=220)
+    current_time = models.DateTimeField(auto_now_add=True)
+    email = models.EmailField()
+    body = models.TextField()
+
+    class Meta:
+        ordering = ('-current_time',)
 
 
 # Create your models here.

IAP-Website/blog/templates/blog/base.html

@@ -5,7 +5,6 @@
 
 {%block content_area %}
 
-<h1>Learning To code is so sweet </h1>
 
 {% endblock %}
 

IAP-Website/blog/templates/blog/blog.html

@@ -6,63 +6,68 @@
     <div class="container container-main">
             <main role="main">
 
-
-                <article class="article-feature">
-                    <h2 class="article-title">The Rural Cooking Blog</h2>
-                        <img src="{% static 'asset/images/test2.jpg' %}" alt="" class="article-image">
-                        <p class="article-info">July 23, 2023 | comments</p>
-                    <p class="article-body">Lorem ipsum dolor sit amet consectetur adipisicing elit. In, nisi! Reprehenderit tenetur sunt voluptas accusamus est cupiditate totam cumque? Cumque amet aliquid repellendus quidem repellat possimus quibusdam repudiandae nisi omnis?</lorem:400>
-                    </p>
-                    <a href="" class="article-read-more">Read More</a>
-                </article>
-
-
+                <!-- This blog represent the daily post section -->
+                {% for posts in post %}
                 <article class="article-recent">
+
                     <div class="article-recent-main">
-                        <h2 class="article-title">Finding Solution</h2>
-                        <p class="article-body">Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo officia porro dicta, ex deserunt distinctio enim earum voluptates nostrum laborum error eaque quae alias asperiores. Inventore quo excepturi ullam officiis!
+                        <p class="article-info">{{posts.current_time|timesince}} ago</p>
+                        <h2 class="article-title">{{posts.title|upper}}</h2>
+                        <p class="article-body">{{posts.body|truncatewords:20}}</p>
                         </p>
-                        <a href="" class="article-read-more">Continue Reading</a>
+                        <a href="{% url 'post_details' posts.slug %}" class="article-read-more">Continue Reading</a>
                     </div>
 
                     <div class="article-recent-secondary">
                         <img src="{% static 'asset/images/woman_cooking.png' %}" alt="" class="article-image">
-                        <p class="article-info">September 9, | Comment</p>
+                        <br>
                     </div>
-
+                   
                 </article>
+                {%endfor%}
 
+                <!-- Pagination Section  -->
+                      <!-- Pagination section -->
+
+            <ul class="pagination-list">
+
+                {% if post.has_previous %}
+
+                <li class="pagination-line">
+                    <a class="page-link" href="?page=1">&laquo;First</a>
+                </li>
+
+                 <li class="pagination-line">
+                    <a class="page-link" href="?page={{post.previous_page_number }}">Previous</a>
+                </li> 
+
+                {%endif%}
+                <li class="pagination-line">
+                    <a class="page-link" href="#">page {{post.number}} of {{post.paginator.num_pages}}</a>
+                </li>
+
+
+
+                {% if post.has_next %}
+                <span>
+                <li class="pagination-line">
+                    <a class="page-link" href="?page={{post.next_page_number }}"> Next</a>
+                </li>
+
+                <li class="pagination-line">
+                    <a class="page-link" href="?page={{post.paginator.num_pages }}">&raquo; Last</a>
+                </li>
+
+
+                {%endif%}
+
+        </ul>
 
-                <article class="article-recent">
-                    <div class="article-recent-main">
-                        <h2 class="article-title">Finding Solution</h2>
-                        <p class="article-body">Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo officia porro dicta, ex deserunt distinctio enim earum voluptates nostrum laborum error eaque quae alias asperiores. Inventore quo excepturi ullam officiis!
-                        </p>
-                        <a href="" class="article-read-more">Continue Reading</a>
-                    </div>
-
-                    <div class="article-recent-secondary">
-                        <img src="{% static 'asset/images/woman_cooking.png' %}" alt="" class="article-image">
-                        <p class="article-info">September 9, | Comment</p>
-                    </div>
-
-                </article>
-
-
-                <article class="article-recent">
-                    <div class="article-recent-main">
-                        <h2 class="article-title">Finding Solution</h2>
-                        <p class="article-body">Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo officia porro dicta, ex deserunt distinctio enim earum voluptates nostrum laborum error eaque quae alias asperiores. Inventore quo excepturi ullam officiis!
-                        </p>
-                        <a href="" class="article-read-more">Continue Reading</a>
-                    </div>
+        <!-- pagination end -->
 
-                    <div class="article-recent-secondary">
-                        <img src="{% static 'asset/images/woman_cooking.png' %}" alt="" class="article-image">
-                        <p class="article-info">September 9, | Comment</p>
-                    </div>
+                <!-- end of Pagination section  -->
 
-                </article>
+                <!-- end of daily posting -->
 
             </main><!--end of main here-->
 
@@ -85,23 +90,11 @@ <h3 class="widget-recent-post-title"> Another heading in recent</h3>
                         <h3 class="widget-recent-post-title">Heading Again</h3>
                         <img src="{% static 'asset/images/woman_cooking.png' %}" alt="" class="widget-image">
                     </div>
-
-                    <div clas="widget-recent-post">
-                        <h3 class="widget-recent-post-title">Heading Again2</h3>
-                        <img src="{% static 'asset/images/woman_cooking.png' %}" alt="" class="widget-image">
-                    </div>
-
-
-
-                    <div clas="widget-recent-post">
-                        <h3 class="widget-recent-post-title">Heading Again2</h3>
-                        <img src="{% static 'asset/images/woman_cooking.png' %}" alt="" class="widget-image">
-                    </div>
 
                 </div>
             </aside>
         </div>
-
-        <h1>Learning To code is so sweet </h1>
+        <br>
+        <br>
 
         {% endblock %}

IAP-Website/blog/templates/blog/details.html

@@ -0,0 +1,60 @@
+{% extends 'blog/base.html' %}
+{% load static %}
+
+
+{% block content_area %}
+    <div class="container">
+        <div class="">
+            <div class="banner-section">
+                <p class="banner-heading"><span>Blog </span><br>{{post.title}}</p> 
+            </div>
+            <br>
+            <p class="article-info"><strong>{{post.current_time|timesince}} ago</strong></p>
+            <p class="article-body">{{post.body|truncatewords:20}}</a></p>
+
+            <hr>
+            <h2 class="comment">Comment</h2>
+            <form method="POST" class="">
+                {%csrf_token %}
+
+                {{form.as_p}}
+                <div class="fields">
+                    <div class="control">
+                    <button class="button is-success">Comments</button>
+                    </div>
+                    <br>
+                    <br>
+                </div>
+
+            </form>
+
+        </div>
+
+    </div>
+
+
+
+
+        {% for Comment in post.comments.all %}
+
+            <article class="container container-main">
+                <div class="comment-section">
+                    <strong><p>{{Comment.name }}</p></strong><small>{{ Comment.current_time |timesince }} ago</small><br>
+                    <p>{{Comment.body}}</p>
+                </div>
+
+            <br>
+            <br>
+            </article>
+
+            <br>
+            <br> 
+
+        {% endfor %}
+
+
+{%endblock%}
+
+
+
+

IAP-Website/blog/templates/blog/footer.html

@@ -1,7 +1,8 @@
 {%load static %}
 <footer>
-    <p><strong>The Rural Cooking Blog</strong></p>
-    <p>Copyright 2023</p>
+    <span>
+        Copyright &copy; <script> document.write(new Date().getFullYear())</script> The Rural Cooking Blog Developed by Novaweb & Jetro Web Development
+    </span>
 </footer>
 <script src="{% static 'asset/js/ruralscript.js' %}"></script>
 </body>