1
0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-24 07:39:27 +01:00
egroupware_official/api/js/etemplate/Expose/Et2ImageExpose.ts

52 lines
1.2 KiB
TypeScript
Raw Normal View History

2022-05-05 01:31:42 +02:00
import {ExposeMixin, ExposeValue, MediaValue} from "./ExposeMixin";
import {Et2Image} from "../Et2Image/Et2Image";
import {et2_IDetachedDOM} from "../et2_core_interfaces";
/**
* Shows an image and if you click on it it gets bigger
*
* Set src property for the thumbnail / small image
* Set href property to the URL of the full / large image
*/
2022-05-05 16:51:09 +02:00
//@ts-ignore Something not right with types & inheritance according to TypeScript
2022-05-05 01:31:42 +02:00
export class Et2ImageExpose extends ExposeMixin(Et2Image) implements et2_IDetachedDOM
{
constructor()
{
super();
}
connectedCallback()
{
super.connectedCallback();
}
/**
* Used to determine if this widget is exposable. Images always are, even if we don't actually
* know the mime type.
*
* @returns {ExposeValue}
*/
get exposeValue() : ExposeValue
{
return {
mime: "image/*",
path: this.href,
download_url: this.href,
};
}
/**
* Get the info needed to show this image as slide(s)
*/
getMedia(_value) : MediaValue[]
{
let media = super.getMedia(_value);
2022-05-05 16:51:09 +02:00
media[0].title = this.label;
2022-05-05 01:31:42 +02:00
media[0].thumbnail = this.src;
return media;
}
}
customElements.define("et2-image-expose", Et2ImageExpose as any, {extends: 'img'});