diff options
| author | Jani Laakso <jani.laakso@itmill.com> | 2007-10-09 09:05:30 +0000 |
|---|---|---|
| committer | Jani Laakso <jani.laakso@itmill.com> | 2007-10-09 09:05:30 +0000 |
| commit | a08688e7bb834b0eb15c0e29726bfc0aa9546a36 (patch) | |
| tree | 421983d5a09a7b7a8c5855934890e5f2cddd2225 /WebContent/ITMILL | |
| parent | 2b0eff0e7d10912241ac1d934bd360ed74f010e9 (diff) | |
| download | vaadin-framework-a08688e7bb834b0eb15c0e29726bfc0aa9546a36.tar.gz vaadin-framework-a08688e7bb834b0eb15c0e29726bfc0aa9546a36.zip | |
Refactored WebContent/ITK-INF to WebContent/ITMILL
svn changeset:2463/svn branch:trunk
Diffstat (limited to 'WebContent/ITMILL')
17 files changed, 443 insertions, 0 deletions
diff --git a/WebContent/ITMILL/themes/demo/layouts/featurebrowser-mainlayout.html b/WebContent/ITMILL/themes/demo/layouts/featurebrowser-mainlayout.html new file mode 100644 index 0000000000..ee66b4919e --- /dev/null +++ b/WebContent/ITMILL/themes/demo/layouts/featurebrowser-mainlayout.html @@ -0,0 +1,241 @@ +<html> +<head> +<link REL="stylesheet" TYPE="text/css"> +</head> + +<body> +<div id="_UID_main" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"><img src="img/header.png" /> + + <div id="_UID_features" style="top: 62px; width: 200px; position: absolute; overflow: auto; left: 0;" location="tree"> + <div style="width: 100%; height: 100%; border: 1px solid red;">tree</div> + </div> + + <div id="_UID_demo" style="overflow: auto; position: absolute; top: 62px; left: 215px; "> + <table width="100%" height="100%" cellspacing="0" cellpadding="0" + border="0"> + <tbody> + <tr> + <td valign="middle" align="center"> + <table> + <tbody> + <tr> + <td style="text-align: left;" location="demo"> + <div style="width: 100%; height: 100%; border: 1px solid red;">demo</div> + </td> + </tr> + </tbody> + </table> + </td> + </tr> + </tbody> + </table> + </div> + + <div id="_UID_tabs" style="overflow: hidden; position: absolute; left: 215px;" location="tabsheet"> + <div style="width: 100%; height: 100%; border: 1px solid red;">tabsheet</div> + </div> + + <img id="_UID_prop-toggle" src="img/show_properties.png" style=" top: 23px; position: absolute;"/> + + <div id="_UID_props" style="overflow: hidden; position: absolute; top: 23px; width: 0px;" location="properties"> + <div style="width: 100%; height: 100%; border: 1px solid red;">properties</div> + </div> + + <div id="_UID_cntr" + style="overflow: hidden; position: absolute; bottom: 10px; left: 0pt; width: 200px; height: 50px;"> + <table width="100%" height="100%" border="0"> + <tbody> + <tr> + <td width="50%" valign="middle" align="center" id="_UID_cntr-left" location="themes">themes</td> + <td width="50%" valign="middle" align="center" id="_UID_cntr-right" location="restart">restart</td> + </tr> + </tbody> + </table> + </div> + + <img id="_UID_divider" src="img/tab_handle.png" style="position: absolute;" /> + +</div> + + +<script type="text/javascript"> + +/** Recalculate feature browser main layout dimensions for all components */ +_UID_layout = function() { + + // Then animations are needed, this will be reset to true + var animationNeeded = false; + + // References to all elements + var mainDiv = document.getElementById("_UID_main"); + if (mainDiv == null) { alert("maindiv is null"); return;} + var featuresDiv = document.getElementById("_UID_features"); + var demoDiv = document.getElementById("_UID_demo"); + var tabsDiv = document.getElementById("_UID_tabs"); + var propertiesDiv = document.getElementById("_UID_props"); + var controlDiv = document.getElementById("_UID_cntr"); + var dividerDiv = document.getElementById("_UID_divider"); + + // Logobar height + var logoBarHeight = 62; + + // Get whole window contents size + document.body.style.padding = 0; + document.body.style.margin = 0; + document.body.style.position = "absolute"; + document.body.style.height = "100%"; + document.body.style.width = "100%"; + var width = document.body.offsetWidth; + var height = document.body.offsetHeight; + mainDiv.style.height = height + "px"; + mainDiv.style.width = width + "px"; + + // Recalc features div dimensions + var featuresWidth = 200; + var controlHeight = 50; + featuresDiv.style.top="" + logoBarHeight + "px"; + featuresDiv.style.width="" + featuresWidth + "px"; + featuresDiv.style.height="" + (height-controlHeight-logoBarHeight) + "px"; + + // Recalc properties div dimensions + if (typeof propertiesDiv.targetWidth == 'undefined') propertiesDiv.targetWidth = 0; + var propWidth = Math.floor((propertiesDiv.offsetWidth + propertiesDiv.targetWidth)/2); + if (Math.abs(propWidth - propertiesDiv.targetWidth) <= 1) propWidth = propertiesDiv.targetWidth; + if (propWidth >width-featuresWidth) propWidth = width-featuresWidth; + if (propWidth < 0) propWidth = 0; + if ((propWidth+1) != (propertiesDiv.targetWidth+1)) animationNeeded=true; + var centerWidth = width - propWidth - featuresWidth - 40; + propertiesDiv.style.position="absolute"; + propertiesDiv.style.overflow="hidden"; + propertiesDiv.style.top="" + 23 + "px"; + propertiesDiv.style.left="" + (centerWidth + featuresWidth + 40) + "px"; + propertiesDiv.style.width=propWidth + "px"; + propertiesDiv.style.height="" + (height - 23) + "px"; + var buttonDiv = document.getElementById("_UID_prop-toggle"); + buttonDiv.style.left = "" + (centerWidth + featuresWidth - 20 + 40) + "px" + if (propWidth == 0) { //buttonDiv.src = buttonDiv.showPng; + buttonDiv.style.height = "92px"; } + if (propWidth == propertiesDiv.maxWidth) { //buttonDiv.src = buttonDiv.hidePng; + buttonDiv.style.height = "23px"; } + buttonDiv.onclick = function() { + var propertiesDiv = document.getElementById("_UID_props"); + propertiesDiv.targetWidth = propertiesDiv.targetWidth == 0 ? 265 : 0; + _UID_layout(); + }; + + // Recalc divider div dimensions + if (typeof dividerDiv.demoHeight == 'undefined') dividerDiv.demoHeight = Math.floor(height/2); + if (dividerDiv.isActive) { + dividerDiv.demoHeight = dividerDiv.mouseY-10 - logoBarHeight; + if (dividerDiv.demoHeight < 0) dividerDiv.demoHeight = 0; + } else { + if (dividerDiv.demoHeight + logoBarHeight > height - 20) dividerDiv.demoHeight = height - 20 - logoBarHeight; + if (dividerDiv.demoHeight < 0) dividerDiv.demoHeight = 0; + } + var dividerHeight = 17; + dividerDiv.style.position="absolute"; + dividerDiv.style.overflow="hidden"; + dividerDiv.style.top="" + (dividerDiv.demoHeight + logoBarHeight)+ "px"; + dividerDiv.style.left="" + (15+featuresWidth+Math.round((centerWidth-137)/2)) +"px"; + dividerDiv.style.width="" + 137 + "px"; + dividerDiv.style.height="" + dividerHeight + "px"; + + // Recalc tabs div dimensions + tabsDiv.style.position="absolute"; + tabsDiv.style.overflow="hidden"; + tabsDiv.style.top="" + (dividerDiv.demoHeight + dividerHeight + logoBarHeight) + "px"; + tabsDiv.style.left="" + (featuresWidth + 15) + "px"; + tabsDiv.style.width="" + centerWidth + "px"; + tabsDiv.style.height="" + (height - dividerDiv.demoHeight - dividerHeight - logoBarHeight) + "px"; + _UID_updateTabs(); + + // Recalc demo div dimensions + demoDiv.style.position="absolute"; + demoDiv.style.overflow="auto"; + demoDiv.style.top="" + logoBarHeight + "px"; + demoDiv.style.left="" + (featuresWidth + 15) + "px"; + demoDiv.style.width="" + centerWidth + "px"; + demoDiv.style.height="" + dividerDiv.demoHeight + "px"; + + // Recalc control div dimensions + // TODO, make floating + controlDiv.style.position="absolute"; + controlDiv.style.overflow="hidden"; + controlDiv.style.top="" + (height - controlHeight) + "px"; + controlDiv.style.left="0"; + controlDiv.style.width="" + featuresWidth + "px"; + controlDiv.style.height="" + controlHeight + "px"; + + if (animationNeeded) { + setTimeout("_UID_layout()",30); + } +}; + +/** Recalculate tabs content width */ +_UID_updateTabs = function() { + try { + var tabsDiv = document.getElementById("_UID_tabs"); + var tabsComponent = itmill.themes.Demo.prototype._UID_elemByIndex(tabsDiv.childNodes,0); + if (tabsComponent == null) return; + var tabs = itmill.themes.Demo.prototype._UID_elemByIndex(tabsComponent.childNodes,0); + if (tabs == null) return; + var content = itmill.themes.Demo.prototype._UID_elemByIndex(tabsComponent.childNodes,1); + if (content == null) return; + content.style.height="" + (tabsDiv.offsetHeight - tabs.offsetHeight-13) + "px"; + content.style.borderBottom="0"; + content.style.overflow='auto'; + var iframe = content.getElementsByTagName("iframe").item(0); + if (iframe != null) { + content.style.overflow='hidden'; + content.style.padding='0'; + content.style.height="" + (tabsDiv.offsetHeight - tabs.offsetHeight) + "px"; + iframe.height=content.style.height; + iframe.style.border='0'; + } + } catch (e) {} +}; + +/** Helper method. Get element from node array by index */ +_UID_elemByIndex = function(nodeArray, index) { + if (typeof nodeArray == 'undefined' || nodeArray == null) return null; + var i=0; + while (index>=0 && i < nodeArray.length) { + while(i < nodeArray.length && nodeArray[i].nodeType != Node.ELEMENT_NODE) i++; + if (index == 0) return nodeArray[i]; + index--; i++; + } + return null; +} + +_UID_dividerUpdate = function() { + var dividerDiv = document.getElementById("_UID_divider"); + var div = document.getElementById("_UID_main"); + dividerDiv.isActive = true; + div.onmouseup = function() { + dividerDiv.isActive = false; + div.onmouseup = null; + div.onmousemove = null; + } + div.onmousemove = function(e) { + dividerDiv.mouseY = typeof e != 'undefined' ? e.clientY : window.event.clientY; + _UID_layout(); + } + return false; +}; + +_UID_initFeatureBrowserLayout = function() { + var dividerDiv = document.getElementById("_UID_divider"); + if (dividerDiv == null) alert("no divider div"); + dividerDiv.isActive = false; + dividerDiv.onmousedown = _UID_dividerUpdate; + + window.onresize=_UID_layout; + _UID_layout(); +}; + +_UID_initFeatureBrowserLayout(); + +</script> + +</body> +</html>
\ No newline at end of file diff --git a/WebContent/ITMILL/themes/demo/layouts/img/header.png b/WebContent/ITMILL/themes/demo/layouts/img/header.png Binary files differnew file mode 100644 index 0000000000..bf64ac4e17 --- /dev/null +++ b/WebContent/ITMILL/themes/demo/layouts/img/header.png diff --git a/WebContent/ITMILL/themes/demo/layouts/img/hide_properties.png b/WebContent/ITMILL/themes/demo/layouts/img/hide_properties.png Binary files differnew file mode 100644 index 0000000000..0069db75d9 --- /dev/null +++ b/WebContent/ITMILL/themes/demo/layouts/img/hide_properties.png diff --git a/WebContent/ITMILL/themes/demo/layouts/img/m_bg.png b/WebContent/ITMILL/themes/demo/layouts/img/m_bg.png Binary files differnew file mode 100644 index 0000000000..2d37f7ffae --- /dev/null +++ b/WebContent/ITMILL/themes/demo/layouts/img/m_bg.png diff --git a/WebContent/ITMILL/themes/demo/layouts/img/show_properties.png b/WebContent/ITMILL/themes/demo/layouts/img/show_properties.png Binary files differnew file mode 100644 index 0000000000..6427452419 --- /dev/null +++ b/WebContent/ITMILL/themes/demo/layouts/img/show_properties.png diff --git a/WebContent/ITMILL/themes/demo/layouts/img/tab_handle.png b/WebContent/ITMILL/themes/demo/layouts/img/tab_handle.png Binary files differnew file mode 100644 index 0000000000..ed0c34cabb --- /dev/null +++ b/WebContent/ITMILL/themes/demo/layouts/img/tab_handle.png diff --git a/WebContent/ITMILL/themes/demo/styles.css b/WebContent/ITMILL/themes/demo/styles.css new file mode 100644 index 0000000000..735fa83e3c --- /dev/null +++ b/WebContent/ITMILL/themes/demo/styles.css @@ -0,0 +1,6 @@ +body, html {
+ background: #e9eced;
+ margin: 0;
+ padding: 0;
+ height: 100%;
+}
\ No newline at end of file diff --git a/WebContent/ITMILL/themes/example/layouts/Contact.html b/WebContent/ITMILL/themes/example/layouts/Contact.html new file mode 100644 index 0000000000..a37425078c --- /dev/null +++ b/WebContent/ITMILL/themes/example/layouts/Contact.html @@ -0,0 +1,30 @@ + +<h3>Contact Sales</h3> +<p> +Do you want us to send you an offer? Or have our sales team contact +you on another matter? Please fill out the enclosed form and we'll get +back to you as soon as possible. You can also call us or send us an +e-mail. +</p> + +<h3>Report a Bug</h3> +<p> +If you have found an issue with IT Mill Toolkit, demo applications or +documentation, please report it to us. Fill out the following form to +send us any relevant information about the issue. +Click here +</p> + +<h3>A job for a real expert</h3> +<p> +We are always interested in new and keen talents! Finnish language +skills are required so please fill out the application form. +Click here for the form +</p> + +<h3>You feedback is always welcome</h3> +<p> +Please give us feedback on our site, products and services. We are +happy to receive positive as well as negative comments as they help us +improve ourselves even further! +</p> diff --git a/WebContent/ITMILL/themes/example/layouts/Developers.html b/WebContent/ITMILL/themes/example/layouts/Developers.html new file mode 100644 index 0000000000..50e054a4f4 --- /dev/null +++ b/WebContent/ITMILL/themes/example/layouts/Developers.html @@ -0,0 +1,17 @@ + +<h3>Developers</h3> + +<p> +This section contains information for developers using IT Mill Toolkit +to create Java web applications. +</p> + +<p> +Start by reading the example application walk-through, get familiar +with the application structure and install the development environment. +</p> + +<p> +Simple. You'll be ready to build your own Ajax web applications in +Java language. +</p> diff --git a/WebContent/ITMILL/themes/example/layouts/News.html b/WebContent/ITMILL/themes/example/layouts/News.html new file mode 100644 index 0000000000..f6ab7c7f7f --- /dev/null +++ b/WebContent/ITMILL/themes/example/layouts/News.html @@ -0,0 +1,40 @@ + +<h3>News</h3> + +<p> +IT Mill was founded in 2000 to develop this new programming paradigm +that would support the creation of real user interfaces for real +application using real programming languages. +</p> + +<p> +IT Mill has been offering high-quality expert services to support its +customers' software development from the start. This model has made it +possible for the company to grow and develop realistically and solely +on net income. +</p> + +<p> +The development of company's proprietary MillstoneTM technology +started at the end of 2000 in cooperation with Tekes, the National +Technology Agency of Finland. The first new Millstone customer +applications were launched already in 2001. +</p> + +<p> +Version 3.0 of the Millstone user interface library was published +using an open LGPL license in December 2002, making it possible to use +the library free of charge all around the world. +</p> + +<p> +Until 2005 more than 50 % of IT Mill's turnover was derived from sales +of Millstone specialist services, with the rest coming from sales of +other software development services and outsourcing services. +</p> + +<p> +In late 2006 IT Mill ensured funding of the new generation of +Millstone. IT Mill Toolkit was released in early 2007. +</p> + diff --git a/WebContent/ITMILL/themes/example/layouts/Products.html b/WebContent/ITMILL/themes/example/layouts/Products.html new file mode 100644 index 0000000000..1b9b74c128 --- /dev/null +++ b/WebContent/ITMILL/themes/example/layouts/Products.html @@ -0,0 +1,25 @@ + +<h3>Top 5 reasons to choose IT Mill Toolkit</h3> + +<p> +1. High compatibility with web browsers and application servers +</p> + +<p> +2. Real savings in cross-browser application development and testing +</p> + +<p> +3. Ready-made components that make applications easy to maintain +and easy to extend +</p> + +<p> +4. Supports all stages of the application development cycle from +design to maintenance +</p> + +<p> +5. Proven in production - since 2001 +</p> + diff --git a/WebContent/ITMILL/themes/example/layouts/Support.html b/WebContent/ITMILL/themes/example/layouts/Support.html new file mode 100644 index 0000000000..aca7e2a66d --- /dev/null +++ b/WebContent/ITMILL/themes/example/layouts/Support.html @@ -0,0 +1,16 @@ + +<h3>Support</h3> + +<p> +IT Mill offers a service, one that is expert, flexible and reliable. +We cover the gamut of software development - we are technology +consultants, a turnkey systems providers, a support center for the +customer's internal product development. +</p> + +<p> +We offer maintenance as well as additional development services for +all the software we build. However, it is one of our principles that +the customer should always be free to solicit competing bids for +further development and software maintenance. +</p> diff --git a/WebContent/ITMILL/themes/example/layouts/Welcome.html b/WebContent/ITMILL/themes/example/layouts/Welcome.html new file mode 100644 index 0000000000..964753da5b --- /dev/null +++ b/WebContent/ITMILL/themes/example/layouts/Welcome.html @@ -0,0 +1,20 @@ + +<h3>Welcome</h3> + +<p> +IT Mill is a specialist in enterprise web user interface design and +technology. We offer a variety of products and services for enterprise +application user interface design, -analysis and -implementation. Our +flagship product is IT Mill Toolkit - a server-side component +framework for Java EE. IT Mill Toolkit enables creation of highly +usable browser applications in real Java. +</p> + +<p> +IT Mill Toolkit is a web user interface framework for developing +high-quality web applications for enterprise and professional use. By +using standard Java tools and the enterprise environment (Java EE - +formerly J2EE) we have created the most elegant and complete +architecture for developing user interfaces for web business +applications - for your benefit. +</p>
\ No newline at end of file diff --git a/WebContent/ITMILL/themes/example/layouts/icon_intro.png b/WebContent/ITMILL/themes/example/layouts/icon_intro.png Binary files differnew file mode 100644 index 0000000000..032712985c --- /dev/null +++ b/WebContent/ITMILL/themes/example/layouts/icon_intro.png diff --git a/WebContent/ITMILL/themes/example/layouts/mainLayout.html b/WebContent/ITMILL/themes/example/layouts/mainLayout.html new file mode 100644 index 0000000000..5679ecbc62 --- /dev/null +++ b/WebContent/ITMILL/themes/example/layouts/mainLayout.html @@ -0,0 +1,33 @@ + +<!-- Toolkit components are placed with divs that have matching +location tag --> + +<table> + <tr> + <td><img src="icon_intro.png" /></td> + <td width="80%"><b>This is an example application that uses custom layouts</b></td> + <td align="right"> + <!-- login components --> + <table align="right"> + <tr> + <td><div location="loginUser"></div></td> + <td><div location="loginPassword"></div></td> + <td><div style="width:100px;margin-top:1em" location="loginButton"></div></td> + </tr> + </table> + </td> + </tr> +</table> + +<table> + <tr> + <!-- menu component --> + <td valign="top" width="150"> + <div location="menu"></div> + </td> + <!-- body component, updated by menu clicked event --> + <td valign="top"> + <div location="body"></div> + </td> + </tr> +</table> diff --git a/WebContent/ITMILL/themes/example/styles.css b/WebContent/ITMILL/themes/example/styles.css new file mode 100644 index 0000000000..e69de29bb2 --- /dev/null +++ b/WebContent/ITMILL/themes/example/styles.css diff --git a/WebContent/ITMILL/themes/reservr/styles.css b/WebContent/ITMILL/themes/reservr/styles.css new file mode 100644 index 0000000000..569fcaf8c6 --- /dev/null +++ b/WebContent/ITMILL/themes/reservr/styles.css @@ -0,0 +1,15 @@ +button.important-link {
+ border: 0px;
+ text-align: left;
+ text-decoration: underline;
+ background: none;
+ font-weight: bold;
+}
+button.selected-link {
+ border: 0px;
+ text-align: left;
+ text-decoration: underline;
+ background: #183C6B;
+ font-weight: bold;
+ color: white;
+}
|
