using new header slider
This commit is contained in:
parent
39d2697e30
commit
88369d55a5
5 changed files with 47 additions and 36 deletions
|
@ -6,9 +6,9 @@ from .models import (
|
||||||
About, AboutItem, SectionWithImage, UngleichServiceItem, UngleichHeader,
|
About, AboutItem, SectionWithImage, UngleichServiceItem, UngleichHeader,
|
||||||
UngleichHeaderItem, UngleichProductItem, UngleichProduct, UngleichCustomer,
|
UngleichHeaderItem, UngleichProductItem, UngleichProduct, UngleichCustomer,
|
||||||
UngleichCustomerItem, UngleichHTMLOnly, UngleichSimpleHeader,
|
UngleichCustomerItem, UngleichHTMLOnly, UngleichSimpleHeader,
|
||||||
UngleichHeaderItemWithVideo,
|
|
||||||
UngleichHeaderWithBackgroundImageSlider,
|
UngleichHeaderWithBackgroundImageSlider,
|
||||||
UngleichHeaderWithBackgroundImageSliderItem,
|
UngleichHeaderWithBackgroundImageSliderItem,
|
||||||
|
UngleichHeaderWithBackgroundVideoSliderItem,
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
||||||
|
@ -203,10 +203,7 @@ class UngleichHeaderWithTextAndImageSliderPlugin(CMSPluginBase):
|
||||||
render_template = "ungleich_page/ungleich/header_with_slider.html"
|
render_template = "ungleich_page/ungleich/header_with_slider.html"
|
||||||
cache = False
|
cache = False
|
||||||
allow_children = True
|
allow_children = True
|
||||||
child_classes = [
|
child_classes = ['UngleichHeaderItemPlugin']
|
||||||
'UngleichHeaderItemPlugin',
|
|
||||||
'UngleichHeaderItemWithVideoPlugin',
|
|
||||||
]
|
|
||||||
|
|
||||||
def render(self, context, instance, placeholder):
|
def render(self, context, instance, placeholder):
|
||||||
context['instance'] = instance
|
context['instance'] = instance
|
||||||
|
@ -230,21 +227,6 @@ class UngleichHeaderItemPlugin(CMSPluginBase):
|
||||||
return context
|
return context
|
||||||
|
|
||||||
|
|
||||||
@plugin_pool.register_plugin
|
|
||||||
class UngleichHeaderItemWithVideoPlugin(CMSPluginBase):
|
|
||||||
name = "ungleich Header Item With Video Plugin"
|
|
||||||
model = UngleichHeaderItemWithVideo
|
|
||||||
render_template = "ungleich_page/ungleich/_header_video_item.html"
|
|
||||||
cache = False
|
|
||||||
require_parent = True
|
|
||||||
parent_classes = ['UngleichHeaderWithTextAndImageSliderPlugin']
|
|
||||||
|
|
||||||
def render(self, context, instance, placeholder):
|
|
||||||
context = super(UngleichHeaderItemWithVideoPlugin, self).render(
|
|
||||||
context, instance, placeholder
|
|
||||||
)
|
|
||||||
|
|
||||||
|
|
||||||
@plugin_pool.register_plugin
|
@plugin_pool.register_plugin
|
||||||
class UngleichHeaderBackgroundImageAndTextSliderPlugin(CMSPluginBase):
|
class UngleichHeaderBackgroundImageAndTextSliderPlugin(CMSPluginBase):
|
||||||
name = "ungleich Header with Background and Image Slider Plugin"
|
name = "ungleich Header with Background and Image Slider Plugin"
|
||||||
|
@ -254,13 +236,33 @@ class UngleichHeaderBackgroundImageAndTextSliderPlugin(CMSPluginBase):
|
||||||
)
|
)
|
||||||
cache = False
|
cache = False
|
||||||
allow_children = True
|
allow_children = True
|
||||||
child_classes = ['UngleichHeaderBackgroundImageAndTextItemPlugin']
|
child_classes = [
|
||||||
|
'UngleichHeaderBackgroundImageAndTextItemPlugin',
|
||||||
|
'UngleichHeaderBackgroundVideoItemPlugin',
|
||||||
|
]
|
||||||
|
|
||||||
def render(self, context, instance, placeholder):
|
def render(self, context, instance, placeholder):
|
||||||
context['instance'] = instance
|
context['instance'] = instance
|
||||||
return context
|
return context
|
||||||
|
|
||||||
|
|
||||||
|
@plugin_pool.register_plugin
|
||||||
|
class UngleichHeaderBackgroundVideoItemPlugin(CMSPluginBase):
|
||||||
|
name = "ungleich Header Background Video Item Plugin"
|
||||||
|
model = UngleichHeaderWithBackgroundVideoSliderItem
|
||||||
|
render_template = "ungleich_page/ungleich/_header_with_background_video_slider_item.html"
|
||||||
|
cache = False
|
||||||
|
require_parent = True
|
||||||
|
parent_classes = ['UngleichHeaderBackgroundImageAndTextSliderPlugin']
|
||||||
|
|
||||||
|
def render(self, context, instance, placeholder):
|
||||||
|
context = super(UngleichHeaderBackgroundVideoItemPlugin, self).render(
|
||||||
|
context, instance, placeholder
|
||||||
|
)
|
||||||
|
context['instance'] = instance
|
||||||
|
return context
|
||||||
|
|
||||||
|
|
||||||
@plugin_pool.register_plugin
|
@plugin_pool.register_plugin
|
||||||
class UngleichHeaderBackgroundImageAndTextItemPlugin(CMSPluginBase):
|
class UngleichHeaderBackgroundImageAndTextItemPlugin(CMSPluginBase):
|
||||||
name = "ungleich Header with Background and Image and Text Item Plugin"
|
name = "ungleich Header with Background and Image and Text Item Plugin"
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
# -*- coding: utf-8 -*-
|
# -*- coding: utf-8 -*-
|
||||||
# Generated by Django 1.9.4 on 2017-12-19 16:11
|
# Generated by Django 1.9.4 on 2017-12-19 21:19
|
||||||
from __future__ import unicode_literals
|
from __future__ import unicode_literals
|
||||||
|
|
||||||
from django.db import migrations, models
|
from django.db import migrations, models
|
||||||
|
@ -16,18 +16,22 @@ class Migration(migrations.Migration):
|
||||||
|
|
||||||
operations = [
|
operations = [
|
||||||
migrations.CreateModel(
|
migrations.CreateModel(
|
||||||
name='UngleichHeaderItemWithVideo',
|
name='UngleichHeaderWithBackgroundVideoSliderItem',
|
||||||
fields=[
|
fields=[
|
||||||
('cmsplugin_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE,
|
('cmsplugin_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE,
|
||||||
parent_link=True, primary_key=True, serialize=False, to='cms.CMSPlugin')),
|
parent_link=True, primary_key=True, serialize=False, to='cms.CMSPlugin')),
|
||||||
('description', models.TextField(blank=True, null=True)),
|
('description', models.TextField(
|
||||||
('image', filer.fields.image.FilerImageField(blank=True, null=True,
|
blank=True, help_text='An optional description for this slide.', null=True)),
|
||||||
on_delete=django.db.models.deletion.SET_NULL, related_name='ungleich_header_item_poster', to='filer.Image')),
|
('image', filer.fields.image.FilerImageField(blank=True, help_text='The background image or poster image for video.',
|
||||||
('btn_link', models.URLField(blank=True, null=True)),
|
null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='ungleich_header_item_poster', to='filer.Image')),
|
||||||
('btn_text', models.CharField(blank=True, max_length=50, null=True)),
|
('btn_link', models.URLField(
|
||||||
('heading', models.CharField(blank=True, max_length=100, null=True)),
|
blank=True, help_text='If this field is left empty, no button would be displayed.', null=True)),
|
||||||
('video', filer.fields.file.FilerFileField(blank=True, null=True,
|
('btn_text', models.CharField(
|
||||||
on_delete=django.db.models.deletion.SET_NULL, related_name='ungleich_header_item_video', to='filer.File')),
|
blank=True, help_text='Text for the button, if a link is provided.', max_length=50, null=True)),
|
||||||
|
('heading', models.CharField(
|
||||||
|
blank=True, help_text='An optional title for this slide.', max_length=100, null=True)),
|
||||||
|
('video', filer.fields.file.FilerFileField(blank=True, help_text='Leavig this blank will make the image as the background.',
|
||||||
|
null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='ungleich_header_item_video', to='filer.File')),
|
||||||
],
|
],
|
||||||
options={
|
options={
|
||||||
'abstract': False,
|
'abstract': False,
|
||||||
|
|
|
@ -155,7 +155,7 @@ class UngleichHeaderItem(CMSPlugin):
|
||||||
description = HTMLField()
|
description = HTMLField()
|
||||||
|
|
||||||
|
|
||||||
class UngleichHeaderItemWithVideo(CMSPlugin):
|
class UngleichHeaderWithBackgroundVideoSliderItem(CMSPlugin):
|
||||||
image = FilerImageField(
|
image = FilerImageField(
|
||||||
null=True,
|
null=True,
|
||||||
blank=True,
|
blank=True,
|
||||||
|
|
|
@ -308,7 +308,7 @@
|
||||||
|
|
||||||
@media (max-aspect-ratio: 16/9) {
|
@media (max-aspect-ratio: 16/9) {
|
||||||
.bg_vid > video {
|
.bg_vid > video {
|
||||||
width: auto;
|
/* width: auto; */
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,11 +1,16 @@
|
||||||
|
{% if instance.image %}
|
||||||
|
<div class="bg_img" style="background-image:url({{ instance.image.url }})"></div>
|
||||||
|
{% endif %}
|
||||||
{% if instance.video %}
|
{% if instance.video %}
|
||||||
<div class="bg_vid bg_vid_back">
|
<div class="bg_vid bg_vid_back">
|
||||||
<video autoplay muted loop {% if instance.image %}poster="{{ instance.image.url }}"{% endif %}>
|
{% comment %}
|
||||||
|
use attribute poster="{{ instance.image.url }}" after cross browser testing
|
||||||
|
in place of .bg_img
|
||||||
|
{% endcomment %}
|
||||||
|
<video autoplay muted loop>
|
||||||
<source type="video/mp4" src="{{ instance.video.url }}">
|
<source type="video/mp4" src="{{ instance.video.url }}">
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
{% elif instance.image %}
|
|
||||||
<div class="bg_img" style="background-image:url({{ instance.image.url }})"></div>
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<div class="container">
|
<div class="container">
|
||||||
{% if instance.heading %}
|
{% if instance.heading %}
|
Loading…
Reference in a new issue