[gatein-commits] gatein SVN: r3232 - in portal/trunk/web/eXoResources/src/main/webapp/javascript/html: core and 12 other directories.
do-not-reply at jboss.org
do-not-reply at jboss.org
Fri Jun 4 06:49:32 EDT 2010
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>nguyenanhkien2a at gmail.com</td>
+ </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>trong.tran at exoplatform.com</td>
+ </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>
More information about the gatein-commits
mailing list