New widget: StaticIFrame

Author: phpp28

src/main/resources/static/js/widgets/static/StaticIFrame.js

@@ -0,0 +1,48 @@
+export default class StaticIFrame {
+  static defaultConfig = {
+    type: "StaticIFrame",
+    title: "Inline Frame",
+    src: "https://example.com/",
+    options: {},
+    icon: "bi bi-window",
+    w: 8,
+    h: 6,
+  };
+  static formConfig = {
+    title: {
+      type: "text",
+      label: "Tooltip",
+    },
+    src: {
+      type: "text",
+      label: "URL",
+    },
+  };
+
+  constructor(root, config) {
+    this.root = d3.select(root);
+    this.config = config;
+
+    this.src = config.src || "";
+  }
+
+  clear() {
+    this.root.select("iframe").remove();
+  }
+
+  init() {
+    this.render(this.src);
+  }
+
+  render(data) {
+    this.clear();
+
+    this.root
+      .append("iframe")
+      .attr("src", data)
+      .attr("width", "100%")
+      .attr("height", "100%");
+
+    this.root.classed("overflow-hidden", true);
+  }
+}

src/main/resources/static/js/widgets/widgets.js

@@ -1,6 +1,7 @@
 import StaticImage from "./static/StaticImage.js";
 import StaticText from "./static/StaticText.js";
 import StaticVideo from "./static/StaticVideo.js";
+import StaticIFrame from "./static/StaticIFrame.js";
 
 import BarChart from "./charts/BarChart.js";
 import LineChart from "./charts/LineChart.js";
@@ -16,6 +17,7 @@ export default {
   StaticText,
   StaticImage,
   StaticVideo,
+  StaticIFrame,
 
   BarChart,
   PieChart,