dbm 1.1.19 → 1.1.20

package/graphapi/webclient/decode/index.js

@@ -59,7 +59,9 @@ export const fullSetup = function() {
     {
         let name = "urlRequest";
         let currentDecoder = new Dbm.graphapi.webclient.decode.DecodeBaseObject();
-        currentDecoder.item.setValue("copyFields", ["meta/description", "seo/noIndex", "seo/noFollow"]);
+        currentDecoder.item.setValue("copyFields", ["meta/description", "seo/noIndex", "seo/noFollow", "publishDate"]);
+        currentDecoder.item.setValue("copyLink", ["category"]);
+        currentDecoder.item.setValue("copyLinks", ["categories"]);
         currentDecoder.item.setValue("encodingType", name);
         currentDecoder.item.register(decodePrefix + name);
     }
@@ -174,4 +176,13 @@ export const fullSetup = function() {
         currentDecoder.item.setValue("encodingType", name);
         currentDecoder.item.register(decodePrefix + name);
     }
+
+    {
+        let name = "admin_user";
+        let currentDecoder = new Dbm.graphapi.webclient.decode.DecodeBaseObject();
+        currentDecoder.item.setValue("copyFields", ["name", "username"]);
+        currentDecoder.item.setValue("copyLinks", ["roles"]);
+        currentDecoder.item.setValue("encodingType", name);
+        currentDecoder.item.register(decodePrefix + name);
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dbm",
-  "version": "1.1.19",
+  "version": "1.1.20",
   "main": "index.js",
   "type": "module",
   "scripts": {},

package/react/admin/CreatePage.js

@@ -6,6 +6,9 @@ export default class CreatePage extends Dbm.react.BaseObject {
         super._construct();
 
         this.item.requireProperty("title", "");
+        this.item.requireProperty("parent", 0);
+        Dbm.flow.addUpdateCommand(this.item.properties.parent, Dbm.commands.callFunction(this._parentSelected.bind(this)));
+        this.item.requireProperty("parentUrl", "");
         this.item.requireProperty("url", "");
         this.item.requireProperty("freeUrl", "");
         this.item.requireProperty("updateSlugFromTitle", true);
@@ -22,7 +25,7 @@ export default class CreatePage extends Dbm.react.BaseObject {
         console.log(this.item.updateSlugFromTitle);
 
         if(this.item.updateSlugFromTitle) {
-            this.item.url = Dbm.utils.StringFunctions.createNiceFilePath(this.item.title);
+            this.item.url = this.item.parentUrl + Dbm.utils.StringFunctions.createNiceFilePath(this.item.title);
         }
         
     }
@@ -49,10 +52,12 @@ export default class CreatePage extends Dbm.react.BaseObject {
 
     _freeUrlStatusChanged(aUrl, aRequest) {
         console.log("_freeUrlStatusChanged");
+        console.log(aUrl, aRequest);
+
         if(aRequest.status === 1) {
             let currentUrl = this.item.url;
             if(!currentUrl) {
-                currentUrl = Dbm.utils.StringFunctions.createNiceFilePath(this.item.title);
+                currentUrl = this.item.parentUrl + Dbm.utils.StringFunctions.createNiceFilePath(this.item.title);
                 this.item.url = currentUrl;
             }
             if(currentUrl === aUrl) {
@@ -65,13 +70,34 @@ export default class CreatePage extends Dbm.react.BaseObject {
         this.item.updateSlugFromTitle = false;
     }
 
+    _parentSelected() {
+        console.log("_parentSelected");
+        let id = this.item.parent;
+        console.log(id);
+
+        let parentUrl = "";
+
+        if(id) {
+            let item = Dbm.getInstance().repository.getItem(id);
+
+            parentUrl = item.url.substring(1);
+        }
+
+        this.item.parentUrl = parentUrl;
+
+        this._titleChanged();
+    }
+
     _create() {
         console.log("_create");
 
         let fullUrl = this.item.freeUrl + "/";
 
+        let currentDate = (new Date()).toISOString().split("T")[0];
+
         let changes = [
             {"type": "setField", "data": {"value": this.item.title, "field": "title"}},
+            {"type": "setField", "data": {"value": currentDate, "field": "publishDate"}},
             {"type": "setUrl", "data": {"value": fullUrl}}
         ]
 
@@ -96,6 +122,15 @@ export default class CreatePage extends Dbm.react.BaseObject {
                 React.createElement(Dbm.react.form.FormField, {"value": this.item.properties.title, "id": this._titleFieldId, className: "standard-field standard-field-padding full-width"}),
             ),
             React.createElement("div", {className: "spacing standard"}),
+            React.createElement("div", {},
+                React.createElement("label", {className: "standard-field-label"},
+                    "Parent page"
+                ),
+                React.createElement("div", {},
+                    React.createElement(Dbm.react.form.GraphApiObjectSelection, {"value": this.item.properties.parent, objectType: "page", encoding: "urlRequest", nameField: "url", className: "standard-field standard-field-padding full-width"}),
+                )
+            ),
+            React.createElement("div", {className: "spacing standard"}),
             React.createElement("div", {},
                 React.createElement("label", {className: "standard-field-label"},
                     "Url"

package/react/admin/EditPage.js

@@ -17,6 +17,8 @@ export default class EditPage extends Dbm.react.BaseObject {
         itemEditor.addFieldEditor("title", page.title, "title");
         itemEditor.addFieldEditor("navigationName", page.navigationName); //METODO: add update encoding
         itemEditor.addFieldEditor("content", page.content, "content");
+        itemEditor.addFieldEditor("publishDate", page.publishDate, "urlRequest");
+        itemEditor.addOutgoingRelationEditor("in", "group/pageCategory", page.category ? page.category.id : 0, "urlRequest");
         itemEditor.addEditor("url", page.url, Dbm.graphapi.webclient.admin.SaveFunctions.setUrl, "url");
 
         let descriptionEditor = itemEditor.addFieldEditor("meta/description", page["meta/description"], "meta/description");
@@ -26,6 +28,7 @@ export default class EditPage extends Dbm.react.BaseObject {
         itemEditor.addFieldEditor("seo/noIndex", page["seo/noIndex"], "seo/noIndex");
         itemEditor.addFieldEditor("seo/noFollow", page["seo/noFollow"], "seo/noFollow");
 
+        this.item.requireProperty("importExportOpen", "");
         this.item.requireProperty("importText", "");
     }
 
@@ -146,6 +149,12 @@ export default class EditPage extends Dbm.react.BaseObject {
         console.log(aRequest, titles);
     }
 
+    _toggleImportExport() {
+        console.log("_toggleImportExport");
+
+        this.item.importExportOpen = !this.item.importExportOpen;
+    }
+
     _renderMainElement() {
 
         let page = this.context.page;
@@ -176,6 +185,20 @@ export default class EditPage extends Dbm.react.BaseObject {
                         ),
                         React.createElement(Dbm.react.form.FormField, {"value": itemEditor.getEditor("url").item.editValue.value, className: "standard-field standard-field-padding full-width", placeholder: "Url"}),
                     ),
+                    React.createElement("div", {className: "spacing standard"}),
+                    React.createElement("div", {},
+                        React.createElement("label", {className: "standard-field-label"},
+                            "Publish date"
+                        ),
+                        React.createElement(Dbm.react.form.FormField, {"value": itemEditor.getEditor("publishDate").item.editValue.value, className: "standard-field standard-field-padding full-width", placeholder: "YYYY-MM-DD", "type": "date"}),
+                    ),
+                    React.createElement("div", {className: "spacing standard"}),
+                    React.createElement("div", {},
+                        React.createElement("label", {className: "standard-field-label"},
+                            "Category"
+                        ),
+                        React.createElement(Dbm.react.form.GraphApiObjectSelection, {"value": itemEditor.getEditor("relation_out_in_group/pageCategory").item.editValue.value, objectType: "group/pageCategory", className: "standard-field standard-field-padding full-width"}),
+                    ),
                 ),
                 React.createElement("div", {className: "spacing standard"}),
                 React.createElement("div", {"className": "dbm-admin-box dbm-admin-box-padding"},
@@ -219,18 +242,39 @@ export default class EditPage extends Dbm.react.BaseObject {
                     ),
                     React.createElement("div", {},
                         React.createElement(Dbm.react.admin.editor.Editor, {"value": itemEditor.getEditor("content").item.editValue.value, "ref": this.createRef("editor")}),
+                    )
+                ),
+                React.createElement("div", {className: "spacing standard"}),
+                React.createElement("div", {"className": "dbm-admin-box dbm-admin-box-padding"},
+                    React.createElement("label", {className: "standard-field-label", "onClick": () => {this._toggleImportExport()}},
+                        "Import/export"
                     ),
-                    React.createElement("div", {className: "spacing small"}),
-                    React.createElement("div", {"className": "standard-button standard-button-padding", "onClick": () => {this._export()}},
-                        "Export"
-                    ),
-                    React.createElement(Dbm.react.form.FormField, {value: this.item.properties.importText}),
-                    React.createElement("div", {"className": "standard-button standard-button-padding", "onClick": () => {this._import()}},
-                        "Import"
-                    ),
-                    React.createElement("div", {className: "flex-row-item"},
-                        React.createElement("div", {onClick: () => {this._generateHelpSectionSuggestions()}, className: "action-button action-button-padding"}, "Dev: Help sections"),
-                    ),
+                    React.createElement(Dbm.react.area.OpenCloseExpandableArea, {open: this.item.properties.importExportOpen}, 
+                        React.createElement("div", {},
+                            React.createElement("div", {className: "flex-row small-item-spacing"},
+                                React.createElement("div", {className: "flex-row-item"},
+                                    React.createElement("div", {"className": "standard-button standard-button-padding", "onClick": () => {this._export()}},
+                                        "Export"
+                                    )
+                                )
+                            ),
+                            React.createElement("div", {className: "spacing standard"}),
+                            React.createElement(Dbm.react.form.TextArea, {value: this.item.properties.importText, className: "standard-field standard-field-padding full-width"}),
+                            React.createElement("div", {className: "flex-row small-item-spacing"},
+                                React.createElement("div", {className: "flex-row-item"},
+                                    React.createElement("div", {"className": "standard-button standard-button-padding", "onClick": () => {this._import()}},
+                                        "Import"
+                                    )
+                                )
+                            )
+                            /*
+                            React.createElement("div", {className: "flex-row-item"},
+                                React.createElement("div", {onClick: () => {this._generateHelpSectionSuggestions()}, className: "action-button action-button-padding"}, "Dev: Help sections"),
+                            ),
+                            */
+                        )
+                    )
+                    
                 ),
                 React.createElement("div", {className: "spacing standard"}),
                 React.createElement("div", {className: "save-all-position"},

package/react/admin/objects/RunObjectCommands.js

@@ -45,11 +45,19 @@ export default class RunObjectCommands extends Dbm.react.BaseObject {
         let id = this.getPropValue("id");
 
         return React.createElement("div", {},
-            React.createElement(Dbm.react.form.FormField, {value: this.getDynamicProp("id")}),
-            React.createElement(Dbm.react.form.TextArea, {value: this.item.properties.changes}),
-            React.createElement("div", {"className": "standard-button standard-button-padding", "onClick": () => {this._runCommand()}},
-                                        "Run"
-                                    )
+            React.createElement(Dbm.react.form.LabelledArea, {"label": "Item id"}),
+            React.createElement(Dbm.react.form.FormField, {value: this.getDynamicProp("id"), "className": "standard-field standard-field-padding full-width"}),
+            React.createElement("div", {className: "spacing small"}),
+            React.createElement(Dbm.react.form.LabelledArea, {"label": "Command"}),
+            React.createElement(Dbm.react.form.TextArea, {value: this.item.properties.changes, "className": "standard-field standard-field-padding full-width"}),
+            React.createElement("div", {className: "spacing small"}),
+            React.createElement("div", {className: "flex-row"},
+                React.createElement("div", {className: "flex-row-item"},
+                    React.createElement("div", {"className": "standard-button standard-button-padding", "onClick": () => {this._runCommand()}},
+                        "Run"
+                    )
+                )
+            )
         )
     }
 }

package/react/admin/objects/UserList.js

@@ -0,0 +1,123 @@
+import React from "react";
+import Dbm from "../../../index.js";
+
+export default class UserList extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+
+        this.item.requireProperty("username", "");
+        this.item.requireProperty("password", "");
+        this.item.requireProperty("role", null);
+
+        let graphApi = Dbm.getInstance().repository.getItem("graphApi").controller;
+
+        this.item.requireProperty("items", []);
+
+        let encodings = ["admin_user"];
+
+        let allLoaded = Dbm.flow.updatefunctions.logic.allAtValue(Dbm.loading.LoadingStatus.LOADED);
+        this.item.requireProperty("loaded", false);
+
+        {
+            let request = graphApi.requestRange(
+                [
+                    {"type": "includePrivate"},
+                    {"type": "includeDraft"},
+                    {"type": "byObjectType", "objectType": "user"},
+                ],
+                encodings
+            );
+            Dbm.flow.addUpdateCommandWhenMatched(request.properties.status, Dbm.loading.LoadingStatus.LOADED, Dbm.commands.callFunction(this._loaded.bind(this), [request]));
+            allLoaded.addCheck(request.properties.status);
+        }
+
+        this.item.properties.loaded.connectInput(allLoaded.output.properties.value);
+    }
+
+    _loaded(aRequest) {
+        console.log("_loaded");
+
+        let currentArray = [].concat(aRequest.items);
+
+        let nameField = this.getPropValueWithDefault("nameField", "name");
+        Dbm.utils.ArrayFunctions.sortOnField(currentArray, nameField);
+        
+        this.item.items = currentArray;
+    }
+
+    _create() {
+        console.log("_create");
+
+        let data = {
+            username: this.item.username,
+            password: this.item.password,
+            role: this.item.role,
+        };
+
+        let request = Dbm.getInstance().repository.getItem("graphApi").controller.performAction("admin/addUser", data);
+
+        Dbm.flow.addUpdateCommand(request.properties.status, Dbm.commands.callFunction(this._created.bind(this), [request]));
+    }
+
+    _created(aRequest) {
+        console.log("_created");
+        console.log(aRequest);
+
+        if(aRequest.data.id) {
+            if(!aRequest.data.created) {
+                alert("User already exists. No changes made.");
+            }
+            Dbm.getInstance().repository.getItem("siteNavigation").controller.navigate("/admin/users/user/?id=" + aRequest.data.id);
+        }
+        else {
+            alert("An error occured");
+        }
+    }
+
+    _renderMainElement() {
+
+        let id = Dbm.react.source.contextVariable("item.id");
+        let text = Dbm.react.source.contextVariable("item.username");
+
+        return React.createElement("div", {"className": "standard-alternating-rows"},
+            React.createElement(Dbm.react.area.List, {items: this.item.properties.items},
+                React.createElement(Dbm.react.admin.objects.UserListRow, {"id": id, "text": text})
+            ),
+            React.createElement("div", {"className": "spacing standard"}),
+            React.createElement("h2", {"className": "no-margins"},
+                "New user"
+            ),
+            React.createElement("div", {"className": "spacing small"}),
+            React.createElement(Dbm.react.form.LabelledArea, {"label": "Username"}),
+            React.createElement(Dbm.react.form.FormField, {"className": "standard-field standard-field-padding full-width",
+                value: this.item.properties.username,
+                type: "email",
+                name: "username",
+                autoComplete: "username"
+            }),
+            React.createElement("div", {"className": "spacing small"}),
+            React.createElement(Dbm.react.form.LabelledArea, {"label": "Password"}),
+            React.createElement(Dbm.react.form.FormField, {"className": "standard-field standard-field-padding full-width",
+                value: this.item.properties.password,
+                type: "password",
+                name: "new-password",
+                autoComplete: "new-password"}),
+            React.createElement("div", {"className": "spacing small"}),
+            React.createElement(Dbm.react.form.LabelledArea, {"label": "Role"}),
+            React.createElement(Dbm.react.form.Selection, {"className": "standard-field standard-field-padding full-width", value: this.item.properties.role},
+                React.createElement("option", {"value": null}, "None"),
+                React.createElement("option", {"value": "editor"}, "Editor"),
+                React.createElement("option", {"value": "admin"}, "Admin"),
+            ),
+            React.createElement("div", {"className": "spacing standard"}),
+            React.createElement("div", {"className": "flex-row"},
+                React.createElement("div", {"className": "flex-row-item"},
+                    React.createElement(Dbm.react.interaction.CommandButton, {"command": Dbm.commands.callFunction(this._create.bind(this))},
+                        React.createElement("div", {"className": "standard-button standard-button-padding"}, "Create")
+                    )
+                )
+            )
+            
+        )
+    }
+}

package/react/admin/objects/UserListRow.js

@@ -0,0 +1,35 @@
+import React from "react";
+import Dbm from "../../../index.js";
+
+export default class UserListRow extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+    }
+
+    _renderMainElement() {
+        
+        let id = this.getPropValue("id");
+        let text = this.getPropValue("text");
+
+        let baseUrl = "/admin/users/user/?id={id}";
+        let url = baseUrl.split("{id}").join(id);
+
+        return React.createElement("div", {"className": "standard-row"},
+            React.createElement(Dbm.react.text.Link, {"href": url, "className": "custom-styled-link hover-row"},
+                React.createElement("div", {"className": "standard-row-padding"},
+                    React.createElement("div", {"className": "flex-row small-item-spacing"},
+                        React.createElement("div", {"className": "flex-row-item flex-no-resize"},
+                            Dbm.react.text.text(id),
+                        ),
+                        React.createElement("div", {"className": "flex-row-item flex-resize"},
+                            Dbm.react.text.text(text)
+                        ),
+                        React.createElement("div", {"className": "flex-row-item flex-no-resize"},
+                            ">"
+                        ),
+                    )
+                )
+            )
+        );
+    }
+}

package/react/admin/objects/index.js

@@ -3,5 +3,7 @@ export {default as ObjectListRow} from "./ObjectListRow.js";
 export {default as EditObject} from "./EditObject.js";
 export {default as InjectObjectTypeEditor} from "./InjectObjectTypeEditor.js";
 export {default as RunObjectCommands} from "./RunObjectCommands.js";
+export {default as UserList} from "./UserList.js";
+export {default as UserListRow} from "./UserListRow.js";
 
 export * as itemeditors from "./itemeditors/index.js";

package/react/admin/objects/itemeditors/MainImage.js

@@ -36,7 +36,7 @@ export default class MainImage extends Dbm.react.BaseObject {
             React.createElement(Dbm.react.area.HasData, {check: this.item.properties.loaded},
                 React.createElement(Dbm.react.form.LabelledArea, {label: "Main image"}, 
                     React.createElement(Dbm.react.admin.editorsgroup.EditRelation, {"direction": "in", "relationType": "isMainImageFor", "objectType": "image"},
-                        React.createElement(Dbm.react.form.GraphApiImage, {value: Dbm.react.source.contextVariable("valueEditor.editValue.value"), "objectType": "page", "encoding": "title", nameField: "title", className: "standard-field standard-field-padding full-width"})
+                        React.createElement(Dbm.react.form.GraphApiImage, {value: Dbm.react.source.contextVariable("valueEditor.editValue.value"), "encoding": "title", nameField: "title", className: "standard-field standard-field-padding full-width"})
                     )
                 )
             )

package/react/admin/objects/itemeditors/RichDescription.js

@@ -19,7 +19,7 @@ export default class RichDescription extends Dbm.react.BaseObject {
                     {"type": "includeDraft"},
                     {"type": "idSelection", "ids": [id]},
                 ],
-                ["adbmi_fields"]
+                ["admin_fields"]
             );
             allLoaded.addCheck(request.properties.status);
         }

package/react/admin/objects/itemeditors/SingleRelation.js

@@ -0,0 +1,52 @@
+import React from "react";
+import Dbm from "../../../../index.js";
+
+export default class SingleRelation extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+
+        let graphApi = Dbm.getInstance().repository.getItem("graphApi").controller;
+
+        let id = this.context.item.id;
+
+        let allLoaded = Dbm.flow.updatefunctions.logic.allAtValue(Dbm.loading.LoadingStatus.LOADED);
+        this.item.requireProperty("loaded", false);
+
+        {
+            let request = graphApi.requestRange(
+                [
+                    {"type": "includePrivate"},
+                    {"type": "includeDraft"},
+                    {"type": "idSelection", "ids": [id]},
+                ],
+                ["admin_fields", "relations"]
+            );
+            allLoaded.addCheck(request.properties.status);
+        }
+
+        this.item.properties.loaded.connectInput(allLoaded.output.properties.value);
+    }
+
+    _renderMainElement() {
+
+        let id = this.context.item.id;
+
+        let label = this.getPropValue("label");
+        let direction = this.getPropValue("direction");
+        let relationType = this.getPropValue("relationType");
+        let objectType = this.getPropValue("objectType");
+        let encoding = this.getPropValueWithDefault("encoding", "name");
+        let nameField = this.getPropValueWithDefault("nameField", "name");
+
+        return React.createElement("div", {},
+            
+            React.createElement(Dbm.react.area.HasData, {check: this.item.properties.loaded},
+                React.createElement(Dbm.react.form.LabelledArea, {label: label}), 
+                React.createElement(Dbm.react.admin.editorsgroup.EditRelation, {"direction": direction, "relationType": relationType, "objectType": objectType},
+                    React.createElement(Dbm.react.form.GraphApiObjectSelection, {value: Dbm.react.source.contextVariable("valueEditor.editValue.value"), "objectType": objectType, "encoding": encoding, nameField: nameField, className: "standard-field standard-field-padding full-width"})
+                )
+            )
+            
+        )
+    }
+}

package/react/admin/objects/itemeditors/index.js

@@ -8,4 +8,5 @@ export {default as Question} from "./Question.js";
 export {default as RichDescription} from "./RichDescription.js";
 export {default as PageRepresentation} from "./PageRepresentation.js";
 export {default as MainImage} from "./MainImage.js";
-export {default as Identifier} from "./Identifier.js";
+export {default as Identifier} from "./Identifier.js";
+export {default as SingleRelation} from "./SingleRelation.js";

package/react/blocks/admin/objects/RunObjectCommands.js

@@ -8,6 +8,8 @@ export default class Edit extends Dbm.react.BaseObject {
         let editorGroup = new Dbm.graphapi.webclient.admin.EditorGroup();
         this.item.setValue("editorGroup", editorGroup);
         this.item.requireProperty("changed", false).connectInput(editorGroup.item.properties.changed);
+
+        this.item.requireProperty("open", false);
     }
 
      _save() {
@@ -20,13 +22,28 @@ export default class Edit extends Dbm.react.BaseObject {
         saveData.save();
     }
 
+    _toggleOpen() {
+        console.log("_toggleOpen");
+
+        this.item.open = !this.item.open;
+    }
+
     _renderMainElement() {
 
         let url = new URL(document.location.href);
         let id = url.searchParams.get("id");
 
         return React.createElement("div", {className: "content-narrow"},
-            React.createElement(Dbm.react.admin.objects.RunObjectCommands, {id: id})
+            React.createElement("div", {className: "flex-row small-item-spacing"},
+                React.createElement("div", {className: "flex-row-item"},
+                    React.createElement("div", {className: "action-button action-button-padding", "onClick": () => {this._toggleOpen()}},
+                        "Run commands"
+                    )
+                )
+            ),
+            React.createElement(Dbm.react.area.HasData, {check: this.item.properties.open},
+                React.createElement(Dbm.react.admin.objects.RunObjectCommands, {id: id})
+            )
         );
     }
 }

package/react/blocks/admin/objects/User.js

@@ -0,0 +1,47 @@
+import React from "react";
+import Dbm from "../../../../index.js";
+
+export default class User extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+
+        let editorGroup = new Dbm.graphapi.webclient.admin.EditorGroup();
+        this.item.setValue("editorGroup", editorGroup);
+        this.item.requireProperty("changed", false).connectInput(editorGroup.item.properties.changed);
+    }
+
+     _save() {
+        console.log("_save");
+
+        let editorGroup = this.item.editorGroup;
+
+        let saveData = editorGroup.getSaveData();
+
+        saveData.save();
+    }
+
+    _renderMainElement() {
+
+        let url = new URL(document.location.href);
+        let id = url.searchParams.get("id");
+
+        return React.createElement("div", {className: "content-narrow"},
+            React.createElement(Dbm.react.context.AddContextVariables, {values: {"editorGroup": this.item.editorGroup}},
+                React.createElement("h2", {className: "no-margins"}, "Edit details"),
+                React.createElement("div", {className: "spacing small"}),
+                React.createElement(Dbm.react.admin.objects.EditObject, {id: id}),
+                React.createElement("div", {className: "spacing standard"}),
+                React.createElement("div", {className: "save-all-position"},
+                    React.createElement(Dbm.react.area.OpenCloseExpandableArea, {open: this.item.properties.changed},
+                        React.createElement("div", {"className": "standard-button standard-button-padding", "onClick": () => {this._save()}},
+                            "Save all changes"
+                        )
+                    )
+                ),
+                React.createElement("h2", {className: "no-margins"}, "New password"),
+                React.createElement("div", {className: "spacing small"}),
+                "[Insert password field]"
+            )
+        );
+    }
+}

package/react/blocks/admin/objects/Users.js

@@ -0,0 +1,15 @@
+import React from "react";
+import Dbm from "../../../../index.js";
+
+export default class Users extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+    }
+
+    _renderMainElement() {
+
+        return React.createElement("div", {className: "content-narrow"}, 
+            React.createElement(Dbm.react.admin.objects.UserList, {})
+        );
+    }
+}

package/react/blocks/admin/objects/index.js

@@ -1,3 +1,5 @@
 export {default as List} from "./List.js";
 export {default as Edit} from "./Edit.js";
-export {default as RunObjectCommands} from "./RunObjectCommands.js";
+export {default as RunObjectCommands} from "./RunObjectCommands.js";
+export {default as Users} from "./Users.js";
+export {default as User} from "./User.js";

package/react/blocks/index.js

@@ -142,6 +142,8 @@ export let registerAllBlocks = function() {
     
     registerBlock("admin/objects/edit", "Admin / Edit object", createElement(Dbm.react.blocks.admin.objects.Edit));
     registerBlock("admin/objects/apiCommands", "Admin / Object API commands", createElement(Dbm.react.blocks.admin.objects.RunObjectCommands));
+    registerBlock("admin/users", "Admin / Users", createElement(Dbm.react.blocks.admin.objects.Users));
+    registerBlock("admin/users/user", "Admin / User", createElement(Dbm.react.blocks.admin.objects.User));
 
     {
         let editor = createElement(Dbm.react.admin.editor.EditorBlockName, {},
@@ -275,6 +277,18 @@ export let registerAllBlocks = function() {
         let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/mainImage");
         itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.MainImage, {}));
     }
+
+    {
+        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/user/role");
+        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.SingleRelation, {
+            "label": "Role",
+            "direction": "in",
+            "relationType": "for",
+            "objectType": "type/userRole",
+            encoding: "identifier",
+            nameField: "identifier"
+        }));
+    }
     
     {
         let objectTypeEditor = Dbm.getInstance().repository.getItem("admin/objectTypeEditors/page");
@@ -330,4 +344,19 @@ export let registerAllBlocks = function() {
         
         objectTypeEditor.editors = newArray;
     }
+
+    {
+        let objectTypeEditor = Dbm.getInstance().repository.getItem("admin/objectTypeEditors/user");
+        if(!objectTypeEditor.editors) {
+            objectTypeEditor.setValue("editors", []);
+        }
+
+        let newArray = [].concat(objectTypeEditor.editors);
+        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/name"));
+        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/user/role"));
+        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/pageRepresentation"));
+        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/mainImage"));
+        
+        objectTypeEditor.editors = newArray;
+    }
 }