Bladeren bron

improvement of structure tpl about_session

Alex Aragón 7 jaren geleden
bovenliggende
commit
e78b69f8d3
2 gewijzigde bestanden met toevoegingen van 68 en 35 verwijderingen
  1. 36 0
      app/Resources/public/css/base.css
  2. 32 35
      main/template/default/session/about.tpl

+ 36 - 0
app/Resources/public/css/base.css

@@ -4710,7 +4710,43 @@ div#chat-remote-video video {
 .install-steps-menu li.current-step{
     font-weight: bold;
 }
+#about-session .description-course{
+    font-size: 1.2em;
+}
+#about-session .panel-information{
+    font-size: 16px;
+}
+#about-session .panel-information ul{
+    margin: 20px 0;
+}
+.page-header{
+    margin-top: 0px;
+}
+#about-session .panel-course{
+    padding: 20px;
+    background: #EEF4FF;
+    border-radius: 10px;
+}
+#about-session .panel-body{
+    background: #F7F9FD;
+}
+#about-session .coach-avatar{
+    float: right;
+    width: 100px;
+}
+#about-session .coach-information{
+    width: 100%;
+    display: block;
+    border-bottom: 1px solid #cdcdcd;
+    margin-bottom: 20px;
+}
+#about-session .coach-information:last-child{
+    border-bottom: none;
+}
+#about-session .coach-information h4{
+    font-weight: bold;
 
+}
 #about-session .description-course{
     padding: 10px;
     color: #666666;

+ 32 - 35
main/template/default/session/about.tpl

@@ -71,32 +71,33 @@
                 {% set course_video = extra_field.value.getValue() %}
             {% endif %}
         {% endfor %}
+        <div class="panel-course">
+            <div class="row">
+                {% if courses|length > 1 %}
+                    <div class="col-xs-12">
+                        <h3 class="text-uppercase">{{ course_data.course.getTitle }}</h3>
+                    </div>
+                {% endif %}
 
-        <div class="row">
-            {% if courses|length > 1 %}
-                <div class="col-xs-12">
-                    <h3 class="text-uppercase">{{ course_data.course.getTitle }}</h3>
-                </div>
-            {% endif %}
-
-            {% if course_video %}
-                <div class="col-sm-6 col-md-7">
-                    <div class="embed-responsive embed-responsive-16by9">
-                        {{ essence.replace(course_video) }}
+                {% if course_video %}
+                    <div class="col-sm-6 col-md-7">
+                        <div class="embed-responsive embed-responsive-16by9">
+                            {{ essence.replace(course_video) }}
+                        </div>
                     </div>
-                </div>
-            {% endif %}
+                {% endif %}
 
-            <div class="{{ course_video ? 'col-sm-6 col-md-5' : 'col-sm-12' }}">
-                <div class="description-course">
-                    {{ course_data.description.getContent }}
+                <div class="{{ course_video ? 'col-sm-6 col-md-5' : 'col-sm-12' }}">
+                    <div class="description-course">
+                        {{ course_data.description.getContent }}
+                    </div>
                 </div>
             </div>
         </div>
 
         <div class="row info-course">
             <div class="col-xs-12 col-md-7">
-                <div class="panel panel-default">
+                <div class="panel panel-default panel-information">
                     <div class="panel-heading">
                         <h4>{{ "CourseInformation"|get_lang }}</h4>
                     </div>
@@ -171,27 +172,23 @@
 
             <div class="col-xs-12 col-md-5">
                 {% if course_data.coaches %}
-                    <div class="panel panel-default teachers">
+                    <div class="panel panel-default panel-teachers">
                         <div class="panel-heading">
                             <h4>{{ "Coaches"|get_lang }}</h4>
                         </div>
                         <div class="panel-body">
                             {% for coach in course_data.coaches %}
-                                <div class="row">
-                                    <div class="col-xs-7 col-md-7">
-                                        <h4>{{ coach.complete_name }}</h4>
-                                        {% for extra_field in coach.extra_fields %}
-                                            <dl>
-                                                <dt>{{ extra_field.value.getField().getDisplayText() }}</dt>
-                                                <dd>{{ extra_field.value.getValue() }}</dd>
-                                            </dl>
-                                        {% endfor %}
-                                    </div>
-                                    <div class="col-xs-5 col-md-5">
-                                        <div class="text-center">
-                                            <img class="img-circle" src="{{ coach.image }}" alt="{{ coach.complete_name }}">
-                                        </div>
+                                <div class="coach-information">
+                                    <div class="coach-avatar">
+                                        <img class="img-circle img-responsive" src="{{ coach.image }}" alt="{{ coach.complete_name }}">
                                     </div>
+                                    <h4>{{ coach.complete_name }}</h4>
+                                    {% for extra_field in coach.extra_fields %}
+                                        <dl>
+                                            <dt>{{ extra_field.value.getField().getDisplayText() }}</dt>
+                                            <dd>{{ extra_field.value.getValue() }}</dd>
+                                        </dl>
+                                    {% endfor %}
                                 </div>
                             {% endfor %}
                         </div>
@@ -199,7 +196,7 @@
                 {% endif %}
 
                 {% if course_data.tags %}
-                    <div class="panel panel-default">
+                    <div class="panel panel-default panel-tags">
                         <div class="panel-heading">{{ 'Tags'|get_lang }}</div>
                         <div class="panel-body">
                             <ul class="list-inline">
@@ -213,7 +210,7 @@
                     </div>
                 {% endif %}
 
-                <div class="panel panel-default social-share">
+                <div class="panel panel-default panel-social">
                     <div class="panel-heading">{{ "ShareWithYourFriends"|get_lang }}</div>
                     <div class="panel-body">
                         <div class="icons-social text-center">
@@ -235,7 +232,7 @@
 
     <div class="row">
         <div class="col-md-12">
-            <div class="text-center">
+            <div class="panel-subscribe text-center">
             {% if _u.logged and not is_subscribed %}
                 {{ subscribe_button }}
             {% elseif not _u.logged %}