From 3108c5269780bc7bfb8cbc97dfa944d97e254956 Mon Sep 17 00:00:00 2001
From: Alberto Resco Perez <alberto.resco.perez@cern.ch>
Date: Mon, 23 May 2011 12:36:15 +0200
Subject: [PATCH] [FIX] Video Services and Chat rooms positioning

- Closes #804.
---
 .../webinterface/stylesheets/include/indico.xsl    | 369 +++++++++++----------
 1 file changed, 185 insertions(+), 184 deletions(-)

diff --git a/indico/MaKaC/webinterface/stylesheets/include/indico.xsl b/indico/MaKaC/webinterface/stylesheets/include/indico.xsl
index dec0c12ec..4c08f3fac 100755
--- a/indico/MaKaC/webinterface/stylesheets/include/indico.xsl
+++ b/indico/MaKaC/webinterface/stylesheets/include/indico.xsl
@@ -748,187 +748,6 @@
         </xsl:if>
 
 
-        <xsl:if test="count(./plugins/chatrooms) != 0">
-          <tr>
-            <td class="leftCol">Chat rooms</td>
-            <td>
-                <div>
-
-                    <xsl:for-each select="./plugins/chatrooms/chatroom">
-                    <div class="CRDisplayInfoLine">
-                        <span><xsl:value-of select="./name" /> </span>
-                        <span style="margin-left: 20px;"></span>
-                        <span class="CRDisplayMoreInfo" id="CRMoreInfo{./id}">More Info</span>
-
-                        <xsl:if test="./links/linksToShow != 'false'">
-                            <span style="margin-left:8px;margin-right:8px;">|</span>
-                            <span style="font-weight: bold;"><a id="joinLink{./id}" name="{./id}" class="dropDownMenu highlight" href="#">Join now!</a></span>
-                        </xsl:if>
-
-                          <!-- Start of a chat room info line -->
-                          <div id="collaborationInfoLine{./id}" style="visibility: hidden; overflow: hidden;">
-                            <div class="CRDisplayInfoLine">
-                            <table>
-                              <tbody>
-                                  <tr>
-                                    <td class="collaborationDisplayInfoLeftCol"> Name: </td>
-                                    <td class="collaborationDisplayInfoRightCol"> <xsl:value-of select="./name"/> </td>
-                                   </tr>
-                                  <tr>
-                                    <td class="collaborationDisplayInfoLeftCol"> Server: </td>
-                                    <td class="collaborationDisplayInfoRightCol" style="font-family:monospace;"> <xsl:value-of select="./server"/> </td>
-                                   </tr>                                                                                                <tr>
-                                    <td class="collaborationDisplayInfoLeftCol"> Description: </td>
-                                    <td class="collaborationDisplayInfoRightCol"> <xsl:value-of select="./description"/> </td>
-                                   </tr>
-                                  <tr>
-                                    <td class="collaborationDisplayInfoLeftCol"> Requires password: </td>
-                                    <td class="collaborationDisplayInfoRightCol"> <xsl:value-of select="./reqPassword"/> </td>
-                                   </tr>
-                                  <tr>
-                                    <td class="collaborationDisplayInfoLeftCol"> Password: </td>
-                                      <xsl:choose>
-                                          <xsl:when test="./showPassword = 'True' and count(./password) != 0">
-                                            <td> <xsl:value-of select="./password"/> </td>
-                                          </xsl:when>
-                                          <xsl:when test="./showPassword = 'False' and count(./password) != 0">
-                                            <td style="font-style:italic"> Not displayed </td>
-                                           </xsl:when>
-                                          <xsl:otherwise>
-                                            <td style="font-style:italic"> - </td>
-                                          </xsl:otherwise>
-                                          </xsl:choose>
-                                   </tr>
-                              </tbody>
-                            </table>
-                            <xsl:value-of disable-output-escaping="yes" select="../../how2connect"/>
-                            </div>
-                          </div>
-
-
-                          <xsl:text disable-output-escaping="yes"><![CDATA[
-                            <script type="text/javascript">
-
-                              $E('CRMoreInfo]]></xsl:text>
-                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                                <xsl:text disable-output-escaping="yes"><![CDATA[').dom.onmouseover = function (event) {
-                                  IndicoUI.Widgets.Generic.tooltip($E('CRMoreInfo]]></xsl:text>
-                                    <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                                    <xsl:text disable-output-escaping="yes"><![CDATA[').dom, event, ]]></xsl:text>
-                                      <xsl:text disable-output-escaping="yes">'&lt;div class=&quot;collaborationLinkTooltipMeetingLecture&quot;&gt;</xsl:text>
-                                      <xsl:text>Click here to show / hide detailed information.</xsl:text>
-                                      <xsl:text disable-output-escaping="yes">&lt;/div&gt;'</xsl:text>
-                                      <xsl:text disable-output-escaping="yes"><![CDATA[
-                                      );
-                                }
-
-                              var chatInfoState]]></xsl:text>
-                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                              <xsl:text disable-output-escaping="yes"><![CDATA[ = false;
-
-                              var height]]></xsl:text>
-                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                              <xsl:text disable-output-escaping="yes"><![CDATA[ = IndicoUI.Effect.prepareForSlide('collaborationInfoLine]]></xsl:text>
-                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                              <xsl:text disable-output-escaping="yes"><![CDATA[', true);
-
-                              $E('CRMoreInfo]]></xsl:text>
-                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                              <xsl:text disable-output-escaping="yes"><![CDATA[').observeClick(function() {
-                                if (chatInfoState]]></xsl:text>
-                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                              <xsl:text disable-output-escaping="yes"><![CDATA[) {
-                                IndicoUI.Effect.slide('collaborationInfoLine]]></xsl:text>
-                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                                <xsl:text disable-output-escaping="yes"><![CDATA[', height]]></xsl:text>
-                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                              <xsl:text disable-output-escaping="yes"><![CDATA[);
-                                $E('CRMoreInfo]]></xsl:text>
-                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                                <xsl:text disable-output-escaping="yes"><![CDATA[').set('More info');
-                                $E('CRMoreInfo]]></xsl:text>
-                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                                <xsl:text disable-output-escaping="yes"><![CDATA[').dom.className = "CRDisplayMoreInfo";
-                              } else {
-                                IndicoUI.Effect.slide('collaborationInfoLine]]></xsl:text>
-                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                                <xsl:text disable-output-escaping="yes"><![CDATA[', height]]></xsl:text>
-                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                              <xsl:text disable-output-escaping="yes"><![CDATA[);
-                                $E('CRMoreInfo]]></xsl:text>
-                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                                <xsl:text disable-output-escaping="yes"><![CDATA[').set('Hide info');
-                                $E('CRMoreInfo]]></xsl:text>
-                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                                <xsl:text disable-output-escaping="yes"><![CDATA[').dom.className = "CRDisplayHideInfo";
-                              }
-                              chatInfoState]]></xsl:text>
-                              <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                            <xsl:text disable-output-escaping="yes"><![CDATA[ = !chatInfoState]]></xsl:text>
-                              <xsl:value-of select="./id" disable-output-escaping="yes"/>
-                            <xsl:text disable-output-escaping="yes"><![CDATA[
-                            });
-
-                                var joinLinkList = [];
-                                ]]></xsl:text>
-                                <xsl:for-each select="../chatroom" disable-output-escaping="yes">
-                                    <xsl:text disable-output-escaping="yes"><![CDATA[
-                                    joinLinkList.push($E('joinLink'+']]></xsl:text>
-                                    <xsl:value-of select="id" disable-output-escaping="yes"/>
-                                    <xsl:text disable-output-escaping="yes"><![CDATA['));
-                                    ]]></xsl:text>
-                                </xsl:for-each>
-
-                                <xsl:text disable-output-escaping="yes"><![CDATA[
-
-                                each(joinLinkList, function(joinLink){
-
-                                    var joinMenu = null;
-                                    if(joinLink != null){
-                                        joinLink.observeClick(function(e) {
-                                            // Close the menu if clicking the link when menu is open
-                                            if (joinMenu != null && joinMenu.isOpen()) {
-                                                joinMenu.close();
-                                                joinMenu = null;
-                                                return;
-                                            }
-                                            var menuItems = {};]]></xsl:text>
-                                            <xsl:for-each select="../chatroom" disable-output-escaping="yes">
-                                                <xsl:text disable-output-escaping="yes"><![CDATA[
-                                                if(joinLink.dom.name == ']]></xsl:text>
-                                    <xsl:value-of select="id" disable-output-escaping="yes"/>
-                                    <xsl:text disable-output-escaping="yes"><![CDATA['){]]></xsl:text>
-
-
-
-                                                <xsl:for-each select="./links/customLink"><xsl:text disable-output-escaping="yes"><![CDATA[
-                                                    menuItems['Using  ]]></xsl:text> <xsl:value-of select="name" disable-output-escaping="yes"/>
-                                                    <xsl:text disable-output-escaping="yes"><![CDATA[ '] =']]></xsl:text> <xsl:value-of select="structure" disable-output-escaping="yes"/>
-                                                    <xsl:text disable-output-escaping="yes"><![CDATA[';]]></xsl:text>
-                                                </xsl:for-each>
-
-                                             <xsl:text disable-output-escaping="yes"><![CDATA[
-                                            joinMenu = new PopupMenu(menuItems, [joinLink], 'categoryDisplayPopupList');
-                                            var pos = joinLink.getAbsolutePosition();
-                                            joinMenu.open(pos.x - 5, pos.y + joinLink.dom.offsetHeight + 2);
-                                            return false;
-                                            }]]></xsl:text>
-                                            </xsl:for-each><xsl:text disable-output-escaping="yes"><![CDATA[
-                                        });
-                                    }
-                               });
-                          </script>
-                          ]]></xsl:text>
-
-                    </div>
-                </xsl:for-each>
-                </div>
-            </td>
-          </tr>
-
-
-
-        </xsl:if>
         <xsl:if test="count(./plugins/collaboration/booking) != 0">
           <xsl:variable name="collaborationToday" select="./plugins/collaboration/todayReference"/>
           <xsl:variable name="collaborationTomorrow" select="./plugins/collaboration/tomorrowReference"/>
@@ -1064,9 +883,11 @@
                   </xsl:if>
 
                   <xsl:if test="count(child::launchInfo) = 1">
-                    <a target="_blank" href="{./launchInfo/launchLink}" id="bookingLaunchLink{./id}">
-                      <xsl:value-of select="./launchInfo/launchText"/>
-                    </a>
+                    <span style="font-weight: bold;">
+                       <a target="_blank" href="{./launchInfo/launchLink}" id="bookingLaunchLink{./id}">
+                         <xsl:value-of select="./launchInfo/launchText"/>
+                       </a>
+                    </span>
                     <xsl:text disable-output-escaping="yes"><![CDATA[
                       <script type="text/javascript">
                         $E('bookingLaunchLink]]></xsl:text>
@@ -1199,6 +1020,186 @@
 
         </xsl:if>
 
+        <xsl:if test="count(./plugins/chatrooms) != 0">
+          <tr>
+            <td class="leftCol">Chat rooms</td>
+            <td>
+                <div>
+
+                    <xsl:for-each select="./plugins/chatrooms/chatroom">
+                    <div class="CRDisplayInfoLine">
+                        <span><xsl:value-of select="./name" /> </span>
+                        <span style="margin-left: 20px;"></span>
+                        <span class="CRDisplayMoreInfo" id="CRMoreInfo{./id}">More Info</span>
+
+                        <xsl:if test="./links/linksToShow != 'false'">
+                            <span style="margin-left:8px;margin-right:8px;">|</span>
+                            <span style="font-weight: bold;"><a id="joinLink{./id}" name="{./id}" class="dropDownMenu highlight" href="#">Join now!</a></span>
+                        </xsl:if>
+
+                          <!-- Start of a chat room info line -->
+                          <div id="collaborationInfoLine{./id}" style="visibility: hidden; overflow: hidden;">
+                            <div class="CRDisplayInfoLine">
+                            <table>
+                              <tbody>
+                                  <tr>
+                                    <td class="collaborationDisplayInfoLeftCol"> Name: </td>
+                                    <td class="collaborationDisplayInfoRightCol"> <xsl:value-of select="./name"/> </td>
+                                   </tr>
+                                  <tr>
+                                    <td class="collaborationDisplayInfoLeftCol"> Server: </td>
+                                    <td class="collaborationDisplayInfoRightCol" style="font-family:monospace;"> <xsl:value-of select="./server"/> </td>
+                                   </tr>                                                                                                <tr>
+                                    <td class="collaborationDisplayInfoLeftCol"> Description: </td>
+                                    <td class="collaborationDisplayInfoRightCol"> <xsl:value-of select="./description"/> </td>
+                                   </tr>
+                                  <tr>
+                                    <td class="collaborationDisplayInfoLeftCol"> Requires password: </td>
+                                    <td class="collaborationDisplayInfoRightCol"> <xsl:value-of select="./reqPassword"/> </td>
+                                   </tr>
+                                  <tr>
+                                    <td class="collaborationDisplayInfoLeftCol"> Password: </td>
+                                      <xsl:choose>
+                                          <xsl:when test="./showPassword = 'True' and count(./password) != 0">
+                                            <td> <xsl:value-of select="./password"/> </td>
+                                          </xsl:when>
+                                          <xsl:when test="./showPassword = 'False' and count(./password) != 0">
+                                            <td style="font-style:italic"> Not displayed </td>
+                                           </xsl:when>
+                                          <xsl:otherwise>
+                                            <td style="font-style:italic"> - </td>
+                                          </xsl:otherwise>
+                                          </xsl:choose>
+                                   </tr>
+                              </tbody>
+                            </table>
+                            <xsl:value-of disable-output-escaping="yes" select="../../how2connect"/>
+                            </div>
+                          </div>
+
+
+                          <xsl:text disable-output-escaping="yes"><![CDATA[
+                            <script type="text/javascript">
+
+                              $E('CRMoreInfo]]></xsl:text>
+                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                                <xsl:text disable-output-escaping="yes"><![CDATA[').dom.onmouseover = function (event) {
+                                  IndicoUI.Widgets.Generic.tooltip($E('CRMoreInfo]]></xsl:text>
+                                    <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                                    <xsl:text disable-output-escaping="yes"><![CDATA[').dom, event, ]]></xsl:text>
+                                      <xsl:text disable-output-escaping="yes">'&lt;div class=&quot;collaborationLinkTooltipMeetingLecture&quot;&gt;</xsl:text>
+                                      <xsl:text>Click here to show / hide detailed information.</xsl:text>
+                                      <xsl:text disable-output-escaping="yes">&lt;/div&gt;'</xsl:text>
+                                      <xsl:text disable-output-escaping="yes"><![CDATA[
+                                      );
+                                }
+
+                              var chatInfoState]]></xsl:text>
+                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                              <xsl:text disable-output-escaping="yes"><![CDATA[ = false;
+
+                              var height]]></xsl:text>
+                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                              <xsl:text disable-output-escaping="yes"><![CDATA[ = IndicoUI.Effect.prepareForSlide('collaborationInfoLine]]></xsl:text>
+                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                              <xsl:text disable-output-escaping="yes"><![CDATA[', true);
+
+                              $E('CRMoreInfo]]></xsl:text>
+                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                              <xsl:text disable-output-escaping="yes"><![CDATA[').observeClick(function() {
+                                if (chatInfoState]]></xsl:text>
+                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                              <xsl:text disable-output-escaping="yes"><![CDATA[) {
+                                IndicoUI.Effect.slide('collaborationInfoLine]]></xsl:text>
+                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                                <xsl:text disable-output-escaping="yes"><![CDATA[', height]]></xsl:text>
+                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                              <xsl:text disable-output-escaping="yes"><![CDATA[);
+                                $E('CRMoreInfo]]></xsl:text>
+                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                                <xsl:text disable-output-escaping="yes"><![CDATA[').set('More info');
+                                $E('CRMoreInfo]]></xsl:text>
+                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                                <xsl:text disable-output-escaping="yes"><![CDATA[').dom.className = "CRDisplayMoreInfo";
+                              } else {
+                                IndicoUI.Effect.slide('collaborationInfoLine]]></xsl:text>
+                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                                <xsl:text disable-output-escaping="yes"><![CDATA[', height]]></xsl:text>
+                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                              <xsl:text disable-output-escaping="yes"><![CDATA[);
+                                $E('CRMoreInfo]]></xsl:text>
+                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                                <xsl:text disable-output-escaping="yes"><![CDATA[').set('Hide info');
+                                $E('CRMoreInfo]]></xsl:text>
+                                <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                                <xsl:text disable-output-escaping="yes"><![CDATA[').dom.className = "CRDisplayHideInfo";
+                              }
+                              chatInfoState]]></xsl:text>
+                              <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                            <xsl:text disable-output-escaping="yes"><![CDATA[ = !chatInfoState]]></xsl:text>
+                              <xsl:value-of select="./id" disable-output-escaping="yes"/>
+                            <xsl:text disable-output-escaping="yes"><![CDATA[
+                            });
+
+                                var joinLinkList = [];
+                                ]]></xsl:text>
+                                <xsl:for-each select="../chatroom" disable-output-escaping="yes">
+                                    <xsl:text disable-output-escaping="yes"><![CDATA[
+                                    joinLinkList.push($E('joinLink'+']]></xsl:text>
+                                    <xsl:value-of select="id" disable-output-escaping="yes"/>
+                                    <xsl:text disable-output-escaping="yes"><![CDATA['));
+                                    ]]></xsl:text>
+                                </xsl:for-each>
+
+                                <xsl:text disable-output-escaping="yes"><![CDATA[
+
+                                each(joinLinkList, function(joinLink){
+
+                                    var joinMenu = null;
+                                    if(joinLink != null){
+                                        joinLink.observeClick(function(e) {
+                                            // Close the menu if clicking the link when menu is open
+                                            if (joinMenu != null && joinMenu.isOpen()) {
+                                                joinMenu.close();
+                                                joinMenu = null;
+                                                return;
+                                            }
+                                            var menuItems = {};]]></xsl:text>
+                                            <xsl:for-each select="../chatroom" disable-output-escaping="yes">
+                                                <xsl:text disable-output-escaping="yes"><![CDATA[
+                                                if(joinLink.dom.name == ']]></xsl:text>
+                                    <xsl:value-of select="id" disable-output-escaping="yes"/>
+                                    <xsl:text disable-output-escaping="yes"><![CDATA['){]]></xsl:text>
+
+
+
+                                                <xsl:for-each select="./links/customLink"><xsl:text disable-output-escaping="yes"><![CDATA[
+                                                    menuItems['Using  ]]></xsl:text> <xsl:value-of select="name" disable-output-escaping="yes"/>
+                                                    <xsl:text disable-output-escaping="yes"><![CDATA[ '] =']]></xsl:text> <xsl:value-of select="structure" disable-output-escaping="yes"/>
+                                                    <xsl:text disable-output-escaping="yes"><![CDATA[';]]></xsl:text>
+                                                </xsl:for-each>
+
+                                             <xsl:text disable-output-escaping="yes"><![CDATA[
+                                            joinMenu = new PopupMenu(menuItems, [joinLink], 'categoryDisplayPopupList');
+                                            var pos = joinLink.getAbsolutePosition();
+                                            joinMenu.open(pos.x - 5, pos.y + joinLink.dom.offsetHeight + 2);
+                                            return false;
+                                            }]]></xsl:text>
+                                            </xsl:for-each><xsl:text disable-output-escaping="yes"><![CDATA[
+                                        });
+                                    }
+                               });
+                          </script>
+                          ]]></xsl:text>
+
+                    </div>
+                </xsl:for-each>
+                </div>
+            </td>
+          </tr>
+
+
+        </xsl:if>
 
         <xsl:if test="./supportEmail != ''">
           <tr>
-- 
2.11.4.GIT