[#8} For you page

.github/workflows/django.yml

@@ -0,0 +1,29 @@
+name: Django CI
+
+on: [push]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Set up Python
+        uses: actions/setup-python@v2
+        with:
+          python-version: 3.12.4
+
+      - name: Install dependencies
+        run: |
+          python -m pip install --upgrade pip
+          pip install -r requirements.txt
+
+      - name: Apply migrations
+        run: |
+          python manage.py migrate
+
+      - name: Run tests
+        run: |
+          python manage.py test

.gitignore

@@ -2,3 +2,4 @@ env/
 __pycache__/
 *.py[cod]
 db.sqlite3
+media/audio_files/

audioapp/apps.py

@@ -2,5 +2,5 @@
 
 
 class AudioappConfig(AppConfig):
-    default_auto_field = 'django.db.models.BigAutoField'
-    name = 'audioapp'
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "audioapp"

audioapp/forms.py

@@ -1,12 +1,14 @@
 from django import forms
 from .models import AudioFile, Comment
 
+
 class AudioFileForm(forms.ModelForm):
     class Meta:
         model = AudioFile
-        fields = ['title', 'description', 'file']
+        fields = ["title", "description", "file"]
+
 
 class CommentForm(forms.ModelForm):
     class Meta:
         model = Comment
-        fields = ['text']
+        fields = ["text"]

audioapp/management/commands/seed.py

@@ -0,0 +1,47 @@
+from django.core.management.base import BaseCommand
+from django.contrib.auth.models import User
+from audioapp.models import AudioFile
+from django.core.files import File
+import os
+import random
+
+
+class Command(BaseCommand):
+    help = "Seed the database with initial data"
+
+    def handle(self, *args, **options):
+        self.stdout.write(self.style.SUCCESS("Deleting old data..."))
+
+        # Delete all existing users and audio files
+        User.objects.all().delete()
+        AudioFile.objects.all().delete()
+
+        self.stdout.write(self.style.SUCCESS("Seeding data..."))
+
+        # Create users
+        users = []
+        for i in range(10):
+            user = User.objects.create_user(
+                username=f"user{i}", email=f"user{i}@example.com", password="password"
+            )
+            users.append(user)
+
+        # Get the sample .mp3 file
+        sample_audio_path = os.path.join("audioapp", "sample_audio", "baby_shark.mp3")
+        if not os.path.exists(sample_audio_path):
+            self.stdout.write(self.style.ERROR("Sample audio file not found."))
+            return
+
+        # Create audio files
+        for i in range(50):
+            user = random.choice(users)
+            audio_file = AudioFile(
+                user=user,
+                title=f"Audio Title {i}",
+                description=f"This is a description for audio {i}.",
+            )
+            # Use the sample .mp3 file
+            with open(sample_audio_path, "rb") as f:
+                audio_file.file.save(f"audio{i}.mp3", File(f), save=True)
+
+        self.stdout.write(self.style.SUCCESS("Database seeded successfully!"))

audioapp/migrations/0001_initial.py

@@ -15,14 +15,28 @@ class Migration(migrations.Migration):
 
     operations = [
         migrations.CreateModel(
-            name='AudioFile',
+            name="AudioFile",
             fields=[
-                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
-                ('title', models.CharField(max_length=100)),
-                ('description', models.CharField(max_length=250)),
-                ('file', models.FileField(upload_to='audio_files/')),
-                ('uploaded_at', models.DateTimeField(auto_now_add=True)),
-                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("title", models.CharField(max_length=100)),
+                ("description", models.CharField(max_length=250)),
+                ("file", models.FileField(upload_to="audio_files/")),
+                ("uploaded_at", models.DateTimeField(auto_now_add=True)),
+                (
+                    "user",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to=settings.AUTH_USER_MODEL,
+                    ),
+                ),
             ],
         ),
     ]

audioapp/migrations/0002_like.py

@@ -8,20 +8,40 @@
 class Migration(migrations.Migration):
 
     dependencies = [
-        ('audioapp', '0001_initial'),
+        ("audioapp", "0001_initial"),
         migrations.swappable_dependency(settings.AUTH_USER_MODEL),
     ]
 
     operations = [
         migrations.CreateModel(
-            name='Like',
+            name="Like",
             fields=[
-                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
-                ('audio_file', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='audioapp.audiofile')),
-                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                (
+                    "audio_file",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to="audioapp.audiofile",
+                    ),
+                ),
+                (
+                    "user",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to=settings.AUTH_USER_MODEL,
+                    ),
+                ),
             ],
             options={
-                'unique_together': {('user', 'audio_file')},
+                "unique_together": {("user", "audio_file")},
             },
         ),
     ]

audioapp/migrations/0003_comment.py

@@ -8,19 +8,40 @@
 class Migration(migrations.Migration):
 
     dependencies = [
-        ('audioapp', '0002_like'),
+        ("audioapp", "0002_like"),
         migrations.swappable_dependency(settings.AUTH_USER_MODEL),
     ]
 
     operations = [
         migrations.CreateModel(
-            name='Comment',
+            name="Comment",
             fields=[
-                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
-                ('text', models.TextField()),
-                ('created_at', models.DateTimeField(auto_now_add=True)),
-                ('audio_file', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='comments', to='audioapp.audiofile')),
-                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("text", models.TextField()),
+                ("created_at", models.DateTimeField(auto_now_add=True)),
+                (
+                    "audio_file",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="comments",
+                        to="audioapp.audiofile",
+                    ),
+                ),
+                (
+                    "user",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to=settings.AUTH_USER_MODEL,
+                    ),
+                ),
             ],
         ),
     ]

audioapp/models.py

@@ -1,11 +1,12 @@
 from django.db import models
 from django.contrib.auth.models import User
 
+
 class AudioFile(models.Model):
     user = models.ForeignKey(User, on_delete=models.CASCADE)
     title = models.CharField(max_length=100)
     description = models.CharField(max_length=250)
-    file = models.FileField(upload_to='audio_files/')
+    file = models.FileField(upload_to="audio_files/")
     uploaded_at = models.DateTimeField(auto_now_add=True)
 
     def __str__(self):
@@ -14,16 +15,20 @@ def __str__(self):
     def like_count(self):
         return self.like_set.count()
 
+
 class Like(models.Model):
     user = models.ForeignKey(User, on_delete=models.CASCADE)
     audio_file = models.ForeignKey(AudioFile, on_delete=models.CASCADE)
 
     class Meta:
-        unique_together = ('user', 'audio_file')
+        unique_together = ("user", "audio_file")
+
 
 class Comment(models.Model):
     user = models.ForeignKey(User, on_delete=models.CASCADE)
-    audio_file = models.ForeignKey(AudioFile, related_name='comments', on_delete=models.CASCADE)
+    audio_file = models.ForeignKey(
+        AudioFile, related_name="comments", on_delete=models.CASCADE
+    )
     text = models.TextField()
     created_at = models.DateTimeField(auto_now_add=True)
 

audioapp/templates/audioapp/for_you.html

@@ -0,0 +1,117 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <h1>For You</h1>
+    {% if audio_file %}
+        <h2 id="audio-title">{{ audio_file.title }}</h2>
+        <p id="audio-description">{{ audio_file.description }}</p>
+        <p id="audio-like-count">{{ audio_file.like_count }} Likes</p>
+
+        <button id="like-button" data-audio-id="{{ audio_file.id }}" data-action="like">
+            Like
+        </button>
+
+        <p id="audio-username">By {{ audio_file.user.username }}</p>
+        <audio controls id="audio-player" autoplay>
+            <source id="audio-source" src="{{ audio_file.file.url }}" type="audio/mp4">
+            Your browser does not support the audio element.
+        </audio>
+        <button id="previous-button" {% if fyp_index <= 0 %}disabled{% endif %}>Previous</button>
+        <button id="next-button" {% if reached_end %}disabled{% endif %}>Next</button>
+        <label>
+            <input type="checkbox" id="autoplay-checkbox" {% if autoplay %}checked{% endif %}> Autoplay
+        </label>
+
+        <form id="comment-form" method="post" action="{% url 'for_you' %}">
+            {% csrf_token %}
+            {{ comment_form.as_p }}
+            <button type="submit" name="action" value="comment">Add Comment</button>
+        </form>
+        <ul id="comments-list">
+            {% for comment in comments %}
+                <li>{{ comment.user.username }}: {{ comment.text }}</li>
+            {% endfor %}
+        </ul>
+    {% else %}
+        <p>No audio files available.</p>
+    {% endif %}
+
+    <script>
+        function sendAudioRequest(action, method = 'GET', formData = null) {
+            var xhr = new XMLHttpRequest();
+            xhr.open(method, '{% url "for_you" %}?action=' + action, true);
+            xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+            if (method === 'POST') {
+                xhr.setRequestHeader('X-CSRFToken', '{{ csrf_token }}');
+            }
+            xhr.onload = function () {
+                if (xhr.status === 200) {
+                    var data = JSON.parse(xhr.responseText);
+                    document.getElementById('audio-title').textContent = data.title;
+                    document.getElementById('audio-description').textContent = data.description;
+                    document.getElementById('audio-like-count').textContent = data.like_count + ' Likes';
+                    document.getElementById('audio-username').textContent = 'By ' + data.username;
+                    document.getElementById('audio-source').src = data.audio_file_url;
+                    var audioPlayer = document.getElementById('audio-player');
+                    audioPlayer.load();
+                    if (document.getElementById('autoplay-checkbox').checked) {
+                        audioPlayer.play();
+                    }
+                    document.getElementById('previous-button').disabled = data.fyp_index <= 0;
+                    document.getElementById('next-button').disabled = data.reached_end;
+                    if (data.reached_end) {
+                        document.getElementById('autoplay-checkbox').checked = false;
+                    }
+
+                    var commentsList = document.getElementById('comments-list');
+                    commentsList.innerHTML = '';
+                    data.comments.forEach(function(comment) {
+                        var li = document.createElement('li');
+                        li.textContent = comment.user + ': ' + comment.text;
+                        commentsList.appendChild(li);
+                    });
+                }
+            };
+            xhr.send(formData);
+        }
+
+        document.getElementById('previous-button').addEventListener('click', function(event) {
+            event.preventDefault();
+            sendAudioRequest('previous');
+        });
+
+        document.getElementById('next-button').addEventListener('click', function(event) {
+            event.preventDefault();
+            sendAudioRequest('next');
+        });
+
+        document.getElementById('audio-player').addEventListener('ended', function() {
+            if (document.getElementById('autoplay-checkbox').checked) {
+                sendAudioRequest('next');
+            }
+        });
+
+        document.getElementById('like-button').addEventListener('click', function(event) {
+            event.preventDefault();
+            var formData = new FormData();
+            formData.append('action', 'like');
+            sendAudioRequest('like', 'POST', formData);
+        });
+
+        document.getElementById('comment-form').addEventListener('submit', function(event) {
+            event.preventDefault();
+            var formData = new FormData(this);
+            formData.append('action', 'comment');
+            sendAudioRequest('comment', 'POST', formData);
+        });
+
+        document.getElementById('autoplay-checkbox').addEventListener('change', function() {
+            var isChecked = this.checked;
+            var xhr = new XMLHttpRequest();
+            xhr.open('GET', '{% url "update_autoplay" %}?autoplay=' + isChecked, true);
+            xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+            xhr.send();
+        });
+    </script>
+{% endblock %}
+