...
Code Block | ||||
---|---|---|---|---|
| ||||
<html> <head> <title>HydraOMS Widget</title> <script type="text/javascript" src="${hbw_public_url}/assets/hbw.js"></script> <link rel="stylesheet" type="text/css" href="${hbw_public_url}/assets/hbw.css"> </head> <body> <div class="hbw-styles"> <div id='hbw-container'> </div> </div> <script type="text/javascript"> var config = { widgetURL: 'https://homs.some.domain', // hbw_public_url, необходим для установки WebSocket соединения entity_class: 'crm_account', entity_type: 'customer', container_id: 'hbw-container', // Совпадает с идентификатором <div> контейнера userIdentifier: 'user@example.com', // e-mail пользователя, которой использует виджет locale: { code: 'en', // locale code dateTimeFormat: 'MM/DD/YYYY' // date-fns fomat } }; var entityId = ...; // Здесь должен быть указан уникальный идентификатор сущности, например customerId window.hbw_widget = new (modulejs.require('HBW'))({ userIdentifier: config.userIdentifier, widgetContainer: `#${config.container_id}`, widgetURL: config.widgetURL, widgetPath: '/widget', entity_class: config.entity_class, entity_type: config.entity_type, entity_code: `${entityId}`, locale: config.locale, payload: { variables: { someInitialVariable: { // Также возможно установить дополнительные параметры, которые будут переданы при старте процесса value: 'initialValue', type: 'string' } } } }); window.hbw_widget.render(); // Если виджет встраивается в SPA (Single Page Appllication), необходимо вызвать следующую функцию перед закрытием текущей страницы. // window.hbw_widget.unmountWidget(); </script> </body> </html> |
...