@social-mail/social-mail-client 1.2.231 → 1.2.233

package/dist/web/page/files/media/ChooseMediaPage.d.ts

@@ -6,19 +6,20 @@ export default class ChooseMediaPage extends PopupWindowPage<{
 }, {
     file: IAppFile;
     size: number;
-}> {
+}[]> {
     parameters: any;
     selectedFolder: IAppFile;
     private cloudFileService;
     private search;
     private version;
     private size;
-    private selectedFile;
+    private selectedFiles;
+    private filesRepeater;
     init(): Promise<void>;
     selectFile(): Promise<{
         file: IAppFile;
         size: number;
-    }>;
+    }[]>;
     onFilesUploaded(): Promise<void>;
 }
 //# sourceMappingURL=ChooseMediaPage.d.ts.map

package/dist/web/page/files/media/ChooseMediaPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChooseMediaPage.d.ts","sourceRoot":"","sources":["../../../../../src/web/page/files/media/ChooseMediaPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mDAAmD,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAwDnD,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,eAAe,CAAC;IAAC,MAAM,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;IAEvH,UAAU,MAAC;IAEX,cAAc,EAAE,QAAQ,CAAC;IAGhC,OAAO,CAAC,gBAAgB,CAAmB;IAE3C,OAAO,CAAC,MAAM,CAAM;IAEpB,OAAO,CAAC,OAAO,CAAK;IAEpB,OAAO,CAAC,IAAI,CAAO;IAEnB,OAAO,CAAC,YAAY,CAAkB;IAEhC,IAAI;IA4EJ,UAAU;;;;IAOV,eAAe;CAIxB"}
+{"version":3,"file":"ChooseMediaPage.d.ts","sourceRoot":"","sources":["../../../../../src/web/page/files/media/ChooseMediaPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mDAAmD,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAoFnD,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,eAAe,CACxD;IAAC,MAAM,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,EAClC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,CACjC;IAEM,UAAU,MAAC;IAEX,cAAc,EAAE,QAAQ,CAAC;IAGhC,OAAO,CAAC,gBAAgB,CAAmB;IAE3C,OAAO,CAAC,MAAM,CAAM;IAEpB,OAAO,CAAC,OAAO,CAAK;IAEpB,OAAO,CAAC,IAAI,CAAO;IAEnB,OAAO,CAAC,aAAa,CAAkB;IAEvC,OAAO,CAAC,aAAa,CAAe;IAE9B,IAAI;IAwFJ,UAAU;;;;IAMV,eAAe;CAIxB"}

package/dist/web/page/files/media/ChooseMediaPage.js

@@ -1,7 +1,7 @@
 System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "../../../../common/controls/tree/FileTreeView", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/InjectProperty", "../service/CloudFileService", "@web-atoms/core/dist/style/styled", "../../../../common/controls/drag-drop/FilesDragDrop", "@web-atoms/core/dist/view-model/Action", "@web-atoms/web-controls/dist/basic/UploadEvent", "../../../../common/controls/buttons/IconButton", "../../../../common/apiPath"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, PopupWindowPage, XNode, FolderTreeView, AtomRepeater, Bind, InjectProperty, CloudFileService, styled, FilesDragDrop, Action, UploadEvent, SaveIconTextButton, apiPath, ChooseMediaPage, css;
+  var __awaiter, __decorate, __metadata, PopupWindowPage, XNode, FolderTreeView, AtomRepeater, SelectAll, SelectorCheckBox, Bind, InjectProperty, CloudFileService, styled, FilesDragDrop, Action, UploadEvent, SaveIconTextButton, apiPath, ChooseMediaPage, css;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -16,6 +16,8 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       FolderTreeView = _commonControlsTreeFileTreeView.FolderTreeView;
     }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
       AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
+      SelectAll = _webAtomsWebControlsDistBasicAtomRepeater.SelectAll;
+      SelectorCheckBox = _webAtomsWebControlsDistBasicAtomRepeater.SelectorCheckBox;
     }, function (_webAtomsCoreDistCoreBind) {
       Bind = _webAtomsCoreDistCoreBind.default;
     }, function (_webAtomsCoreDistCoreInjectProperty) {
@@ -59,11 +61,39 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
         }
 
         & .media-file {
-            display: inline-block;
-            max-height: 300px;
+            display: inline-grid;
+            max-height: 350px;
             border: solid 5px transparent;
             overflow: hidden;
             cursor: pointer;
+            grid-template-columns: auto 1fr;
+            grid-template-rows: auto 1fr;
+            position: relative;
+
+            & > [data-selector=checkbox] {
+                grid-row: 1;
+                grid-column: 1;
+            }
+
+            & > .file-name {
+                grid-row: 1;
+                grid-column: 2;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                position: absolute;
+                left: 0;
+                top: 5px;
+                width: 100%;
+            }
+
+            & > .file-preview {
+                grid-row: 2;
+                grid-column: 1 / span 2;
+            }
+
+
+
             &:hover {
                 border-color: lightblue;
             }
@@ -82,7 +112,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
           this.search = "";
           this.version = 1;
           this.size = 700;
-          this.selectedFile = null;
+          this.selectedFiles = [];
         }
         init() {
           return __awaiter(this, void 0, void 0, function* () {
@@ -129,8 +159,10 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
                 });
               })
             })), XNode.create(AtomRepeater, {
+              presenter: Bind.presenter(c => this.filesRepeater = c),
               selectOnClick: true,
-              selectedItem: Bind.twoWaysImmediate(() => this.selectedFile),
+              selectedItems: this.selectedFiles,
+              allowMultipleSelection: this.parameters.multiple,
               header: true,
               headerRenderer: item => XNode.create("div", {
                 "data-position": "sticky-top",
@@ -146,14 +178,22 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
               })),
               itemRenderer: item => XNode.create("div", {
                 class: "media-file"
-              }, XNode.create("img", {
+              }, this.parameters.multiple && XNode.create(SelectorCheckBox, null), XNode.create("label", {
+                class: "file-name",
+                title: item.name,
+                text: item.name
+              }), XNode.create("img", {
+                class: "file-preview",
                 src: apiPath(`/api/files/webp(300)/${item.appFileID}/${item.fileContentID}/${item.name}.300.webp`)
               }))
             })));
             this.footerRenderer = () => XNode.create("div", {
-              "style-display": Bind.oneWay(() => this.selectedFile !== null),
+              "style-display": Bind.oneWay(() => this.selectedFiles.length > 0),
               "data-layout": "row"
-            }, XNode.create("input", {
+            }, XNode.create(SelectAll, {
+              items: Bind.oneWay(() => this.filesRepeater.items),
+              selectedItems: this.selectedFiles
+            }), XNode.create("input", {
               type: "range",
               min: "100",
               max: "2000",
@@ -169,12 +209,11 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
         }
         selectFile() {
           return __awaiter(this, void 0, void 0, function* () {
-            const file = this.selectedFile;
             const size = this.size;
-            return {
+            return this.selectedFiles.map(file => ({
               file,
               size
-            };
+            }));
           });
         }
         onFilesUploaded() {

package/dist/web/page/files/media/ChooseMediaPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["ChooseMediaPage","css","_export","setters","_tslib","PopupWindowPage","_webAtomsWebControlsDistMobileAppMobileApp","_webAtomsCoreDistCoreXNode","XNode","default","_commonControlsTreeFileTreeView","FolderTreeView","_webAtomsWebControlsDistBasicAtomRepeater","AtomRepeater","_webAtomsCoreDistCoreBind","Bind","_webAtomsCoreDistCoreInjectProperty","InjectProperty","_serviceCloudFileService","CloudFileService","_webAtomsCoreDistStyleStyled","styled","_commonControlsDragDropFilesDragDrop","FilesDragDrop","_webAtomsCoreDistViewModelAction","Action","_webAtomsWebControlsDistBasicUploadEvent","UploadEvent","_commonControlsButtonsIconButton","SaveIconTextButton","_commonApiPath","apiPath","execute","installLocal","constructor","search","version","size","selectedFile","init","title","accept","parameters","selectedFolder","folder","element","style","minWidth","minHeight","renderer","create","class","folderId","appFileID","selectedItem","twoWaysImmediate","type","value","Object","assign","AttachUploadAction","multiple","extra","oneWay","_a","JSON","stringify","parentID","selectOnClick","header","headerRenderer","item","items","oneWayAsync","c","e","cancelToken","cloudFileService","files","showFolder","itemRenderer","src","fileContentID","name","footerRenderer","min","max","step","text","selectFile","file","onFilesUploaded","__decorate","onEvent","close"],"sources":["../../../../../src/web/page/files/media/ChooseMediaPage.tsx"],"sourcesContent":[null],"mappings":"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"}
+{"version":3,"names":["ChooseMediaPage","css","_export","setters","_tslib","PopupWindowPage","_webAtomsWebControlsDistMobileAppMobileApp","_webAtomsCoreDistCoreXNode","XNode","default","_commonControlsTreeFileTreeView","FolderTreeView","_webAtomsWebControlsDistBasicAtomRepeater","AtomRepeater","SelectAll","SelectorCheckBox","_webAtomsCoreDistCoreBind","Bind","_webAtomsCoreDistCoreInjectProperty","InjectProperty","_serviceCloudFileService","CloudFileService","_webAtomsCoreDistStyleStyled","styled","_commonControlsDragDropFilesDragDrop","FilesDragDrop","_webAtomsCoreDistViewModelAction","Action","_webAtomsWebControlsDistBasicUploadEvent","UploadEvent","_commonControlsButtonsIconButton","SaveIconTextButton","_commonApiPath","apiPath","execute","installLocal","constructor","search","version","size","selectedFiles","init","title","accept","parameters","selectedFolder","folder","element","style","minWidth","minHeight","renderer","create","class","folderId","appFileID","selectedItem","twoWaysImmediate","type","value","Object","assign","AttachUploadAction","multiple","extra","oneWay","_a","JSON","stringify","parentID","presenter","c","filesRepeater","selectOnClick","selectedItems","allowMultipleSelection","header","headerRenderer","item","items","oneWayAsync","e","cancelToken","cloudFileService","files","showFolder","itemRenderer","name","text","src","fileContentID","footerRenderer","length","min","max","step","selectFile","map","file","onFilesUploaded","__decorate","onEvent","close"],"sources":["../../../../../src/web/page/files/media/ChooseMediaPage.tsx"],"sourcesContent":[null],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.2.231",
+  "version": "1.2.233",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/common/controls/html/grapes-js/GrapesJSEditor.tsx

@@ -104,7 +104,7 @@ export default class GrapesJSEditor extends AtomControl {
     }
 
     async selectFile(accept = "image/*, video/*") {
-        const { file, size } = await PageNavigator.pushPageForResult(ChooseMediaPage, { folder: this.folder, accept });
+        const [{ file, size }] = await PageNavigator.pushPageForResult(ChooseMediaPage, { folder: this.folder, accept });
         const src =  `/api/site/asset/jpg(${size})/${this.folder.appFileID}/${file.appFileID}/${file.fileContentID}/${file.name}.${size}.jpg`;
         return {
             extend: "image",

package/src/common/pages/mailboxes/services/MailboxService.ts

@@ -43,7 +43,7 @@ export default class MailboxService {
         const all = await this.entityService.query(UserPushSubscription)
             .where({ ids, userID }, (p) =>
                 (x) => x.userID === p.userID
-                    && Sql.in(x.mailboxID, p.ids)
+                    && x.mailboxID in p.ids
                     && x.emailAddressID === null)
             .toArray();
         const map = new Map(all.map((x) => [x.mailboxID, x]));

package/src/public/store/Store.tsx

@@ -0,0 +1,15 @@
+import "../../style/GlobalStyle";
+import Pack from "@web-atoms/core/dist/Pack";
+
+
+const url = new URL(location.href);
+(window as any).pageUrl = url;
+const { default: view } = await (/\/store\/\d+/.test(url.pathname) || url.searchParams.has("detail")
+    ? import("./StoreItemDetailView")
+    : import("./StoreItemListView")) as any;
+
+@Pack
+export default class Empty extends view {
+
+}
+

package/src/public/store/StoreItemDetailView.tsx

@@ -0,0 +1,16 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
+
+const url = (window as any).pageUrl as URL;
+
+
+let {1: storeID = "1", 2: itemID = "2a" } = /^\/channels\/([^\/]+)\/([^\/]+)\//.exec(url?.pathname) ?? {} as any;
+
+storeID = parseInt(storeID, 36);
+itemID = parseInt(itemID, 36);
+
+
+export default class StoreItemDetailView extends AtomControl {
+
+    
+
+}

package/src/public/store/StoreItemListView.tsx

@@ -1,5 +1,116 @@
+import Bind from "@web-atoms/core/dist/core/Bind";
+import XNode from "@web-atoms/core/dist/core/XNode";
+import styled from "@web-atoms/core/dist/style/styled";
 import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
+import AtomRepeater from "@web-atoms/web-controls/dist/basic/AtomRepeater";
+import InfiniteRepeater from "../../common/controls/repeater/InfiniteRepeater";
+import InjectProperty from "@web-atoms/core/dist/core/InjectProperty";
+import EntityService from "../../services/EntityService";
+import { IStoreItem, StoreItem } from "../../model/model";
+import { Sql } from "../../common/Sql";
+
+    styled.css `
+
+        display:grid;
+        grid-template-rows: auto 1fr auto;
+
+        & > header {
+            grid-row:1;
+            padding: 10px;
+            display: flex;
+            flex-wrap: wrap;
+
+            gap: 10px;
+        }
+
+        & > section {
+            grid-row: 2;
+            padding: 10px;
+        }
+
+        & > footer {
+            grid-row: 3;
+        }
+
+    `.installGlobal("[data-shopping-cart-list=shopping-cart-list]");
+
 
 export default class StoreItemListView extends AtomControl {
-    
+
+    search = "";
+
+    items: IStoreItem[] = [];
+
+    @InjectProperty
+    entityService: EntityService;
+
+    constructor(app, e) {
+        super(app, e);
+        this.element.setAttribute("data-shopping-cart-list", "shopping-cart-list");
+        this.runAfterInit(() => this.app.runAsync(() => this.init()));
+    }
+
+    async init() {
+
+        this.render(<div>
+            <header>
+                <input type="search" value={Bind.twoWaysImmediate(() => this.search)}/>
+            </header>
+            <AtomRepeater
+                for="section"
+                items={this.items}
+                { ... InfiniteRepeater.pagedItems((start) =>
+                    (c, e, cancelToken) =>
+                        this.searchItems({
+                            start,
+                            search: this.search,
+                            cancelToken
+                        })
+                )}
+                itemRenderer={(item: IStoreItem) => <div>
+                    <label text={item.name}/>
+                </div>}
+                />
+            <footer>
+            </footer>
+        </div>);
+
+    }
+
+
+    async searchItems({
+        start,
+        search,
+        size = 50,
+        cancelToken
+    }) {
+        let q = this.entityService.query(StoreItem, "storeQuery")
+            .where((x) =>
+                x.itemType in [ "product", "service", "resource"]
+                && x.sizeForID === null
+                && x.variantForID === null
+            );
+        if (search) {
+            search = search + "%";
+            q = q.where({ search }, (p) => (x) =>
+                (Sql.text.iLike(x.name, p.search)
+                || Sql.text.iLike(x.description, p.search)
+                || x.sizes.some((s) => Sql.text.iLike(s.name, p.search) || Sql.text.iLike(s.description, p.search))
+                || x.variants.some((s) => Sql.text.iLike(s.name, p.search) || Sql.text.iLike(s.description, p.search))
+                )
+                && x.sizeForID === null
+                && x.variantForID === null
+            );
+        }
+        return q.orderByDescending((x) => x.storeItemID)
+            .include((x) => [
+                x.storeItemPrices,
+                x.storeItemTags.forEach((t) => t.tag)
+            ])
+            .toPagedList({
+                start,
+                size,
+                cancelToken
+            });
+    }
 }

package/src/site-editor/editor/HtmlPageEditor.tsx

@@ -494,37 +494,39 @@ export default class HtmlPageEditor extends AtomControl {
         }
     }
 
-    async insertImage({ src, style, ... a }: { src: string, style?: { [key: string]: string} , [key: string]: any }) {
-        let img: HTMLImageElement;
-        if(this.selection.isImage) {
-            img = this.selection.element as HTMLImageElement;
-        } else {
-            img = this.htmlDocument.createElement("img");
-            this.selection.element.appendChild(img);
-            this.selection.element.appendChild(document.createTextNode("\n"));
-        }
-
-        img.src = src;
+    async insertImage( ... images: { src: string, style?: { [key: string]: string} , [key: string]: any }[]) {
+        let img: HTMLImageElement = this.selection?.isImage ? this.selection.element : null as any;
+        const container = img ? img.parentElement : this.selection.element;
+        for (const { src, style, ... a} of images) {
+            if(!img) {
+                img = this.htmlDocument.createElement("img");
+                container.appendChild(img);
+                container.appendChild(document.createTextNode("\n"));
+            }
 
-        img.onload = () => {
-            this.selection.update();
-            img.onload = null;
-        };
-        if (style) {
-            for (const key in style) {
-                if (Object.prototype.hasOwnProperty.call(style, key)) {
-                    const element = style[key];
-                    img.style[key] = element;
+            img.src = src;
+            const i = img;
+            img.onload = () => {
+                this.selection.update();
+                i.onload = null;
+            };
+            if (style) {
+                for (const key in style) {
+                    if (Object.prototype.hasOwnProperty.call(style, key)) {
+                        const element = style[key];
+                        img.style[key] = element;
+                    }
                 }
             }
-        }
-        if (a) {
-            for (const key in a) {
-                if (Object.prototype.hasOwnProperty.call(a, key)) {
-                    const element = a[key];
-                    img.setAttribute(key, element);
+            if (a) {
+                for (const key in a) {
+                    if (Object.prototype.hasOwnProperty.call(a, key)) {
+                        const element = a[key];
+                        img.setAttribute(key, element);
+                    }
                 }
             }
+            img = null;
         }
         this.commit();
     }

package/src/site-editor/editor/WebSitePageEditor.tsx

@@ -21,13 +21,17 @@ export default class WebSitePageEditor extends HtmlPageEditor {
     private cloudFileService: CloudFileService;
 
     async changeImage() {
-        const { file, size } = await PageNavigator.pushPageForResult(ChooseMediaPage, { folder: this.folder, accept: "image/*" });
-        const src =  imageUrl(this.folder, file, size);
-        const srcset = srcSetUrl(this.folder, file);
-        await this.insertImage({
-            src,
-            srcset
+        const files: { file: IAppFile, size: number}[] = await PageNavigator.pushPageForResult(ChooseMediaPage, {
+            folder: this.folder,
+            accept: "image/*",
+            multiple: true
         });
+        const images = files.map(({ file, size}) => {
+            const src =  imageUrl(this.folder, file, size);
+            const srcset = srcSetUrl(this.folder, file);
+            return { src, "data-src-set": srcset };
+        });
+        await this.insertImage( ... images);
     }
 
     @Action({ onEvent: "open-variables"})

package/src/web/page/files/media/ChooseMediaPage.tsx

@@ -2,7 +2,7 @@ import { PopupWindowPage } from "@web-atoms/web-controls/dist/mobile-app/MobileA
 import { IAppFile } from "../../../../model/model";
 import XNode from "@web-atoms/core/dist/core/XNode";
 import { FolderTreeView } from "../../../../common/controls/tree/FileTreeView";
-import AtomRepeater from "@web-atoms/web-controls/dist/basic/AtomRepeater";
+import AtomRepeater, { SelectAll, SelectorCheckBox } from "@web-atoms/web-controls/dist/basic/AtomRepeater";
 import Bind from "@web-atoms/core/dist/core/Bind";
 import InjectProperty from "@web-atoms/core/dist/core/InjectProperty";
 import CloudFileService from "../service/CloudFileService";
@@ -37,11 +37,39 @@ const css = styled.css `
         }
 
         & .media-file {
-            display: inline-block;
-            max-height: 300px;
+            display: inline-grid;
+            max-height: 350px;
             border: solid 5px transparent;
             overflow: hidden;
             cursor: pointer;
+            grid-template-columns: auto 1fr;
+            grid-template-rows: auto 1fr;
+            position: relative;
+
+            & > [data-selector=checkbox] {
+                grid-row: 1;
+                grid-column: 1;
+            }
+
+            & > .file-name {
+                grid-row: 1;
+                grid-column: 2;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                position: absolute;
+                left: 0;
+                top: 5px;
+                width: 100%;
+            }
+
+            & > .file-preview {
+                grid-row: 2;
+                grid-column: 1 / span 2;
+            }
+
+
+
             &:hover {
                 border-color: lightblue;
             }
@@ -55,7 +83,10 @@ const css = styled.css `
     }
 `.installLocal();
 
-export default class ChooseMediaPage extends PopupWindowPage<{folder: IAppFile, accept: string}, { file: IAppFile, size: number }> {
+export default class ChooseMediaPage extends PopupWindowPage<
+    {folder: IAppFile, accept: string},
+    { file: IAppFile, size: number }[]
+    > {
 
     public parameters;
 
@@ -70,7 +101,9 @@ export default class ChooseMediaPage extends PopupWindowPage<{folder: IAppFile,
 
     private size = 700;
 
-    private selectedFile: IAppFile = null;
+    private selectedFiles: IAppFile[] = [];
+
+    private filesRepeater: AtomRepeater;
 
     async init() {
         this.title = "Choose Media";
@@ -109,8 +142,10 @@ export default class ChooseMediaPage extends PopupWindowPage<{folder: IAppFile,
                 })}
                 >
                 <AtomRepeater
+                    presenter={Bind.presenter((c) => this.filesRepeater = c)}
                     selectOnClick={true}
-                    selectedItem={Bind.twoWaysImmediate(() => this.selectedFile)}
+                    selectedItems={this.selectedFiles}
+                    allowMultipleSelection={this.parameters.multiple}
                     header={true}
                     headerRenderer={(item) => <div
                         data-position="sticky-top"
@@ -127,7 +162,11 @@ export default class ChooseMediaPage extends PopupWindowPage<{folder: IAppFile,
                         })
                     )}
                     itemRenderer={(item: IAppFile) => <div class="media-file">
-                        <img src={ apiPath(`/api/files/webp(300)/${item.appFileID}/${item.fileContentID}/${item.name}.300.webp`)} />
+                        { this.parameters.multiple && <SelectorCheckBox/>}
+                        <label class="file-name" title={item.name} text={item.name}/>
+                        <img
+                            class="file-preview"
+                            src={ apiPath(`/api/files/webp(300)/${item.appFileID}/${item.fileContentID}/${item.name}.300.webp`)} />
                     </div>}
                     />
             </div>
@@ -135,8 +174,14 @@ export default class ChooseMediaPage extends PopupWindowPage<{folder: IAppFile,
 
         this.footerRenderer = () =>
             <div
-                style-display={Bind.oneWay(() => this.selectedFile !== null)}
+                style-display={Bind.oneWay(() => this.selectedFiles.length > 0)}
                 data-layout="row">
+
+                <SelectAll
+                    items={Bind.oneWay(() => this.filesRepeater.items)}
+                    selectedItems={this.selectedFiles}
+                    />
+
                 <input type="range" min="100" max="2000" step="100" value={Bind.twoWaysImmediate(() => this.size)} />
                 <span text={Bind.oneWay(() => `${this.size}px`)}/>
                 <SaveIconTextButton
@@ -149,9 +194,8 @@ export default class ChooseMediaPage extends PopupWindowPage<{folder: IAppFile,
 
     @Action({ onEvent: "select-file", close: true })
     async selectFile() {
-        const file = this.selectedFile;
         const size = this.size;
-        return { file, size };
+        return this.selectedFiles.map((file) => ({ file, size }));
     }
 
     @Action({ onEvent: "files-available"})