Создание пользовательских всплывающих окон

Используйте пользовательские всплывающие окна, чтобы предоставить информацию или предложить пользователям сделать что-то в POS. Вы можете определить внешний вид всплывающего окна.

** Давайте возьмем пример создания всплывающего окна ** `` Сканирования QR-кода в POS``` <https://github.com/it-projects-llc/pos-addons/blob/6eaac4e168d7cf854d302b298b068e2b38db822c/pos_qr_scan/static/src/js/qr_scan.js>`__, где нам нужно было создать всплывающее окно, чтобы показать видео с камеры для сканирования QR-кодов.

Сначала приложите необходимые требования: <https://github.com/it-projects-llc/pos-addons/blob/6eaac4e168d7cf854d302b298b068e2b38db822c/pos_qr_scan/static/src/js/qr_scan.js#L10::>`__

var PopupWidget = require('point_of_sale.popups');

Затем создайте новый экземпляр, новое всплывающее расширение `` по умолчанию: <https://github.com/it-projects-llc/pos-addons/blob/6eaac4e168d7cf854d302b298b068e2b38db822c/pos_qr_scan/static/src/js/qr_scan.js#L29-L30::>`__

var QrScanPopupWidget = PopupWidget.extend({
// It requires the template attribute with a Qweb template name for showing pop-up
template: 'QrScanPopupWidget',

Чтобы сделать всплывающее окно доступным обычными методами после объявления `` QrScanPopupWidget``, сделайте следующее: <https://github.com/it-projects-llc/pos-addons/blob/6eaac4e168d7cf854d302b298b068e2b38db822c/pos_qr_scan/static/src/js/qr_scan.js#L194::>`__

gui.define_popup({name:'qr_scan', widget: QrScanPopupWidget});

поэтому его можно вызвать с помощью следующего кода: <https://github.com/it-projects-llc/pos-addons/blob/6eaac4e168d7cf854d302b298b068e2b38db822c/pos_qr_scan/static/src/js/qr_scan.js#L17-L20::>`__

this.gui.show_popup('qr_scan',{
  'title': 'QR Scanning',
  'value': false,
});