@pageboard/html 0.14.33 → 0.14.34

package/elements/form.js

@@ -99,7 +99,7 @@ exports.api_form = {
 		action: {
 			title: 'Action',
 			description: 'Choose a service',
-			$ref: '/services?$action=write'
+			$ref: '/writes'
 		},
 		redirection: {
 			title: 'Success',

package/elements/link.js

@@ -44,7 +44,7 @@ exports.link = {
 	inline: true,
 	group: "inline",
 	tag: 'a:not([block-type]),a[block-type="link"]',
-	html: '<a href="[url]" hreflang="[lang]" class="[button|alt:ui button]" id="[id]"></a>',
+	html: '<a href="[url|lang:[lang]]" hreflang="[lang]" class="[button|alt:ui button]" id="[id]"></a>',
 	stylesheets: [
 		'../ui/components/button.css'
 	]
@@ -110,8 +110,7 @@ exports.link_button = {
 	},
 	contents: "text*",
 	group: "block",
-	tag: 'a.ui.button',
-	html: '<a href="[url]" hreflang="[lang]" class="ui [full|alt:fluid:] [icon] [compact] [float|post:%20floated] button"></a>',
+	html: '<a href="[url|lang:[lang]]" hreflang="[lang]" class="ui [full|alt:fluid:] [icon] [compact] [float|post:%20floated] button"></a>',
 	stylesheets: [
 		'../ui/components/button.css'
 	]

package/elements/menu.js

@@ -120,7 +120,7 @@ exports.menu_item_link = {
 		marks: "nolink"
 	},
 	group: 'menu_item',
-	html: '<a class="[labeled] item" href="[url]" hreflang="[lang]">Link</a>'
+	html: '<a class="[labeled] item" href="[url|lang:[lang]]" hreflang="[lang]">Link</a>'
 };
 
 exports.menu_item_block = { ...exports.menu_item_link,

package/elements/pagination.js

@@ -7,7 +7,7 @@ exports.pagination = {
 	isolating: true,
 	properties: {
 		fetch: {
-			title: 'Fetch block',
+			title: 'Name of fetch block',
 			type: 'string',
 			format: 'id',
 			$filter: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pageboard/html",
-  "version": "0.14.33",
+  "version": "0.14.34",
   "description": "",
   "main": "index.js",
   "repository": {

package/ui/pagination.js

@@ -7,28 +7,29 @@ class HTMLElementPagination extends Page.create(HTMLAnchorElement) {
 	}
 
 	#update(state) {
+		const { fetch } = this.dataset;
 		const node = this.ownerDocument.querySelector(
-			`element-template[action="/.api/query/${this.dataset.fetch}"]`
+			`element-template[action="/.api/query/${fetch}"]`
 		);
 		if (!node) {
-			console.warn("pagination does not find fetch node", this.dataset.fetch);
+			console.warn("pagination does not find fetch node", fetch);
 			return;
 		}
-		const name = node.dataset.offsetName;
+		const { offsetName } = node.dataset;
 		const offset = parseInt(node.dataset.offset) || 0;
 		const limit = parseInt(node.dataset.limit) || 10;
 		const count = parseInt(node.dataset.count) || 0;
 		const sign = this.dataset.dir == "-" ? -1 : +1;
-		const cur = sign > 0 ? offset : (offset - 2 * limit);
+		const cur = sign > 0 ? offset + limit : offset - limit;
 
 		this.setAttribute('href', Page.format({
 			pathname: state.pathname,
 			query: {
 				...state.query,
-				[name]: cur || undefined
+				[offsetName]: cur
 			}
 		}));
-		this.disabled = sign < 0 && offset <= limit || sign > 0 && offset >= count;
+		this.disabled = sign < 0 && cur < 0 || sign > 0 && cur >= count;
 	}
 	handleClick(e) {
 		if (this.disabled) {