summaryrefslogtreecommitdiff
path: root/addons/web/static/src
diff options
context:
space:
mode:
authorJulien Mougenot <jum@odoo.com>2020-03-11 09:38:26 +0000
committerJulien Mougenot <jum@odoo.com>2020-03-13 09:37:30 +0000
commit72f1633532a586e1ccee4d2a961d745553b9d8b8 (patch)
treeeaffd6652fbe8137f1428349009c78168ba4c4dc /addons/web/static/src
parentda8790f0bb3d561cda9a9db95a3e980f91a8e7fd (diff)
[REF] web: Move control panel mobile to enterprise
Now that mobile is not supported anymore in community, the mobile layout of the control panel has been entirely moved to enterprise. This caused some conflicts with the community mobile test suite (which does not make sense anyway). The failing tests and related style sheets have been moved as well. Part of task 2196029 Co-authored-by: Mathieu Duckerts-Antoine <dam@odoo.com>
Diffstat (limited to 'addons/web/static/src')
-rw-r--r--addons/web/static/src/js/views/control_panel/mobile_control_panel_controller.js34
-rw-r--r--addons/web/static/src/js/views/control_panel/mobile_control_panel_renderer.js122
-rw-r--r--addons/web/static/src/scss/search_view_mobile.scss90
-rw-r--r--addons/web/static/src/scss/web_calendar_mobile.scss18
4 files changed, 0 insertions, 264 deletions
diff --git a/addons/web/static/src/js/views/control_panel/mobile_control_panel_controller.js b/addons/web/static/src/js/views/control_panel/mobile_control_panel_controller.js
deleted file mode 100644
index 92537c4d8e0..00000000000
--- a/addons/web/static/src/js/views/control_panel/mobile_control_panel_controller.js
+++ /dev/null
@@ -1,34 +0,0 @@
- odoo.define('web.MobileControlPanelController', function (require) {
-"use strict";
-
-var config = require('web.config');
-var ControlPanelController = require('web.ControlPanelController');
-
-if (!config.device.isMobile) {
- return;
-}
-
-ControlPanelController.include({
- custom_events:_.extend({}, ControlPanelController.prototype.custom_events, {
- 'search_bar_cleared': '_onSearchBarCleared',
- }),
-
- //--------------------------------------------------------------------------
- // Handlers
- //--------------------------------------------------------------------------
-
- /**
- * There is a 'Clear' button in the mobile control panel view.
- *
- * @private
- */
- _onSearchBarCleared: function () {
- var self = this;
- this.model.get().query.forEach(function (groupId) {
- self.model.deactivateGroup(groupId);
- });
- this._reportNewQueryAndRender();
- },
-});
-
-});
diff --git a/addons/web/static/src/js/views/control_panel/mobile_control_panel_renderer.js b/addons/web/static/src/js/views/control_panel/mobile_control_panel_renderer.js
deleted file mode 100644
index 2110fcb2ca1..00000000000
--- a/addons/web/static/src/js/views/control_panel/mobile_control_panel_renderer.js
+++ /dev/null
@@ -1,122 +0,0 @@
- odoo.define('web.MobileControlPanelRenderer', function (require) {
-"use strict";
-
-var config = require('web.config');
-var ControlPanelRenderer = require('web.ControlPanelRenderer');
-
-if (!config.device.isMobile) {
- return;
-}
-
-ControlPanelRenderer.include({
- events:_.extend({}, ControlPanelRenderer.prototype.events, {
- 'click .o_mobile_search_close, .o_mobile_search_show_result, .o_toggle_searchview_full': '_toggleMobileSearchView',
- 'click .o_enable_searchview': '_toggleMobileQuickSearchView',
- 'click .o_toggle_searchview_full': '_onOpenMobileSearchView',
- 'click .o_mobile_search_clear_facets': '_onEmptyAll',
- 'show.bs.dropdown .o_mobile_search_filter .o_dropdown': '_onDropdownToggle',
- 'hide.bs.dropdown .o_mobile_search_filter .o_dropdown': '_onDropdownToggle',
- }),
-
- //--------------------------------------------------------------------------
- // Private
- //--------------------------------------------------------------------------
-
- /**
- * Overridden to correctly place submenu inside the mobile section.
- *
- * @private
- * @override
- */
- _getSubMenusPlace: function () {
- return this.$('.o_mobile_search_filter');
- },
- /**
- * @private
- * @override
- */
- _render: function () {
- var self = this;
- return this._super.apply(this, arguments).then(function () {
- self.$('.o_mobile_search_clear_facets')
- .toggleClass('o_hidden', !self.state.query.length);
- });
- },
- /**
- * @private
- * @override
- */
- _renderSearchBar: function () {
- var self = this;
- return this._super.apply(this, arguments).then(function () {
- self._renderSearchviewInput();
- });
- },
- _renderSearchviewInput: function () {
- if (this.$('.o_toggle_searchview_full').is(':visible') && !this.$('.o_mobile_search').is(':visible')) {
- this.$('.o_toggle_searchview_full').toggleClass('btn-secondary', !!this.state.query.length);
- this.searchBar.$el.detach().insertAfter(this.$('.o_mobile_search'));
- } else {
- this.searchBar.$el.detach().insertAfter(this.$('.o_mobile_search_header'));
- }
- },
- /**
- * Toggles mobile search view screen.
- *
- * @private
- */
- _toggleMobileSearchView: function () {
- this.$('.o_mobile_search').toggleClass('o_hidden');
- this._renderSearchviewInput();
- },
- /**
- * Toggles mobile quick search view on screen.
- *
- * @private
- */
- _toggleMobileQuickSearchView: function () {
- this.$('.o_cp_searchview').toggleClass('o_searchview_quick');
- this.$('.breadcrumb').toggleClass('o_hidden',
- this.$('.o_cp_searchview').hasClass('o_searchview_quick'));
- this.$('.o_toggle_searchview_full')
- .toggleClass('o_hidden')
- .toggleClass('btn-secondary', !!this.state.query.length);
- this._renderSearchviewInput();
- this.$('.o_enable_searchview').toggleClass("fa-search").toggleClass("fa-close");
- },
-
- //--------------------------------------------------------------------------
- // Handlers
- //--------------------------------------------------------------------------
-
- /**
- * Toggles the little arrow in main buttons.
- *
- * @private
- * @param {BootstrapEvent} ev
- */
- _onDropdownToggle: function (ev) {
- $(ev.currentTarget).find('.fa-chevron-right').toggleClass('fa-chevron-down');
- },
- /**
- * Clears all filters from the search view.
- *
- * @private
- */
- _onEmptyAll: function () {
- this.trigger_up('search_bar_cleared');
- },
- /**
- * Opens the mobile search view screen.
- *
- * @private
- * @param {MouseEvent} ev
- */
- _onOpenMobileSearchView: function (ev) {
- if (ev.target === this.el) {
- this._toggleMobileSearchView();
- }
- },
-});
-
-});
diff --git a/addons/web/static/src/scss/search_view_mobile.scss b/addons/web/static/src/scss/search_view_mobile.scss
deleted file mode 100644
index bf68732b2e5..00000000000
--- a/addons/web/static/src/scss/search_view_mobile.scss
+++ /dev/null
@@ -1,90 +0,0 @@
-.o_web_client {
- .o_mobile_search {
- position: fixed;
- top: 0;
- left: 0;
- bottom: 0;
- padding: 0;
- width: 100%;
- background-color: white;
- z-index: $zindex-modal;
- overflow: auto;
- .o_mobile_search_header {
- height: 46px;
- margin-bottom: 10px;
- width: 100%;
- background-color: $o-brand-odoo;
- color: white;
- span:active {
- background-color: darken($o-brand-primary, 10%);
- }
- }
- .o_searchview_input_container {
- display: flex;
- padding: 15px 20px 0 20px;
- position: relative;
- .o_searchview_input {
- width: 100%;
- margin-bottom: 15px;
- border-bottom: 1px solid $o-brand-secondary;
- }
- .o_searchview_facet {
- border-radius: 10px;
- display: inline-flex;
- order:1;
- .o_searchview_facet_label {
- border-radius: 2em 0em 0em 2em;
- }
- }
- .o_searchview_autocomplete {
- top:100%;
- > li {
- margin: 5px 0px;
- }
- }
- }
- .o_mobile_search_filter {
- padding-bottom: 15%;
- .o_dropdown {
- width: 100%;
- margin: 15px 5px 0px 5px;
- border: solid 1px darken(gray('200'), 20%);
-
- }
- .o_dropdown_toggler_btn {
- width: 100%;
- text-align: left;
-
- &:after {
- display: none;
- }
- }
-
- // We disable the backdrop in this case because it prevents any
- // interaction outside of a dropdown while it is open.
- .dropdown-backdrop {
- z-index: -1;
- }
- .dropdown-menu {
- // Here we use !important because of popper js adding custom style
- // to element so to override it use !important
- position: relative !important;
- width: 100% !important;
- transform: translate3d(0, 0, 0) !important;
- box-shadow: none;
- border: none;
- color: gray('600');
- .divider {
- margin: 0px;
- }
- > li > a {
- padding: 10px 26px;
- }
- }
- }
- .o_mobile_search_show_result {
- padding: 15px;
- font-size: 17px;
- }
- }
-}
diff --git a/addons/web/static/src/scss/web_calendar_mobile.scss b/addons/web/static/src/scss/web_calendar_mobile.scss
deleted file mode 100644
index de4c10fa12f..00000000000
--- a/addons/web/static/src/scss/web_calendar_mobile.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@include media-breakpoint-down(sm) {
- .o_control_panel {
- .o_calendar_button_today {
- font-size: 0.7em;
- line-height: 1.9em;
- > .o_calendar_text {
- margin-top: 3px;
- }
- }
- }
-
- .o_calendar_view {
- .fc-day-header {
- word-spacing: 1000px; // force line break in week mode
- }
- }
-
-}