dbm 1.0.6 → 1.1.0

package/react/image/CoverScaledImage.js

@@ -0,0 +1,32 @@
+import Dbm from "../../index.js";
+import React from "react";
+
+export default class CoverScaledImage extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+    }
+
+    _removedUsedProps(aProps) {
+        delete aProps["image"];
+        delete aProps["targetWidth"];
+        delete aProps["targetHeight"];
+    }
+
+    _renderMainElement() {
+
+        let image = this.getPropValue("image");
+        let width = this.getPropValue("targetWidth");
+        let height = this.getPropValue("targetHeight");
+        let url = Dbm.utils.UrlFunctions.createCoverScaledImageUrl(image, width, height);
+
+        let newProps = this._copyProps({src: url});
+
+        let elementType = this.getPropValue("elementType");
+        if(elementType) {
+            newProps["elementType"] = elementType;
+        }
+        
+        return React.createElement(Dbm.react.image.Image, newProps, this.getPropValue("children"));
+        
+    }
+}

package/react/image/Image.js

@@ -0,0 +1,37 @@
+import Dbm from "../../index.js";
+
+export default class Image extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+    }
+
+    _removedUsedProps(aProps) {
+        let elementType = this.getPropValue("elementType");
+        
+        let isDiv = (elementType !== "img");
+        if(isDiv) {
+            delete aProps["src"];
+        }
+    }
+
+    _renderMainElement() {
+
+        let src = this.getPropValue("src");
+        let elementType = this.getPropValue("elementType");
+        
+        let isDiv = (elementType !== "img");
+        if(isDiv) {
+            let imageStyle = {
+                "backgroundImage": "url(" + src + ")"
+            };
+            let className = "image";
+
+            return this._createMainElement("div", {style: imageStyle, className: className}, this.getPropValue("children"));
+        }
+        else {
+            let className = "image";
+            return this._createMainElement("img", {src: src, className: className});
+        }
+        
+    }
+}

package/react/image/WidthScaledImage.js

@@ -0,0 +1,30 @@
+import Dbm from "../../index.js";
+import React from "react";
+
+export default class WidthScaledImage extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+    }
+
+    _removedUsedProps(aProps) {
+        delete aProps["image"];
+        delete aProps["targetWidth"];
+    }
+
+    _renderMainElement() {
+
+        let image = this.getPropValue("image");
+        let width = this.getPropValue("targetWidth");
+        let url = Dbm.utils.UrlFunctions.createScaledImageUrl(image, width);
+
+        let newProps = this._copyProps({src: url});
+
+        let elementType = this.getPropValue("elementType");
+        if(elementType) {
+            newProps["elementType"] = elementType;
+        }
+        
+        return React.createElement(Dbm.react.image.Image, newProps, this.getPropValue("children"));
+        
+    }
+}

package/react/image/index.js

@@ -0,0 +1,3 @@
+export {default as Image} from "./Image.js";
+export {default as WidthScaledImage} from "./WidthScaledImage.js";
+export {default as CoverScaledImage} from "./CoverScaledImage.js";

package/react/index.js

@@ -1,6 +1,8 @@
 export {default as BaseObject} from "./BaseObject.js";
 export {default as RefToProperty} from "./RefToProperty.js";
 
+export * as ChildFunctions from "./ChildFunctions.js";
+
 export * as modules from "./modules/index.js";
 export * as admin from "./admin/index.js";
 export * as blocks from "./blocks/index.js";
@@ -10,4 +12,7 @@ export * as area from "./area/index.js";
 export * as context from "./context/index.js";
 export * as source from "./source/index.js";
 export * as text from "./text/index.js";
-export * as login from "./login/index.js";
+export * as login from "./login/index.js";
+export * as image from "./image/index.js";
+export * as animation from "./animation/index.js";
+

package/react/login/LoginForm.js

@@ -87,7 +87,7 @@ export default class LoginForm extends Dbm.react.BaseObject {
 
     _renderMainElement() {
 
-        return this._createMainElement("div", {}, 
+        return this._createMainElement("div", {className: "content-narrow"}, 
             React.createElement("div", {className: "body-text"},
                 React.createElement("div", {"className": ""},
                     React.createElement("label", {className: "standard-field-label"},

package/react/source/index.js

@@ -1 +1,15 @@
-export {default as ContextVariableSource} from "./ContextVariableSource.js";
+import Dbm from "../../index.js";
+
+export {default as ContextVariableSource} from "./ContextVariableSource.js";
+
+export let contextVariable = function(aPath) {
+    let newSource = new Dbm.react.source.ContextVariableSource();
+    newSource.item.path = aPath;
+
+    return newSource;
+}
+
+export let blockData = function(aPath) {
+    //METODO: check if blockdata is a source
+    return contextVariable("blockData." + aPath);
+}

package/react/text/Link.js

@@ -0,0 +1,18 @@
+import Dbm from "../../index.js";
+
+export default class Link extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+    }
+
+    _renderMainElement() {
+
+        let url = this.getPropValue("href");
+        let prefix = this.getPropValue("prefix");
+        if(prefix) {
+            url = prefix + url;
+        }
+
+        return this._createMainElement("a", {href: url}, this.getPropValue("children"));
+    }
+}

package/react/text/index.js

@@ -3,6 +3,7 @@ import {createElement} from "react";
 
 export {default as Text} from "./Text.js";
 export {default as HtmlText} from "./HtmlText.js";
+export {default as Link} from "./Link.js";
 
 export let text = function(aText) {
     if(typeof(aText) === "string") {

package/site/SiteDataLoader.js

@@ -16,7 +16,7 @@ export default class SiteDataLoader extends Dbm.core.BaseObject {
     }
 
 	_loadUrl() {
-		console.log("_loadUrl");
+		//console.log("_loadUrl");
 
 		let url = this.item.url;
 		if(url != null) {

package/tracking/Controller.js

@@ -44,7 +44,7 @@ export default class Controller extends Dbm.core.BaseObject {
 	}
 
     start() {
-        console.log("start");
+        //console.log("start");
         this.item.active = true;
 
         return this;

package/utils/ArrayFunctions.js

@@ -1,9 +1,63 @@
-export let range = function(aStartValue, aEndValue, aStep = 1) {
-    let returnArray = [];
+export const range = function(aStartValue, aEndValue, aStepValue = 1, aIncludeEndValue = true) {
+		
+    let returnArray = new Array();
+    
+    let loopCompare;
+     
+    if(aStepValue > 0) {
+        if(aIncludeEndValue) {
+            loopCompare = function(aIndex, aLimit) {
+                return aIndex <= aLimit;
+            };
+        }
+        else {
+            loopCompare = function(aIndex, aLimit) {
+                return aIndex < aLimit;
+            };
+        }
+    }
+    else {
+        if(aIncludeEndValue) {
+            loopCompare = function(aIndex, aLimit) {
+                return aIndex >= aLimit;
+            };
+        }
+        else {
+            loopCompare = function(aIndex, aLimit) {
+                return aIndex > aLimit;
+            };
+        }
+    }
+    
+    for(let i = aStartValue; loopCompare(i, aEndValue); i += aStepValue) {
+        returnArray.push(i);
+    }
+    
+    return returnArray;
+}
 
+export const removeDuplicates = function(aArray) {
+    let returnArray = [];
+		
+    let currentArray = aArray;
+    let currentArrayLength = currentArray.length;
+    for(let i = 0; i < currentArrayLength; i++) {
+        let currentValue = currentArray[i];
+        if(returnArray.indexOf(currentValue) === -1) {
+            returnArray.push(currentValue);
+        }
+    }
+    
     return returnArray;
 }
 
-export let removeDuplicates = function(aArray) {
-    return aArray;
+export const singleOrArray = function(aData) {
+    if(aData === null || aData === undefined) {
+        return [];
+    }
+    else if(aData instanceof Array) {
+        return aData;
+    }
+    
+    return [aData];
 }

package/utils/UrlFunctions.js

@@ -0,0 +1,77 @@
+export let createScaledImageUrl = function(aImageData, aWantedWidth) {
+    if(!aImageData || !aImageData["url"]) {
+        return null;
+    }
+
+    let url = aImageData["url"];
+    if(url.substring(url.length-4).toLowerCase() === ".svg") {
+        return url;
+    }
+
+    if(aImageData["resizeUrl"]) {
+        let scaleToWidth = Math.min(
+            Math.round(window.devicePixelRatio*aWantedWidth),
+            Math.max(
+                100,
+                100*Math.round(window.devicePixelRatio*window.innerWidth/100)
+            )
+        );
+        url = aImageData["resizeUrl"].split("{scale}").join("width=" + scaleToWidth);
+    }
+
+    return url;
+}
+
+export let createCoverScaledImageUrl = function(aImageData, aWantedWidth, aWantedHeight) {
+    if(!aImageData || !aImageData["url"]) {
+        return null;
+    }
+
+    let url = aImageData["url"];
+    if(url.substring(url.length-4).toLowerCase() === ".svg") {
+        return url;
+    }
+
+    if(aImageData["resizeUrl"]) {
+        let scaleToWidth = Math.min(
+            Math.round(window.devicePixelRatio*aWantedWidth),
+            Math.max(
+                100,
+                100*Math.round(window.devicePixelRatio*window.innerWidth/100)
+            )
+        );
+
+        let scaleToHeight = Math.round(aWantedHeight*scaleToWidth/aWantedWidth);
+
+        url = aImageData["resizeUrl"].split("{scale}").join("width=" + scaleToWidth + ",height=" + scaleToHeight + ",fit=cover");
+    }
+
+    return url;
+}
+
+export let createContainScaledImageUrl = function(aImageData, aWantedWidth, aWantedHeight) {
+    if(!aImageData || !aImageData["url"]) {
+        return null;
+    }
+
+    let url = aImageData["url"];
+    if(url.substring(url.length-4).toLowerCase() === ".svg") {
+        return url;
+    }
+
+    if(aImageData["resizeUrl"]) {
+        let scaleToWidth = Math.min(
+            Math.round(window.devicePixelRatio*aWantedWidth),
+            Math.max(
+                100,
+                100*Math.round(window.devicePixelRatio*window.innerWidth/100)
+            )
+        );
+
+        let scaleToHeight = Math.round(aWantedHeight*scaleToWidth/aWantedWidth);
+
+        url = aImageData["resizeUrl"].split("{scale}").join("width=" + scaleToWidth + ",height=" + scaleToHeight + ",fit=contain");
+    }
+
+    return url;
+}

package/utils/index.js

@@ -1,3 +1,4 @@
 export * as ArrayFunctions from "./ArrayFunctions.js";
 export * as NumberFunctions from "./NumberFunctions.js";
-export * as StringFunctions from "./StringFunctions.js";
+export * as StringFunctions from "./StringFunctions.js";
+export * as UrlFunctions from "./UrlFunctions.js";

package/react/admin/EditorBlockName.js

@@ -1,19 +0,0 @@
-import React from "react";
-import Dbm from "../../index.js";
-
-export default class EditorBlockName extends Dbm.react.BaseObject {
-    _construct() {
-        super._construct();
-    }
-
-    _renderMainElement() {
-
-        let textSource = new Dbm.react.source.ContextVariableSource();
-        textSource.item.path = "moduleData.editorData.name";
-
-        return React.createElement("div", {"className": "editor-block-box editor-block-box-padding text-align-center"},
-            Dbm.react.text.text(textSource),
-        );
-    }
-}
-