Browse Source

Merge pull request #765 from aragonc/1.10.x

add tooltips session catalog BT#9901 #TMI
Yannick Warnier 9 years ago
parent
commit
b588fcaa6e

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

@@ -6140,6 +6140,17 @@ div#chat-remote-video video {
 #session-list .options p{
   margin: 0;
 }
+#session-list .dependent .tool-book .fa.fa-book{
+  color: #00829C;
+  margin-right: 10px;
+}
+#session-list .dependent{
+  font-size: 12px;
+  padding-bottom: 10px;
+}
+#session-list .dependent a{
+  color: #666666;
+}
 #custom-icons .items-tools{
   padding: 10px;
   border: 1px solid #CCCCCC;

+ 15 - 3
main/template/default/auth/session_catalog.tpl

@@ -103,9 +103,13 @@
                                         </li>
                                     {% endif %}
                                 </ul>
-                                <div class="requirements">
+                                <div class="dependent">
+                                    <a tabindex="0" role="button" class="tool-book" data-toggle="popover" data-trigger="focus"
+                                       title="{% if session.requirements %}{{ 'RequiredSessions'|get_lang }}{% endif %}
+                                    {% if session.dependencies %}{{ 'DependentSessions'|get_lang }}{% endif %}" data-content="
+                                        <div class='requirements'>
                                     {% if session.requirements %}
-                                        <p><i class="fa fa-book"></i> {{ 'RequiredSessions'|get_lang }} :
+                                        <p><i class='fa fa-book'></i> {{ 'RequiredSessions'|get_lang }} :
                                             {% for requirement in session.requirements %}
                                                 {{ requirement.name  }}
                                             {% endfor %}
@@ -113,13 +117,21 @@
                                     {% endif %}
 
                                     {% if session.dependencies %}
-                                        <p> <i class="fa fa-book"></i> {{ 'DependentSessions'|get_lang }} :
+                                        <p> <i class='fa fa-book'></i> {{ 'DependentSessions'|get_lang }} :
                                             {% for dependency in session.dependencies %}
                                                 {{ dependency.name  }}
                                             {% endfor %}
                                         </p>
                                     {% endif %}
                                 </div>
+                                   ">
+                                        <i class='fa fa-book'></i>
+                                        {% if session.requirements %}{{ 'RequiredSessions'|get_lang }}{% endif %}
+                                        {% if session.dependencies %}{{ 'DependentSessions'|get_lang }}{% endif %}
+                                    </a>
+                                </div>
+
+
                                 <div class="options">
                                     <p class="buttom-subscribed">
                                         {% if session.is_subscribed %}

+ 7 - 0
main/template/default/layout/head.tpl

@@ -428,6 +428,13 @@ $(function() {
 
     /* Make responsive image maps */
     $('map').imageMapResize();
+
+    $(function () {
+        $('.tool-book').popover({
+            html:true,
+            placement:'bottom'
+        });
+    });
 });
 </script>
 {{ css_custom_file_to_string }}