new conference

conference/forms.py

@@ -201,7 +201,7 @@ class ConferenceCreateForm(forms.Form):
         conference.theme.add(*data['theme'])
         conference.tag.add(*Tag.objects.filter(id__in=data['tag']))
         conference.organiser.add(*Organiser.objects.filter(id__in=data.get('organiser', [])))
-
+        conference.speakers = data.get('speakers', [])
 
         conference.save()
 

gulpfile.js

@@ -19,7 +19,7 @@ gulp.task('make-vendor-js', function () {
    	'static/client/js/jquery.placeholder.js',
    	'static/client/js/jquery.phototag.js',
    	'static/client/js/dna0.4.4.min.js',
-      'static/client/js/social-likes.js',
+  	'static/client/js/social-likes.js',
    	'static/client/js/main.js',
    	'static/client/js/scripts.js',
    	'static/client/js/Base64.js'

static/client/css/main.css

@@ -13500,5 +13500,95 @@ blockquote{
     top: -19px;
 }
 
+.connference_speakers h3{
+    font: 600 28px dindisplay_pro;
+    color: #000;
+}
+
+.speakers_slider > .speaker:not(:first-child){
+    display: none;
+}
+
+.speakers_slider{
+    margin: 0 auto;
+    width: 872px;
+}
+
+.speakers_slider .speaker{
+    width: 196px;
+    margin: 0 11px;
+}
+
+.speaker_img{
+    position: relative;
+    border-radius: 3px;
+}
+
+.speaker_img .overlay{
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(255,102,0,.8);
+    color: #fff;
+    padding: 10px;
+    vertical-align: middle;
+    opacity: 0;
+    -webkit-transition: opacity .5s;
+    -o-transition: opacity .5s;
+    transition: opacity .5s;
+    border-radius: 3px;
+}
+
+.speaker_img .overlay span{
+    position: absolute;
+    top: 50%;
+    left: 0;
+    right: 0;
+    -webkit-transform: translateY(-50%);
+        -ms-transform: translateY(-50%);
+         -o-transform: translateY(-50%);
+            transform: translateY(-50%);
+    font-size: 14px;
+    text-align: center;
+}
+
+.speakers_slider .speaker:hover .overlay{
+    opacity: 1;
+    -webkit-transition: opacity .5s;
+    -o-transition: opacity .5s;
+    transition: opacity .5s;
+}
+
+.speakers_slider .speaker h5{
+    font: 600 18px dindisplay_pro;
+    color: #464646;
+    text-align: center;
+    margin-bottom: 0;
+}
+
+.speakers_slider .speaker > span{
+    display: block;
+    text-align: center;
+    color: #FF6600;
+}
+
+.speakers_slider .slick-prev:before{
+    content: '⟨';
+    font-family: Arial, san-serif;
+    color: #b7b7b6;
+    font-size: 38px;
+    font-weight: 100;
+}
+
+.speakers_slider .slick-next:before{
+    content: '⟩';
+    font-family: Arial, san-serif;
+    color: #b7b7b6;
+    font-size: 38px;
+    font-weight: 100;
+}
+
 
 

templates/client/article/article.html

@@ -152,6 +152,23 @@
 
     <div class="article_comments">
         <h2>{% trans 'Комментарии' %}</h2>
+        {% for comment in object.comments.all %}
+            <div class="comment">
+                <div class="comment_author">
+                    {{ comment.user.get_full_name }} <time><i class="fa fa-calendar"></i> {{ comment.created }}</time>
+                </div>
+                <div class="comment_text">{{ comment.text }}</div>
+                <a href="#" data-parent="{{ comment.pk }}"><i class="fa fa-comment"></i> <span>{% trans "Ответить на комментарий" %}</span></a>
+
+                <div class="comment">
+                    <div class="comment_author">
+                        {{ comment.user.get_full_name }} <time><i class="fa fa-calendar"></i> {{ comment.created }}</time>
+                    </div>
+                    <div class="comment_text">{{ comment.text }}</div>
+{#                    <a href="#" data-parent="{{ comment.pk }}"><i class="fa fa-comment"></i> <span>{% trans "Ответить на комментарий" %}</span></a>#}
+                </div>
+            </div>
+        {% endfor %}
 
         <div class="comment">
             <div class="comment_author">

templates/client/includes/conference/conference_partner.html

@@ -2,6 +2,12 @@
 {% load i18n %}
 {% load thumbnail %}
 {% load template_filters %}
+
+{% block styles %}
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css">
+{% endblock %}
+
 {% block page_body %}
 	<div class="m-article event-page">
 		<div class="item-wrap event clearfix">
@@ -122,27 +128,34 @@
 		</div>
 	{% include 'client/includes/conference/conference_services.html' with event=event %}
 	{% include 'includes/event_steps.html' with event=event %}
-	{% if event.get_photos %}
+
+
+    {% if event.get_photos %}
 		{% with photos=event.get_photos|slice:"5" %}
-	<hr />
-	<div class="i-photo-slides">
-		<div class="sect-title"><a href="#">{% trans 'Фотографии с прошлой конференции' %}</a></div>
-		<div id="ps-photo-gallery" class="ps-photo-gallery swiper-container">
-			<ul class="swiper-wrapper">
-				{% for photo in photos %}
-					<li class="swiper-slide">
-						<img src="{{ photo.get_display_url }}" alt="" />
-					</li>
-				{% endfor %}
-			</ul>
-			<div class="re-controls">
-				<a class="prev" href="#">&lt;</a>
-				<a class="next" href="#">&gt;</a>
-			</div>
-		</div>
-	</div>
+            <div class="i-photo-slides">
+                <div class="sect-title">{% trans 'Фотографии с прошлой конференции' %}</div>
+
+                <div class="last_photos_slider">
+                    {% for photo in photos %}
+                        {{ photo.get_display_url }}
+                        {% thumbnail photo.get_display_url '936x468' crop="center" as im %}
+                            <img src="{{ im.url }}" alt="" />
+                        {% endthumbnail %}
+                    {% endfor %}
+                </div>
+
+                <div class="last_photos_thumbs">
+                    {% for photo in photos %}
+                        {% thumbnail photo '137x95' crop="center" as im %}
+                            <img src="{{ im.url }}" alt="" />
+                        {% endthumbnail %}
+                    {% endfor %}
+                </div>
+            </div>
 		{% endwith %}
 	{% endif %}
+
+
 	<div class="i-event-description">
 		<h2 class="ied-title">{% if event.event_type == 'expo' %}{% trans 'О выставке' %}{% else %}{% trans 'О конференции' %}{% endif %} {{ event.name|safe }}</h2>
         {% if event.description %}
@@ -154,7 +167,9 @@
             {# {% include "client/includes/conference/default_description.html" with conf=event %} #}
     	{% endif %}
 	</div>
+
 	<hr />
+
 	<div class="i-event-additional clearfix">
 		<div class="sect-title">{% trans 'Дополнительная информация' %}</div>
 		<ul class="e-docs">
@@ -218,6 +233,34 @@
 	{% include "client/includes/article/articles_in_event.html" with event=event news_list=news %}
 	<hr />
 
+    {% with speakers=event.speakers.all %}
+        {% if speakers %}
+            <div class="connference_speakers">
+		    <h3>{% trans 'Спикеры' %}</h3>
+                <div class="speakers_slider">
+                {% for speaker in speakers %}
+                    <div class="speaker">
+                        <div class="speaker_img">
+                            {% thumbnail speaker.photo '196x139' crop="center" as im %}
+                                <img src="{{ im.url }}" alt="img">
+                            {% endthumbnail %}
+                            <div class="overlay">
+                                <span>
+                                    {{ speaker.company|default:'' }} <br> {{ speaker.position|default:'' }}
+                                </span>
+                            </div>
+                        </div>
+
+                        <h5>{{ speaker.fullname }}</h5>
+                        <span>{{ speaker.company|default:'' }}</span>
+                    </div>
+                {% endfor %}
+
+                </div>
+            </div>
+        {% endif %}
+    {% endwith %}
+
 	<div class="i-members clearfix">
 		<div class="im-participants">
 		{% with companies=event.company.all|slice:":6" %}
@@ -409,4 +452,15 @@
 			removeCalendarText:"{% trans 'Из расписания' %}"
 		});
 	</script>
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
+
+    <script>
+        $(function () {
+            $('.speakers_slider').slick({
+                slidesToShow: 4,
+                slidesToScroll: 1,
+            });
+        });
+    </script>
 {% endblock %}