initial commit

8 files changed, 469 insertions, 0 deletions

diff --git a/web_responsive/static/src/xml/apps.xml b/web_responsive/static/src/xml/apps.xml
new file mode 100644
index 0000000..d9e4098
--- /dev/null
+++ b/web_responsive/static/src/xml/apps.xml
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!-- Copyright 2018 Tecnativa - Jairo Llopis
+     License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). -->
+<template>
+    <t t-extend="AppsMenu">
+        <!-- App icons must be clickable -->
+        <t t-jquery=".o_app" t-operation="attributes">
+            <attribute
+                name="t-attf-href"
+                t-translation="off"
+            >#menu_id=#{app.menuID}&amp;action_id=#{app.actionID}</attribute>
+            <attribute name="draggable" t-translation="off">false</attribute>
+        </t>
+        <!-- App icons should be more than a text -->
+        <t t-jquery=".o_app &gt; t" t-operation="replace">
+            <t t-call="web_responsive.AppIcon" />
+        </t>
+        <!-- Same hotkey as in EE -->
+        <t t-jquery=".full" t-operation="attributes">
+            <attribute name="accesskey">a</attribute>
+        </t>
+        <!-- Search bar -->
+        <t t-jquery="[t-as=app]" t-operation="before">
+            <div class="search-container align-items-center col-12">
+                <div class="search-input">
+                    <div class="input-group">
+                        <div class="input-group-prepend">
+                            <span class="fa fa-search" />
+                        </div>
+                        <input
+                            type="search"
+                            autocomplete="off"
+                            placeholder="Search menus..."
+                            class="form-control"
+                        />
+                    </div>
+                    <div class="search-results ml-auto mr-auto rounded" />
+                </div>
+            </div>
+        </t>
+    </t>
+    <!-- Separate app icon template, for easier inheritance -->
+    <t t-name="web_responsive.AppIcon">
+        <img
+            class="o-app-icon"
+            draggable="false"
+            t-attf-src="data:image/png;base64,#{app.web_icon_data}"
+        />
+        <span class="o-app-name">
+            <t t-esc="app.name" />
+        </span>
+    </t>
+    <!-- A search result -->
+    <t t-name="web_responsive.MenuSearchResults">
+        <t t-foreach="results" t-as="result">
+            <t t-set="menu" t-value="widget._menuInfo(result.original)" />
+            <a
+                t-attf-class="o-menu-search-result dropdown-item col-12 ml-auto mr-auto #{result_first ? 'active' : ''}"
+                t-attf-style="background-image:url('data:image/png;base64,#{menu.web_icon_data}')"
+                t-attf-href="#menu_id=#{menu.id}&amp;action_id=#{menu.action_id}"
+                t-att-data-menu-id="menu.id"
+                t-att-data-action-id="menu.action_id"
+                t-att-data-parent-id="menu.parent_id[0]"
+                draggable="false"
+                t-raw="result.string"
+            />
+        </t>
+    </t>
+</template>
diff --git a/web_responsive/static/src/xml/attachment_viewer.xml b/web_responsive/static/src/xml/attachment_viewer.xml
new file mode 100644
index 0000000..928a1e4
--- /dev/null
+++ b/web_responsive/static/src/xml/attachment_viewer.xml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!-- Copyright 2019 Tecnativa - Alexandre Díaz
+     Copyright 2021 Sergey Shebanin
+     License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). -->
+<template>
+    <t t-inherit="mail.Dialog" t-inherit-mode="extension" owl="1">
+        <xpath expr="//div[hasclass('o_Dialog')]" position="attributes">
+            <attribute
+                name="t-attf-class"
+                t-translation="off"
+            >o_Dialog_{{dialog.record['constructor'].name}}</attribute>
+        </xpath>
+    </t>
+    <t t-inherit="mail.AttachmentViewer" t-inherit-mode="extension" owl="1">
+        <xpath expr="//div[hasclass('o_AttachmentViewer')]" position="attributes">
+            <attribute
+                name="t-att-class"
+                t-translation="off"
+            >state.maximized ? 'o_AttachmentViewer_maximized' : ''</attribute>
+        </xpath>
+        <xpath
+            expr="//div[hasclass('o_AttachmentViewer_header')]/div[hasclass('o-autogrow')]"
+            position="after"
+        >
+            <div
+                t-if="!state.maximized"
+                class="o_AttachmentViewer_headerItem o_AttachmentViewer_headerItemButton o_AttachmentViewer_headerItemButtonMaximize"
+                t-on-click="state.maximized=true"
+                role="button"
+                title="Maximize"
+                aria-label="Maximize"
+            >
+                <i class="fa fa-fw fa-window-maximize" role="img" />
+            </div>
+            <div
+                t-if="state.maximized"
+                class="o_AttachmentViewer_headerItem o_AttachmentViewer_headerItemButton o_AttachmentViewer_headerItemButtonMinimize"
+                t-on-click="state.maximized=false"
+                role="button"
+                title="Minimize"
+                aria-label="Minimize"
+            >
+                <i class="fa fa-fw fa-window-minimize" role="img" />
+            </div>
+        </xpath>
+    </t>
+</template>
diff --git a/web_responsive/static/src/xml/control_panel.xml b/web_responsive/static/src/xml/control_panel.xml
new file mode 100644
index 0000000..d7d0f9c
--- /dev/null
+++ b/web_responsive/static/src/xml/control_panel.xml
@@ -0,0 +1,146 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!-- Copyright 2021 Sergey Shebanin
+     License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). -->
+<templates>
+    <t t-inherit="web.ControlPanel" t-inherit-mode="extension" owl="1">
+        <xpath expr="//nav[hasclass('o_cp_switch_buttons')]" position="replace">
+            <nav
+                t-if="props.views.length gt 1"
+                class="btn-group o_cp_switch_buttons"
+                role="toolbar"
+                aria-label="View switcher"
+            >
+                <t
+                    t-set="collapse_switchview"
+                    t-value="device.size_class &lt;= device.SIZES.LG"
+                />
+                <button
+                    t-if="collapse_switchview"
+                    class="btn btn-link btn-sm"
+                    data-toggle="dropdown"
+                    aria-expanded="false"
+                >
+                    <span
+                        t-attf-class="fa fa-lg o_switch_view o_{{ env.view.type }} {{ props.views.filter(view => view.type === env.view.type)[0].icon }}"
+                    />
+                </button>
+                <ul
+                    t-if="collapse_switchview"
+                    class="dropdown-menu dropdown-menu-right list-inline"
+                >
+                    <li t-foreach="props.views" t-as="view" t-key="view.type">
+                        <t t-call="web.ViewSwitcherButton" />
+                    </li>
+                </ul>
+                <t
+                    t-if="!collapse_switchview"
+                    t-foreach="props.views"
+                    t-as="view"
+                    t-key="view.type"
+                >
+                    <t t-call="web.ViewSwitcherButton" />
+                </t>
+            </nav>
+        </xpath>
+        <xpath expr="//div[hasclass('o_searchview')]" position="replace">
+            <div
+                t-if="props.withSearchBar"
+                class="o_searchview"
+                t-att-class="state.mobileSearchMode == 'quick' ? 'o_searchview_quick' : 'o_searchview_mobile'"
+                role="search"
+                aria-autocomplete="list"
+                t-on-click.self="state.mobileSearchMode = device.isMobile ? 'quick' : ''"
+            >
+                <t t-if="!device.isMobile">
+                    <i
+                        class="o_searchview_icon fa fa-search"
+                        title="Search..."
+                        role="img"
+                        aria-label="Search..."
+                    />
+                    <SearchBar fields="fields" />
+                </t>
+                <t t-if="device.isMobile and state.mobileSearchMode == 'quick'">
+                    <button
+                        class="btn btn-link fa fa-arrow-left"
+                        t-on-click.stop="state.mobileSearchMode = ''"
+                    />
+                    <SearchBar fields="fields" />
+                    <button
+                        class="btn fa fa-filter"
+                        t-on-click.stop="state.mobileSearchMode = 'full'"
+                    />
+                </t>
+                <t
+                    t-if="device.isMobile and state.mobileSearchMode == 'full'"
+                    t-call="web_responsive.MobileSearchView"
+                />
+                <t t-if="device.isMobile and state.mobileSearchMode == ''">
+                    <button
+                        class="btn btn-link fa fa-search"
+                        t-on-click.stop="state.mobileSearchMode = 'quick'"
+                    />
+                </t>
+            </div>
+        </xpath>
+        <xpath expr="//div[hasclass('o_cp_top_left')]" position="attributes">
+            <attribute
+                name="t-att-class"
+                t-translation="off"
+            >device.isMobile and state.mobileSearchMode == 'quick' ? 'o_hidden' : ''</attribute>
+        </xpath>
+        <xpath expr="//div[hasclass('o_search_options')]" position="attributes">
+            <attribute name="t-if" t-translation="off">!device.isMobile</attribute>
+            <attribute
+                name="t-att-class"
+                t-translation="off"
+            >device.size_class == device.SIZES.MD ? 'o_search_options_hide_labels' : ''</attribute>
+        </xpath>
+    </t>
+    <t t-name="web_responsive.MobileSearchView" owl="1">
+        <div class="o_mobile_search">
+            <div class="o_mobile_search_header">
+                <span
+                    class="o_mobile_search_close float-left mt16 mb16 mr8 ml16"
+                    t-on-click.stop="state.mobileSearchMode = 'quick'"
+                >
+                    <i class="fa fa-arrow-left" />
+                    <strong class="float-right ml8">FILTER</strong>
+                </span>
+                <span
+                    class="float-right o_mobile_search_clear_facets mt16 mr16"
+                    t-on-click.stop="model.dispatch('clearQuery')"
+                >
+                    <t>CLEAR</t>
+                </span>
+            </div>
+            <SearchBar fields="fields" />
+            <div class="o_mobile_search_filter o_search_options mb8 mt8 ml16 mr16">
+                <FilterMenu
+                    t-if="props.searchMenuTypes.includes('filter')"
+                    class="o_filter_menu"
+                    fields="fields"
+                />
+                <GroupByMenu
+                    t-if="props.searchMenuTypes.includes('groupBy')"
+                    class="o_group_by_menu"
+                    fields="fields"
+                />
+                <ComparisonMenu
+                    t-if="props.searchMenuTypes.includes('comparison') and model.get('filters', f => f.type === 'comparison').length"
+                    class="o_comparison_menu"
+                />
+                <FavoriteMenu
+                    t-if="props.searchMenuTypes.includes('favorite')"
+                    class="o_favorite_menu"
+                />
+            </div>
+            <div
+                class="btn btn-primary o_mobile_search_show_result fixed-bottom"
+                t-on-click.stop="state.mobileSearchMode = ''"
+            >
+                <t>SEE RESULT</t>
+            </div>
+        </div>
+    </t>
+</templates>
diff --git a/web_responsive/static/src/xml/discuss.xml b/web_responsive/static/src/xml/discuss.xml
new file mode 100644
index 0000000..0789dee
--- /dev/null
+++ b/web_responsive/static/src/xml/discuss.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!-- Copyright 2019 Tecnativa - Alexandre Díaz
+     License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). -->
+<template>
+    <t t-extend="mail.discuss.ControlButtons">
+        <t
+            t-jquery=".o_mail_discuss_button_multi_user_channel"
+            t-operation="attributes"
+        >
+            <attribute name="class" t-translation="off">
+                btn btn-secondary o_mail_discuss_button_multi_user_channel d-md-block
+                d-none
+            </attribute>
+        </t>
+    </t>
+</template>
diff --git a/web_responsive/static/src/xml/form_buttons.xml b/web_responsive/static/src/xml/form_buttons.xml
new file mode 100644
index 0000000..2e86096
--- /dev/null
+++ b/web_responsive/static/src/xml/form_buttons.xml
@@ -0,0 +1,110 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+    Copyright 2017 LasLabs Inc.
+    Copyright 2018 Alexandre Díaz
+    Copyright 2018 Tecnativa - Jairo Llopis
+    License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl.html).
+-->
+<templates id="form_view" xml:space="preserve">
+    <!-- Template for buttons that display only the icon in xs -->
+    <t t-name="web_responsive.icon_button">
+        <i t-attf-class="fa fa-#{icon}" t-att-title="label" />
+        <span class="d-none d-sm-inline" t-esc="label" />
+    </t>
+    <t t-name="web_responsive.MenuStatusbarButtons">
+        <div class="dropdown">
+            <button
+                class="o_statusbar_buttons_dropdown btn btn-secondary dropdown-toggle"
+                type="button"
+                data-toggle="dropdown"
+                aria-haspopup="true"
+                aria-expanded="false"
+            >
+                <t t-call="web_responsive.icon_button">
+                    <t t-set="icon" t-value="'cogs'" />
+                    <t t-set="label">Quick actions</t>
+                </t>
+            </button>
+            <!-- A div.o_statusbar_buttons.dropdown-menu
+                 is appended here from JS -->
+        </div>
+    </t>
+    <t t-extend="FormView.buttons">
+        <!-- Change "Edit" button hotkey to "E" -->
+        <t t-jquery=".o_form_button_edit" t-operation="attributes">
+            <attribute name="accesskey">e</attribute>
+        </t>
+        <!-- Change "Discard" button hotkey to "D" -->
+        <t t-jquery=".o_form_button_cancel" t-operation="attributes">
+            <attribute name="accesskey">d</attribute>
+        </t>
+        <!-- Add responsive icons to buttons -->
+        <t t-jquery=".o_form_button_edit" t-operation="inner">
+            <t t-call="web_responsive.icon_button">
+                <t t-set="icon" t-value="'pencil'" />
+                <t t-set="label">Edit</t>
+            </t>
+        </t>
+        <t t-jquery=".o_form_button_create" t-operation="inner">
+            <t t-call="web_responsive.icon_button">
+                <t t-set="icon" t-value="'plus'" />
+                <t t-set="label">Create</t>
+            </t>
+        </t>
+        <t t-jquery=".o_form_button_save" t-operation="inner">
+            <t t-call="web_responsive.icon_button">
+                <t t-set="icon" t-value="'check'" />
+                <t t-set="label">Save</t>
+            </t>
+        </t>
+        <t t-jquery=".o_form_button_cancel" t-operation="inner">
+            <t t-call="web_responsive.icon_button">
+                <t t-set="icon" t-value="'times'" />
+                <t t-set="label">Discard</t>
+            </t>
+        </t>
+    </t>
+    <t t-extend="KanbanView.buttons">
+        <!-- Add responsive icons to buttons -->
+        <t t-jquery="button" t-operation="inner">
+            <t t-call="web_responsive.icon_button">
+                <t t-set="icon" t-value="'plus'" />
+                <t t-set="label" t-value="create_text || _t('Create')" />
+            </t>
+        </t>
+    </t>
+    <t t-extend="ListView.buttons">
+        <!-- Change "Discard" button hotkey to "D" -->
+        <t t-jquery=".o_list_button_discard" t-operation="attributes">
+            <attribute name="accesskey">d</attribute>
+        </t>
+        <!-- Add responsive icons to buttons -->
+        <t t-jquery=".o_list_button_add" t-operation="inner">
+            <t t-call="web_responsive.icon_button">
+                <t t-set="icon" t-value="'plus'" />
+                <t t-set="label">Create</t>
+            </t>
+        </t>
+        <t t-jquery=".o_list_button_save" t-operation="inner">
+            <t t-call="web_responsive.icon_button">
+                <t t-set="icon" t-value="'check'" />
+                <t t-set="label">Save</t>
+            </t>
+        </t>
+        <t t-jquery=".o_list_button_discard" t-operation="inner">
+            <t t-call="web_responsive.icon_button">
+                <t t-set="icon" t-value="'times'" />
+                <t t-set="label">Discard</t>
+            </t>
+        </t>
+    </t>
+    <t t-extend="CalendarView.navigation_buttons">
+        <!-- Add responsive icons to buttons -->
+        <t t-jquery=".o_calendar_button_today" t-operation="inner">
+            <t t-call="web_responsive.icon_button">
+                <t t-set="icon" t-value="'calendar-check-o'" />
+                <t t-set="label">Today</t>
+            </t>
+        </t>
+    </t>
+</templates>
diff --git a/web_responsive/static/src/xml/menu.xml b/web_responsive/static/src/xml/menu.xml
new file mode 100644
index 0000000..075cd49
--- /dev/null
+++ b/web_responsive/static/src/xml/menu.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates id="template" xml:space="preserve">
+    <div t-extend="UserMenu.shortcuts">
+        <t
+            t-jquery="table.o_shortcut_table > tbody > tr > td:nth-child(2) > span:first-child"
+            t-operation="after"
+        >
+        + <span class="o_key">Shift</span>
+    </t>
+    </div>
+</templates>
diff --git a/web_responsive/static/src/xml/navbar.xml b/web_responsive/static/src/xml/navbar.xml
new file mode 100644
index 0000000..1d9654a
--- /dev/null
+++ b/web_responsive/static/src/xml/navbar.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!-- Copyright 2017-2018 Tecnativa - Jairo Llopis
+     License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). -->
+<templates>
+    <t t-extend="Menu">
+        <t t-jquery=".o_menu_apps" t-operation="after">
+            <!-- Hamburger button to show submenus in sm screens -->
+            <button
+                class="o-menu-toggle d-md-none"
+                data-toggle="collapse"
+                data-target=".o_main_navbar .o_menu_sections"
+            >
+                <i class="fa fa-bars" />
+            </button>
+        </t>
+    </t>
+</templates>
diff --git a/web_responsive/static/src/xml/search_panel.xml b/web_responsive/static/src/xml/search_panel.xml
new file mode 100644
index 0000000..a1cc9db
--- /dev/null
+++ b/web_responsive/static/src/xml/search_panel.xml
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!-- Copyright 2021 Sergey Shebanin
+     License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). -->
+<templates>
+    <t t-inherit="web.SearchPanel" t-inherit-mode="extension" owl="1">
+        <xpath expr="//div[hasclass('o_search_panel')]" position="inside">
+            <div
+                t-if="device.isMobile"
+                class="o_search_panel_summary"
+                t-on-click.stop="state.mobileSearch = true"
+            >
+                <div class="d-flex flex-wrap align-items-center">
+                    <i class="fa fa-fw fa-filter mr-1" />
+                    <t t-set="filters" t-value="getActiveSummary()" />
+                    <span t-foreach="filters" t-as="filter" class="mx-1">
+                        <i
+                            t-if="filter.icon"
+                            t-attf-class="fa {{ filter.icon }} mr-2"
+                            t-att-style="filter.color and ('color: ' + filter.color)"
+                        />
+                        <t
+                            t-esc="filter.values.join(filter.type == 'category' ? ' / ' : ', ')"
+                        />
+                    </span>
+                    <t t-if="!filters.length">All</t>
+                </div>
+            </div>
+            <div
+                class="o_search_panel_content"
+                t-att-class="device.isMobile ? (state.mobileSearch ? 'o_mobile_search' : 'd-none'): ''"
+            />
+        </xpath>
+        <xpath expr="//div[hasclass('o_search_panel_content')]" position="inside">
+            <div t-if="device.isMobile" class="o_mobile_search_header">
+                <span
+                    class="o_mobile_search_close float-left mt16 mb16 mr8 ml16"
+                    t-on-click.stop="state.mobileSearch = false"
+                >
+                    <i class="fa fa-arrow-left" />
+                    <strong class="float-right ml8">FILTER</strong>
+                </span>
+            </div>
+            <xpath expr="//section" position="move" />
+            <div
+                t-if="device.isMobile"
+                class="btn btn-primary o_mobile_search_show_result fixed-bottom"
+                t-on-click.stop="state.mobileSearch = false"
+            >
+                <t>SEE RESULT</t>
+            </div>
+        </xpath>
+    </t>
+</templates>