forked from mirror/Part-DB.Part-DB-server
Implement hoverpic using stimulus.
This commit is contained in:
parent
9519150fb9
commit
671e0944a2
6 changed files with 25 additions and 10 deletions
20
assets/controllers/elements/hoverpic_controller.js
Normal file
20
assets/controllers/elements/hoverpic_controller.js
Normal file
|
@ -0,0 +1,20 @@
|
|||
import {Controller} from "@hotwired/stimulus";
|
||||
import {Popover} from "bootstrap";
|
||||
|
||||
export default class extends Controller {
|
||||
connect() {
|
||||
const thumbnail_url = this.element.dataset.thumbnail;
|
||||
|
||||
this._popover = Popover.getOrCreateInstance(this.element, {
|
||||
html: true,
|
||||
trigger: 'hover',
|
||||
placement: 'right',
|
||||
container: 'body',
|
||||
content: function () {
|
||||
return '<img class="img-fluid" src="' + thumbnail_url + '" />';
|
||||
}
|
||||
});
|
||||
|
||||
this._popover.hide();
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue