Как скрыть навигационную панель и root -меню на боковой панели от модуля веб-бэкэнда Odoo? - PullRequest
Новая
       105

Как скрыть навигационную панель и root -меню на боковой панели от модуля веб-бэкэнда Odoo?

0 голосов
/ 22 февраля 2020

Я работаю над POS Point of sales module, Я открываю Iframe на мобильном устройстве, чтобы показать экран POS, но я хотел скрыть панель навигации и боковую панель элементов root, чтобы обычные пользователи могли использовать только панель инструментов POS.

Я установил фрагмент POS_Mobile, чтобы сделать его отзывчивым на мобильных телефонах, и там я попытался написать JS код, чтобы скрыть его.

, но он открывается, только когда я запускаю любую POS-сессию, нажимая resume.

Я пробовал как:

В файле pos_mobile_template.xml, добавив JQuery как: 

 if ($(window).width() < 768) {

            //$("nav.o_main_navbar").hide();

    }else{

       // $("nav.o_main_navbar").show();

    }

, но он не работал, так как этот шаблон не загружен на POS-панели.

screenshot

Вот как я пытаюсь это сделать (теперь я сделал это, удалив navbar, проверяя элементы, это то же самое, что я хотел сделать, но не знаю, где наследовать и писать, не затрагивая другие функции).

final output I wanted

Вот как на самом деле это is:

current screen

также, я попытался передать параметр hide_header=true, но это работает только для fr модули ontend не web-backend module.

Как я могу унаследовать базовый POS-модуль и добавить свой код JS, чтобы скрыть панель навигации, боковую панель в мобильных устройствах только при открытии для POS-меню?

1 Ответ

0 голосов
/ 24 февраля 2020

Создайте файл CSS, например: your_module / static / src / css / assets_common. css

В файле CSS введите следующее: 

@media only screen and (max-width: 480px) {
    .o_main_navbar {
        display:none;
    }
}

** этот медиа-запрос является лишь примером, используйте ваш по мере необходимости *

Затем создайте файл XML, например: your_module / views / assets. xml

В этой ссылке есть файл CSS: 

    <template id="assets_common" inherit_id="web.assets_common">
        <xpath expr="//link[last()]" position="after">
            <link rel="stylesheet" href="/your_module/static/src/css/assets_common.css"/>
        </xpath>
    </template>

В файле манифест добавьте «web» в зависимости от ситуации.

Теперь обновите список приложений и обновите. Тогда вы должны увидеть, что CSS вступает в силу для мобильного просмотра.

...