Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 08:58:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

[improvement] Widget components #1475 - iframe widget (#1493)

Browse source
This commit is contained in:
Arpit 2021-12-09 20:52:17 +05:30 committed by GitHub
parent a03e93f1af
commit 72ca6b1af0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
frontend/src/Editor/Components/IFrame.jsx
View file

@ -1,31 +1,11 @@
import React from 'react';
import { resolveReferences, resolveWidgetFieldValue } from '@/_helpers/utils';
export const IFrame = function IFrame({ id, width, height, component, onComponentClick, currentState }) {
const source = component.definition.properties.source.value;
const widgetVisibility = component.definition.styles?.visibility?.value ?? true;
const disabledState = component.definition.styles?.disabledState?.value ?? false;
const parsedDisabledState =
typeof disabledState !== 'boolean' ? resolveWidgetFieldValue(disabledState, currentState) : disabledState;
let parsedWidgetVisibility = widgetVisibility;
try {
parsedWidgetVisibility = resolveReferences(parsedWidgetVisibility, currentState, []);
} catch (err) {
console.log(err);
}
export const IFrame = function IFrame({ width, height, properties, styles }) {
const source = properties.source;
const { visibility, disabledState } = styles;
return (
<div
data-disabled={parsedDisabledState}
style={{ display: parsedWidgetVisibility ? '' : 'none' }}
onClick={(event) => {
event.stopPropagation();
onComponentClick(id, component, event);
}}
>
<div data-disabled={disabledState} style={{ display: visibility ? '' : 'none' }}>
<iframe
width={width - 4}
height={height}