[IMP] Improved style on xml for pages.

bzr revid: jra@tinyerp.com-20110907111225-cnu0kynz3ygfki4r
This commit is contained in:
Jiten (OpenERP) 2011-09-07 16:42:25 +05:30
parent 280f720f32
commit d874c29edd
3 changed files with 96 additions and 89 deletions

View File

@ -118,6 +118,15 @@ openerp.web_mobile.Shortcuts = openerp.base.Widget.extend({
this.rpc('/base/session/sc_list',{} ,function(res){
self.$element.html(QWeb.render("Shortcuts", {'sc' : res}))
self.$element.find('#content').find("a").click(self.on_clicked);
self.$element.find("#header").find('#application').click(function(){
if(!$('#oe_menu').html().length){
this.menu = new openerp.web_mobile.Menu(self, "oe_menu");
this.menu.start();
}
else{
self.$element.find("#header").find('#application').attr('href','#oe_menu');
}
});
self.$element.find("#footer").find('#preference').click(function(){
if(!$('#oe_options').html().length){
this.options = new openerp.web_mobile.Options(self, "oe_options");
@ -207,6 +216,15 @@ openerp.web_mobile.Secondary = openerp.base.Widget.extend({
this.$element.html(QWeb.render("Menu.secondary", v));
this.$element.find("#header").find("h1").html(this.data.name);
this.$element.add(this.$secondary_menu).find('#content').find("a").click(this.on_menu_click);
this.$element.find("#header").find('#application').click(function(){
if(!$('#oe_menu').html().length){
this.menu = new openerp.web_mobile.Menu(self, "oe_menu");
this.menu.start();
}
else{
self.$element.find("#header").find('#application').attr('href','#oe_menu');
}
});
this.$element.find("#footer").find('#shrotcuts').click(function(){
if(!$('#oe_shortcuts').html().length){
this.shortcuts = new openerp.web_mobile.Shortcuts(self, "oe_shortcuts");
@ -245,6 +263,15 @@ openerp.web_mobile.Options = openerp.base.Widget.extend({
start: function() {
var self = this;
this.$element.html(QWeb.render("Options", this));
this.$element.find("#header").find('#application').click(function(){
if(!$('#oe_menu').html().length){
this.menu = new openerp.web_mobile.Menu(self, "oe_menu");
this.menu.start();
}
else{
self.$element.find("#header").find('#application').attr('href','#oe_menu');
}
});
this.$element.find("#footer").find('#shrotcuts').click(function(){
if(!$('#oe_shortcuts').html().length){
this.shortcuts = new openerp.web_mobile.Shortcuts(self, "oe_shortcuts");

View File

@ -22,12 +22,20 @@ openerp.web_mobile.ListView = openerp.base.Widget.extend({
},
on_search_data: function(ev){
var self = this;
var dataset = new openerp.base.DataSetStatic(this, this.action.res_model, this.action.context);
dataset.name_search('', [], 'ilike',false ,function(result){
self.$element.html(QWeb.render("ListView", {'records' : result}));
self.$element.find("#header").find('h1').html(self.action.name);
self.$element.find("a#list-id").click(self.on_list_click);
self.$element.find("#header").find('#application').click(function(){
if(!$('#oe_menu').html().length){
this.menu = new openerp.web_mobile.Menu(self, "oe_menu");
this.menu.start();
}
else{
self.$element.find("#header").find('#application').attr('href','#oe_menu');
}
});
self.$element.find("#footer").find('#shrotcuts').click(function(){
this.shortcuts = new openerp.web_mobile.Shortcuts(self, "oe_shortcuts");
this.shortcuts.start();
@ -36,7 +44,6 @@ openerp.web_mobile.ListView = openerp.base.Widget.extend({
this.options = new openerp.web_mobile.Options(self, "oe_options");
this.options.start();
});
$.mobile.changePage($("#oe_list"), "slide", true, true);
});
},

View File

@ -5,7 +5,6 @@
<t t-name="WebClient">
<div data-role="page" id="oe_login"></div>
<div data-role="page" id="oe_home"></div>
<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>
@ -43,134 +42,105 @@
</div>
</t>
<t t-name="HomePage">
<div id="header" data-role="header" data-theme="b" data-position="fixed">
<h1>OpenERP</h1>
<a id="home" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#oe_home" title="Home" data-theme="b"></a>
</div>
<div data-role="content">
</div>
<div id="footer" data-role="footer" data-theme="b" data-position="fixed">
<a id="shortcuts" class="ui-btn-right" data-iconpos="notext" title="Favourite" data-theme="b"></a>
<a id="application" class="ui-btn-right" data-iconpos="notext" href="#oe_home" title="Application" data-theme="b"></a>
</div>
</t>
<t t-name="Header">
<div data-role="header" data-theme="b" data-position="fixed">
<h1>OpenERP</h1>
<a id="home" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#oe_home" title="Home" data-theme="b"></a>
<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>Footer</h1>
<h1></h1>
</div>
</t>
<t t-name="Shortcuts">
<div data-role="header" data-theme="b">
<h1>OpenERP</h1>
<a id="home" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#oe_menu" title="Home" data-theme="b"></a>
<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="#" title="Home" data-theme="b"></a>
</div>
<div id="content" data-role="content">
<ul data-role="listview" data-inset="true">
<li data-role="list-divider" role="heading">
Shortcuts
</li>
<li data-theme="c" t-foreach="sc" t-as="opt">
<a href="#" t-att-data-menu="opt.id" t-att-data-name="opt.name" t-att-data-res="opt.res_id">
<span><t t-esc="opt.name"/></span>
</a>
</li>
</ul>
<ul data-role="listview" data-inset="true">
<li data-theme="c" t-foreach="sc" t-as="opt">
<a href="#" t-att-data-menu="opt.id" t-att-data-name="opt.name" t-att-data-res="opt.res_id">
<span><t t-esc="opt.name"/></span>
</a>
</li>
</ul>
</div>
<div id="footer" data-role="footer" data-theme="b" data-position="fixed">
<a data-role="button" id="shrotcuts" href="">Favourite</a>
<a data-role="button" id="application" href="#oe_menu">Application</a>
<a data-role="button" id="preference" href="">Preference</a>
<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 t-name="Menu">
<div data-role="header" data-theme="b" data-position="fixed">
<h1>OpenERP</h1>
<a id="home" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#oe_menu" title="Home" data-theme="b"></a>
<h1>Applications</h1>
</div>
<div id="content" data-role="content">
<ul data-role="listview" data-inset="true">
<li data-role="list-divider" role="heading">
Menu
</li>
<li data-theme="c" t-foreach="data.children" t-as="menu">
<a href="#" t-att-data-menu="menu.id" t-att-data-name="menu.name">
<span><t t-esc="menu.name"/></span>
</a>
</li>
</ul>
<ul data-role="listview" data-inset="true">
<li data-theme="c" t-foreach="data.children" t-as="menu">
<a href="#" t-att-data-menu="menu.id" t-att-data-name="menu.name">
<span><t t-esc="menu.name"/></span>
</a>
</li>
</ul>
</div>
<div id="footer" data-role="footer" data-theme="b" data-position="fixed">
<a data-role="button" id="shrotcuts">Favourite</a>
<a data-role="button" id="application" href="#oe_menu">Application</a>
<a data-role="button" id="preference">Preference</a>
<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="Menu.secondary">
<div id="header" data-role="header" data-theme="b" data-position="fixed">
<div id="header" data-role="header" data-theme="b" data-position="fixed">
<h1></h1>
<a id="home" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#" title="Home" data-theme="b"></a>
<a id="application" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#" title="Home" data-theme="b"></a>
</div>
<div id="content" data-role="content">
<ul data-dividertheme="b" data-theme="c" data-inset="true" data-role="listview">
<t t-foreach="menu.children" t-as="menu1" >
<li data-role="list-divider">
<t t-esc="menu1.name"/>
</li>
<t t-if="menu1.children.length">
<li data-theme="c" t-foreach="menu1.children" t-as="childmenu" >
<a href="#" t-attf-id="menu_#{childmenu.id}" t-att-data-menu="childmenu.id" t-att-data-name="childmenu.name">
<t t-esc="childmenu.name" />
</a>
<t t-foreach="menu.children" t-as="menu1" >
<ul data-dividertheme="b" data-theme="c" data-inset="true" data-role="listview">
<li data-role="list-divider">
<t t-esc="menu1.name"/>
</li>
</t>
</t>
</ul>
<t t-if="menu1.children.length">
<li data-theme="c" t-foreach="menu1.children" t-as="childmenu" >
<a href="#" t-attf-id="menu_#{childmenu.id}" t-att-data-menu="childmenu.id" t-att-data-name="childmenu.name">
<t t-esc="childmenu.name" />
</a>
</li>
</t>
</ul>
</t>
</div>
<div id="footer" data-role="footer" data-theme="b" data-position="fixed">
<a data-role="button" id="shrotcuts">Favourite</a>
<a data-role="button" id="application" href="#oe_menu">Application</a>
<a data-role="button" id="preference" href="">Preference</a>
<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="Options">
<div id="header" data-role="header" data-theme="b" data-position="fixed">
<h1>Openerp</h1>
<a id="home" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#" title="Home" data-theme="b"></a>
<h1>Options</h1>
<a id="application" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#" title="Home" data-theme="b"></a>
</div>
<div data-role="content">
<ul data-dividertheme="b" data-theme="c" data-inset="true" data-role="listview">
<li data-role="list-divider">
Options
</li>
<li data-theme="c">
<a id="logout" href="#oe_login">Logout</a>
</li>
</ul>
<ul data-dividertheme="b" data-theme="c" data-inset="true" data-role="listview">
<li data-theme="c">
<a id="logout" href="#oe_login">Logout</a>
</li>
</ul>
</div>
<div id="footer" data-role="footer" data-theme="b" data-position="fixed">
<a data-role="button" id="shrotcuts" >Favourite</a>
<a data-role="button" id="application" href="#oe_menu">Application</a>
<a data-role="button" id="preference">Preference</a>
<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="ListView">
<div id="header" data-role="header" data-theme="b">
<div id="header" data-role="header" data-theme="b" data-position="fixed">
<h1></h1>
<a id="home" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#oe_menu" title="Home" data-theme="b"></a>
<a id="application" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#" title="Home" data-theme="b"></a>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="true" data-theme="d" data-filter="true">
@ -182,16 +152,15 @@
</ul>
</div>
<div id="footer" data-role="footer" data-theme="b" data-position="fixed">
<a data-role="button" id="shrotcuts" href="#oe_shortcuts">Favourite</a>
<a data-role="button" id="application" href="#oe_menu">Application</a>
<a data-role="button" id="preference" href="#oe_options">Preference</a>
<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="FormView">
<div id="header" data-role="header" data-theme="b">
<div id="header" data-role="header" data-theme="b" data-position="fixed">
<h1></h1>
<a id="home" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#oe_menu" title="Home" data-theme="b"></a>
<a id="application" class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#" title="Home" data-theme="b"></a>
</div>
<div role="main" data-role="content">
<form>
@ -383,5 +352,9 @@
</t>
</form>
</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>
</templates>