[gatein-commits] gatein SVN: r3232 - in portal/trunk/web/eXoResources/src/main/webapp/javascript/html: core and 12 other directories.

Author: kien_nguyen Date: 2010-06-04 06:49:31 -0400 (Fri, 04 Jun 2010) New Revision: 3232 Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/DOMUtil.html portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/ExoTemplateEngine.html portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/HTMLUtil.html portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/I18NMessage.html portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/UIRightClickPopupMenu.html portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/UIPortal.html portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIMaskWorkspace/ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIMaskWorkspace/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/No-Repeat.gif portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/PreviewModeImage146x156.png portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/PreviewModeImageRTL146x156.png portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/Repeat-y.gif portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/UserWorkspaceTitleBG1x23.gif portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/UIPopupWindow.html portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/background/ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/background/ExoMessageDecorator.gif portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/background/MiddleExoMessage.gif portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/background/MiddlePopupWindow.gif portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/background/PopupWindow.gif portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/background/ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/background/MessageTabDialog.gif portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/background/NavDownArrow.gif portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/background/NavigationTab.gif portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/background/NormalTabStyle.gif portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/test-popup.html Removed: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/DOMUtil.html portal/trunk/web/eXoResources/src/main/webapp/javascript/html/ExoTemplateEngine.html portal/trunk/web/eXoResources/src/main/webapp/javascript/html/test-popup.html Log: Update examples to demo javascript API Deleted: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/DOMUtil.html =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/html/DOMUtil.html 2010-06-04 07:49:45 UTC (rev 3231) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/DOMUtil.html 2010-06-04 10:49:31 UTC (rev 3232) @@ -1,69 +0,0 @@ -<!-- - - Copyright (C) 2009 eXo Platform SAS. - - This is free software; you can redistribute it and/or modify it - under the terms of the GNU Lesser General Public License as - published by the Free Software Foundation; either version 2.1 of - the License, or (at your option) any later version. - - This software is distributed in the hope that it will be useful, - but WITHOUT ANY WARRANTY; without even the implied warranty of - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - Lesser General Public License for more details. - - You should have received a copy of the GNU Lesser General Public - License along with this software; if not, write to the Free - Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - 02110-1301 USA, or see the FSF site: http://www.fsf.org. - ---> - -<html> - <head> - <script language="javascript" src="../eXo.js"></script> - <script language="javascript" src="../eXo/core/Util.js"></script> - <script language="javascript" src="../eXo/core/DOMUtil.js"></script> - <script language="javascript" type="text/javascript"> - function test() { - var DOMUtil = eXo.core.DOMUtil ; - var root = document.getElementById('root'); - - - var T1 = (new Date()).getTime(); - for (var i = 0; i < 3000; ++i) - DOMUtil.findChildrenByClass(root, "div", "class4") ; - alert(((new Date()).getTime() - T1) / 1000); - } - </script> - </head> - - <body> - <div style="border: solid 1px red;" onclick="test();">click here</div> - <div class="Root" id="root"> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class2 class3">The div</div> - <div class="class1 class4 class3">The div</div> - <div> - </body> -<html> Deleted: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/ExoTemplateEngine.html =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/html/ExoTemplateEngine.html 2010-06-04 07:49:45 UTC (rev 3231) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/ExoTemplateEngine.html 2010-06-04 10:49:31 UTC (rev 3232) @@ -1,65 +0,0 @@ -<!-- - - Copyright (C) 2009 eXo Platform SAS. - - This is free software; you can redistribute it and/or modify it - under the terms of the GNU Lesser General Public License as - published by the Free Software Foundation; either version 2.1 of - the License, or (at your option) any later version. - - This software is distributed in the hope that it will be useful, - but WITHOUT ANY WARRANTY; without even the implied warranty of - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - Lesser General Public License for more details. - - You should have received a copy of the GNU Lesser General Public - License along with this software; if not, write to the Free - Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - 02110-1301 USA, or see the FSF site: http://www.fsf.org. - ---> - -<html> - <head> - <script type="text/javascript" src="../eXo.js"></script> - <script type="text/javascript" src="../eXo/core/Util.js"></script> - <script type="text/javascript" src="../eXo/core/DOMUtil.js"></script> - <script type="text/javascript" src="../eXo/core/Browser.js"></script> - <script type="text/javascript" src="../eXo/core/TemplateEngine.js"></script> - </head> - - <body> - <h3>Test ExoTemplateEngine</h3> - <script type="text/javascript"> - var context = {value: 'test param', test: {nested: 'nested value'}} ; - var template = - "<%\n" + - " function blockcode(param) { \n" + - " return 'call blockcode with param' + param;\n" + - " }\n" + - "%>\n" + - - "<%function myfunc(param) { %>\n" + - "<% return 'call myfunc with param' + param; %>\n" + - "<%}%>\n" + - - "<html>\n" + - " <body>\n" + - " <%for(var i = 0 ; i < 10; i++) { %>\n" + - " <% var mytest = 'test variable' ;%>\n" + - " this is a test <%=context.value%> html\n\r" + - " <%=context.value%> , nested test <%=context.test.nested%>\n" + - " <%=mytest%>\n" + - " <%}%>\n" + - " <%= myfunc(context.value)%>\n" + - " <%= blockcode(context.value)%>\n" + - " </body>\n" + - "</html>" - var html = eXo.core.TemplateEngine.toHTML(template, context) ; - alert(html) ; - - html = eXo.core.TemplateEngine.merge("../eXo/core/TemplateEngine.jstmpl", context) ; - alert(html) ; - </script> - </body> -</html> Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/DOMUtil.html =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/DOMUtil.html (rev 0) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/DOMUtil.html 2010-06-04 10:49:31 UTC (rev 3232) @@ -0,0 +1,47 @@ +<html> + <head> + <script language="javascript" src="../../eXo.js"></script> + <script language="javascript" src="../../eXo/core/Util.js"></script> + <script language="javascript" src="../../eXo/core/DOMUtil.js"></script> + <script language="javascript" type="text/javascript"> + var DOMUtil = eXo.core.DOMUtil ; + + function testGetChildren() { + var root = document.getElementById('root'); + var children = DOMUtil.getChildrenByTagName(root, "div") ; + alert("Root has " + children.length + " div children"); + } + + function testFinds() { + var uiPage = DOMUtil.findFirstDescendantByClass(document.body, "div", "UIPageBody") ; + if(uiPage != null) + { + var uiPageContent = DOMUtil.findFirstChildByClass(uiPage, "div", "UIPageContent") ; + alert(uiPageContent.innerHTML); + } + } + + function testRemoveChild() { + var uiPage = DOMUtil.findFirstDescendantByClass(document.body, "div", "UIPageBody") ; + if(uiPage != null) + { + var uiPageContent1 = DOMUtil.findFirstDescendantByClass(uiPage, "div", "UIPageContent1"); + DOMUtil.removeElement(uiPageContent1); + } + } + </script> + </head> + + <body> + <div align="center">Test methods in DOMUtil.js file</div><br/> + <div id="root" align="center"> + <div class="UIPageBody"> + <div class="UIPageContent">UIPage content</div> + <div class="UIPageContent1">UIPage content 1</div> + </div> + <input type="button" onclick="testFinds();" value="find content" /> + <input type="button" onclick="testGetChildren();" value="get children" /> + <input type="button" onclick="testRemoveChild();" value="remove child" /> + </div> + </body> +</html> Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/ExoTemplateEngine.html =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/ExoTemplateEngine.html (rev 0) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/ExoTemplateEngine.html 2010-06-04 10:49:31 UTC (rev 3232) @@ -0,0 +1,44 @@ +<html> + <head> + <script type="text/javascript" src="../eXo.js"></script> + <script type="text/javascript" src="../eXo/core/Util.js"></script> + <script type="text/javascript" src="../eXo/core/DOMUtil.js"></script> + <script type="text/javascript" src="../eXo/core/Browser.js"></script> + <script type="text/javascript" src="../eXo/core/TemplateEngine.js"></script> + </head> + + <body> + <h3>Test ExoTemplateEngine</h3> + <script type="text/javascript"> + var context = {value: 'test param', test: {nested: 'nested value'}} ; + var template = + "<%\n" + + " function blockcode(param) { \n" + + " return 'call blockcode with param' + param;\n" + + " }\n" + + "%>\n" + + + "<%function myfunc(param) { %>\n" + + "<% return 'call myfunc with param' + param; %>\n" + + "<%}%>\n" + + + "<html>\n" + + " <body>\n" + + " <%for(var i = 0 ; i < 10; i++) { %>\n" + + " <% var mytest = 'test variable' ;%>\n" + + " this is a test <%=context.value%> html\n\r" + + " <%=context.value%> , nested test <%=context.test.nested%>\n" + + " <%=mytest%>\n" + + " <%}%>\n" + + " <%= myfunc(context.value)%>\n" + + " <%= blockcode(context.value)%>\n" + + " </body>\n" + + "</html>" + var html = eXo.core.TemplateEngine.toHTML(template, context) ; + alert(html) ; + + html = eXo.core.TemplateEngine.merge("../eXo/core/TemplateEngine.jstmpl", context) ; + alert(html) ; + </script> + </body> +</html> Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/HTMLUtil.html =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/HTMLUtil.html (rev 0) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/HTMLUtil.html 2010-06-04 10:49:31 UTC (rev 3232) @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> +<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> +<title>I18NMessage</title> + <script src="../../eXo.js" type="text/javascript"></script> + <script src="../../eXo/core/Util.js" type="text/javascript"></script> + <script src="../../eXo/core/Browser.js" type="text/javascript"></script> + + + <script src="../../eXo/core/MouseEventManager.js" type="text/javascript"></script> + + <script src="../../eXo/core/UIMaskLayer.js" type="text/javascript"></script> + + <script src="../../eXo/core/Skin.js" type="text/javascript"></script> + + <script src="../../eXo/core/JSON.js" type="text/javascript"></script> + + <script src="../../eXo/core/Cometd.js" type="text/javascript"></script> + + <script src="../../eXo/core/I18n.js" type="text/javascript"></script> + + <script src="../../eXo/webui/UIItemSelector.js" type="text/javascript"></script> + + <script src="../../eXo/webui/UIForm.js" type="text/javascript"></script> + + <script src="../../eXo/webui/UIDropDownControl.js" type="text/javascript"></script> + + <script src="../../eXo/webui/UIRightClickPopupMenu.js" type="text/javascript"></script> + + <script src="../../eXo/portal/PortalHttpRequest.js" type="text/javascript"></script> + + <script src="../../eXo/portal/UIPortal.js" type="text/javascript"></script> + <script src="../../eXo/portal/UIExoStartMenu.js" type="text/javascript"></script> + + <script src="../../eXo/portal/UIWorkspace.js" type="text/javascript"></script> + + <script src="../../eXo/portal/UIPortalControl.js" type="text/javascript"></script> + + <script src="../../eXo/portal/PortalDragDrop.js" type="text/javascript"></script> + + <script src="../../eXo/portal/UIPortalNavigation.js" type="text/javascript"></script> + + <script src="../../eXo/portal/UIMaskWorkspace.js" type="text/javascript"></script> + <script src="../../eXo/portal/UIBrowseContent.js" type="text/javascript"></script> + <script src="../../eXo/webui/UIPortlet.js" type="text/javascript"></script> + <script src="../../eXo/i18n/I18NMessage.js" type="text/javascript"></script> + <script src="../../eXo/i18n/MessageResource_en.js" type="text/javascript"></script> + <script src="../../eXo/core/DOMUtil.js" type="text/javascript"></script> + <script src="../../eXo/core/html/HTMLEntities.js" type="text/javascript"></script> + <script src="../../eXo/core/HTMLUtil.js" type="text/javascript"></script> + + <script language="javascript" type="text/javascript"> + function testEncoding() { + var msg = "Gatein & Portal"; + var msg1 = eXo.core.HTMLUtil.entitiesEncode(msg); + var msg2 = eXo.core.HTMLUtil.entitiesDecode(msg1); + alert("original: " + msg + "===encoded: " + msg1 + "===decoded: " + msg2); + } + </script> +</head> +<body> + <button onclick="testEncoding();">test encoding</button> +</body> +</html> \ No newline at end of file Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/I18NMessage.html =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/I18NMessage.html (rev 0) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/I18NMessage.html 2010-06-04 10:49:31 UTC (rev 3232) @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> +<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> +<title>I18NMessage</title> +<script language="javascript" src="../../eXo.js"></script> +<script language="javascript" src="../../eXo/i18n/I18NMessage.js"></script> +<script language="javascript" type="text/javascript"> + function getMessage() { + var msg = eXo.i18n.I18NMessage.getMessage("SessionTimeout"); + alert(msg); + } +</script> +</head> +<body> + <button onclick="javascript:getMessage();">get message</button> +</body> +</html> \ No newline at end of file Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/UIRightClickPopupMenu.html =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/UIRightClickPopupMenu.html (rev 0) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/core/UIRightClickPopupMenu.html 2010-06-04 10:49:31 UTC (rev 3232) @@ -0,0 +1,53 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> +<html> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> +<title>UIPortal</title> + <script language="javascript" src="../eXo.js"></script> + <script language="javascript" src="../../eXo.js"></script> + <script language="javascript" src="../../eXo/webui/UIRightClickPopupMenu.js"></script> + <script language="javascript" src="../../eXo/core/DOMUtil.js"></script> + <script language="javascript" src="../../eXo/core/MouseEventManager.js"></script> + <script language="javascript" type="text/javascript"> + + function bodyOnload() { + eXo.webui.UIRightClickPopupMenu.disableContextMenu("UITable1"); + } + + </script> +</head> +<body style="height: 100%;" onload="bodyOnload();"> + <div class="UIWorkingWorkspace" id="UIWorkingWorkspace"> + <div id="UIPortal-UIPortal" class="UIPortal"> + <div class="VIEW-PORTAL"> + <div id="UIPortal"> + <br/>Disable context menu, please right-click on this table + <table id="UITable1" border="1.0"> + <tr> + <td>Name</td> + <td>Email</td> + </tr> + <tr> + <td>Kien Nguyen</td> + <td&gt;nguyenanhkien2a(a)gmail.com&lt;/td&gt; + </tr> + </table> + + <br/>Don't disable context menu + <table id="UITable2" border="1.0"> + <tr> + <td>Name</td> + <td>Email</td> + </tr> + <tr> + <td>Trong Tran</td> + <td&gt;trong.tran(a)exoplatform.com&lt;/td&gt; + </tr> + </table> + </div> + </div> + </div> + </div> + +</body> +</html> \ No newline at end of file Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/UIPortal.html =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/UIPortal.html (rev 0) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/UIPortal.html 2010-06-04 10:49:31 UTC (rev 3232) @@ -0,0 +1,135 @@ +<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr"> +<head> + <title>UIPortal</title> + <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> + <link href="css/UIMaskWorkspace/Stylesheet.css" type="text/css" rel="stylesheet"> + <link href="css/UIWorkspace/Stylesheet.css" type="text/css" rel="stylesheet"> + + <script src="../../eXo.js" type="text/javascript"></script> + + <script src="../../eXo/core/Util.js" type="text/javascript"></script> + + <script src="../../eXo/core/DOMUtil.js" type="text/javascript"></script> + + <script src="../../eXo/core/Browser.js" type="text/javascript"></script> + + <script src="../../eXo/core/MouseEventManager.js" type="text/javascript"></script> + + <script src="../../eXo/core/UIMaskLayer.js" type="text/javascript"></script> + + <script src="../../eXo/core/Skin.js" type="text/javascript"></script> + + <script src="../../eXo/core/JSON.js" type="text/javascript"></script> + + <script src="../../eXo/core/Cometd.js" type="text/javascript"></script> + + <script src="../../eXo/core/I18n.js" type="text/javascript"></script> + + <script src="../../eXo/webui/UIItemSelector.js" type="text/javascript"></script> + + <script src="../../eXo/webui/UIForm.js" type="text/javascript"></script> + + <script src="../../eXo/webui/UIDropDownControl.js" type="text/javascript"></script> + + <script src="../../eXo/webui/UIRightClickPopupMenu.js" type="text/javascript"></script> + + <script src="../../eXo/portal/PortalHttpRequest.js" type="text/javascript"></script> + + <script src="../../eXo/portal/UIPortal.js" type="text/javascript"></script> + <script src="../../eXo/portal/UIExoStartMenu.js" type="text/javascript"></script> + + <script src="../../eXo/portal/UIWorkspace.js" type="text/javascript"></script> + + <script src="../../eXo/portal/UIPortalControl.js" type="text/javascript"></script> + + <script src="../../eXo/portal/PortalDragDrop.js" type="text/javascript"></script> + + <script src="../../eXo/portal/UIPortalNavigation.js" type="text/javascript"></script> + + <script src="../../eXo/portal/UIMaskWorkspace.js" type="text/javascript"></script> + <script src="../../eXo/portal/UIBrowseContent.js" type="text/javascript"></script> + <script src="../../eXo/webui/UIPortlet.js" type="text/javascript"></script> + <script src="../../eXo/i18n/I18NMessage.js" type="text/javascript"></script> + <script src="../../eXo/i18n/MessageResource_en.js" type="text/javascript"></script> + + <script language="javascript" type="text/javascript"> + function testGetUIPortlets() { + var uiPortlets = eXo.portal.UIPortal.getUIPortlets(); + alert(uiPortlets.length + " UIPortlets in this working workspace"); + } + + function test() { + eXo.portal.UIPortal.showLayoutModeForPage(); + } + </script> + +</head> +<body style="height: 100%;"> + +Test methods in UIPortal.js file<br/><br/> + +<div id="UIPortalApplication" class="default"> + <div class="UIWorkingWorkspace" id="UIWorkingWorkspace"> + <a href="#" onclick="eXo.portal.UIPortal.switchModeForPage(this)">switchModeForPage</a><br/> + <a href="#" onclick="eXo.portal.UIPortal.showLayoutModeForPage();">showLayoutModeForPage</a><br/> + <a href="#" onclick="eXo.portal.UIPortal.showViewLayoutModeForPage();">showViewLayoutModeForPage</a><br/> + <a href="#" onclick="eXo.portal.UIPortal.showMaskLayer();">showMaskLayer</a><br/> + <a href="#" onclick="eXo.portal.UIPortal.showViewMode();">showViewMode</a><br/> + <a href="#" onclick="testGetUIPortlets();">Get UIPortlets</a><br/> + + <!-- Begin of UIPortal --> + <div class="UIPortal" id="UIPortal-$uicomponent.id"> + <div class="META-DATA-BLOCK" style="display: none"> + <div class="id">UIPortal</div> + <div class="title">MyPortal</div> + <div class="description">This is portal demo</div> + </div> + + <div class="CONTROL-PORTAL CONTROL-BLOCK" style="display: none;"><span></span></div> + <div class="LAYOUT-PORTAL" style="display: none;"></div> + <div class="VIEW-PORTAL"> + <div id="UIPortalId"> + + <div id="UIPage-18428087" class="UIPage"> + <div style="display: none;" class="META-DATA-BLOCK"> + <div class="id">UIPageId</div> + <div class="title">UIPage title</div> + <div class="description">The page body of the portal</div> + </div> + <div class="VIEW-PAGE" style="border: medium none ; padding: 5px;"> + <div id="UIPage"> + <div class="UIRowContainer"> + + <!-- Portlet content area --> + <div class="UIPortlet" id="UIPortlet-UIPortlet1Id"> + <div class="UIComponentBlock"> + <div class="LAYOUT-BLOCK" style="display: none;"> + <div class="PortletLayoutDecorator"> + Portlet1 LAYOUT + </div> + </div> + + <div class="VIEW-BLOCK" id="VIEW-UIPortlet1Id" style="display: none;"> + Portlet1 VIEW + </div> + + <div class="EDITION-BLOCK" style="display: none"> + Portlet1 EDITION + </div> + <div> + </div> + <!-- End Portlet content area --> + + </div> + </div> + </div> + </div> + </div> + </div> + <!-- End of UIPortal --> + + </div> + </div> +</div> + +</body></html> Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIMaskWorkspace/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIMaskWorkspace/Stylesheet.css (rev 0) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIMaskWorkspace/Stylesheet.css 2010-06-04 10:49:31 UTC (rev 3232) @@ -0,0 +1,362 @@ +.UIMaskWorkspace { + background: #f5f5f5; + border: none; + width: 650px; +} + +.UIMaskWorkspace .TopLeftDecorator { + background: url('background/MaskWorkspace.gif') no-repeat left top; + padding: 0px 0px 0px 4px; +} + +.UIMaskWorkspace .TopRightDecorator { + background: url('background/MaskWorkspace.gif') no-repeat right top; + padding: 0px 4px 0px 0px; +} + +.UIMaskWorkspace .TopLeftDecorator .TopCenterDecorator { + height: 4px; + background: url('background/MaskWorkspace.gif') repeat-x center -4px; +} + +.UIMaskWorkspace .MiddleLeftDecorator { + background: url('background/MiddleMaskWorkspace.gif') repeat-y left; + padding: 0px 0px 0px 4px; +} + +.UIMaskWorkspace .MiddleRightDecorator { + background: url('background/MiddleMaskWorkspace.gif') repeat-y right; + padding: 0px 4px 0px 0px; +} + +.UIMaskWorkspace .MaskContainer { + background: #f5f5f5; +} + +.UIMaskWorkspace .BottomLeftDecorator { + background: url('background/MaskWorkspace.gif') no-repeat left bottom; + padding: 0px 0px 0px 4px; +} + +.UIMaskWorkspace .BottomRightDecorator { + padding: 0px 4px 0px 0px; + background: url('background/MaskWorkspace.gif') no-repeat right bottom; +} + +.UIMaskWorkspace .BottomLeftDecorator .BottomCenterDecorator { + height: 4px; + background: url('background/MaskWorkspace.gif') repeat-x center -8px; +} + +.UIMaskWorkspace .UIAddApplication .UIItemSelector .ItemDetailList { + margin-right: 0px; /* orientation=lt */ + margin-left: 0px; /* orientation=rt */ + height: auto; +} + +.UIMaskWorkspace .UIFormTabPane .UINodeIconSelector .OverflowContainer { + overflow:hidden; + width:auto; +} +/*********************************** UITabContent ************************************/ +.UIMaskWorkspace .UIFormTabPane { + padding: 10px; +} + +.UIMaskWorkspace .UITabContent { + overflow-y: auto; + overflow-x: hidden; + margin: auto; + height: 275px; +} + +.UIMaskWorkspace .UIForm .HorizontalLayout .SelectedIconInfo .UIFormInputSet { + margin: auto; +} + +.UIMaskWorkspace .UIAccessGroup .PublicCheck .UIFormGrid td.FieldComponent { + _padding: 0px; +} + +/*********************************** End UITabContent ************************************/ + +.UIMaskWorkspace .IconLayout { + float: left;/* orientation=lt */ + float: right;/* orientation=rt */ + margin: 3px 5px 0px 5px; +} + +.UIMaskWorkspace .UIFormWithTitle { + width: 550px; + margin: auto; + padding: 50px 0px; +} + +.UIMaskWorkspace .UIFormInputSet .UIFormGrid .SelectGroup { + background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SmallGroup.gif') no-repeat center; + height: 22px; + width: 22px; +} + +/**********************************UITabSelector*****************************************/ +.UIMaskWorkspace .UITabPane .TabPaneContent .WorkingArea .CSSContent { + border: 1px solid #d5d5d5; + padding: 0px; +} + +.UIMaskWorkspace .UITabPane .TabPaneContent .CSSContent .UITabContent { + height: auto; + border: 1px solid white; + border-top: none; + margin: auto; + overflow: hidden; +} + +/**************************** UIAddApplication ******************************************/ + +.UIAddApplication { + padding: 10px; +} + +.UIAddApplication .TitleBarContainer { + background: #f6f6f6; +} + +.UIAddApplication .UITabContent { + overflow: hidden; +} + +.UIAddApplication .UITabContentContainer { + padding-bottom: 5px; + border: none; +} + +.UIAddApplication .UITabContentContainer .NoneAppsMessage{ + padding: 10px; + text-align: center; + color: gray; + width: 300px; + margin: 40px auto 0px auto; +} + +.UIAddApplication .ContentContainerDetail { + border: 1px solid #d4d4d4; + border-top: none; +} + +.UIAddApplication .ContentContainerDetail .CategoryContainer { + border: 1px solid white; + border-top: none; +} + +.UIAddApplication .ApplicationListContainer { + height: 240px; width: 449px; + border: 1px solid #c3c3c3; + background: white; + overflow-y: auto; + overflow-x: hidden; + padding: 0px 10px; +} + +.UIAddApplication .Application { + margin: 10px 0px 0px 0px; + border: solid 1px #e4e4e4; + padding: 10px; +} + +.UIAddApplication .ApplicationContent { + margin-left: 85px;/* orientation=lt */ + margin-right: 85px;/* orientation=rt */ +} + +.UIAddApplication .PortletIcon { + background: none; + float: left;/* orientation=lt */ + float: right;/* orientation=rt */ + width: 80px; height: 80px; + cursor: pointer; + margin-top: 2px; +} + +.UIAddApplication .TitleBarApplication { + background: none; + width: 93%; height: 20px; + color: #1553B9; font-weight: bold; + border-bottom: 1px solid #dfdfdf; + padding: 0px 1px 3px 1px; + margin: 0px auto 5px auto; +} + +.UIAddApplication .TitleBarApplication .Title { + float: left;/* orientation=lt */ + float: right;/* orientation=rt */ + margin-top: 4px; + font-weight: bold; font-size: 13px; color: #1553B9; font-family: arial; +} + +.UIAddApplication .AddButton { + width: 20px; height: 24px; + background: url('background/AddApplicationButton.gif') no-repeat top; + float: right;/* orientation=lt */ + float: left;/* orientation=rt */ + cursor: pointer; + margin: 0px 3px; +} + +.UIAddApplication .AddToStartUp { + width: 20px; height: 24px; + background: url('background/AddToStartup.gif') no-repeat top; + float: right;/* orientation=lt */ + float: left;/* orientation=rt */ + cursor: pointer; + margin: 0px 3px; +} + +.UIAddApplication .SelectButton { + width: 20px; height: 24px; + background: url('background/AddApplicationButton.gif') no-repeat left -22px; + float: right;/* orientation=lt */ + float: left;/* orientation=rt */ + cursor: pointer; + margin: 0px 3px; +} + +.UIAddApplication .ApplicationContentLabel { + line-height: 16px; + width: 93%; margin: auto; +} + +.UIAddApplication .ApplicationContentLabel .RightLabel { + color: #058ee6; +} + +.UIAddApplication .UIItemSelector .LeftColumnStyle { + width: auto; +} + +.UIAddApplication .UIItemSelector .ItemListContainer .ItemList { + height: 240px; + overflow: auto; + background: #ffffff; + border: 1px solid #c3c3c3; + text-transform: capitalize; +} + +.UIAddApplication .UIItemSelector .ItemDetailList .ItemDetail { + background: none; + border: none; + height: auto; +} + +.UIAddApplication .UIItemSelector { + padding: 7px 5px 8px 7px;/* orientation=lt */ + padding: 7px 7px 8px 5px;/* orientation=rt */ + margin: 0px; + background: #f7f7f7; +} + +.UIAddApplication .ApplicationItemIcon { + width: 16px; height: 16px; + background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DarkBlueNextArrow.gif') no-repeat; + float: left;/* orientation=lt */ + float: right;/* orientation=rt */ + margin: 3px 5px 0px 5px; +} + +.UIAddApplication .LeftColumnStyle .ItemListIcon { + background: none; + width: 0px; +} + +.UIAddApplication .LeftColumnStyle .ViewListIcon { + background: none; + width: 0px; +} + +/************************************ Select Permission *******************************/ + +.UIGroupSelector { + padding: 10px; +} + +.UIGroupSelector .SelectedGroupPath { + padding: 5px 0px; +} + +.UIGroupSelector .UIBreadcumbs { + border: 1px solid white; + padding: 0px; +} + +.UIGroupSelector .UIBreadcumbs .LeftBreadcumbsBar { + background: white; + border: 1px solid #b7b7b7; +} + +.UIGroupSelector .UIBreadcumbs .RightBreadcumbsBar { + background: white; +} + +.UIGroupSelector .UIBreadcumbs .BreadcumbsInfoBar { + background: white; +} + +.UIGroupSelector .UIBreadcumbs .BCHome16x16Icon { + width: 16px; height: 16px; + background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SmallGroup.gif') no-repeat left center; +} + +.UIGroupSelector .UIBreadcumbs a.Selected { + color: #058ee6; +} + +.UIGroupSelector .GroupSelector { + padding: 10px; + background: #f4f4f4; + border: 1px solid #e4e4e4; +} + +.UIGroupSelector .TitleGroupSelector { + background: url('background/ThGridRepeatBg1x19.jpg') repeat-x; + line-height: 19px; height: 19px; + border: 1px solid #b7b7b7; + border-bottom: 1px solid #cfcfcf; + padding: 0px 10px; +} + +.UIGroupSelector .LeftGroupSelector { + float: left;/* orientation=lt */ + float: right;/* orientation=rt */ + width: 220px; height: 210px; + border: 1px solid white; +} + +.UIGroupSelector .RightGroupSelector { + margin-left: 225px;/* orientation=lt */ + margin-right: 225px;/* orientation=rt */ + height: 210px; + border: 1px solid white; +} + +.UIGroupSelector .RightGroupSelector .Content { + border: 1px solid #b7b7b7; border-top: none; + height: 170px; + color: #058ee6; + padding: 10px; + background: white; +} + +.UIGroupSelector .RightGroupSelector .Content div { + padding: 3px 0px; +} + +.UIGroupSelector .RightGroupSelector .Content span { + color: #2c2c2c; +} + +/**************************************Container Form*************************************/ + +/**************************************ExoMessageDecorator*************************************/ +.UIMaskWorkspace .UIIFramePortlet .ExoMessageDecorator .UIPopupMessages .UITabContentContainer { + border: none; +} Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/Stylesheet.css (rev 0) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/Stylesheet.css 2010-06-04 10:49:31 UTC (rev 3232) @@ -0,0 +1,131 @@ +.UIControlWorkspace { + background: url('background/Repeat-y.gif') repeat-y center top; + width: 6px; height: 100%; + padding: 0px; + top: 0px; +} + +.UIControlWorkspace .TopTitleBar { + padding: 12px 0px 6px 0px ;/* orientation=lt */ + padding: 6px 0px 12px 0px ;/* orientation=rt */ + text-align: center; + width: 180px; +} + +.UIControlWorkspace .UIVerticalSlideTabs { + padding: 3px; +} + +.UIControlWorkspace .ScrollArea .TreeContainer { + overflow-x: hidden; +} + +.UIControlWorkspace .UserWorkspaceTitle { + height: 23px ; + background: url('background/UserWorkspaceTitleBG1x23.gif') repeat-x; + color: #434343; + font-weight: bold; + line-height: 22px; + padding-left: 13px;/* orientation=lt */ + padding-right: 13px;/* orientation=rt */ + margin-right: 2px;/* orientation=lt */ + margin-left: 2px;/* orientation=rt */ +} + +.UIControlWorkspace .CloseControlWorkspace { + float: right;/* orientation=lt */ + float: left;/* orientation=rt */ + width: 21px; height: 15px; + margin: 3px 5px 0px 0px;/* orientation=lt */ + margin: 3px 0px 0px 5px;/* orientation=rt */ + background: url('background/No-Repeat.gif') no-repeat right top;/* orientation=lt */ + background: url('background/No-Repeat.gif') no-repeat -6px top;/* orientation=rt */ + cursor: pointer; +} + +.UIControlWorkspace .UIWorkspaceControl { + margin-right: 2px; /* orientation=lt */ + margin-left: 2px; /* orientation=rt */ +} + +/*########################### Tab ###########################*/ +.UIControlWorkspace .UIWorkspacePanel .ControlPanelExpandContainer { + margin: 10px 4px; +} + +.UIControlWorkspace .UIWorkspacePanel .HideContentVTab { + display: none; + border: solid 1px #a3abb6; + margin: 2px 0px; +} + +.UIControlWorkspace .UIWorkspacePanel .ShowContent { + display: block; + border: solid 1px #a3abb6; + margin: 2px 0px; +} + +.UIControlWorkspace .UIDropDownControl { + width: 218px; +} + + +/*########################### End Tab ###########################*/ +/*########################### Slidebar ###########################*/ +.UIControlWorkspace .Slidebar { + float: right; /* orientation=lt */ + float: left; /* orientation=rt */ + width: 6px; height: 100%; + background: url('background/Repeat-y.gif') repeat-y right; /* orientation=lt */ + background: url('background/Repeat-y-rt.gif') repeat-y left; /* orientation=rt */ + cursor: pointer; +} + +.UIControlWorkspace .SlidebarButton { + height: 100%; width: 6px; + background: url('background/No-Repeat.gif') no-repeat left center; /* orientation=lt */ + background: url('background/No-Repeat-rt.gif') no-repeat right center; /* orientation=rt */ +} + +.UIControlWorkspace .UIWorkspaceContainer { + background: url("background/Repeat-y.gif") repeat-y 244px top; /* orientation=lt */ + background: url("background/Repeat-y-rt.gif") repeat-y -5px top; /* orientation=rt */ + height: 100%; +} + +/*########################### End Slidebar ###########################*/ + +.UIWorkingWorkspace { + margin: 0px; +/* + * minh.js.exo + * bug : right click with IE7 in ECM + */ +} + +.MaskLayer { + background: black; + text-align: center; + position: absolute; + overflow: auto; /* Fix for FF2 */ +} + +.WarningLayer { + width: 300px; height: 100px; + line-height: 100px; + text-align: center; + position: absolute; + opacity: 0.5 !important; + filter: alpha(opacity=50); +} + +.PreviewMode { + width: 160px; height: 160px; + background: url("background/PreviewModeImage146x156.png") no-repeat top right; /* orientation=lt */ + background: url("background/PreviewModeImageRTL146x156.png") no-repeat top left; /* orientation=rt */ + position: absolute; + cursor: pointer; + right: 0px; /* orientation=lt */ + left: 0px; /* orientation=rt */ + top: 0px; +} \ No newline at end of file Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/No-Repeat.gif =================================================================== (Binary files differ) Property changes on: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/No-Repeat.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/PreviewModeImage146x156.png =================================================================== (Binary files differ) Property changes on: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/PreviewModeImage146x156.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/PreviewModeImageRTL146x156.png =================================================================== (Binary files differ) Property changes on: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/PreviewModeImageRTL146x156.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/Repeat-y.gif =================================================================== (Binary files differ) Property changes on: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/Repeat-y.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/UserWorkspaceTitleBG1x23.gif =================================================================== (Binary files differ) Property changes on: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/portal/css/UIWorkspace/background/UserWorkspaceTitleBG1x23.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Deleted: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/test-popup.html =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/html/test-popup.html 2010-06-04 07:49:45 UTC (rev 3231) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/test-popup.html 2010-06-04 10:49:31 UTC (rev 3232) @@ -1,236 +0,0 @@ -<!-- - - Copyright (C) 2009 eXo Platform SAS. - - This is free software; you can redistribute it and/or modify it - under the terms of the GNU Lesser General Public License as - published by the Free Software Foundation; either version 2.1 of - the License, or (at your option) any later version. - - This software is distributed in the hope that it will be useful, - but WITHOUT ANY WARRANTY; without even the implied warranty of - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - Lesser General Public License for more details. - - You should have received a copy of the GNU Lesser General Public - License along with this software; if not, write to the Free - Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - 02110-1301 USA, or see the FSF site: http://www.fsf.org. - ---> - -<!DOCTYPE html - PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" - "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> - -<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> - <head> - <script type="text/javascript" src="../eXo.js"></script> - <script type="text/javascript" src="../eXo/core/DOMUtil.js"></script> - <script type="text/javascript" src="../eXo/core/Util.js"></script> - <script type="text/javascript" src="../eXo/core/Browser.js"></script> - <script type="text/javascript" src="../eXo/webui/UIPopup.js"></script> - <script type="text/javascript" src="../eXo/webui/UIPopupMenu.js"></script> - <script type="text/javascript" src="../eXo/dnd/DragDrop.js"></script> - <script type="text/javascript"> - var DOMUtil = eXo.core.DOMUtil ; - </script> - - <style type="text/css"> - body { - margin: 0px; padding: 0px ; - } - - .Root { - border: solid 2px green ; - padding: 10px ; - height: 550px ; - } - - .ControlWorkspace { - width: 230px ; - height: 100% ; - float: left ; - border: solid 1px blue ; - } - - .WorkingWorkspace { - margin-left: 240px ; - height: 100% ; - border: solid 1px blue ; - } - - .MenuItemContainer { - border: solid 1px green ; - padding: 2px 3px ; - /* !important : not considered by IE */ - width: auto !important; - /* *property : considered by IE only */ - *width: 0px; - z-index: 1; - position: absolute; - } - - .MenuItemL { - border: solid 1px yellow ; - background: #a4cbef ; - margin: 2px 0px ; - height: 20px ; - cursor: pointer ; - white-space: nowrap; - - padding-left: 20px; - background: url(../icons/16x16/DefaultSkin/Portal.gif) #a4cbef no-repeat left center; - } - - .MenuItemContainer .OnMouseOver { - border: solid 1px red ; - background-color: blue ; - } - - .MenuItemR { - padding-right: 20px; - } - - .HasSubMenu { - background: url(../icons/16x16/DefaultSkin/BlackRightArrow.gif) no-repeat right center; - } - - .SubLevel { - visibility: hidden; - } - - </style> - <title>UIPopupMenu</title> - </head> - - <body> - <div class="Root"> - <div class="ControlWorkspace"> - <span> </span> - </div> - - <div class="WorkingWorkspace" id="WorkingWorkspace"> - <span id="show" style="cursor: pointer" onclick="eXo.webui.UIPopupMenu.show('UIPopupMenu')">Show</span> - <span id="hide" style="cursor: pointer" onclick="eXo.webui.UIPopupMenu.hide('UIPopupMenu')">Hide</span> - - <div class="UIPopupMenu" id="UIPopupMenu"> - <div class="MenuItemContainer"> - <div class="MenuItemL"> - <div class="MenuItemR"> - <div class="MenuItem"> - <div class="LabelItem">MenuItem 1</div> - <div class="MenuItemContainer SubLevel"> - <div class="MenuItemL"> - <div class="MenuItemR"> - <div class="MenuItem">Sub Item Menu 1.1</div> - </div> - </div> - <div class="MenuItemL"> - <div class="MenuItemR"> - <div class="MenuItem">Sub Item Menu 1.2</div> - </div> - </div> - </div> - </div> - </div> - </div> - - <div class="MenuItemL"> - <div class="MenuItemR"> - <div class="MenuItem"> - <div class="LabelItem">MenuItem 2</div> - <div class="MenuItemContainer SubLevel"> - <div class="MenuItemL"> - <div class="MenuItemR"> - <div class="MenuItem">Sub Item Menu 2.1</div> - </div> - </div> - <div class="MenuItemL"> - <div class="MenuItemR"> - <div class="MenuItem"> - <div class="LabelItem">Sub Item Menu 2.2 something much longer</div> - <div class="MenuItemContainer SubLevel"> - <div class="MenuItemL"> - <div class="MenuItemR"> - <div class="MenuItem">Sub Item Menu 2.2.1</div> - </div> - </div> - <div class="MenuItemL"> - <div class="MenuItemR"> - <div class="MenuItem"> - <div class="LabelItem">Sub Item Menu 2.2.2</div> - <div class="MenuItemContainer SubLevel"> - <div class="MenuItemL"> - <div class="MenuItemR"> - <div class="MenuItem">Sub Item Menu 2.2.2.1</div> - </div> - </div> - <div class="MenuItemL"> - <div class="MenuItemR"> - <div class="MenuItem">Sub Item Menu 2.2.2.2</div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - - <div class="MenuItemL"> - <div class="MenuItemR"> - <div class="MenuItem"> - <div class="LabelItem"> - <div class="Test3">MenuItem 3</div> - </div> - </div> - </div> - </div> - - <div class="MenuItemL"> - <div class="MenuItemR"> - <div class="MenuItem"> - <div class="LabelItem">MenuItem 4</div> - </div> - </div> - </div> - - <div class="MenuItemL"> - <div class="MenuItemR"> - <div class="MenuItem Level1"> - <div class="LabelItem">MenuItem 5</div> - <div class="MenuItemContainer SubLevel"> - <div class="MenuItemL"> - <div class="MenuItemR"> - <div class="MenuItem Level2.1">Sub Item Menu 5.1</div> - </div> - </div> - <div class="MenuItemL"> - <div class="MenuItemR"> - <div class="MenuItem Level2.2">Sub Item Menu 5.2</div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> - - <script type="text/javascript"> - var uiPopupMenu = document.getElementById("UIPopupMenu") ; - var container = document.getElementById("WorkingWorkspace") ; - eXo.webui.UIPopupMenu.init(uiPopupMenu, container, 10, 30) ; -// uiPopupMenu.hide(uiPopupMenu); - </script> - </body> -</html> \ No newline at end of file Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/UIPopupWindow.html =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/UIPopupWindow.html (rev 0) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/UIPopupWindow.html 2010-06-04 10:49:31 UTC (rev 3232) @@ -0,0 +1,102 @@ +<html> +<head> + <link href="css/UIPopupWindow/Stylesheet.css" type="text/css" rel="stylesheet"> + <link href="css/UITabs/Stylesheet.css" type="text/css" rel="stylesheet"> + <script type="text/javascript" src="../../../eXo.js"></script> + <script type="text/javascript"src="../../..eXo/core/Util.js"></script> + <script type="text/javascript" src="../../../eXo/core/DOMUtil.js"></script> + <script type="text/javascript" src="../../../eXo/core/Browser.js"></script> + <script type="text/javascript" src="../../../eXo/webui/UIPopupWindow.js"></script> + <script type="text/javascript" src="../../../eXo/webui/UIPopup.js"></script> + <script type="text/javascript" src="../../../eXo/webui/UIPopupMenu.js"></script> + <script type="text/javascript" src="../../../eXo/dnd/DragDrop.js"></script> + <script type="text/javascript" src="../../../eXo/core/MouseEventManager.js"></script> + + <script language="javascript" type="text/javascript"> + function showUIPopupWindow() { + eXo.webui.UIPopupWindow.init('UIPopupWindowId', false, false, true, false); + eXo.webui.UIPopupWindow.show('UIPopupWindowId', true, true); + } + + function showUIPopupMenu() { + var container = document.getElementById("UIPopupContainer"); + eXo.webui.UIPopupMenu.init('UIPopupWindowId', container, 200, 100); + eXo.webui.UIPopupMenu.show('UIPopupWindowId'); + } + + function changePosition() { + var popup = document.getElementById("UIPopupWindowId"); + eXo.webui.UIPopupMenu.setPosition(popup, 300, 100, true); + } + </script> +</head> +<body> + <div>Test methods in UIPopup.js, UIPopupMenu.js, UIPopupWindow.js files</div><br/> + <a href="#" onclick="showUIPopupWindow();">UIPopupWindow.show</a><br/> + <a href="#" onclick="showUIPopupMenu();">UIPopupMenu.show</a><br/> + <a href="#" onclick="eXo.webui.UIPopupMenu.hide('UIPopupWindowId');">UIPopupMenu.hide</a><br/> + <a href="#" onclick="changePosition();">UIPopupMenu.setPosition</a><br/> + <a href="#" onclick="eXo.core.Resize.init(document.getElementById('UIPopupWindowId'), 800, 600);">Resize</a><br/> + +<div id="UIPortalApplication" class="default"> + <div style="display: none;" id="UIMaskWorkspace" class="UIMaskWorkspace"> + <div class="TopLeftDecorator"> + <div class="TopRightDecorator"> + <div class="TopCenterDecorator"><span></span></div> + </div> + </div> + + <div class="MiddleLeftDecorator"> + <div class="MiddleRightDecorator"> + <div class="MaskContainer"> + + </div> + </div> + </div> + + <div class="BottomLeftDecorator"> + <div class="BottomRightDecorator"> + <div class="BottomCenterDecorator"><span></span></div> + </div> + </div> + </div> + + <div id="UIPopupContainer"> + <div class="UIPopupWindow UIDragObject" exo:minWidth="200" exo:minHeight="200" id="UIPopupWindowId" style="width:400; height:200; display: none;"> + <div class="NormalStyle"> + <div class="TopLeftCornerDecorator"> + <div class="TopRightCornerDecorator"> + <div class="TopCenterDecorator"> + <div class="OverflowContainer"> + <div class="PopupTitleIcon"><span></span></div> + <!-- <div class="CloseButton" title="Close Window" onclick="<%=uicomponent.event("ClosePopup")%>"><span></span></div> --> + <div class="CloseButton" title="CloseButton" onclick=""><span></span></div> + + <div class="PopupTitle">PopupTitle</div> + </div> + </div> + </div> + </div> + <div class="MiddleLeftSideDecorator"> + <div class="MiddleRightSideDecorator"> + <div class="MiddleCenterDecorator"> + <div class="UIWindowContent"> + <div style="width: 100%;"><div class="PopupContent" style="$heightStyle">Popup content</div></div> + </div> + </div> + </div> + </div> + <div><span></span></div> + <div class="BottomLeftCornerDecorator"> + <div class="BottomRightCornerDecorator"> + <div class="BottomCenterDecorator"> + <div class="ResizeButton"><span></span></div> + </div> + </div> + </div> + </div> + </div> +</div> +</div> +</body> +</html> Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/Stylesheet.css (rev 0) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/Stylesheet.css 2010-06-04 10:49:31 UTC (rev 3232) @@ -0,0 +1,201 @@ +.UIPopupWindow { + position: absolute; +} + +.UIPopupWindow .PopupTitleIcon { + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ + margin: 5px 0px 0px 3px; /* orientation=lt */ + margin: 5px 3px 0px 0px; /* orientation=rt */ + width: 16px; height: 16px; + background: url('background/PopupWindow.gif') no-repeat left bottom; +} + +.UIPopupWindow .PopupTitleIconRight { + float: right; + margin: 5px 3px 0px 0px; + width: 19px; height: 16px; + background: url('background/PopupWindow.gif') no-repeat left bottom; +} + +.UIPopupWindow .PopupTitle { + margin: 4px 26px 0px 26px; + font-weight: bold; text-align: center; + height: 16px; line-height: 16px; vertical-align: middle; + background: url('background/PopupWindow.gif') repeat-x center -30px; + cursor: move; +} + +.UIPopupWindow .CloseButton { + float: right; /* orientation=lt */ + float: left; /* orientation=rt */ + margin: 5px 3px 0px 0px; /* orientation=lt */ + margin: 5px 0px 0px 3px; /* orientation=rt */ + cursor: pointer; + width: 19px; height: 15px; + background: url('background/PopupWindow.gif') no-repeat right bottom; +} + +.UIPopupWindow .TopLeftCornerDecorator { + background: url('background/PopupWindow.gif') no-repeat left -69px; + padding-left: 3px; +} + +.UIPopupWindow .TopCenterDecorator { + background: url('background/PopupWindow.gif') repeat-x center -46px; + height: 23px; +} + +.UIPopupWindow .TopRightCornerDecorator { + background: url('background/PopupWindow.gif') no-repeat right -69px; + padding-right: 3px; +} + +.UIPopupWindow .MiddleLeftSideDecorator { + background: url('background/MiddlePopupWindow.gif') repeat-y left; + padding-left: 3px ; +} + +.UIPopupWindow .MiddleCenterDecorator { + background: #bcc6f7; + padding: 1px 1px 0px 1px; +} + +.UIPopupWindow .MiddleRightSideDecorator { + background: url('background/MiddlePopupWindow.gif') repeat-y right; + padding-right: 3px; +} + +.UIPopupWindow .UIWindowContent { + border: 1px solid gray; + border-right: 1px solid #b7b7b7; + border-bottom: 1px solid #b7b7b7; +} + +.UIPopupWindow .PopupContent { + width: 100%; + background: white; + overflow: auto; +} + +.UIPopupWindow .ResizeButton { + display: none; + width: 18px; height:3px; + float: right; + margin-right: 2px; + cursor: nw-resize; +} + +.UIPopupWindow .BottomLeftCornerDecorator { + background: url('background/PopupWindow.gif') no-repeat left -26px; + padding-left: 3px; +} + +.UIPopupWindow .BottomCenterDecorator { + background: url('background/PopupWindow.gif') repeat-x right -11px; + height: 4px; + width: 100%; +} + +.UIPopupWindow .BottomRightCornerDecorator { + background: url('background/PopupWindow.gif') no-repeat right -26px; + padding-right: 3px ; +} + +.UIPopupWindow .Content .UIPageBrowser { + padding: 7px 4px 0px 8px; + width: 96%; + margin: auto; +} + +/***************************Begin PoupWindow ExoMessage**********************************/ +.UIPopupWindow .ExoMessageDecorator { + background: white; + padding: 2px; + overflow: hidden;/*Fix for IE*/ +} + +.UIPopupWindow .ExoMessageDecorator .TopLeftCornerDecorator { + background: url('background/ExoMessageDecorator.gif') no-repeat left top; + padding-left: 4px; + height: 25px; +} + +.UIPopupWindow .ExoMessageDecorator .TopRightCornerDecorator { + background: url('background/ExoMessageDecorator.gif') no-repeat right top; + padding-right: 4px; + height: 25px; +} + +.UIPopupWindow .ExoMessageDecorator .TopCenterDecorator { + background: url('background/ExoMessageDecorator.gif') repeat-x center -25px; + height: 25px; +} + +.UIPopupWindow .ExoMessageDecorator .PopupTitle { + background: none; + text-align: left; /* orientation=lt */ + text-align: right; /* orientation=rt */ +} + +.UIPopupWindow .ExoMessageDecorator .PopupTitleIcon { + width: 16px; height: 16px; + background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Message.gif') no-repeat; + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ + margin: 4px 0px 0px 4px; /* orientation=lt */ + margin: 4px 4px 0px 0px; /* orientation=rt */ +} + +.UIPopupWindow .ExoMessageDecorator .MiddleLeftSideDecorator { + background: url('background/MiddleExoMessage.gif') repeat-y left; + padding-left: 4px; + height: 100%; +} + +.UIPopupWindow .ExoMessageDecorator .MiddleRightSideDecorator { + background: url('background/MiddleExoMessage.gif') repeat-y right; + padding-right: 4px; +} + +.UIPopupWindow .ExoMessageDecorator .MiddleCenterDecorator { + background: #ffffff; + padding: 0px; +} + +.UIPopupWindow .ExoMessageDecorator .BottomLeftCornerDecorator { + background: url('background/ExoMessageDecorator.gif') no-repeat left bottom; + padding-left: 4px; +} + +.UIPopupWindow .ExoMessageDecorator .UIWindowContent { + padding: 0px; margin:0px; + background: none; +} + +.UIPopupWindow .ExoMessageDecorator .UIWindowContent .Content { + padding: 0px; margin:0px; + border: none; + background: none; +} + +.UIPopupWindow .ExoMessageDecorator .BottomRightCornerDecorator { + background: url('background/ExoMessageDecorator.gif') no-repeat right bottom; + padding-right: 4px; +} + +.UIPopupWindow .ExoMessageDecorator .BottomCenterDecorator { + background: url('background/ExoMessageDecorator.gif') repeat-x center -50px; + height: 4px; +} + +.UIPopupWindow .ExoMessageDecorator .UITabContentContainer { + border: none; +} + +.UIPopupWindow .ExoMessageDecorator .UITabContentContainer .UITabContent { + height: auto; + background: none; + border: none; + padding: 0px; +} Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/background/ExoMessageDecorator.gif =================================================================== (Binary files differ) Property changes on: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/background/ExoMessageDecorator.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/background/MiddleExoMessage.gif =================================================================== (Binary files differ) Property changes on: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/background/MiddleExoMessage.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/background/MiddlePopupWindow.gif =================================================================== (Binary files differ) Property changes on: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/background/MiddlePopupWindow.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/background/PopupWindow.gif =================================================================== (Binary files differ) Property changes on: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UIPopupWindow/background/PopupWindow.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/Stylesheet.css (rev 0) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/Stylesheet.css 2010-06-04 10:49:31 UTC (rev 3232) @@ -0,0 +1,415 @@ +.UIHorizontalTabs { +} + +.UIHorizontalTabs .CenterHorizontalTabs { + overflow-y: hidden; + background: url('background/NormalTabStyle.gif') repeat-x center top; + padding: 0px 6px; +} + +.UIHorizontalTabs .TabsContainer { + height: 24px; +} + +.UIHorizontalTabs .UITab { + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ + font-weight: bold; + text-align: center; + width: auto; +} + +/*###########################--NavigationTabTab--############################*/ +.UIHorizontalTabs .UITab .NormalNavigationTab { + line-height: 33px; + margin-left: 1px; +} + +.UIHorizontalTabs .UITab .NormalNavigationTab .LeftTab { + line-height: 33px; + padding-left: 2px; +} + +.UIHorizontalTabs .UITab .NormalNavigationTab .RightTab { + line-height: 33px; + padding-right: 2px; +} + +.UIHorizontalTabs .UITab .NormalNavigationTab .MiddleTab { + line-height: 33px; + text-align: center; + padding: 2px 8px 0; +} + +.UIHorizontalTabs .UITab .NormalNavigationTab .TabIcon { + color: #fff; + line-height: 31px; +} + +.UIHorizontalTabs .UITab .NormalNavigationTab a { + color: #fff; +} + +.UIHorizontalTabs .UITab .NormalNavigationTab .DropDownArrowIcon { + padding-right: 20px; /* orientation=lt */ + padding-left: 20px; /* orientation=rt */ + background: url(background/NavDownArrow.gif) no-repeat right; /* orientation=lt */ + background: url(background/NavDownArrow.gif) no-repeat left; /* orientation=rt */ + cursor: pointer; +} + +/*###############-Hightlight Navigation Tab -################*/ + +.UIHorizontalTabs .UITab .HighlightNavigationTab { + line-height: 22px; + margin-left: 1px; +} + +.UIHorizontalTabs .UITab .HighlightNavigationTab .LeftTab { + line-height: 33px; + background: url('background/NavigationTab.gif') repeat-x left -66px; + padding-left: 2px; +} + +.UIHorizontalTabs .UITab .HighlightNavigationTab .RightTab { + line-height: 33px; + padding-right: 2px; +} + +.UIHorizontalTabs .UITab .HighlightNavigationTab .MiddleTab { + line-height: 33px; + text-align: center; + padding: 2px 8px 0; +} + +.UIHorizontalTabs .UITab .HighlightNavigationTab .TabIcon { + color: #fff; + line-height: 31px; +} + +.UIHorizontalTabs .UITab .HighlightNavigationTab a { + color: #fff; +} + +.UIHorizontalTabs .UITab .HighlightNavigationTab .DropDownArrowIcon { + padding-right: 20px; /* orientation=lt */ + padding-left: 20px; /* orientation=rt */ + background: url(background/NavDownArrow.gif) no-repeat right; /* orientation=lt */ + background: url(background/NavDownArrow.gif) no-repeat left; /* orientation=rt */ + cursor: pointer; +} + +/*###############-Selected Navigation Tab-################*/ + +.UIHorizontalTabs .UITab .SelectedNavigationTab { + line-height: 33px; + margin-left: 1px; +} + +.UIHorizontalTabs .UITab .SelectedNavigationTab .LeftTab { + line-height: 33px; + background: url('background/NavigationTab.gif') no-repeat left top; + padding-left: 4px; +} + +.UIHorizontalTabs .UITab .SelectedNavigationTab .RightTab { + line-height: 33px; + background: url('background/NavigationTab.gif') no-repeat right top; + padding-right: 4px; +} + +.UIHorizontalTabs .UITab .SelectedNavigationTab .MiddleTab { + line-height: 33px; + background: url('background/NavigationTab.gif') repeat-x left -33px; + text-align: center; + padding: 0 8px; +} + +.UIHorizontalTabs .UITab .SelectedNavigationTab .TabIcon { + color: #f57a00; + line-height: 33px; +} + +.UIHorizontalTabs .UITab .SelectedNavigationTab a { + color: #f57a00; +} + +.UIHorizontalTabs .UITab .SelectedNavigationTab .DropDownArrowIcon { + padding-right: 20px; /* orientation=lt */ + padding-left: 20px; /* orientation=rt */ + background: transparent url(background/NavDownArrow.gif) no-repeat scroll right center; /* orientation=lt */ + background: transparent url(background/NavDownArrow.gif) no-repeat scroll left center; /* orientation=rt */ + cursor: pointer; +} + +/*###########################-- NormalTabStyle --############################*/ + +.UIHorizontalTabs .NormalTabStyle .NormalTab { + line-height: 24px; + margin-right: 1px; + color: #202020; + font-weight: normal; +} + +.UIHorizontalTabs .NormalTabStyle .NormalTab a { + line-height: 24px; +} + +.UIHorizontalTabs .NormalTabStyle .NormalTab .LeftTab { + padding-left: 12px; /* orientation=lt */ + padding-left: 3px; /* orientation=rt */ + line-height: 24px; + background: url('background/NormalTabStyle.gif') no-repeat left -24px; /* orientation=lt */ + background: url('background/NormalTabStyle-rt.gif') no-repeat left -24px; /* orientation=rt */ +} + +.UIHorizontalTabs .NormalTabStyle .NormalTab .RightTab { + line-height: 24px; + padding-right: 3px; /* orientation=lt */ + padding-right: 12px; /* orientation=rt */ + background: url('background/NormalTabStyle.gif') no-repeat right -24px; /* orientation=lt */ + background: url('background/NormalTabStyle-rt.gif') no-repeat right -24px; /* orientation=rt */ +} + +.UIHorizontalTabs .NormalTabStyle .NormalTab .MiddleTab { + line-height: 24px; + background: url('background/NormalTabStyle.gif') repeat-x center -48px; + cursor: pointer; + padding: 0px 8px; + text-align: right; /* orientation=rt */ + white-space: nowrap; /* orientation=rt */ +} + +.UIHorizontalTabs .NormalTabStyle .HighlightTab { + line-height: 24px; + margin-right: 1px; + color: #0666d2; + font-weight: normal; +} + +.UIHorizontalTabs .NormalTabStyle .HighlightTab .LeftTab { + line-height: 24px; + padding-left: 12px; /* orientation=lt */ + padding-left: 3px; /* orientation=rt */ + background: url('background/NormalTabStyle.gif') no-repeat left -72px; /* orientation=lt */ + background: url('background/NormalTabStyle-rt.gif') no-repeat left -72px; /* orientation=rt */ +} + +.UIHorizontalTabs .NormalTabStyle .HighlightTab .RightTab { + line-height: 24px; + padding-right: 3px; /* orientation=lt */ + padding-right: 12px; /* orientation=rt */ + background: url('background/NormalTabStyle.gif') no-repeat right -72px; /* orientation=lt */ + background: url('background/NormalTabStyle-rt.gif') no-repeat right -72px; /* orientation=rt */ +} + +.UIHorizontalTabs .NormalTabStyle .HighlightTab .MiddleTab { + line-height: 24px; + background: url('background/NormalTabStyle.gif') repeat-x center -96px; + cursor: pointer; + padding: 0px 4px; +} + +.UIHorizontalTabs .NormalTabStyle .SelectedTab { + line-height: 24px; + margin-right: 1px; + color: #307dcc; +} + +.UIHorizontalTabs .NormalTabStyle .SelectedTab .LeftTab { + line-height: 24px; + padding-left: 15px; /* orientation=lt */ + padding-left: 3px; /* orientation=rt */ + background: url('background/NormalTabStyle.gif') no-repeat left -120px; /* orientation=lt */ + background: url('background/NormalTabStyle-rt.gif') no-repeat left -120px; /* orientation=rt */ +} + +.UIHorizontalTabs .NormalTabStyle .SelectedTab .RightTab { + line-height: 24px; + padding-right: 3px; /* orientation=lt */ + padding-right: 15px; /* orientation=rt */ + background: url('background/NormalTabStyle.gif') no-repeat right -120px; /* orientation=lt */ + background: url('background/NormalTabStyle-rt.gif') no-repeat right -120px; /* orientation=rt */ +} + +.UIHorizontalTabs .NormalTabStyle .SelectedTab .MiddleTab { + line-height: 24px; + background: url('background/NormalTabStyle.gif') repeat-x center -144px; + cursor: pointer; + font-weight: normal; + padding: 0px 8px; + text-align: right; /* orientation=rt */ + white-space: nowrap; /* orientation=rt */ +} + +/*###########################-- MessageTabDialog --############################*/ + +/*==============================NormalTab for MessageTab=====================*/ +.UIHorizontalTabs .MessageTabDialog .NormalTab { + line-height: 27px; + margin-right: 1px; /* orientation=lt */ + margin-left: 1px; /* orientation=rt */ + color: #202020; font-weight: normal; + overflow: hidden; /* orientation=rt */ +} + +.UIHorizontalTabs .MessageTabDialog .NormalTab .LeftTab { + padding-left: 2px; /* orientation=lt */ + padding-right: 2px; /* orientation=rt */ + line-height: 27px; +} + +.UIHorizontalTabs .MessageTabDialog .NormalTab .RightTab { + line-height: 27px; + padding-right: 7px; /* orientation=lt */ + padding-left: 7px; /* orientation=rt */ + background: url('background/MessageTabDialog.gif') repeat-y right -182px; /* orientation=lt */ + background: url('background/MessageTabDialog-rt.gif') repeat-y left -182px; /* orientation=rt */ +} + +.UIHorizontalTabs .MessageTabDialog .NormalTab .MiddleTab { + line-height: 21px; + cursor: pointer; + padding: 3px 8px 3px 4px; /* orientation=lt */ + padding: 3px 4px 3px 8px; /* orientation=rt */ + color: black; + font-weight: normal; +} + +.UIHorizontalTabs .MessageTabDialog .NormalTab div:hover{ + color: orange; +} + +.UIHorizontalTabs .MessageTabDialog .NormalTab .TabIcon { + padding-left: 30px; /* orientation=lt */ + padding-right: 30px; /* orientation=rt */ +} + +.UIHorizontalTabs .MessageTabDialog .NormalTab .InfoIcon { + background: url('background/MessageTabDialog.gif') no-repeat left -105px; /* orientation=lt */ + background: url('background/MessageTabDialog.gif') no-repeat right -105px; /* orientation=rt */ +} + +.UIHorizontalTabs .MessageTabDialog .NormalTab .ErrorIcon { + background: url('background/MessageTabDialog.gif') no-repeat left -21px; /* orientation=lt */ + background: url('background/MessageTabDialog.gif') no-repeat right -21px; /* orientation=rt */ +} + +.UIHorizontalTabs .MessageTabDialog .NormalTab .WarningIcon { + background: url('background/MessageTabDialog.gif') no-repeat left -63px; /* orientation=lt */ + background: url('background/MessageTabDialog.gif') no-repeat right -63px; /* orientation=rt */ +} + +/*==============================Disable Tab for MessageTab=====================*/ + +.UIHorizontalTabs .MessageTabDialog .DisabledTab { + line-height: 27px; + margin-right: 2px; /* orientation=lt */ + margin-left: 2px; /* orientation=rt */ + color: #202020; font-weight: normal; + overflow: hidden; /* orientation=rt */ +} + +.UIHorizontalTabs .MessageTabDialog .DisabledTab .LeftTab { + padding-left: 2px; /* orientation=lt */ + padding-right: 2px; /* orientation=rt */ + line-height: 27px; +} + +.UIHorizontalTabs .MessageTabDialog .DisabledTab .RightTab { + line-height: 27px; + padding-right: 7px; /* orientation=lt */ + padding-left: 7px; /* orientation=rt */ + background: url('background/MessageTabDialog.gif') repeat-y right -182px; /* orientation=lt */ + background: url('background/MessageTabDialog-rt.gif') repeat-y left -182px; /* orientation=rt */ +} + +.UIHorizontalTabs .MessageTabDialog .DisabledTab .MiddleTab { + line-height: 21px; + cursor: pointer; + padding: 3px 8px 3px 4px; /* orientation=lt */ + padding: 3px 4px 3px 8px; /* orientation=rt */ + color: gray; + font-weight: normal; +} + +.UIHorizontalTabs .MessageTabDialog .DisabledTab .TabIcon { + padding-left: 30px; /* orientation=lt */ + padding-right: 30px; /* orientation=rt */ +} + +.UIHorizontalTabs .MessageTabDialog .DisabledTab .InfoIcon { + background: url('background/MessageTabDialog.gif') no-repeat left -84px ; /* orientation=lt */ + background: url('background/MessageTabDialog.gif') no-repeat right -84px ; /* orientation=rt */ +} + +.UIHorizontalTabs .MessageTabDialog .DisabledTab .ErrorIcon { + background: url('background/MessageTabDialog.gif') no-repeat left top ; /* orientation=lt */ + background: url('background/MessageTabDialog.gif') no-repeat right top ; /* orientation=rt */ +} + +.UIHorizontalTabs .MessageTabDialog .DisabledTab .WarningIcon { + background: url('background/MessageTabDialog.gif') no-repeat left -42px; /* orientation=lt */ + background: url('background/MessageTabDialog.gif') no-repeat right -42px; /* orientation=rt */ +} + + +/*==============================Selected Tab for MessageTab=====================*/ + +.UIHorizontalTabs .MessageTabDialog .SelectedTab { + line-height: 27px; + color: #058ee6; + margin-right: 2px; /* orientation=lt */ + margin-left: 2px; /* orientation=rt */ + overflow: hidden; /* orientation=rt */ + } + +.UIHorizontalTabs .MessageTabDialog .SelectedTab .LeftTab { + line-height: 27px; + padding-left: 2px; /* orientation=lt */ + padding-left: 7px; /* orientation=rt */ + background: url('background/MessageTabDialog.gif') no-repeat left -126px; /* orientation=lt */ + background: url('background/MessageTabDialog-rt.gif') no-repeat left -126px; /* orientation=rt */ +} + +.UIHorizontalTabs .MessageTabDialog .SelectedTab .RightTab { + line-height: 27px; + padding-right: 7px; /* orientation=lt */ + padding-right: 2px; /* orientation=rt */ + background: url('background/MessageTabDialog.gif') no-repeat right -126px; /* orientation=lt */ + background: url('background/MessageTabDialog-rt.gif') no-repeat right -126px; /* orientation=rt */ +} + +.UIHorizontalTabs .MessageTabDialog .SelectedTab .MiddleTab { + line-height: 21px; + background: url('background/MessageTabDialog.gif') repeat-x center -155px; + cursor: pointer; + padding: 3px 8px 3px 4px; /* orientation=lt */ + padding: 3px 4px 3px 8px; /* orientation=rt */ + color: #058ee6; font-weight: normal; +} + +.UIHorizontalTabs .MessageTabDialog .SelectedTab div:hover{ + color: orange; +} + +.UIHorizontalTabs .MessageTabDialog .SelectedTab .TabIcon { + padding-left: 30px; /* orientation=lt */ + padding-right: 30px; /* orientation=rt */ +} + +.UIHorizontalTabs .MessageTabDialog .SelectedTab .InfoIcon { + background: url('background/MessageTabDialog.gif') no-repeat left -105px; /* orientation=lt */ + background: url('background/MessageTabDialog.gif') no-repeat right -105px; /* orientation=rt */ + +} + +.UIHorizontalTabs .MessageTabDialog .SelectedTab .ErrorIcon { + background: url('background/MessageTabDialog.gif') no-repeat left -21px; /* orientation=lt */ + background: url('background/MessageTabDialog.gif') no-repeat right -21px; /* orientation=rt */ +} + +.UIHorizontalTabs .MessageTabDialog .SelectedTab .WarningIcon { + background: url('background/MessageTabDialog.gif') no-repeat left -63px; /* orientation=lt */ + background: url('background/MessageTabDialog.gif') no-repeat right -63px; /* orientation=rt */ +} Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/background/MessageTabDialog.gif =================================================================== (Binary files differ) Property changes on: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/background/MessageTabDialog.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/background/NavDownArrow.gif =================================================================== (Binary files differ) Property changes on: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/background/NavDownArrow.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/background/NavigationTab.gif =================================================================== (Binary files differ) Property changes on: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/background/NavigationTab.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/background/NormalTabStyle.gif =================================================================== (Binary files differ) Property changes on: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/css/UITabs/background/NormalTabStyle.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/test-popup.html =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/test-popup.html (rev 0) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/html/webui/UIPopupWindow/test-popup.html 2010-06-04 10:49:31 UTC (rev 3232) @@ -0,0 +1,215 @@ +<!DOCTYPE html + PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + <script type="text/javascript" src="../../../eXo.js"></script> + <script type="text/javascript" src="../../../eXo/core/DOMUtil.js"></script> + <script type="text/javascript"src="../../..eXo/core/Util.js"></script> + <script type="text/javascript" src="../../../eXo/core/Browser.js"></script> + <script type="text/javascript" src="../../../eXo/webui/UIPopup.js"></script> + <script type="text/javascript" src="../../../eXo/webui/UIPopupMenu.js"></script> + <script type="text/javascript" src="../../../eXo/dnd/DragDrop.js"></script> + <script type="text/javascript"> + var DOMUtil = eXo.core.DOMUtil ; + </script> + + <style type="text/css"> + body { + margin: 0px; padding: 0px ; + } + + .Root { + border: solid 2px green ; + padding: 10px ; + height: 550px ; + } + + .ControlWorkspace { + width: 230px ; + height: 100% ; + float: left ; + border: solid 1px blue ; + } + + .WorkingWorkspace { + margin-left: 240px ; + height: 100% ; + border: solid 1px blue ; + } + + .MenuItemContainer { + border: solid 1px green ; + padding: 2px 3px ; + /* !important : not considered by IE */ + width: auto !important; + /* *property : considered by IE only */ + *width: 0px; + z-index: 1; + position: absolute; + } + + .MenuItemL { + border: solid 1px yellow ; + background: #a4cbef ; + margin: 2px 0px ; + height: 20px ; + cursor: pointer ; + white-space: nowrap; + + padding-left: 20px; + background: url(../icons/16x16/DefaultSkin/Portal.gif) #a4cbef no-repeat left center; + } + + .MenuItemContainer .OnMouseOver { + border: solid 1px red ; + background-color: blue ; + } + + .MenuItemR { + padding-right: 20px; + } + + .HasSubMenu { + background: url(../icons/16x16/DefaultSkin/BlackRightArrow.gif) no-repeat right center; + } + + .SubLevel { + visibility: hidden; + } + + </style> + <title>UIPopupMenu</title> + </head> + + <body> + <div class="Root"> + <div class="ControlWorkspace"> + <span> </span> + </div> + + <div class="WorkingWorkspace" id="WorkingWorkspace"> + <span id="show" style="cursor: pointer" onclick="eXo.webui.UIPopupMenu.show('UIPopupMenu')">Show</span> + <span id="hide" style="cursor: pointer" onclick="eXo.webui.UIPopupMenu.hide('UIPopupMenu')">Hide</span> + + <div class="UIPopupMenu" id="UIPopupMenu"> + <div class="MenuItemContainer"> + <div class="MenuItemL"> + <div class="MenuItemR"> + <div class="MenuItem"> + <div class="LabelItem">MenuItem 1</div> + <div class="MenuItemContainer SubLevel"> + <div class="MenuItemL"> + <div class="MenuItemR"> + <div class="MenuItem">Sub Item Menu 1.1</div> + </div> + </div> + <div class="MenuItemL"> + <div class="MenuItemR"> + <div class="MenuItem">Sub Item Menu 1.2</div> + </div> + </div> + </div> + </div> + </div> + </div> + + <div class="MenuItemL"> + <div class="MenuItemR"> + <div class="MenuItem"> + <div class="LabelItem">MenuItem 2</div> + <div class="MenuItemContainer SubLevel"> + <div class="MenuItemL"> + <div class="MenuItemR"> + <div class="MenuItem">Sub Item Menu 2.1</div> + </div> + </div> + <div class="MenuItemL"> + <div class="MenuItemR"> + <div class="MenuItem"> + <div class="LabelItem">Sub Item Menu 2.2 something much longer</div> + <div class="MenuItemContainer SubLevel"> + <div class="MenuItemL"> + <div class="MenuItemR"> + <div class="MenuItem">Sub Item Menu 2.2.1</div> + </div> + </div> + <div class="MenuItemL"> + <div class="MenuItemR"> + <div class="MenuItem"> + <div class="LabelItem">Sub Item Menu 2.2.2</div> + <div class="MenuItemContainer SubLevel"> + <div class="MenuItemL"> + <div class="MenuItemR"> + <div class="MenuItem">Sub Item Menu 2.2.2.1</div> + </div> + </div> + <div class="MenuItemL"> + <div class="MenuItemR"> + <div class="MenuItem">Sub Item Menu 2.2.2.2</div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + + <div class="MenuItemL"> + <div class="MenuItemR"> + <div class="MenuItem"> + <div class="LabelItem"> + <div class="Test3">MenuItem 3</div> + </div> + </div> + </div> + </div> + + <div class="MenuItemL"> + <div class="MenuItemR"> + <div class="MenuItem"> + <div class="LabelItem">MenuItem 4</div> + </div> + </div> + </div> + + <div class="MenuItemL"> + <div class="MenuItemR"> + <div class="MenuItem Level1"> + <div class="LabelItem">MenuItem 5</div> + <div class="MenuItemContainer SubLevel"> + <div class="MenuItemL"> + <div class="MenuItemR"> + <div class="MenuItem Level2.1">Sub Item Menu 5.1</div> + </div> + </div> + <div class="MenuItemL"> + <div class="MenuItemR"> + <div class="MenuItem Level2.2">Sub Item Menu 5.2</div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + + <script type="text/javascript"> + var uiPopupMenu = document.getElementById("UIPopupMenu") ; + var container = document.getElementById("WorkingWorkspace") ; + eXo.webui.UIPopupMenu.init(uiPopupMenu, container, 10, 30) ; +// uiPopupMenu.hide(uiPopupMenu); + </script> + </body> +</html>