Add audio plugin

tdelatorre · Jul 19, 2018 · d671fb8 · d671fb8
1 parent 98db139
commit d671fb8
Show file tree

Hide file tree

Showing 6 changed files with 71 additions and 1 deletion.
diff --git a/src/mister_cobol_web/admin.py b/src/mister_cobol_web/admin.py
@@ -12,3 +12,4 @@
 admin.site.register(Tour, SingletonModelAdmin)
 admin.site.register(Event)
 admin.site.register(Contact, SingletonModelAdmin)
+admin.site.register(Audio)
diff --git a/src/mister_cobol_web/migrations/0019_audio.py b/src/mister_cobol_web/migrations/0019_audio.py
@@ -0,0 +1,28 @@
+# -*- coding: utf-8 -*-
+from __future__ import unicode_literals
+
+from django.db import models, migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('mister_cobol_web', '0018_contact_instagram'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Audio',
+            fields=[
+                ('id', models.AutoField(auto_created=True, serialize=False, verbose_name='ID', primary_key=True)),
+                ('title', models.CharField(verbose_name='Title', max_length=50)),
+                ('audio_file', models.FileField(verbose_name='Audio mp3', upload_to='files', default=None)),
+            ],
+            options={
+                'ordering': ['title'],
+                'verbose_name': 'Audio',
+                'verbose_name_plural': 'Audio',
+            },
+            bases=(models.Model,),
+        ),
+    ]
diff --git a/src/mister_cobol_web/models.py b/src/mister_cobol_web/models.py
@@ -230,3 +230,26 @@ def __unicode__(self):
 
     def __str__(self):
         return u'{}'.format(self.title)
+
+
+class Audio(models.Model):
+    title = models.CharField(
+        max_length=50, blank=False, null=False,
+        verbose_name=_(u'Title')
+    )
+    audio_file = models.FileField(
+        null=False, blank=False,
+        default=None, upload_to='files',
+        verbose_name=_(u'Audio mp3')
+    )
+
+    class Meta:
+        verbose_name = _(u'Audio')
+        verbose_name_plural = _(u'Audio')
+        ordering = ['title']
+
+    def __unicode__(self):
+        return u'{}'.format(self.title)
+
+    def __str__(self):
+        return u'{}'.format(self.title)
diff --git a/src/mister_cobol_web/static/css/style.css b/src/mister_cobol_web/static/css/style.css
@@ -563,8 +563,9 @@ body {
   font-family: 'Gotham', sans-serif;
   color: #efefef;
   line-height: 1.5;
-  background: url("../images/bg-res.jpg") 50% 0 repeat fixed;
+  background: url("../images/bg-res.jpg") 50% 0 fixed;
   background-position: center top;
+  background-repeat: repeat;
 }
 
 p {

diff --git a/src/mister_cobol_web/templates/index.html b/src/mister_cobol_web/templates/index.html
@@ -59,6 +59,7 @@
                 <li class="main-logo"><a class="smooth" href="#inicio"><a href="{{ request.get_full_path }}"><img src="/static/images/main-logo.png" alt="Mister Cobol" title="Mister Cobol" border="0"></a></a></li>
                 <li><a class="smooth" href="#sobre-nosotros">{% trans 'SOBRE NOSOTROS' %}</a></li>
                 <li><a class="smooth" href="#tour">{% trans 'TOUR' %}</a></li>
+                <li><a class="smooth" href="#musica">{% trans 'MÚSICA' %}</a></li>
                 <li><a class="smooth" href="#fotos">{% trans 'FOTOS' %}</a></li>
                 <li><a class="smooth" href="#videos">{% trans 'VÍDEOS' %}</a></li>
                 <li><a class="smooth" href="#contacto">{% trans 'CONTACTO' %}</a></li>
@@ -69,6 +70,7 @@
             <ul class="nav-res">
                 <li><a class="smooth" href="#sobre-nosotros">{% trans 'SOBRE NOSOTROS' %}</a></li>
                 <li><a class="smooth" href="#tour">{% trans 'TOUR' %}</a></li>
+                <li><a class="smooth" href="#musica">{% trans 'MÚSICA' %}</a></li>
                 <li><a class="smooth" href="#fotos">{% trans 'FOTOS' %}</a></li>
                 <li><a class="smooth" href="#videos">{% trans 'VÍDEOS' %}</a></li>
                 <li><a class="smooth" href="#contacto">{% trans 'CONTACTO' %}</a></li>
@@ -145,6 +147,18 @@ <h2 class="row-title">{% trans 'TOUR' %}</h2>
         </div>
     </div>
 
+    <div class="row fullview bg-black dashed" id="musica">
+        <div class="row-inside content">
+            <h2 class="row-title">{% trans 'MÚSICA' %}</h2>
+            {% for audio in audios %}
+              <div class="column-center">
+                <p>{{ audio.title }}</p>
+                <audio src="media/{{ audio.audio_file }}" controls></audio>
+              </div><br>
+            {% endfor %}
+        </div>
+    </div>
+
     <div class="row fullview bg-darkgray dashed" id="fotos">
         <div class="row-inside content">
             <h2 class="row-title">{% trans 'GALERÍA DE FOTOS' %}</h2>
@@ -241,6 +255,7 @@ <h2 class="row-title">{% trans 'CONTACTA CON NOSOTROS' %}</h2>
             });
         });
     </script>
+
 </body>
 
 </html>
diff --git a/src/mister_cobol_web/views.py b/src/mister_cobol_web/views.py
@@ -18,13 +18,15 @@ class LandingView(TemplateView):
     def get_context_data(self, **kwargs):
         members = Member.objects.all()
         events = Event.objects.all()
+        audios = Audio.objects.all()
         images = Image.objects.filter(for_gallery=True)
         videos = Video.objects.all()
 
         context = super().get_context_data(**kwargs)
         context.update({
             'members': members,
             'events': events,
+            'audios': audios,
             'images': images,
             'videos': videos,
             'form': ContactForm(),