tyler.durden/pandorafms
1
0
Fork 0
mirror of https://github.com/pandorafms/pandorafms.git synced 2025-07-31 01:35:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

Visual Console Refactor: changes in the group item

Browse Source 
Former-commit-id: 06c93036ced218711c6931da831e19463d23089f
This commit is contained in:
Alejandro Gallardo Escobar 2019-04-22 16:59:43 +02:00
parent ac3fac01c0
commit 3d7aa1e97e
1 changed files with 24 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
visual_console_client/src/items/Group.ts
View File

@ -4,19 +4,27 @@ import {
parseIntOr,
notEmptyStringOr,
stringIsEmpty,
decodeBase64
decodeBase64,
parseBoolean
} from "../lib";
import Item, { ItemProps, itemBasePropsDecoder, ItemType } from "../Item";
export type GroupProps = {
type: ItemType.GROUP_ITEM;
imageSrc: string | null; // URL?
groupId: number;
html: string | null;
imageSrc: string | null; // URL?
statusImageSrc: string | null;
showStatistics: boolean;
html?: string | null;
} & ItemProps &
LinkedVisualConsoleProps;
function extractHtml(data: UnknownObject): string | null {
if (!stringIsEmpty(data.html)) return data.html;
if (!stringIsEmpty(data.encodedHtml)) return decodeBase64(data.encodedHtml);
return null;
}
/**
* Build a valid typed object from a raw object.
* This will allow us to ensure the type safety.
@ -37,29 +45,35 @@ export function groupPropsDecoder(data: UnknownObject): GroupProps | never {
throw new TypeError("invalid group Id.");
}
const showStatistics = parseBoolean(data.showStatistics);
const html = showStatistics ? extractHtml(data) : null;
return {
...itemBasePropsDecoder(data), // Object spread. It will merge the properties of the two objects.
type: ItemType.GROUP_ITEM,
imageSrc: notEmptyStringOr(data.imageSrc, null),
groupId: parseInt(data.groupId),
html: !stringIsEmpty(data.encodedHtml)
? decodeBase64(data.encodedHtml)
: null,
imageSrc: notEmptyStringOr(data.imageSrc, null),
statusImageSrc: notEmptyStringOr(data.statusImageSrc, null),
showStatistics,
html,
...linkedVCPropsDecoder(data) // Object spread. It will merge the properties of the two objects.
};
}
export default class Group extends Item<GroupProps> {
protected createDomElement(): HTMLElement {
if (this.props.html !== null) {
if (this.props.showStatistics) {
const div = document.createElement("div");
div.className = "group";
if (this.props.html != null) {
div.innerHTML = this.props.html;
}
return div;
} else {
const img: HTMLImageElement = document.createElement("img");
img.className = "group";
if (this.props.statusImageSrc != null) {
if (this.props.statusImageSrc !== null) {
img.src = this.props.statusImageSrc;
}