diff options
author | Jani Laakso <jani.laakso@itmill.com> | 2007-11-30 16:21:11 +0000 |
---|---|---|
committer | Jani Laakso <jani.laakso@itmill.com> | 2007-11-30 16:21:11 +0000 |
commit | 396b971b819ca9747dbb6bb86dc220a7c66cb446 (patch) | |
tree | 37d8575b3a9e0f569c06a2d713c73aff991929ba /build/package/WebContent/index.html | |
parent | c4832facac82b1fd10cea4a1723fe8b45c93fe88 (diff) | |
download | vaadin-framework-396b971b819ca9747dbb6bb86dc220a7c66cb446.tar.gz vaadin-framework-396b971b819ca9747dbb6bb86dc220a7c66cb446.zip |
packaging
svn changeset:3093/svn branch:trunk
Diffstat (limited to 'build/package/WebContent/index.html')
-rw-r--r-- | build/package/WebContent/index.html | 247 |
1 files changed, 0 insertions, 247 deletions
diff --git a/build/package/WebContent/index.html b/build/package/WebContent/index.html deleted file mode 100644 index 90ee218729..0000000000 --- a/build/package/WebContent/index.html +++ /dev/null @@ -1,247 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html> - <head> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> - <title>IT Mill Toolkit 5</title> - <link rel="stylesheet" type="text/css" href="demo/css/styles.css" /> - <!--[if IE]> - <link rel="stylesheet" type="text/css" href="demo/css/ie.css" /> - <![endif]--> - <script type="text/javascript"> - - window.onload = function() { - itmill.init(); - } - - var itmill = function() { - - var isIE = /MSIE/.test(navigator.userAgent) && !window.opera; - var packageContent; - var package; - var demoArea; - var demos; - var additionalDemos; - var additionalDemosContent; - - return { - - init : function() { - // Fetch references - packageContent = document.getElementById("package-contents-content"); - package = document.getElementById("package-contents"); - demoArea = document.getElementById("demo-buttons"); - demos = demoArea.getElementsByTagName("li"); - additionalDemos = document.getElementById("additional-demos"); - additionalDemosContent = document.getElementById("additional-demos-content"); - - // Hide panel initially - packageContent.style.display = "none"; - additionalDemosContent.style.display = "none"; - - // Enable additional demos panel hiding/showing - var toggle = additionalDemos.getElementsByTagName("h3")[0]; - toggle.style.cursor = "pointer"; - toggle.title = "Show/hide additional demos"; - // Use the quick-n-dirty way to attach event listeners - toggle.onclick = function() {itmill.togglePanel(additionalDemosContent)}; - - // Enable package contents panel hiding/showing - toggle = package.getElementsByTagName("h3")[0]; - toggle.style.cursor = "pointer"; - toggle.title = "Show/hide package contents"; - // Use the quick-n-dirty way to attach event listeners - toggle.onclick = function() {itmill.togglePanel(packageContent)}; - - // enable demo button hovers - for(var i=0; i < demos.length; i++) { - demos[i].onmouseover = this.focusDemo; - } - demoArea.onmouseout = this.blurDemos; - - - // TODO implement feedback popup - }, - - togglePanel : function(which) { - if(which._open) { - which.style.display = "none"; - which._open = false; - } else { - which.style.display = "block"; - which._open = true; - } - // Dirty fix to reposition package-content panel - if(which == additionalDemosContent) { - var current = package.style.marginTop ? parseInt(package.style.marginTop) : -105; - if(which._open) { - if(!which._height) - which._height = additionalDemos.offsetHeight - package.offsetHeight; - package.style.marginTop = (current + which._height) + "px"; - } else { - package.style.marginTop = (current - which._height) + "px"; - } - } - }, - - focusDemo : function(e) { - var evt = e ? e : window.event; - var target = evt.target ? evt.target.parentNode : evt.srcElement.parentNode; // Should be the LI element - if(target.nodeType != 1 || target.nodeName != "LI") - return; - - for(var i=0; i < demos.length; i++) { - var demo = demos[i]; - if(demo != target) { - if(isIE) - demo.style.filter = "alpha(opacity=60)"; - else - demo.style.opacity = "0.6"; - - } else { - if(isIE) - demo.style.filter = ""; - else - demo.style.opacity = "1"; - } - } - }, - - blurDemos : function(e) { - var evt = e ? e : window.event; - var target = evt.toElement || evt.relatedTarget; - if(target == demoArea || target.parentNode == demoArea || target.parentNode.parentNode == demoArea) - return; - for(var i=0; i < demos.length; i++) { - if(isIE) - demos[i].style.filter = ""; - else - demos[i].style.opacity = "1"; - } - } - - }; - }(); - - </script> - </head> - <body> - - <div id="container"> - - <div class="header"> - <h1>Introducing IT Mill Toolkit 5</h1> - <em>Effortless web application development for Java-programmers.</em> - <a href="http://www.itmill.com" title="Open www.itmill.com">Visit itmill.com</a> - </div> <!-- /Header --> - - <div class="content"> - - <div id="demos"> - <h2>Demos</h2> - <ul id="demo-buttons"> - <li id="feature-browser"><a href="FeaturesApplication/">Feature browser</a></li> - <li id="notifications"><a href="NotificationDemo/">Notifications</a></li> - <li id="reservr"><a href="reservr.html">Reservation application</a></li> - <li id="windowed-demos"><a href="WindowedDemos">Windowed demos</a></li> - <li class="clearer"></li> <!-- // simplifies things in JavaScipt --> - </ul> - - <div class="clearer"></div> - - <div id="additional-demos" class="panel"> - <div class="top"></div> - - <h3>» Additional demos</h3> - - <div id="additional-demos-content"> <!-- For JavaScript hooking --> - <ul> - <li><a href="table-demo">Table Demo</a></li> - <li><a href="select-demo">Select Demo</a></li> - </ul> - </div> - - <div class="bottom"></div> - </div> <!-- /additional-demos --> - </div> <!-- /demos --> - - <div id="getting-started"> - <h2>Getting started</h2> - - <h4>Eclipse IDE Quickstart</h4> - <p>The easiest way to start working with IT Mill Toolkit is to - use Eclipse IDE with the Toolkit quickstart project. - <a href="doc/manual/ch01s05.html" class="more">Instant Toolkit workspace for Eclipse</a></p> - - <h4>Manual Deployment</h4> - <p>If you do not use Eclipse, you can manually deploy the Toolkit - <a href="lib/itmill-toolkit.war">WAR-package</a> to your application server. - </p> - - </div> <!-- /getting-started --> - - <div id="support-licensing"> - <h2>Support and Licensing</h2> - - <h4>Documentation</h4> - <p>Need help using IT Mill Toolkit? Look no further. Everything you need to know is here.</p> - <ul class="links"> - <li><a href="doc/manual/manual.html">Manual</a> <a href="doc/manual.pdf" class="more"><span>(</span>PDF<span>)</span></a></li> - <li><a href="doc/api/index.html" class="more">JavaDoc API</a></li> - <li><a href="http://forum.itmill.com" class="more">Support forum</a></li> - </ul> - - <h4>Licenses</h4> - <p>All of IT Mill Toolkit's core is licensed under liberal Open Source license. Commercial licenses are also available. - <a href="license/licensing-guidelines.html" class="more">Licensing Guidelines</a></p> - - </div> <!-- /support-licensing --> - - <div id="package-contents" class="panel"> - <div class="top"></div> - - <h3>» Package contents</h3> - <em>Version <version></version></em> - - <div id="package-contents-content"> <!-- For JavaScript hooking --> - - <div class="library"> - <h5>Library</h5> - <p>Contains all you need to start a new Toolkit project (binaries, sources, default - themes and widgetsets). <a href="WEB-INF/lib/itmill-toolkit-<version></version>.jar">Toolkit JAR</a></p> - </div> - - <div class="documentation"> - <h5>Documentation</h5> - <ul> - <li><a href="release-notes.html">Release Notes</a></li> - <li><a href="doc/manual/manual.html">Manual</a> (<a href="manual.pdf">view as PDF</a>)</li> - <li><a href="doc/api/index.html">JavaDoc API</a></li> - </ul> - </div> - - <div class="support"> - <h5>Support & Licensing</h5> - <ul> - <li><a href="http://forum.itmill.com">Support forum</a></li> - <li><a href="license/licensing-guidelines.html">Licensing Guidelines</a></li> - <li>Prices and purchase from <a href="mailto:sales@itmill.com">sales@itmill.com</a></li> - </ul> - </div> - - </div> - - <div class="bottom"></div> - </div> <!-- /package-contents --> - - <div class="clearer"></div> - </div> <!-- /content--> - - <div class="footer"> - <a href="http://www.itmill.com">IT Mill Ltd.</a> - <em>Interfacing IT</em> - </div> <!-- /footer --> - - </div> <!-- /container --> - - </body> -</html> |