diff --git a/api/js/etemplate/et2_widget_iframe.js b/api/js/etemplate/et2_widget_iframe.js
index 3ad3b51446..27d60f33d2 100644
--- a/api/js/etemplate/et2_widget_iframe.js
+++ b/api/js/etemplate/et2_widget_iframe.js
@@ -1,3 +1,4 @@
+"use strict";
/**
* EGroupware eTemplate2 - JS widget class for an iframe
*
@@ -7,154 +8,159 @@
* @link http://www.egroupware.org
* @author Nathan Gray
* @copyright Nathan Gray 2013
- * @version $Id$
*/
-
+var __extends = (this && this.__extends) || (function () {
+ var extendStatics = function (d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+ };
+ return function (d, b) {
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+ };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
/*egw:uses
et2_core_valueWidget;
*/
-
+var et2_core_valueWidget_1 = require("./et2_core_valueWidget");
+var et2_core_widget_1 = require("./et2_core_widget");
+var et2_core_inheritance_1 = require("./et2_core_inheritance");
/**
* @augments et2_valueWidget
*/
-var et2_iframe = (function(){ "use strict"; return et2_valueWidget.extend(
-{
- attributes: {
- 'label': {
- 'default': "",
- description: "The label is displayed by default in front (for radiobuttons behind) each widget (if not empty). If you want to specify a different position, use a '%s' in the label, which gets replaced by the widget itself. Eg. '%s Name' to have the label Name behind a checkbox. The label can contain variables, as descript for name. If the label starts with a '@' it is replaced by the value of the content-array at this index (with the '@'-removed and after expanding the variables).",
- ignore: false,
- name: "Label",
- translate: true,
- type: "string"
- },
- "needed": {
- "ignore": true
- },
- "seamless": {
- name: "Seamless",
- 'default': true,
- description: "Specifies that the iframe should be rendered in a manner that makes it appear to be part of the containing document",
- translate: false,
- type: "boolean"
- },
- "name": {
- name: "Name",
- "default": "",
- description: "Specifies name of frame, to be used as target for links",
- type: "string"
- },
- fullscreen: {
- name: "Fullscreen",
- "default": false,
- description: "Make the iframe compatible to be a fullscreen video player mode",
- type: "boolean"
- },
- src: {
- name: "Source",
- "default": "",
- description: "Specifies URL for the iframe",
- type: "string"
- }
- },
-
- /**
- * Constructor
- *
- * @memberOf et2_iframe
- */
- init: function() {
- this._super.apply(this, arguments);
-
- // Allow no child widgets
- this.supportedWidgetClasses = [];
-
- this.htmlNode = jQuery(document.createElement("iframe"));
- if(this.options.label)
- {
- this.htmlNode.append(''+this.options.label+'');
- }
- if (this.options.fullscreen)
- {
- this.htmlNode.attr('allowfullscreen', true);
- }
- this.setDOMNode(this.htmlNode[0]);
- },
-
- /**
- * Set name of iframe (to be used as target for links)
- *
- * @param _name
- */
- set_name: function(_name) {
- this.htmlNode.attr('name', this.htmlNode.name = _name);
- },
-
- /**
- * Make it look like part of the containing document
- *
- * @param _seamless boolean
- */
- set_seamless: function(_seamless) {
- this.options.seamless = _seamless;
- this.htmlNode.attr("seamless", _seamless);
- },
-
- set_value: function(_value) {
- if(typeof _value == "undefined") _value = "";
-
- if(_value.trim().indexOf("http") == 0 || _value.indexOf('about:') == 0 || _value[0] == '/')
- {
- // Value is a URL
- this.set_src(_value);
- }
- else
- {
- // Value is content
- this.set_srcdoc(_value);
- }
- },
-
- /**
- * Set the URL for the iframe
- *
- * Sets the src attribute to the given value
- *
- * @param _value String URL
- */
- set_src: function(_value) {
- if(_value.trim() != "")
- {
- if(_value.trim() == 'about:blank')
- {
- this.htmlNode.attr("src", _value);
- }
- else
- {
- // Load the new page, but display a loader
- var loader = jQuery('');
- this.htmlNode
- .before(loader);
- window.setTimeout(jQuery.proxy(function() {
- this.htmlNode.attr("src", _value)
- .one('load',function() {
- loader.remove();
- });
- },this),0);
-
- }
- }
- },
-
- /**
- * Sets the content of the iframe
- *
- * Sets the srcdoc attribute to the given value
- *
- * @param _value String Content of a document
- */
- set_srcdoc: function(_value) {
- this.htmlNode.attr("srcdoc", _value);
- }
-});}).call(this);
-et2_register_widget(et2_iframe, ["iframe"]);
+var et2_iframe = /** @class */ (function (_super) {
+ __extends(et2_iframe, _super);
+ /**
+ * Constructor
+ *
+ * @memberOf et2_iframe
+ */
+ function et2_iframe(_parent, _attrs, _child) {
+ var _this =
+ // Call the inherited constructor
+ _super.call(this, _parent, _attrs, et2_core_inheritance_1.ClassWithAttributes.extendAttributes(et2_iframe._attributes, _child || {})) || this;
+ _this.htmlNode = null;
+ // Allow no child widgets
+ _this.supportedWidgetClasses = [];
+ _this.htmlNode = jQuery(document.createElement("iframe"));
+ if (_this.options.label) {
+ _this.htmlNode.append('' + _this.options.label + '');
+ }
+ if (_this.options.fullscreen) {
+ _this.htmlNode.attr('allowfullscreen', 1);
+ }
+ _this.setDOMNode(_this.htmlNode[0]);
+ return _this;
+ }
+ /**
+ * Set name of iframe (to be used as target for links)
+ *
+ * @param _name
+ */
+ et2_iframe.prototype.set_name = function (_name) {
+ this.options.name = _name;
+ this.htmlNode.attr('name', _name);
+ };
+ /**
+ * Make it look like part of the containing document
+ *
+ * @param _seamless boolean
+ */
+ et2_iframe.prototype.set_seamless = function (_seamless) {
+ this.options.seamless = _seamless;
+ this.htmlNode.attr("seamless", _seamless);
+ };
+ et2_iframe.prototype.set_value = function (_value) {
+ if (typeof _value == "undefined")
+ _value = "";
+ if (_value.trim().indexOf("http") == 0 || _value.indexOf('about:') == 0 || _value[0] == '/') {
+ // Value is a URL
+ this.set_src(_value);
+ }
+ else {
+ // Value is content
+ this.set_srcdoc(_value);
+ }
+ };
+ /**
+ * Set the URL for the iframe
+ *
+ * Sets the src attribute to the given value
+ *
+ * @param _value String URL
+ */
+ et2_iframe.prototype.set_src = function (_value) {
+ if (_value.trim() != "") {
+ if (_value.trim() == 'about:blank') {
+ this.htmlNode.attr("src", _value);
+ }
+ else {
+ // Load the new page, but display a loader
+ var loader_1 = jQuery('');
+ this.htmlNode
+ .before(loader_1);
+ window.setTimeout(jQuery.proxy(function () {
+ this.htmlNode.attr("src", _value)
+ .one('load', function () {
+ loader_1.remove();
+ });
+ }, this), 0);
+ }
+ }
+ };
+ /**
+ * Sets the content of the iframe
+ *
+ * Sets the srcdoc attribute to the given value
+ *
+ * @param _value String Content of a document
+ */
+ et2_iframe.prototype.set_srcdoc = function (_value) {
+ this.htmlNode.attr("srcdoc", _value);
+ };
+ et2_iframe._attributes = {
+ 'label': {
+ 'default': "",
+ description: "The label is displayed by default in front (for radiobuttons behind) each widget (if not empty). If you want to specify a different position, use a '%s' in the label, which gets replaced by the widget itself. Eg. '%s Name' to have the label Name behind a checkbox. The label can contain variables, as descript for name. If the label starts with a '@' it is replaced by the value of the content-array at this index (with the '@'-removed and after expanding the variables).",
+ ignore: false,
+ name: "Label",
+ translate: true,
+ type: "string"
+ },
+ "needed": {
+ "ignore": true
+ },
+ "seamless": {
+ name: "Seamless",
+ 'default': true,
+ description: "Specifies that the iframe should be rendered in a manner that makes it appear to be part of the containing document",
+ translate: false,
+ type: "boolean"
+ },
+ "name": {
+ name: "Name",
+ "default": "",
+ description: "Specifies name of frame, to be used as target for links",
+ type: "string"
+ },
+ fullscreen: {
+ name: "Fullscreen",
+ "default": false,
+ description: "Make the iframe compatible to be a fullscreen video player mode",
+ type: "boolean"
+ },
+ src: {
+ name: "Source",
+ "default": "",
+ description: "Specifies URL for the iframe",
+ type: "string"
+ }
+ };
+ return et2_iframe;
+}(et2_core_valueWidget_1.et2_valueWidget));
+et2_core_widget_1.et2_register_widget(et2_iframe, ["iframe"]);
+//# sourceMappingURL=et2_widget_iframe.js.map
\ No newline at end of file
diff --git a/api/js/etemplate/et2_widget_iframe.ts b/api/js/etemplate/et2_widget_iframe.ts
new file mode 100644
index 0000000000..550f164f70
--- /dev/null
+++ b/api/js/etemplate/et2_widget_iframe.ts
@@ -0,0 +1,174 @@
+/**
+ * EGroupware eTemplate2 - JS widget class for an iframe
+ *
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @package etemplate
+ * @subpackage api
+ * @link http://www.egroupware.org
+ * @author Nathan Gray
+ * @copyright Nathan Gray 2013
+ */
+
+/*egw:uses
+ et2_core_valueWidget;
+*/
+
+import {et2_valueWidget} from "./et2_core_valueWidget";
+import {et2_register_widget, WidgetConfig} from "./et2_core_widget";
+import {ClassWithAttributes} from "./et2_core_inheritance";
+
+/**
+ * @augments et2_valueWidget
+ */
+class et2_iframe extends et2_valueWidget
+{
+ static readonly _attributes : any = {
+ 'label': {
+ 'default': "",
+ description: "The label is displayed by default in front (for radiobuttons behind) each widget (if not empty). If you want to specify a different position, use a '%s' in the label, which gets replaced by the widget itself. Eg. '%s Name' to have the label Name behind a checkbox. The label can contain variables, as descript for name. If the label starts with a '@' it is replaced by the value of the content-array at this index (with the '@'-removed and after expanding the variables).",
+ ignore: false,
+ name: "Label",
+ translate: true,
+ type: "string"
+ },
+ "needed": {
+ "ignore": true
+ },
+ "seamless": {
+ name: "Seamless",
+ 'default': true,
+ description: "Specifies that the iframe should be rendered in a manner that makes it appear to be part of the containing document",
+ translate: false,
+ type: "boolean"
+ },
+ "name": {
+ name: "Name",
+ "default": "",
+ description: "Specifies name of frame, to be used as target for links",
+ type: "string"
+ },
+ fullscreen: {
+ name: "Fullscreen",
+ "default": false,
+ description: "Make the iframe compatible to be a fullscreen video player mode",
+ type: "boolean"
+ },
+ src: {
+ name: "Source",
+ "default": "",
+ description: "Specifies URL for the iframe",
+ type: "string"
+ }
+ };
+
+ protected htmlNode : JQuery = null;
+
+ /**
+ * Constructor
+ *
+ * @memberOf et2_iframe
+ */
+ constructor(_parent, _attrs? : WidgetConfig, _child? : object)
+ {
+ // Call the inherited constructor
+ super(_parent, _attrs, ClassWithAttributes.extendAttributes(et2_iframe._attributes, _child || {}));
+
+ // Allow no child widgets
+ this.supportedWidgetClasses = [];
+
+ this.htmlNode = jQuery(document.createElement("iframe"));
+ if(this.options.label)
+ {
+ this.htmlNode.append(''+this.options.label+'');
+ }
+ if (this.options.fullscreen)
+ {
+ this.htmlNode.attr('allowfullscreen', 1);
+ }
+ this.setDOMNode(this.htmlNode[0]);
+ }
+
+ /**
+ * Set name of iframe (to be used as target for links)
+ *
+ * @param _name
+ */
+ set_name(_name)
+ {
+ this.options.name = _name;
+ this.htmlNode.attr('name', _name);
+ }
+
+ /**
+ * Make it look like part of the containing document
+ *
+ * @param _seamless boolean
+ */
+ set_seamless(_seamless)
+ {
+ this.options.seamless = _seamless;
+ this.htmlNode.attr("seamless", _seamless);
+ }
+
+ set_value(_value)
+ {
+ if(typeof _value == "undefined") _value = "";
+
+ if(_value.trim().indexOf("http") == 0 || _value.indexOf('about:') == 0 || _value[0] == '/')
+ {
+ // Value is a URL
+ this.set_src(_value);
+ }
+ else
+ {
+ // Value is content
+ this.set_srcdoc(_value);
+ }
+ }
+
+ /**
+ * Set the URL for the iframe
+ *
+ * Sets the src attribute to the given value
+ *
+ * @param _value String URL
+ */
+ set_src(_value)
+ {
+ if(_value.trim() != "")
+ {
+ if(_value.trim() == 'about:blank')
+ {
+ this.htmlNode.attr("src", _value);
+ }
+ else
+ {
+ // Load the new page, but display a loader
+ let loader = jQuery('');
+ this.htmlNode
+ .before(loader);
+ window.setTimeout(jQuery.proxy(function() {
+ this.htmlNode.attr("src", _value)
+ .one('load',function() {
+ loader.remove();
+ });
+ },this),0);
+
+ }
+ }
+ }
+
+ /**
+ * Sets the content of the iframe
+ *
+ * Sets the srcdoc attribute to the given value
+ *
+ * @param _value String Content of a document
+ */
+ set_srcdoc(_value)
+ {
+ this.htmlNode.attr("srcdoc", _value);
+ }
+}
+et2_register_widget(et2_iframe, ["iframe"]);
+