Your IP : 216.73.216.26
define("OutSystemsUI.Adaptive.DisplayOnDevice.mvc$model", ["OutSystems/ClientRuntime/Main", "OutSystemsUI.model", "OutSystemsUI.controller", "OutSystemsUI.controller$GetDeviceType"], function (OutSystems, OutSystemsUIModel, OutSystemsUIController) {
var OS = OutSystems.Internal;
var VariablesRecord = (function (_super) {
__extends(VariablesRecord, _super);
function VariablesRecord(defaults) {
_super.apply(this, arguments);
}
VariablesRecord.attributesToDeclare = function () {
return [
this.attr("Device", "deviceVar", "Device", true, false, OS.Types.Text, function () {
return "";
}, false),
this.attr("ObserverObj", "observerObjVar", "ObserverObj", true, false, OS.Types.Object, function () {
return null;
}, false)
].concat(_super.attributesToDeclare.call(this));
};
VariablesRecord.init();
return VariablesRecord;
})(OS.DataTypes.GenericRecord);
var WidgetsRecord = (function (_super) {
__extends(WidgetsRecord, _super);
function WidgetsRecord() {
_super.apply(this, arguments);
}
WidgetsRecord.getWidgetsType = function () {
return {};
};
return WidgetsRecord;
})(OS.Model.BaseWidgetRecordMap);
var Model = (function (_super) {
__extends(Model, _super);
function Model() {
_super.apply(this, arguments);
}
Model.getVariablesRecordConstructor = function () {
return VariablesRecord;
};
Model.getWidgetsRecordConstructor = function () {
return WidgetsRecord;
};
Object.defineProperty(Model, "hasValidationWidgets", {
enumerable: true,
configurable: true,
get: function () {
return false;
}
});
Model.prototype.setInputs = function (inputs) {
};
return Model;
})(OS.Model.BaseViewModel);
return new OS.Model.ModelFactory(Model);
});
define("OutSystemsUI.Adaptive.DisplayOnDevice.mvc$view", ["OutSystems/ClientRuntime/Main", "OutSystemsUI.model", "OutSystemsUI.controller", "react", "OutSystems/ReactView/Main", "OutSystemsUI.Adaptive.DisplayOnDevice.mvc$model", "OutSystemsUI.Adaptive.DisplayOnDevice.mvc$controller", "OutSystems/ReactWidgets/Main", "OutSystemsUI.controller$GetDeviceType"], function (OutSystems, OutSystemsUIModel, OutSystemsUIController, React, OSView, OutSystemsUI_Adaptive_DisplayOnDevice_mvc_model, OutSystemsUI_Adaptive_DisplayOnDevice_mvc_controller, OSWidgets) {
var OS = OutSystems.Internal;
var PlaceholderContent = OSView.Widget.PlaceholderContent;
var IteratorPlaceholderContent = OSView.Widget.IteratorPlaceholderContent;
var View = (function (_super) {
__extends(View,_super);
function View() {
try {
this.initialize.apply(this, arguments);
} catch (error) {
View.handleError(error);
throw error;
}
}
View.prototype.initialize = function() {
_super.apply(this, arguments);
};
View.displayName = "Adaptive.DisplayOnDevice";
View.getCssDependencies = function() {
return ["css/OutSystemsReactWidgets.css"];
};
View.getJsDependencies = function() {
return [];
};
View.getBlocks = function() {
return [];
};
Object.defineProperty(View.prototype, "modelFactory", {
get: function () {
return OutSystemsUI_Adaptive_DisplayOnDevice_mvc_model;
},
enumerable: true,
configurable: true
});
Object.defineProperty(View.prototype, "controllerFactory", {
get: function () {
return OutSystemsUI_Adaptive_DisplayOnDevice_mvc_controller;
},
enumerable: true,
configurable: true
});
Object.defineProperty(View.prototype, "title", {
get: function () {
return "";
},
enumerable: true,
configurable: true
});
View.prototype.internalRender = function() {
var model = this.model;
var controller = this.controller;
var idService = this.idService;
var validationService = controller.validationService;
var widgetsRecordProvider = this.widgetsRecordProvider;
var callContext = controller.callContext();
var $if = View.ifWidget;
var asPrimitiveValue = View.asPrimitiveValue;
var _this = this;
return React.createElement("div", this.getRootNodeProperties(), $if((model.variables.deviceVar === "desktop"), false, this, function () {
return [React.createElement(OSWidgets.Placeholder, {
align: /*Default*/ 0,
content: _this.props.placeholders.onDesktop,
style: "display-on-device-desktop",
_idProps: {
service: idService,
name: "OnDesktop"
},
_widgetRecordProvider: widgetsRecordProvider
})];
}, function () {
return [];
}), $if((model.variables.deviceVar === "tablet"), false, this, function () {
return [React.createElement(OSWidgets.Placeholder, {
align: /*Default*/ 0,
content: _this.props.placeholders.onTablet,
style: "display-on-device-tablet",
_idProps: {
service: idService,
name: "OnTablet"
},
_widgetRecordProvider: widgetsRecordProvider
})];
}, function () {
return [];
}), $if((model.variables.deviceVar === "phone"), false, this, function () {
return [React.createElement(OSWidgets.Placeholder, {
align: /*Default*/ 0,
content: _this.props.placeholders.onPhone,
style: "display-on-device-phone",
_idProps: {
service: idService,
name: "OnPhone"
},
_widgetRecordProvider: widgetsRecordProvider
})];
}, function () {
return [];
}));
};
return View;
})(OSView.BaseView.BaseWebBlock);
return View;
});
define("OutSystemsUI.Adaptive.DisplayOnDevice.mvc$controller", ["OutSystems/ClientRuntime/Main", "OutSystemsUI.model", "OutSystemsUI.controller", "OutSystemsUI.languageResources", "OutSystemsUI.Adaptive.DisplayOnDevice.mvc$controller.OnReady.SetMutationObserverJS", "OutSystemsUI.Adaptive.DisplayOnDevice.mvc$controller.OnDestroy.StopObserverJS", "OutSystemsUI.controller$GetDeviceType"], function (OutSystems, OutSystemsUIModel, OutSystemsUIController, OutSystemsUILanguageResources, OutSystemsUI_Adaptive_DisplayOnDevice_mvc_controller_OnReady_SetMutationObserverJS, OutSystemsUI_Adaptive_DisplayOnDevice_mvc_controller_OnDestroy_StopObserverJS) {
var OS = OutSystems.Internal;
var Controller = (function (_super) {
__extends(Controller, _super);
function Controller() {
_super.apply(this, arguments);
var controller = this.controller;
this.clientActionProxies = {
onInitialize$Action: function () {
return controller.executeActionInsideJSNode(controller._onInitialize$Action.bind(controller), controller.callContext(), function (actionResults) {
return {};
});
}
};
this.dataFetchDependenciesOriginal = {};
this.dataFetchDependentsGraph = {};
this.useImprovedDataFetch = false;
this.hasDependenciesBetweenSources = false;
this.shouldSendClientVarsToDataSources = false;
}
// Server Actions
// Aggregates and Data Actions
Controller.prototype.dataFetchActionNames = [];
// Client Actions
Controller.prototype._onReady$Action = function (callContext) {
var model = this.model;
var controller = this.controller;
var idService = this.idService;
controller.ensureControllerAlive("OnReady");
callContext = controller.callContext(callContext);
var setMutationObserverJSResult = new OS.DataTypes.VariableHolder();
// Set Observer on Body class attribute.
setMutationObserverJSResult.value = controller.safeExecuteJSNode(OutSystemsUI_Adaptive_DisplayOnDevice_mvc_controller_OnReady_SetMutationObserverJS, "SetMutationObserver", "OnReady", {
ObserverObject: OS.DataConversion.JSNodeParamConverter.to(null, OS.Types.Object)
}, function ($parameters) {
var jsNodeResult = new (controller.constructor.getVariableGroupType("OutSystemsUI.Adaptive.DisplayOnDevice.OnReady$setMutationObserverJSResult"))();
jsNodeResult.observerObjectOut = OS.DataConversion.JSNodeParamConverter.from($parameters.ObserverObject, OS.Types.Object);
return jsNodeResult;
}, {
OnInitialize: controller.clientActionProxies.onInitialize$Action
}, {});
// ObserverObj = SetMutationObserver.ObserverObject
model.variables.observerObjVar = setMutationObserverJSResult.value.observerObjectOut;
};
Controller.registerVariableGroupType("OutSystemsUI.Adaptive.DisplayOnDevice.OnReady$setMutationObserverJSResult", [{
name: "ObserverObject",
attrName: "observerObjectOut",
mandatory: true,
dataType: OS.Types.Object,
defaultValue: function () {
return null;
}
}]);
Controller.prototype._onInitialize$Action = function (callContext) {
var model = this.model;
var controller = this.controller;
var idService = this.idService;
controller.ensureControllerAlive("OnInitialize");
callContext = controller.callContext(callContext);
var getDeviceTypeVar = new OS.DataTypes.VariableHolder();
// Execute Action: GetDeviceType
getDeviceTypeVar.value = OutSystemsUIController.default.getDeviceType$Action(callContext);
// Device = GetDeviceType.Device
model.variables.deviceVar = getDeviceTypeVar.value.deviceOut;
};
Controller.prototype._onDestroy$Action = function (callContext) {
var model = this.model;
var controller = this.controller;
var idService = this.idService;
controller.ensureControllerAlive("OnDestroy");
callContext = controller.callContext(callContext);
// Stop the MutationOberver
controller.safeExecuteJSNode(OutSystemsUI_Adaptive_DisplayOnDevice_mvc_controller_OnDestroy_StopObserverJS, "StopObserver", "OnDestroy", {
ObserverObj: OS.DataConversion.JSNodeParamConverter.to(model.variables.observerObjVar, OS.Types.Object)
}, function ($parameters) {
}, {}, {});
};
Controller.prototype.onReady$Action = function (callContext) {
var controller = this.controller;
return controller.safeExecuteClientAction(controller._onReady$Action, callContext);
};
Controller.prototype.onInitialize$Action = function (callContext) {
var controller = this.controller;
return controller.safeExecuteClientAction(controller._onInitialize$Action, callContext);
};
Controller.prototype.onDestroy$Action = function (callContext) {
var controller = this.controller;
return controller.safeExecuteClientAction(controller._onDestroy$Action, callContext);
};
// Event Handler Actions
Controller.prototype.onInitializeEventHandler = function (callContext) {
var controller = this.controller;
var model = this.model;
var idService = this.idService;
return controller.onInitialize$Action(callContext);
};
Controller.prototype.onReadyEventHandler = function (callContext) {
var controller = this.controller;
var model = this.model;
var idService = this.idService;
return controller.onReady$Action(callContext);
};
Controller.prototype.onRenderEventHandler = null;
Controller.prototype.onDestroyEventHandler = function (callContext) {
var controller = this.controller;
var model = this.model;
var idService = this.idService;
return controller.onDestroy$Action(callContext);
};
Controller.prototype.onParametersChangedEventHandler = null;
Controller.prototype.handleError = function (ex) {
return controller.handleError(ex);
};
Controller.checkPermissions = function () {
};
Controller.prototype.getDefaultTimeout = function () {
return OutSystemsUIController.default.defaultTimeout;
};
return Controller;
})(OS.Controller.BaseViewController);
return new OS.Controller.ControllerFactory(Controller, OutSystemsUILanguageResources);
});
define("OutSystemsUI.Adaptive.DisplayOnDevice.mvc$controller.OnReady.SetMutationObserverJS", [], function () {
return function ($parameters, $actions, $roles, $public) {
var targetNode = document.body;
// Options for the observer (which mutations to observe)
var config = { attributes: true };
// On mutation, run OnInitialize to update Device variable
var callback = function(){
$actions.OnInitialize();
};
// Create an observer instance linked to the callback function
var observer = new MutationObserver(callback);
// Start observing the target node for configured mutations
observer.observe(targetNode, config);
$parameters.ObserverObject = observer;
};
});
define("OutSystemsUI.Adaptive.DisplayOnDevice.mvc$controller.OnDestroy.StopObserverJS", [], function () {
return function ($parameters, $actions, $roles, $public) {
$parameters.ObserverObj.disconnect();
};
});