...
| Code Block | ||||
|---|---|---|---|---|
| ||||
<html>
<head>
<title>HydraOMS Widget</title>
<script type="text/javascript" src="${hbw_assetspublic_pathurl}/assets/hbw.js"></script>
<link rel="stylesheet" type="text/css" href="${hbw_assetspublic_pathurl}/assets/hbw.css">
</head>
<body>
<div class="hbw-styles">
<div id='hbw-container'>
</div>
</div>
<script type="text/javascript">
var config = {
widgetURL: 'http://url.to.homs:port', // required to establish WebSocket connection
entity_class: 'crm_account',
entity_type: 'customer',
container_id: 'hbw-container', // Совпадает с идентификатором <div> контейнера
locale: {
code: 'en', // locale code
dateTimeFormat: 'MM/DD/YYYY' // date-fns fomat
}
};
var entityId = ...; // Здесь должен быть указан уникальный идентификатор сущности, например customerId
window.hbw_widget = new (modulejs.require('HBW'))({
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>
|
...