[IMP] Dynamically Set Header & Footer, Change page on click of header-footer.

bzr revid: bth@tinyerp.com-20110912110428-xyxc70zql0r01mty

1 files changed, 15 insertions, 41 deletions

diff --git a/addons/web_mobile/static/src/xml/web_mobile.xml b/addons/web_mobile/static/src/xml/web_mobile.xml
index 75d30af55b1..29a325a61ce 100644
--- a/addons/web_mobile/static/src/xml/web_mobile.xml
+++ b/addons/web_mobile/static/src/xml/web_mobile.xml
@@ -5,6 +5,8 @@
 
 <t t-name="WebClient">
     <div data-role="page" id="oe_login"></div>
+    <div id="oe_header" />
+    <div id="oe_footer" />
     <div data-role="page" id="oe_sec_menu"></div>
     <div data-role="page" id="oe_sec_menu_new"></div>
     <div data-role="page" id="oe_list"></div>
@@ -44,22 +46,20 @@
 
 <t t-name="Header">
     <div data-role="header" data-theme="b" data-position="fixed">
-        <h1>OpenERP</h1>
+        <h1></h1>
         <a id="home" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#" title="Home" data-theme="b"></a>
     </div>
 </t>
 
 <t t-name="Footer">
     <div data-role="footer" data-theme="b" data-position="fixed">
-        <h1></h1>
+        <a id="shrotcuts" href="#" title="Favourite" data-theme="b">Favourite</a>
+        <a id="preference" href="#" title="Preference" data-theme="b">Preference</a>
     </div>
 </t>
 
 <t t-name="Shortcuts">
-    <div id="header" data-role="header" data-theme="b" data-position="fixed">
-        <h1>Favourite</h1>
-        <a id="application" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#oe_menu" title="Home" data-theme="b"></a>
-    </div>
+    <t t-call="Header" />
     <div id="content" data-role="content">
         <ul data-role="listview" data-inset="true">
             <li data-theme="c" t-foreach="sc" t-as="opt">
@@ -69,15 +69,10 @@
             </li>
        </ul>
    </div>
-   <div id="footer" data-role="footer" data-theme="b" data-position="fixed">
-        <a id="shrotcuts" href="#" title="Favourite" data-theme="b">Favourite</a>
-        <a id="preference" class="ui-btn-right" href="#" title="Preference" data-theme="b">Preference</a>
-    </div>
+   <t t-call="Footer" />
 </t>
 <t t-name="Menu">
-     <div data-role="header" data-theme="b" data-position="fixed">
-        <h1>Applications</h1>
-    </div>
+    <t t-call="Header" />
     <div id="content" data-role="content">
         <ul data-role="listview" data-inset="true">
             <li data-theme="c" t-foreach="data.children" t-as="menu">
@@ -87,17 +82,11 @@
             </li>
         </ul>
     </div>
-    <div id="footer" data-role="footer" data-theme="b" data-position="fixed">
-        <a id="shrotcuts" href="#" title="Favourite" data-theme="b">Favourite</a>
-        <a id="preference" href="#" title="Preference" data-theme="b">Preference</a>
-    </div>
+    <t t-call="Footer" />
 </t>
 
 <t t-name="Menu.secondary">
-    <div id="header" data-role="header" data-theme="b" data-position="fixed">
-        <h1></h1>
-        <a id="application" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#oe_menu" title="Home" data-theme="b"></a>
-    </div>
+    <t t-call="Header" />
     <div id="content" data-role="content">
         <t t-foreach="menu.children" t-as="menu1" >
             <ul data-dividertheme="b" data-theme="c" data-inset="true" data-role="listview">
@@ -114,16 +103,10 @@
             </ul>
         </t>
     </div>
-     <div id="footer" data-role="footer" data-theme="b" data-position="fixed">
-        <a id="shrotcuts" href="#" title="Favourite" data-theme="b">Favourite</a>
-        <a id="preference" href="#" title="Preference" data-theme="b">Preference</a>
-    </div>
+     <t t-call="Footer" />
 </t>
 <t t-name="Options">
-    <div id="header" data-role="header" data-theme="b" data-position="fixed">
-        <h1>Options</h1>
-        <a id="application" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#oe_menu" title="Home" data-theme="b"></a>
-    </div>
+    <t t-call="Header" />
     <div data-role="content">
         <ul data-dividertheme="b" data-theme="c" data-inset="true" data-role="listview">
             <li data-theme="c">
@@ -131,17 +114,11 @@
             </li>
         </ul>
     </div>
-    <div id="footer" data-role="footer" data-theme="b" data-position="fixed">
-        <a id="shrotcuts" href="#" title="Favourite" data-theme="b">Favourite</a>
-        <a id="preference" href="#" title="Preference" data-theme="b">Preference</a>
-    </div>
+    <t t-call="Footer" />
 </t>
 
 <t t-name="ListView">
-    <div id="header" data-role="header" data-theme="b" data-position="fixed">
-        <h1></h1>
-        <a id="application" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#oe_menu" title="Home" data-theme="b"></a>
-    </div>
+    <t t-call="Header" />
     <div id="content" data-role="content">
         <ul data-role="listview" data-inset="true" data-theme="d" data-filter="true">
             <li data-theme="c" t-foreach="records" t-as="record">
@@ -151,10 +128,7 @@
             </li>
         </ul>
     </div>
-     <div id="footer" data-role="footer" data-theme="b" data-position="fixed">
-        <a id="shrotcuts" href="#" title="Favourite" data-theme="b">Favourite</a>
-        <a id="preference" href="#" title="Preference" data-theme="b">Preference</a>
-    </div>
+    <t t-call="Footer" />
 </t>
 
 <t t-name="FormView">