[IMP] Display Formview by click on list.

bzr revid: jra@tinyerp.com-20110705052728-edz25px2mdbnaus2

1 files changed, 143 insertions, 2 deletions

diff --git a/addons/web_mobile/static/src/xml/web_mobile.xml b/addons/web_mobile/static/src/xml/web_mobile.xml
index 2f8a464ab72..cc6b2908c53 100644
--- a/addons/web_mobile/static/src/xml/web_mobile.xml
+++ b/addons/web_mobile/static/src/xml/web_mobile.xml
@@ -67,11 +67,11 @@
 
 <t t-name="ListView">
     <div role="main" class="ui-content" data-role="content">
-        <ul data-role="listview" class="ui-listview">
+        <ul role="listbox" data-role="listview" class="ui-listview" data-filter="true">
             <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c" t-foreach="records" t-as="record">
                 <div class="ui-btn-inner ui-li">
                     <div class="ui-btn-text">
-                        <a href="#" class="ui-link-inherit">
+                        <a id="list-id" t-att-data-id="record.id" href="#" class="ui-link-inherit">
                             <span><t t-esc="record.name"/></span>
                         </a>
                     </div>
@@ -82,6 +82,147 @@
     </div>
 </t>
 
+<t t-name="FormView">
+    <div role="main" class="ui-content" data-role="content">
+        <form>
+            <t t-foreach="get_fields" t-as="field">
+            <div data-role="fieldcontain">
+            
+                <label class="ui-input-text">
+                    <span><t t-esc="fields[field.attrs.name].string"></t></span>:
+                </label>
+                <t t-if="fields[field.attrs.name].type == 'char'">
+                    <t t-if="values[field.attrs.name]">
+                        <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" t-att-value="values[field.attrs.name]"/><br/>
+                    </t>
+                    <t t-if="!(values[field.attrs.name])">
+                        <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" value=""/><br/>
+                    </t>
+                </t>
+                <t t-if="fields[field.attrs.name].type == 'boolean'">
+                    <t t-if="values[field.attrs.name]">
+                        <input type="checkbox" checked="yes"/><br/>
+                    </t>
+                    <t t-if="!(values[field.attrs.name])">
+                        <input type="checkbox"/><br/>
+                    </t>
+                </t>
+                <t t-if="fields[field.attrs.name].type == 'text'">
+                    <input type="text" style="width: 100%"/><br/>
+                </t>
+                <t t-if="fields[field.attrs.name].type == 'selection'">
+                    <div class="ui-select">
+                        <div data-theme="c" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-up-c">
+                            <span class="ui-btn-inner ui-btn-corner-all">
+                                <span class="ui-btn-text">
+                                    <t t-if="values[field.attrs.name]">
+                                        <t t-foreach="fields[field.attrs.name].selection" t-as="opt">
+                                            <t t-if="opt[0] == (values[field.attrs.name])">
+                                                <t t-esc="opt[1]"/>
+                                            </t>
+                                        </t>
+                                    </t>
+                                </span>
+                                <span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span>
+                            </span>
+                            <select>
+                                <t t-foreach="fields[field.attrs.name].selection" t-as="opt">
+                                    <option t-att-value="opt[0]"><t t-esc="opt[1]"/></option>
+                                </t>
+                            </select>
+                        </div>
+                    </div>
+                </t>
+                <t t-if="fields[field.attrs.name].type == 'many2one'">
+                    <div class="ui-select">
+                        <div data-theme="c" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-up-c">
+                            <span class="ui-btn-inner ui-btn-corner-all">
+                                <span class="ui-btn-text">
+                                    <t t-esc="values[field.attrs.name][1]"/>
+                                </span>
+                                <span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span>
+                            </span>
+                            <select>
+                                
+                            </select>
+                        </div>
+                    </div>
+                </t>
+                <t t-if="fields[field.attrs.name].type == 'one2many'">
+                    <t t-if="values[field.attrs.name]">
+                        <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" t-att-value="values[field.attrs.name]"/><br/>
+                    </t>
+                    <t t-if="!(values[field.attrs.name])">
+                        <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" value=""/><br/>
+                    </t>
+                </t>
+                <t t-if="fields[field.attrs.name].type == 'many2many'">
+                    <t t-if="values[field.attrs.name]">
+                        <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" t-att-value="values[field.attrs.name]"/><br/>
+                    </t>
+                    <t t-if="!(values[field.attrs.name])">
+                        <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" value=""/><br/>
+                    </t>
+                </t>
+                <t t-if="fields[field.attrs.name].type == 'float'">
+                    <t t-if="values[field.attrs.name]">
+                        <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" t-att-value="values[field.attrs.name]"/><br/>
+                    </t>
+                    <t t-if="!(values[field.attrs.name])">
+                        <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" value=""/><br/>
+                    </t>
+                </t>
+                <t t-if="fields[field.attrs.name].type == 'date'">
+                    <t t-if="values[field.attrs.name]">
+                        <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" t-att-value="values[field.attrs.name]"/><br/>
+                    </t>
+                    <t t-if="!(values[field.attrs.name])">
+                        <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" value=""/><br/>
+                    </t>
+                </t>
+                <t t-if="fields[field.attrs.name].type == 'datetime'">
+                    <t t-if="values[field.attrs.name]">
+                        <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" t-att-value="values[field.attrs.name]"/><br/>
+                    </t>
+                    <t t-if="!(values[field.attrs.name])">
+                        <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" value=""/><br/>
+                    </t>
+                </t>
+            </div>
+            </t>
+
+            <t t-if="notebooks">
+                <t t-foreach="notebooks.children" t-as="page">
+                    <div class="info ui-collapsible-contain" data-collapsed="true" data-role="collapsible">
+                        <h1 class="ui-collapsible-heading ui-collapsible-heading-collapsed">
+                            <a class="ui-collapsible-heading-toggle ui-btn ui-btn-icon-left ui-shadow ui-corner-all ui-btn-up-c" href="#" data-theme="c">
+                                <span class="ui-btn-inner ui-corner-all">
+                                    <span class="ui-btn-text">
+                                        <t t-esc="page.attrs.string"></t>
+                                        <span class="ui-collapsible-heading-status"></span>
+                                    </span>
+                                    <span data-theme="d" class="ui-btn ui-btn-icon-left ui-btn-corner-all ui-shadow ui-btn-up-d">
+                                        <span class="ui-btn-inner ui-btn-corner-all ui-corner-all">
+                                            <span class="ui-btn-text"></span>
+                                            <span class="ui-icon ui-icon-shadow ui-icon-plus"></span>
+                                        </span>
+                                    </span>
+                                </span>
+                            </a>
+                        </h1>
+                        <div class="ui-collapsible-content ui-collapsible-content-collapsed" aria-hidden="true">
+                            <div class="detail">
+                                
+                            </div>
+                        </div>
+                    </div>
+                </t>
+            </t>
+        </form>
+    </div>
+</t>
+
+
 <t t-name="Shortcuts">
     <ul data-dividertheme="b" data-theme="c" data-inset="true" data-role="listview" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
         <li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-btn ui-bar-b ui-corner-top ui-btn-up-undefined">