@itrocks/list 0.1.2 → 0.1.4

package/cjs/columns.d.ts

@@ -0,0 +1,10 @@
+import { Type } from '@itrocks/class-type';
+import { ReflectProperty } from '@itrocks/reflect';
+import { Request } from '@itrocks/request-response';
+import { Option } from '@itrocks/storage';
+export declare class Columns<T extends object> implements Iterable<ReflectProperty<T>> {
+    properties: ReflectProperty<T>[];
+    [Symbol.iterator](): ArrayIterator<ReflectProperty<T>>;
+    getParams(_request: Request, type: Type<T>): void;
+    readOptions(options?: Option[]): Option[];
+}

package/cjs/columns.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Columns = void 0;
+const list_properties_1 = require("@itrocks/list-properties");
+class Columns {
+    properties = new Array;
+    [Symbol.iterator]() {
+        return this.properties[Symbol.iterator]();
+    }
+    getParams(_request, type) {
+        this.properties = new list_properties_1.ListReflectClass(type).listProperties();
+    }
+    readOptions(options = new Array) {
+        return options;
+    }
+}
+exports.Columns = Columns;
+//# sourceMappingURL=columns.js.map

package/cjs/feed.d.ts

@@ -0,0 +1,13 @@
+import { Request } from '@itrocks/request-response';
+import { Option } from '@itrocks/storage';
+export declare class Feed {
+    static DEFAULT_LIMIT: number;
+    static DEFAULT_LINE_HEIGHT: number;
+    static DEFAULT_OFFSET: number;
+    limit: number;
+    lineHeight: number;
+    offset: number;
+    template: string;
+    getParams(request: Request): void;
+    readOptions(options?: Option[]): Option[];
+}

package/cjs/feed.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Feed = void 0;
+const storage_1 = require("@itrocks/storage");
+class Feed {
+    static DEFAULT_LIMIT = 50;
+    static DEFAULT_LINE_HEIGHT = 30;
+    static DEFAULT_OFFSET = 0;
+    limit = Feed.DEFAULT_LIMIT;
+    lineHeight = Feed.DEFAULT_LINE_HEIGHT;
+    offset = Feed.DEFAULT_OFFSET;
+    template = __dirname + '/feed.html';
+    getParams(request) {
+        const header = request.headers['xhr-info'];
+        const xhrInfo = header ? JSON.parse(header) : {};
+        this.limit = xhrInfo.targetHeight
+            ? Math.ceil(xhrInfo.targetHeight / this.lineHeight)
+            : (xhrInfo.visibleRows ?? Feed.DEFAULT_LIMIT);
+        this.offset = +request.data.offset;
+    }
+    readOptions(options = new Array) {
+        options.push(new storage_1.Limit(this.limit, this.offset));
+        return options;
+    }
+}
+exports.Feed = Feed;
+//# sourceMappingURL=feed.js.map

package/cjs/filter.d.ts

@@ -0,0 +1,8 @@
+import { Type } from '@itrocks/class-type';
+import { Request } from '@itrocks/request-response';
+import { Option } from '@itrocks/storage';
+export declare class Filter {
+    getParams(_request: Request): void;
+    readOptions(options?: Option[]): Option[];
+    searchObject(type: Type): any;
+}

package/cjs/filter.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Filter = void 0;
+class Filter {
+    getParams(_request) {
+    }
+    readOptions(options = new Array) {
+        return options;
+    }
+    searchObject(type) {
+        return Object.setPrototypeOf({}, type.prototype);
+    }
+}
+exports.Filter = Filter;
+//# sourceMappingURL=filter.js.map

package/cjs/list.d.ts

@@ -1,7 +1,14 @@
 import { Action } from '@itrocks/action';
 import { Request } from '@itrocks/action-request';
+import { Columns } from './columns';
+import { Feed } from './feed';
+import { Filter } from './filter';
+import { Sort } from './sort';
 export declare class List<T extends object = object> extends Action<T> {
-    lineHeight: number;
+    columns: Columns<object>;
+    feed: Feed;
+    filter: Filter;
+    sort: Sort<object>;
     html(request: Request<T>): Promise<import("@itrocks/core-responses").HtmlResponse>;
     json(request: Request<T>): Promise<import("@itrocks/core-responses").JsonResponse>;
 }

package/cjs/list.html

@@ -28,8 +28,8 @@
 			<table class="objects">
 			<thead>
 					<tr class="properties">
-						<th class="select" data-fix><input name="select" type="checkbox" value="all"></th>
-						<!--type.%listProperties-->
+						<th class="select"><input name="select" type="checkbox" value="all"></th>
+						<!--columns-->
 						<th data-property="{name}">{@display}</th>
 						<!--end-->
 					</tr>

package/cjs/list.js

@@ -41,8 +41,10 @@ const action_3 = require("@itrocks/action");
 const route_1 = require("@itrocks/route");
 const route_2 = require("@itrocks/route");
 const storage_1 = require("@itrocks/storage");
-const storage_2 = require("@itrocks/storage");
-const storage_3 = require("@itrocks/storage");
+const columns_1 = require("./columns");
+const feed_1 = require("./feed");
+const filter_1 = require("./filter");
+const sort_1 = require("./sort");
 let List = (() => {
     let _classDecorators = [(0, action_3.Need)('Store', 'new'), (0, route_1.Route)('/list')];
     let _classDescriptor;
@@ -58,18 +60,23 @@ let List = (() => {
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        lineHeight = 30;
+        columns = new columns_1.Columns;
+        feed = new feed_1.Feed;
+        filter = new filter_1.Filter;
+        sort = new sort_1.Sort;
         async html(request) {
-            const header = request.request.headers['xhr-info'];
-            const xhrInfo = header ? JSON.parse(header) : {};
-            const limit = xhrInfo.targetHeight
-                ? Math.ceil(xhrInfo.targetHeight / this.lineHeight)
-                : (xhrInfo.visibleRows ?? 50);
-            const offset = request.request.data.offset;
+            const columns = this.columns;
+            const feed = this.feed;
+            const filter = this.filter;
+            const sort = this.sort;
             const type = request.type;
-            const objects = await (0, storage_1.dataSource)().readAll(type, [new storage_2.Limit(limit, +offset), storage_3.Sort]);
-            if (offset !== undefined) {
-                return this.htmlTemplateResponse({ objects, type }, request, __dirname + '/feed.html');
+            columns.getParams(request.request, type);
+            feed.getParams(request.request);
+            filter.getParams(request.request);
+            sort.getParams(request.request, type, columns);
+            const objects = await (0, storage_1.dataSource)().search(type, filter.searchObject(type), feed.readOptions(filter.readOptions(sort.readOptions())));
+            if (feed.offset) {
+                return this.htmlTemplateResponse({ objects, type }, request, feed.template);
             }
             const count = await (0, storage_1.dataSource)().count(type);
             const route = (0, route_2.routeOf)(this);
@@ -79,7 +86,7 @@ let List = (() => {
                 const actions = (action.need === 'object') ? selectionActions : generalActions;
                 actions.push(action);
             }
-            return this.htmlTemplateResponse({ count, generalActions, objects, selectionActions, type }, request, __dirname + '/list.html');
+            return this.htmlTemplateResponse({ columns, count, generalActions, objects, selectionActions, type }, request, __dirname + '/list.html');
         }
         async json(request) {
             const objects = await (0, storage_1.dataSource)().search(request.type);

package/cjs/sort.d.ts

@@ -0,0 +1,8 @@
+import { Type } from '@itrocks/class-type';
+import { Request } from '@itrocks/request-response';
+import { Option } from '@itrocks/storage';
+import { Columns } from './columns';
+export declare class Sort<T extends object> {
+    getParams(_request: Request, _type: Type, _columns: Columns<T>): void;
+    readOptions(options?: Option[]): Option[];
+}

package/cjs/sort.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sort = void 0;
+const storage_1 = require("@itrocks/storage");
+class Sort {
+    getParams(_request, _type, _columns) {
+    }
+    readOptions(options = new Array) {
+        options.push(storage_1.Sort);
+        return options;
+    }
+}
+exports.Sort = Sort;
+//# sourceMappingURL=sort.js.map

package/package.json

@@ -6,6 +6,10 @@
 	"dependencies": {
 		"@itrocks/action-pack": "latest",
 		"@itrocks/build": "latest",
+		"@itrocks/class-type": "latest",
+		"@itrocks/list-properties": "latest",
+		"@itrocks/reflect": "latest",
+		"@itrocks/request-response": "latest",
 		"@itrocks/table": "latest",
 		"@itrocks/xtarget": "latest"
 	},
@@ -67,5 +71,5 @@
 		"build:front": "tsc -p esm/tsconfig.json && ../prepare-module/prepare-module.js esm"
 	},
 	"types": "./cjs/list.d.ts",
-	"version": "0.1.2"
+	"version": "0.1.4"
 }