Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
24
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

dragresize: use lit-html to render the template

Browse Source
This commit is contained in:
JC Brand 2020-12-29 12:40:16 +01:00
parent 12bb9375f4
commit 5e0b05356f
3 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/plugins/dragresize/templates/dragresize.html
View File

@ -1,3 +0,0 @@
<div class="dragresize dragresize-top"></div>
<div class="dragresize dragresize-topleft"></div>
<div class="dragresize dragresize-left"></div>

7
src/plugins/dragresize/templates/dragresize.js Normal file
View File

@ -0,0 +1,7 @@
import { html } from "lit-html";
export default () => html`
<div class="dragresize dragresize-top"></div>
<div class="dragresize dragresize-topleft"></div>
<div class="dragresize dragresize-left"></div>
`;

5
src/plugins/dragresize/utils.js
View File

@ -1,5 +1,6 @@
import tpl_dragresize from './templates/dragresize.html';
import tpl_dragresize from './templates/dragresize.js';
import { _converse, api } from '@converse/headless/core';
import { render } from 'lit-html';
/**
* Applies some resistance to `value` around the `default_value`.
@ -25,7 +26,7 @@ export function applyDragResistance (value, default_value) {
export function renderDragResizeHandles (_converse, view) {
const flyout = view.el.querySelector('.box-flyout');
const div = document.createElement('div');
div.innerHTML = tpl_dragresize();
render(tpl_dragresize(), div);
flyout.insertBefore(div, flyout.firstChild);
}