Jiten (OpenERP) has proposed merging
lp:~openerp-dev/openerp-web/trunk-useability-effect-bounce into lp:openerp-web.
Requested reviews:
Xavier (Open ERP) (xmo)
For more details, see:
https://code.launchpad.net/~openerp-dev/openerp-web/trunk-useability-effect-bounce/+merge/114863
Improved code to add bounce effect for 3 diff views like page view, list view
and kanban view.
- When we click on empty row of list view than 'Create' button should be bounce
to give hint to user.
- When we click on content of field on page view (readonly) than 'Edit' button
should be bounce.
- In Kanban view for m2o grouped column, When we click on empty space than '+'
button should be bounce.
--
https://code.launchpad.net/~openerp-dev/openerp-web/trunk-useability-effect-bounce/+merge/114863
Your team OpenERP R&D Team is subscribed to branch
lp:~openerp-dev/openerp-web/trunk-useability-effect-bounce.
=== modified file 'addons/web/static/src/css/base.css'
--- addons/web/static/src/css/base.css 2012-07-13 11:47:37 +0000
+++ addons/web/static/src/css/base.css 2012-07-13 13:31:09 +0000
@@ -2418,3 +2418,26 @@
filter: alpha(opacity=30);
opacity: 0.3;
}
+
+.oe_bounce_left {
+ float: left;
+}
+
+.openerp .oe_bounce {
+ -moz-animation:bounce .40s linear;
+ -webkit-animation:bounce .40s linear;
+}
+
+@-moz-keyframes bounce {
+ 0%{ -moz-transform:scale(0); opacity:0;}
+ 50%{ -moz-transform:scale(1.3); opacity:0.4; }
+ 75%{ -moz-transform:scale(0.9); opacity:0.7;}
+ 100%{ -moz-transform:scale(1); opacity:1;}
+}
+
+@-webkit-keyframes bounce {
+ 0%{ -webkit-transform:scale(0); opacity:0;}
+ 50%{ -webkit-transform:scale(1.3); opacity:0.4;}
+ 75%{ -webkit-transform:scale(0.9); opacity:0.7;}
+ 100%{ -webkit-transform:scale(1); opacity:1;}
+}
\ No newline at end of file
=== modified file 'addons/web/static/src/js/view_form.js'
--- addons/web/static/src/js/view_form.js 2012-07-13 11:47:37 +0000
+++ addons/web/static/src/js/view_form.js 2012-07-13 13:31:09 +0000
@@ -564,6 +564,14 @@
_.each(this.fields,function(field){
field.set({"force_readonly": true});
});
+ /*
+ * Add bounce effect on button 'Edit' when click on readonly page view.
+ */
+ var edit_btn = $(".oe_form_button_edit");
+ this.$element.find(".oe_form_field, .oe_form_group_cell").click(function (e) {
+ edit_btn.wrap('<div>').css('margin-right','4px').addClass('oe_bounce_left oe_bounce');
+ e.stopImmediatePropagation();
+ });
} else {
self.$element.removeClass('oe_form_readonly').addClass('oe_form_editable');
self.$buttons.find('.oe_form_buttons_edit').show();
=== modified file 'addons/web/static/src/js/view_list.js'
--- addons/web/static/src/js/view_list.js 2012-07-03 15:55:40 +0000
+++ addons/web/static/src/js/view_list.js 2012-07-13 13:31:09 +0000
@@ -982,7 +982,14 @@
throw "Could not find id in dataset"
}
self.row_clicked(e);
- }
+ }
+ /*
+ * Add bounce effect on button 'Create' when click on empty row of list view.
+ */
+ else if (opts.options.$buttons) {
+ var create_btn = $(opts.options.$buttons.find('.oe_list_add'));
+ create_btn.wrap('<div>').css('margin-right','4px').addClass('oe_bounce_left oe_bounce');
+ }
});
},
row_clicked: function (e, view) {
=== modified file 'addons/web_kanban/static/src/css/kanban.css'
--- addons/web_kanban/static/src/css/kanban.css 2012-07-12 16:01:26 +0000
+++ addons/web_kanban/static/src/css/kanban.css 2012-07-13 13:31:09 +0000
@@ -520,4 +520,4 @@
.openerp .oe_form .oe_kanban_view .oe_kanban_column, .openerp .oe_form .oe_kanban_view .oe_kanban_group_header {
padding: 0px;
background: white;
-}
+}
\ No newline at end of file
=== modified file 'addons/web_kanban/static/src/js/kanban.js'
--- addons/web_kanban/static/src/js/kanban.js 2012-07-12 15:26:35 +0000
+++ addons/web_kanban/static/src/js/kanban.js 2012-07-13 13:31:09 +0000
@@ -420,6 +420,21 @@
self.quick.appendTo($(".oe_kanban_group_list_header", self.$records));
self.quick.focus();
});
+ /*
+ * Add bounce effect on image '+' of kanban header when click on empty space of kanban grouped column.
+ */
+ var add_btn = this.$element.find('.oe_kanban_add');
+ var fold_btn = this.$element.find('.oe_dropdown_kanban');
+ this.$records.click(function (ev) {
+ if (ev.target == ev.currentTarget) {
+ if (!self.state.folded) {
+ add_btn.wrap('<div>').addClass('oe_bounce');
+ }else {
+// fold_btn.css('display','inline-block');
+ fold_btn.wrap('<div>').addClass('oe_bounce');
+ }
+ }
+ });
this.$records.find('.oe_kanban_show_more').click(this.do_show_more);
if (this.state.folded) {
this.do_toggle_fold();
_______________________________________________
Mailing list: https://launchpad.net/~openerp-dev-gtk
Post to : [email protected]
Unsubscribe : https://launchpad.net/~openerp-dev-gtk
More help : https://help.launchpad.net/ListHelp
