]> source.dussan.org Git - vaadin-framework.git/commitdiff
Stubs for demo and example themes
authorJoonas Lehtinen <joonas.lehtinen@itmill.com>
Fri, 15 Jun 2007 11:32:17 +0000 (11:32 +0000)
committerJoonas Lehtinen <joonas.lehtinen@itmill.com>
Fri, 15 Jun 2007 11:32:17 +0000 (11:32 +0000)
svn changeset:1747/svn branch:trunk

12 files changed:
WebContent/theme/demo/description.xml [new file with mode: 0644]
WebContent/theme/demo/layout/featurebrowser-mainlayout.html [new file with mode: 0644]
WebContent/theme/demo/style.css [new file with mode: 0644]
WebContent/theme/example/description.xml [new file with mode: 0644]
WebContent/theme/example/layout/Contact.html [new file with mode: 0644]
WebContent/theme/example/layout/Developers.html [new file with mode: 0644]
WebContent/theme/example/layout/News.html [new file with mode: 0644]
WebContent/theme/example/layout/Products.html [new file with mode: 0644]
WebContent/theme/example/layout/Support.html [new file with mode: 0644]
WebContent/theme/example/layout/Welcome.html [new file with mode: 0644]
WebContent/theme/example/layout/icon_intro.png [new file with mode: 0644]
WebContent/theme/example/layout/mainLayout.html [new file with mode: 0644]

diff --git a/WebContent/theme/demo/description.xml b/WebContent/theme/demo/description.xml
new file mode 100644 (file)
index 0000000..0baa6b7
--- /dev/null
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+
+<!--  THIS FILE WILL BE DELETED !!! -->
+
+
+<theme name="demo">
+
+       <author name="IT Mill Ltd" email="info@itmill.com" />
+
+       <description>
+               IT Mill Toolkit Corporate theme.
+       </description>
+
+       <!--  Corporate theme only supports UIDL mode -->
+       <modes>
+               <mode name="ajax"/>
+               <mode name="html"/>
+       </modes>
+
+       <fileset>
+
+               <!-- UIDL Mode support files -->
+               <fileset mode="ajax">
+                       <fileset>
+                               <require><not><supports agent="SymbianOS"/></not></require>
+                               <file name="featurebrowser/featurebrowser.css" />
+                               <file name="featurebrowser/components.js" />
+                       </fileset>
+                       <!-- Use customized layout for SymbianOS phones -->
+                       <fileset>
+                       <require><supports agent="SymbianOS"/></require>
+                               <file name="featurebrowser/symbian/featurebrowser.css" />
+                               <file name="featurebrowser/symbian/components.js" />
+                       </fileset>
+               </fileset>
+               <fileset mode="html">
+                       <file name="featurebrowser/html-mode.xsl" />
+                       <file name="featurebrowser/html-mode.css" />
+               </fileset>
+       </fileset>
+       
+</theme>
diff --git a/WebContent/theme/demo/layout/featurebrowser-mainlayout.html b/WebContent/theme/demo/layout/featurebrowser-mainlayout.html
new file mode 100644 (file)
index 0000000..69e9072
--- /dev/null
@@ -0,0 +1,213 @@
+<html>
+<head>
+<link REL="stylesheet" TYPE="text/css" HREF="../style.css">
+</head>
+
+<body>
+<div id="featurebrowser-mainlayout"
+       style="width: 100%; height: 100%; position: absolute; top: 0pt; left: 0pt;"><img
+       src="img/header.png" />
+<div id="featurebrowser-features"
+       style="top: 62px; width: 200px; height: 443px;">
+       <div location="tree"></div>
+</div>
+<div id="featurebrowser-demo"
+       style="overflow: auto; position: absolute; top: 62px; left: 215px; width: 863px; height: 399px;">
+<table width="100%" height="100%" cellspacing="0" cellpadding="0"
+       border="0">
+       <tbody>
+               <tr>
+                       <td valign="middle" align="center">
+                       <table>
+                               <tbody>
+                                       <tr>
+                                               <td id="featurebrowser-demo-td" style="text-align: left;">
+                                               <div id="PID7" class="orderedlayout">
+                                               <table class="orderedlayout layout">
+                                                       <tbody class="layout">
+                                                               <tr class="layout">
+                                                                       <td class="layout">
+                                                                       <div id="PID8" class="panel">
+                                                                       <div class="panelborder">
+                                                                       <div class="caption panelcaption">Welcome to the IT Mill
+                                                                       Toolkit feature tour!</div>
+                                                                       <div class="content">
+                                                                       <div id="PID9" class="orderedlayout">
+                                                                       <table class="orderedlayout layout">
+                                                                               <tbody class="layout">
+                                                                                       <tr class="layout">
+                                                                                               <td class="layout">
+                                                                                               <div id="PID10" class="label">
+                                                                                               <div>
+                                                                                               <div
+                                                                                                       xmlns="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">This
+                                                                                               application lets you view and play with some features of IT
+                                                                                               Mill Toolkit. Use menu on the left to select component.<br />
+                                                                                               <br />
+                                                                                               Note the <b>Properties selection</b> on the top right
+                                                                                               corner. Click it open to access component properties and
+                                                                                               feel free to edit properties at any time.<br />
+                                                                                               <br />
+                                                                                               The area that you are now reading is the component demo
+                                                                                               area. Lower area from here contains component description,
+                                                                                               API documentation and optional code sample. Note that not
+                                                                                               all selections contain demo, only description and API
+                                                                                               documentation is shown.<br />
+                                                                                               <br />
+                                                                                               You may also change application's theme from below the menu.
+                                                                                               This example application is designed to work best with <em>Demo</em>
+                                                                                               theme, other themes are for demonstration purposes only.<br />
+                                                                                               <br />
+                                                                                               IT Mill Toolkit enables you to construct complex Web
+                                                                                               applications using plain Java, no knowledge of other Web
+                                                                                               technologies such as XML, HTML, DOM, JavaScript or browser
+                                                                                               differences is required.<br />
+                                                                                               <br />
+                                                                                               For more information, point your browser to <a target="_new"
+                                                                                                       href="http://www.itmill.com">www.itmill.com</a>.</div>
+                                                                                               </div>
+                                                                                               </div>
+                                                                                               </td>
+                                                                                       </tr>
+                                                                               </tbody>
+                                                                       </table>
+                                                                       </div>
+                                                                       </div>
+                                                                       </div>
+                                                                       </div>
+                                                                       </td>
+                                                               </tr>
+                                                       </tbody>
+                                               </table>
+                                               </div>
+                                               </td>
+                                       </tr>
+                               </tbody>
+                       </table>
+                       </td>
+               </tr>
+       </tbody>
+</table>
+</div>
+<div id="featurebrowser-tabs"
+       style="overflow: hidden; position: absolute; top: 478px; left: 215px; width: 863px; height: 77px;">
+<div id="PID11" class="tabsheet">
+<div class="tabs-container">
+<table cellspacing="0" class="tabs">
+       <tbody>
+               <tr>
+                       <td class="tab-space"></td>
+                       <td class="tab-on">Description</td>
+                       <td class="tab-space"></td>
+                       <td class="tab clickable" style="-moz-user-select: none;">Properties</td>
+                       <td class="tab-space"></td>
+                       <td class="tab clickable" style="-moz-user-select: none;">Javadoc</td>
+                       <td class="tab-space"></td>
+                       <td class="tab clickable" style="-moz-user-select: none;">Code
+                       Sample</td>
+                       <td width="100%" class="tab-last"></td>
+               </tr>
+       </tbody>
+</table>
+</div>
+<div class="tab-content"
+       style="border-bottom: 0pt none; overflow: auto; height: 30px;">
+<div id="PID12" class="orderedlayout">
+<table class="orderedlayout layout">
+       <tbody class="layout">
+               <tr class="layout">
+                       <td class="layout">
+                       <div id="PID13" class="orderedlayout">
+                       <table class="orderedlayout layout">
+                               <tbody class="layout">
+                                       <tr class="layout">
+                                               <td class="layout">
+                                               <div id="PID14" class="embedded"><img class="embedded"
+                                                       src="/demo/FeaturesApplication/APP/1/icon_intro.png" alt="" /></div>
+                                               </td>
+                                               <td class="layout">
+                                               <div id="PID15" class="label">
+                                               <div>
+                                               <div xmlns="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+                                               <h3>Welcome</h3>
+                                               </div>
+                                               </div>
+                                               </div>
+                                               </td>
+                                       </tr>
+                               </tbody>
+                       </table>
+                       </div>
+                       </td>
+               </tr>
+               <tr class="layout">
+                       <td class="layout">
+                       <div id="PID16" class="label">
+                       <div>
+                       <div xmlns="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">This
+                       area contains the selected component's description, list of
+                       properties, javadoc and optional code sample. Start your tour now by
+                       selecting features from the list on the left and remember to
+                       experiment with the <b>Properties panel</b> located at the top right
+                       corner area.<br />
+                       <br />
+                       IT Mill Toolkit version: 4.0.2<br />
+                       Browser: Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US;
+                       rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4</div>
+                       </div>
+                       </div>
+                       </td>
+               </tr>
+       </tbody>
+</table>
+</div>
+</div>
+</div>
+</div>
+<div id="featurebrowser-properties"
+       style="overflow: hidden; position: absolute; top: 15px; left: 1103px; width: 0px; height: 540px;">
+<div location="propertiesButton"></div>
+<div id="PID19" style="display: none;" class="panel disabled" /></div>
+<img
+       src="/demo/features/RES/demo/featurebrowser/img/show_properties.png"
+       id="featurebrowser-properties-toggler"
+       style="left: 1083px; height: 92px;" />
+<div id="featurebrowser-control"
+       style="overflow: hidden; position: absolute; top: 505px; left: 0pt; width: 200px; height: 50px;">
+<table width="100%" height="100%" border="0">
+       <tbody>
+               <tr>
+                       <td width="50%" valign="middle" align="center"
+                               id="featurebrowser-control-left">
+                       <div id="PID4" class="select"><input type="hidden" value="1" /><select>
+                               <option>-</option>
+                               <option value="1">demo</option>
+                               <option value="2">corporate</option>
+                               <option value="3">base</option>
+                       </select></div>
+                       </td>
+                       <td width="50%" valign="middle" align="center"
+                               id="featurebrowser-control-right">
+                       <div id="PID5" class="button-link button">
+                       <div class="link clickable" style="-moz-user-select: none;">
+                       <div>
+                       <div class="pad">
+                       <div class="caption">restart
+                       <div
+                               style="margin: 0px; padding: 0px; overflow: hidden; width: 0px; height: 0px;"><input
+                               type="button" /></div>
+                       </div>
+                       </div>
+                       </div>
+                       </div>
+                       </div>
+                       </td>
+               </tr>
+       </tbody>
+</table>
+</div>
+<div id="featurebrowser-divider"
+       style="overflow: hidden; position: absolute; top: 461px; left: 578px; width: 137px; height: 17px;" /></div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/WebContent/theme/demo/style.css b/WebContent/theme/demo/style.css
new file mode 100644 (file)
index 0000000..460eb4c
--- /dev/null
@@ -0,0 +1,38 @@
+.itmtk .tree-menu .content, 
+.itmtk .tree-menu .content .node, 
+.itmtk .tree-menu .content .nodes, 
+.itmtk .tree-menu .content .node IMG {
+       background: none;
+       border: 0;
+}
+
+#featurebrowser-properties {
+       width: 0px;
+       background: #f5f5f5;
+}
+
+#featurebrowser-divider {
+       background-image: url(layout/img/tab_handle.png);
+}
+
+#featurebrowser-mainlayout
+{
+       background-color: white;
+       background-image: url(layout/img/m_bg.png);
+       background-repeat: no-repeat;
+}
+
+#featurebrowser-tabs {
+       background: white;
+}
+
+#featurebrowser-properties-toggler {
+       position: absolute; 
+       top: 15px;
+}
+
+#featurebrowser-features {
+       position: absolute;
+       overflow: auto;
+       left: 0;
+}
\ No newline at end of file
diff --git a/WebContent/theme/example/description.xml b/WebContent/theme/example/description.xml
new file mode 100644 (file)
index 0000000..565eefb
--- /dev/null
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="ISO-8859-1"?>
+
+<!--  THIS FILE WILL BE DELETED !!! -->
+
+<theme name="example">
+
+       <author name="IT Mill Ltd" email="info@itmill.com" />
+
+       <description>
+               IT Mill Toolkit Example theme.
+       </description>
+
+       <modes>
+               <mode name="ajax"/>
+               <mode name="html"/>
+       </modes>
+
+       <fileset>
+
+               <!-- UIDL Mode support files -->
+               <fileset mode="ajax">
+                       <!-- JavaScripts to load in html head -->
+                       <file name="script/example-ajax-components.js" />
+               </fileset>
+       </fileset>
+       
+</theme>
diff --git a/WebContent/theme/example/layout/Contact.html b/WebContent/theme/example/layout/Contact.html
new file mode 100644 (file)
index 0000000..a374250
--- /dev/null
@@ -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/theme/example/layout/Developers.html b/WebContent/theme/example/layout/Developers.html
new file mode 100644 (file)
index 0000000..50e054a
--- /dev/null
@@ -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/theme/example/layout/News.html b/WebContent/theme/example/layout/News.html
new file mode 100644 (file)
index 0000000..f6ab7c7
--- /dev/null
@@ -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/theme/example/layout/Products.html b/WebContent/theme/example/layout/Products.html
new file mode 100644 (file)
index 0000000..1b9b74c
--- /dev/null
@@ -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/theme/example/layout/Support.html b/WebContent/theme/example/layout/Support.html
new file mode 100644 (file)
index 0000000..aca7e2a
--- /dev/null
@@ -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/theme/example/layout/Welcome.html b/WebContent/theme/example/layout/Welcome.html
new file mode 100644 (file)
index 0000000..964753d
--- /dev/null
@@ -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/theme/example/layout/icon_intro.png b/WebContent/theme/example/layout/icon_intro.png
new file mode 100644 (file)
index 0000000..0327129
Binary files /dev/null and b/WebContent/theme/example/layout/icon_intro.png differ
diff --git a/WebContent/theme/example/layout/mainLayout.html b/WebContent/theme/example/layout/mainLayout.html
new file mode 100644 (file)
index 0000000..5679ecb
--- /dev/null
@@ -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>