@social-mail/social-mail-client 1.0.76 → 1.0.77

package/node_modules/@web-atoms/web-controls/src/basic/styles/date-field-style.ts

@@ -2,7 +2,7 @@ import styled from "@web-atoms/core/dist/style/styled";
 
     styled.css `
 
-    display: inline-block;
+    display: inline-flex;
     cursor: pointer;
     text-align: left;
     border: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.0.76",
+  "version": "1.0.77",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -19,7 +19,7 @@
     "@web-atoms/font-awesome": "^1.0.37",
     "@web-atoms/hybrid-clr": "^1.0.21",
     "@web-atoms/module-loader": "^2.1.33",
-    "@web-atoms/web-controls": "^2.3.289",
+    "@web-atoms/web-controls": "^2.3.293",
     "reflect-metadata": "^0.1.13"
   },
   "devDependencies": {

package/src/admin/pages/users/files/EditFileAccessPage.tsx

@@ -1,8 +1,15 @@
 import { PopupWindowPage } from "@web-atoms/web-controls/dist/mobile-app/MobileApp";
-import { AppFileAccess, IAppFileAccess } from "../../../../model/model";
+import { AppFileAccess, AppFileAccessTypeArray, IAppFileAccess } from "../../../../model/model";
 import XNode from "@web-atoms/core/dist/core/XNode";
 import PageNavigator from "@web-atoms/web-controls/dist/PageNavigator";
 import ChooserFolderPage from "../../../../common/pages/folders/ChooserFolderPage";
+import Form from "@web-atoms/web-controls/dist/basic/Form";
+import FormField from "@web-atoms/web-controls/dist/basic/FormField";
+import { toFileSize } from "../../../../common/NumberFormats";
+import ComboBox from "@web-atoms/web-controls/dist/basic/ComboBox";
+import Bind from "@web-atoms/core/dist/core/Bind";
+import { SaveIconTextButton } from "../../../../common/controls/buttons/IconButton";
+import Action from "@web-atoms/core/dist/view-model/Action";
 
 export default class EditFileAcessPage extends PopupWindowPage {
 
@@ -16,10 +23,38 @@ export default class EditFileAcessPage extends PopupWindowPage {
 
         const file = await PageNavigator.pushPageForResultOrCancel(ChooserFolderPage, {});
 
+        this.model.type ||= "read";
+
         this.renderer = <div>
-            
+            <Form>
+                <FormField label="Folder">
+                    <div>{file.name}</div>
+                </FormField>
+                { file.creator && <FormField label="Owner">
+                    <div>{file.creator?.displayName}</div>
+                </FormField> }
+                <FormField label="Size">
+                    <div>{toFileSize(file.fileSize)}</div>
+                </FormField>
+                <FormField label="Access Type">
+                    <ComboBox
+                        value={Bind.twoWaysImmediate(() => this.model.type)}
+                        items={AppFileAccessTypeArray}
+                        />
+                </FormField>
+                <div data-layout="command-row">
+                    <SaveIconTextButton
+                        data-event-click="save-access"
+                        />
+                </div>
+            </Form>
         </div>;
 
     }
 
+    @Action({ onEvent: "save-access", close: true  })
+    async saveAccess() {
+        return this.model;
+    }
+
 }