Changeset 3322139

jobbnorge-block/assets/blueprints/blueprint.json

-                      r3019435
+                      r3322139
+{
     "$schema": "https://playground.wordpress.net/blueprint-schema.json",
+    "landingPage": "\/wp-admin\/post.php?post=2&action=edit",
+    "_comment1": "This is the landing page URL, Also see the runPHP step below",
+    "landingPage": "/wp-admin/post.php?post=2&action=edit",
+    "_comment2": "These are the preferred versions for PHP and WordPress",
     "preferredVersions": {
         "php": "8.1",
         "wp": "latest"
     },
+    "_comment3": "These are the PHP extension bundles",
     "phpExtensionBundles": [
+        "_comment3.1": "kitchen-sink = gd, mbstring, iconv, openssl, libxml, xml, dom, simplexml, xmlreader and xmlwriter",
         "kitchen-sink"
     ],
+    "_comment4": "These are the features",
     "features": {
+        "_comment4.1": "Network access is required. The plugin needs access to the Jobbnorge API",
         "networking": true
     },
+    "_comment5": "These are the steps",
     "steps": [
+        {
+            "_comment5.1": "This is the login step",
             "step": "login",
             "username": "admin",
 …
         },
+        {
+            "_comment5.2": "This is the plugin installation step",
             "step": "installPlugin",
             "pluginZipFile": {
                 "resource": "wordpress.org\/plugins",
+                "resource": "wordpress.org/plugins",
                 "slug": "jobbnorge-block"
             },
 …
         },
+        {
+            "_comment5.3": "Use wp_update_post. post ID 2 exists (default sample page), I updated it with my content and made it my landing page",
             "step": "runPHP",
             "code": "<?php require '/wordpress/wp-load.php'; wp_update_post( array('ID' => 2, 'post_title'    => 'Jobbnorge','post_content'  => '<!-- wp:dss/jobbnorge {\"employerID\":\"1981,1992,1980,2770,1989,1994,1986,1984,1985,1987,1996,1988,1982,1983,1995,1993,1991\"} /-->' ) );"

jobbnorge-block/tags/2.2.0/CHANGELOG.md

-                      r3003492
+                      r3322139
+# Cangelog
+# Changelog
+## 2.2.0
+* **NEW**: Add frontend pagination support with AJAX loading
+* **NEW**: Add pagination controls (enable/disable, jobs per page setting)
+* **ENHANCEMENT**: Upgrade to Jobbnorge API v3 for better performance
+* **ENHANCEMENT**: Implement PHP-based pagination to work around API limitations with employer filtering
+* **ENHANCEMENT**: Add responsive grid layout that adapts to screen size
+* **ENHANCEMENT**: Improve cache key logic to include pagination and layout parameters
+* **ENHANCEMENT**: Add loading states and error handling for pagination
+* **ENHANCEMENT**: Separate frontend and admin CSS loading for better performance
+* **FIX**: Fix CSS class naming conflicts that prevented grid view from working on frontend
+* **FIX**: Resolve frontend style loading issues
+* **DEVELOPER**: Add comprehensive webpack build configuration for multiple entry points
+* **DEVELOPER**: Add pagination JavaScript with proper AJAX handling and nonce security
 ## 2.1.5

jobbnorge-block/tags/2.2.0/README.md

-                      r3002720
+                      r3322139
 > Also available at https://wordpress.org/plugins/jobbnorge-block/
 This WordPress plugin adds a block to the Gutenberg editor that displays a list of jobs from Jobbnorge.
 See: [Features](#features) | [Installation](#installation) | [Use](#use) | [Filters](#filters) | [Styling](#styling) | [License](#license) | [Changelog](CHANGELOG.md)
+**See:** [Live Preview](https://playground.wordpress.net/?plugin=jobbnorge-block&blueprint-url=https://wordpress.org/plugins/wp-json/plugins/v1/plugin/jobbnorge-block/blueprint.json) | [Features](#features) | [Installation](#installation) | [Use](#use) | [Filters](#filters) | [Styling](#styling) | [License](#license) | [Changelog](CHANGELOG.md)
+<p>&nbsp;</p>
 <img src=".wordpress-org/jobbnorge.gif">

jobbnorge-block/tags/2.2.0/build/block.json

-                      r3003492
+                      r3322139
   "apiVersion": 2,
   "name": "dss/jobbnorge",
   "version": "2.1.5",
+  "version": "2.2.0",
   "title": "Jobbnorge",
   "category": "widgets",
 …
       "type": "number",
       "default": 55
+    },
+    "enablePagination": {
+      "type": "boolean",
+      "default": true
+    },
+    "jobsPerPage": {
+      "type": "number",
+      "default": 10
+    }
   },
   "textdomain": "wp-jobbnorge-block",
   "editorScript": "file:init.js",
   "editorStyle": "file:editor.scss",
   "style": "file:style.scss"
+  "editorStyle": "file:editor.css",
+  "style": "file:style-init.css"
+}

jobbnorge-block/tags/2.2.0/build/init.asset.php

r3003492	r3322139
1		<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives', 'wp-server-side-render'), 'version' => '~~4d2818abc3875b8f27f4~~');
	1	<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives', 'wp-server-side-render'), 'version' => '7c82361092d9d86c438b');

jobbnorge-block/tags/2.2.0/build/init.css

r2853882	r3322139
1		.wp-block-dss-jobbnorge li a>div{display:inline}.wp-block-dss-jobbnorge__placeholder-form{align-items:stretch;display:flex}.wp-block-dss-jobbnorge__placeholder-form>{margin-bottom:8px}@media(min-width:782px){.wp-block-dss-jobbnorge__placeholder-form>{margin-bottom:0}}.wp-block-dss-jobbnorge__placeholder-input{align-items:stretch;display:flex;flex-grow:1}.wp-block-dss-jobbnorge__placeholder-input .components-base-control__field{align-items:stretch;display:flex;flex-grow:1;margin:0 8px 0 0}
	1	.wp-block-dss-jobbnorge li a>div{display:inline}.wp-block-dss-jobbnorge__placeholder-form{align-items:stretch;display:flex}.wp-block-dss-jobbnorge__placeholder-form>{margin-bottom:8px}@media(min-width:782px){.wp-block-dss-jobbnorge__placeholder-form>{margin-bottom:0}}.wp-block-dss-jobbnorge__placeholder-input{align-items:stretch;display:flex;flex-grow:1}.wp-block-dss-jobbnorge__placeholder-input .components-base-control__field{align-items:stretch;display:flex;flex-grow:1;margin:0 8px 0 0}ul.wp-block-dss-jobbnorge{list-style:none;padding:0}ul.wp-block-dss-jobbnorge.wp-block-dss-jobbnorge{box-sizing:border-box}ul.wp-block-dss-jobbnorge li{margin:0 0 1em}ul.wp-block-dss-jobbnorge.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-dss-jobbnorge.is-grid li{margin:0 1em 1em 0;width:100%}@media(min-width:600px){ul.wp-block-dss-jobbnorge.columns-2 li{width:calc(50% - 1em)}ul.wp-block-dss-jobbnorge.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-dss-jobbnorge.columns-4 li{width:calc(25% - 1em)}ul.wp-block-dss-jobbnorge.columns-5 li{width:calc(20% - 1em)}ul.wp-block-dss-jobbnorge.columns-6 li{width:calc(16.66667% - 1em)}}

jobbnorge-block/tags/2.2.0/build/init.js

r3003492	r3322139
1		!function(){"use strict";var e,o={938:function(e,o,t){var l=window.React,n=window.wp.primitives,r=(0,l.createElement)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,l.createElement)(n.Path,{d:"M15.5 9.5a1 1 0 100-2 1 1 0 000 2zm0 1.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-2.25 6v-2a2.75 2.75 0 00-2.75-2.75h-4A2.75 2.75 0 003.75 15v2h1.5v-2c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v2h1.5zm7-2v2h-1.5v-2c0-.69-.56-1.25-1.25-1.25H15v-1.5h2.5A2.75 2.75 0 0120.25 15zM9.5 8.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z",fillRule:"evenodd"})),a=window.wp.blocks,i=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"dss/jobbnorge","version":"2.1.5","title":"Jobbnorge","category":"widgets","icon":"people","description":"Retrieve and display job listings from Jobbnorge.no","keywords":["jobbnorge","jobbnorge.no"],"supports":{"html":false},"attributes":{"columns":{"type":"number","default":3},"blockLayout":{"type":"string","default":"list"},"employerID":{"type":"string","default":""},"noJobsMessage":{"type":"string","default":""},"orderBy":{"type":"string","default":"Deadline"},"itemsToShow":{"type":"number","default":5},"displayEmployer":{"type":"boolean","default":false},"displayExcerpt":{"type":"boolean","default":true},"displayDeadline":{"type":"boolean","default":false},"displayScope":{"type":"boolean","default":false},"displayDate":{"type":"boolean","default":true},"excerptLength":{"type":"number","default":55}},"textdomain":"wp-jobbnorge-block","editorScript":"file:init.js","editorStyle":"file:editor.scss","style":"file:style.scss"}'),c=window.wp.blockEditor,s=window.wp.components,b=window.wp.element,p=(0,l.createElement)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,l.createElement)(n.Path,{d:"m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z"})),d=(0,l.createElement)(n.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,l.createElement)(n.Path,{d:"M4 4v1.5h16V4H4zm8 8.5h8V11h-8v1.5zM4 20h16v-1.5H4V20zm4-8c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2z"})),m=(0,l.createElement)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,l.createElement)(n.Path,{d:"m3 5c0-1.10457.89543-2 2-2h13.5c1.1046 0 2 .89543 2 2v13.5c0 1.1046-.8954 2-2 2h-13.5c-1.10457 0-2-.8954-2-2zm2-.5h6v6.5h-6.5v-6c0-.27614.22386-.5.5-.5zm-.5 8v6c0 .2761.22386.5.5.5h6v-6.5zm8 0v6.5h6c.2761 0 .5-.2239.5-.5v-6zm0-8v6.5h6.5v-6c0-.27614-.2239-.5-.5-.5z",fillRule:"evenodd",clipRule:"evenodd"})),u=window.wp.i18n,g=window.wp.serverSideRender,w=t.n(g);const{name:v}=i;(e=>{const{metadata:o,settings:t,name:l}=e;(0,a.registerBlockType)({name:l,...o},t)})({name:v,metadata:i,settings:{icon:r,example:{attributes:{employerID:"123[, 456, 789]"}},edit:function({attributes:e,setAttributes:o}){const[t,n]=(0,b.useState)(!e.employerID),{blockLayout:a,columns:i,displayScope:g,displayDate:v,displayEmployer:y,displayExcerpt:h,employerID:f,itemsToShow:k,noJobsMessage:_,orderBy:E}=e;function j(t){return()=>{const l=e[t];o({[t]:!l})}}const C=(0,c.useBlockProps)();var x;if(t)return(0,l.createElement)("div",{...C},(0,l.createElement)(s.Placeholder,{icon:r,label:"Jobbnorge"},(0,l.createElement)("form",{onSubmit:function(e){e.preventDefault(),f&&(o({employerID:f}),n(!1))},className:"wp-block-dss-jobbnorge__placeholder-form"},window.wpJobbnorgeBlock&&window.wpJobbnorgeBlock.employers?(0,l.createElement)(s.SelectControl,{multiple:!0,value:f.split(","),onChange:e=>o({employerID:e.toString()}),options:(null!==(x=wpJobbnorgeBlock.employers)&&void 0!==x?x:[]).map((e=>{var o;return{label:e.label,value:e.value,disabled:null!==(o=e?.disabled)&&void 0!==o&&o}})),className:"wp-block-dss-jobbnorge__placeholder-input",help:(0,u.__)("Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to select multiple employers. Shift-click to select a range of employers.","wp-jobbnorge-block"),__nextHasNoMarginBottom:!0}):(0,l.createElement)(s.TextControl,{placeholder:(0,u.__)("Employer ID [,id2, id3, ..]","wp-jobbnorge-block"),value:f,onChange:e=>o({employerID:e}),className:"wp-block-dss-jobbnorge__placeholder-input"}),(0,l.createElement)(s.Button,{variant:"primary",type:"submit"},(0,u.__)("Save","wp-jobbnorge-block")))));const S=[{icon:p,title:(0,u.__)("Edit Jobbnorge URL","wp-jobbnorge-block"),onClick:()=>n(!0)},{icon:d,title:(0,u.__)("List view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"list"}),isActive:"list"===a},{icon:m,title:(0,u.__)("Grid view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"grid"}),isActive:"grid"===a}];return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(c.BlockControls,null,(0,l.createElement)(s.ToolbarGroup,{controls:S})),(0,l.createElement)(c.InspectorControls,null,(0,l.createElement)(s.PanelBody,{title:(0,u.__)("Settings","wp-jobbnorge-block")},(0,l.createElement)(s.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Number of items","wp-jobbnorge-block"),value:k,onChange:e=>o({itemsToShow:e}),min:1,max:100,required:!0}),f.includes(",")&&(0,l.createElement)(s.RadioControl,{label:(0,u.__)("Order by","wp-jobbnorge-block"),selected:E,options:[{label:(0,u.__)("Deadline","wp-jobbnorge-block"),value:"Deadline"},{label:(0,u.__)("Employer","wp-jobbnorge-block"),value:"Employer"}],onChange:e=>o({orderBy:e})}),(0,l.createElement)(s.TextareaControl,{label:(0,u.__)("No jobs found message","wp-jobbnorge-block"),help:(0,u.__)("Message to display if no jobs are found","wp-jobbnorge-block"),value:_\|\|(0,u.__)("There are no jobs at this time.","wp-jobbnorge-block"),onChange:e=>o({noJobsMessage:e})})),(0,l.createElement)(s.PanelBody,{title:(0,u.__)("Item","wp-jobbnorge-block")},(0,l.createElement)(s.ToggleControl,{label:(0,u.__)("Display employer","wp-jobbnorge-block"),checked:y,onChange:j("displayEmployer")}),(0,l.createElement)(s.ToggleControl,{label:(0,u.__)("Display excerpt","wp-jobbnorge-block"),checked:h,onChange:j("displayExcerpt")}),(0,l.createElement)(s.ToggleControl,{label:(0,u.__)("Display deadline","wp-jobbnorge-block"),checked:v,onChange:j("displayDate")}),(0,l.createElement)(s.ToggleControl,{label:(0,u.__)("Display scope","wp-jobbnorge-block"),checked:g,onChange:j("displayScope")})),"grid"===a&&(0,l.createElement)(s.PanelBody,{title:(0,u.__)("Grid view","wp-jobbnorge-block")},(0,l.createElement)(s.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Columns","wp-jobbnorge-block"),value:i,onChange:e=>o({columns:e}),min:2,max:6,required:!0}))),(0,l.createElement)("div",{...C},(0,l.createElement)(s.Disabled,null,(0,l.createElement)(w(),{block:"dss/jobbnorge",attributes:e,httpMethod:"POST"}))))}}})}},t={};function l(e){var n=t[e];if(void 0!==n)return n.exports;var r=t[e]={exports:{}};return o[e](r,r.exports,l),r.exports}l.m=o,e=[],l.O=function(o,t,n,r){if(!t){var a=1/0;for(b=0;b<e.length;b++){t=e[b][0],n=e[b][1],r=e[b][2];for(var i=!0,c=0;c<t.length;c++)(!1&r\|\|a>=r)&&Object.keys(l.O).every((function(e){return l.O[e](t[c])}))?t.splice(c--,1):(i=!1,r<a&&(a=r));if(i){e.splice(b--,1);var s=n();void 0!==s&&(o=s)}}return o}r=r\|\|0;for(var b=e.length;b>0&&e[b-1][2]>r;b--)e[b]=e[b-1];e[b]=[t,n,r]},l.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(o,{a:o}),o},l.d=function(e,o){for(var t in o)l.o(o,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},l.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},function(){var e={410:0,308:0};l.O.j=function(o){return 0===e[o]};var o=function(o,t){var n,r,a=t[0],i=t[1],c=t[2],s=0;if(a.some((function(o){return 0!==e[o]}))){for(n in i)l.o(i,n)&&(l.m[n]=i[n]);if(c)var b=c(l)}for(o&&o(t);s<a.length;s++)r=a[s],l.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return l.O(b)},t=self.webpackChunkjobbnorge_block=self.webpackChunkjobbnorge_block\|\|[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))}();var n=l.O(void 0,[308],(function(){return l(938)}));n=l.O(n)}();
	1	!function(){"use strict";var e,o={938:function(e,o,t){var n=window.React,l=window.wp.primitives,r=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"M15.5 9.5a1 1 0 100-2 1 1 0 000 2zm0 1.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-2.25 6v-2a2.75 2.75 0 00-2.75-2.75h-4A2.75 2.75 0 003.75 15v2h1.5v-2c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v2h1.5zm7-2v2h-1.5v-2c0-.69-.56-1.25-1.25-1.25H15v-1.5h2.5A2.75 2.75 0 0120.25 15zM9.5 8.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z",fillRule:"evenodd"})),a=window.wp.blocks,i=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"dss/jobbnorge","version":"2.2.0","title":"Jobbnorge","category":"widgets","icon":"people","description":"Retrieve and display job listings from Jobbnorge.no","keywords":["jobbnorge","jobbnorge.no"],"supports":{"html":false},"attributes":{"columns":{"type":"number","default":3},"blockLayout":{"type":"string","default":"list"},"employerID":{"type":"string","default":""},"noJobsMessage":{"type":"string","default":""},"orderBy":{"type":"string","default":"Deadline"},"itemsToShow":{"type":"number","default":5},"displayEmployer":{"type":"boolean","default":false},"displayExcerpt":{"type":"boolean","default":true},"displayDeadline":{"type":"boolean","default":false},"displayScope":{"type":"boolean","default":false},"displayDate":{"type":"boolean","default":true},"excerptLength":{"type":"number","default":55},"enablePagination":{"type":"boolean","default":true},"jobsPerPage":{"type":"number","default":10}},"textdomain":"wp-jobbnorge-block","editorScript":"file:init.js","editorStyle":"file:editor.css","style":"file:style-init.css"}'),c=window.wp.blockEditor,b=window.wp.components,s=window.wp.element,p=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z"})),d=(0,n.createElement)(l.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,n.createElement)(l.Path,{d:"M4 4v1.5h16V4H4zm8 8.5h8V11h-8v1.5zM4 20h16v-1.5H4V20zm4-8c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2z"})),m=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"m3 5c0-1.10457.89543-2 2-2h13.5c1.1046 0 2 .89543 2 2v13.5c0 1.1046-.8954 2-2 2h-13.5c-1.10457 0-2-.8954-2-2zm2-.5h6v6.5h-6.5v-6c0-.27614.22386-.5.5-.5zm-.5 8v6c0 .2761.22386.5.5.5h6v-6.5zm8 0v6.5h6c.2761 0 .5-.2239.5-.5v-6zm0-8v6.5h6.5v-6c0-.27614-.2239-.5-.5-.5z",fillRule:"evenodd",clipRule:"evenodd"})),u=window.wp.i18n,g=window.wp.serverSideRender,w=t.n(g);const{name:h}=i;(e=>{const{metadata:o,settings:t,name:n}=e;(0,a.registerBlockType)({name:n,...o},t)})({name:h,metadata:i,settings:{icon:r,example:{attributes:{employerID:"123[, 456, 789]"}},edit:function({attributes:e,setAttributes:o}){const[t,l]=(0,s.useState)(!e.employerID),{blockLayout:a,columns:i,displayScope:g,displayDate:h,displayEmployer:y,displayExcerpt:v,employerID:f,itemsToShow:_,noJobsMessage:k,orderBy:j,enablePagination:E,jobsPerPage:C}=e;function x(t){return()=>{const n=e[t];o({[t]:!n})}}const S=(0,c.useBlockProps)();var B;if(t)return(0,n.createElement)("div",{...S},(0,n.createElement)(b.Placeholder,{icon:r,label:"Jobbnorge"},(0,n.createElement)("form",{onSubmit:function(e){e.preventDefault(),f&&(o({employerID:f}),l(!1))},className:"wp-block-dss-jobbnorge__placeholder-form"},window.wpJobbnorgeBlock&&window.wpJobbnorgeBlock.employers?(0,n.createElement)(b.SelectControl,{multiple:!0,value:f.split(","),onChange:e=>o({employerID:e.toString()}),options:(null!==(B=wpJobbnorgeBlock.employers)&&void 0!==B?B:[]).map((e=>{var o;return{label:e.label,value:e.value,disabled:null!==(o=e?.disabled)&&void 0!==o&&o}})),className:"wp-block-dss-jobbnorge__placeholder-input",help:(0,u.__)("Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to select multiple employers. Shift-click to select a range of employers.","wp-jobbnorge-block"),__nextHasNoMarginBottom:!0}):(0,n.createElement)(b.TextControl,{placeholder:(0,u.__)("Employer ID [,id2, id3, ..]","wp-jobbnorge-block"),value:f,onChange:e=>o({employerID:e}),className:"wp-block-dss-jobbnorge__placeholder-input"}),(0,n.createElement)(b.Button,{variant:"primary",type:"submit"},(0,u.__)("Save","wp-jobbnorge-block")))));const D=[{icon:p,title:(0,u.__)("Edit Jobbnorge URL","wp-jobbnorge-block"),onClick:()=>l(!0)},{icon:d,title:(0,u.__)("List view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"list"}),isActive:"list"===a},{icon:m,title:(0,u.__)("Grid view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"grid"}),isActive:"grid"===a}];return(0,n.createElement)(n.Fragment,null,(0,n.createElement)(c.BlockControls,null,(0,n.createElement)(b.ToolbarGroup,{controls:D})),(0,n.createElement)(c.InspectorControls,null,(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Settings","wp-jobbnorge-block")},(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Enable pagination","wp-jobbnorge-block"),help:(0,u.__)("When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.","wp-jobbnorge-block"),checked:E,onChange:e=>o({enablePagination:e})}),!E&&(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Number of items","wp-jobbnorge-block"),value:_,onChange:e=>o({itemsToShow:e}),min:1,max:100,required:!0}),E&&(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Jobs per page","wp-jobbnorge-block"),value:C,onChange:e=>o({jobsPerPage:e}),min:1,max:50,required:!0}),f.includes(",")&&(0,n.createElement)(b.RadioControl,{label:(0,u.__)("Order by","wp-jobbnorge-block"),selected:j,options:[{label:(0,u.__)("Deadline","wp-jobbnorge-block"),value:"Deadline"},{label:(0,u.__)("Employer","wp-jobbnorge-block"),value:"Employer"}],onChange:e=>o({orderBy:e})}),(0,n.createElement)(b.TextareaControl,{label:(0,u.__)("No jobs found message","wp-jobbnorge-block"),help:(0,u.__)("Message to display if no jobs are found","wp-jobbnorge-block"),value:k\|\|(0,u.__)("There are no jobs at this time.","wp-jobbnorge-block"),onChange:e=>o({noJobsMessage:e})})),(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Item","wp-jobbnorge-block")},(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display employer","wp-jobbnorge-block"),checked:y,onChange:x("displayEmployer")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display excerpt","wp-jobbnorge-block"),checked:v,onChange:x("displayExcerpt")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display deadline","wp-jobbnorge-block"),checked:h,onChange:x("displayDate")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display scope","wp-jobbnorge-block"),checked:g,onChange:x("displayScope")})),"grid"===a&&(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Grid view","wp-jobbnorge-block")},(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Columns","wp-jobbnorge-block"),value:i,onChange:e=>o({columns:e}),min:2,max:6,required:!0}))),(0,n.createElement)("div",{...S},(0,n.createElement)(b.Disabled,null,(0,n.createElement)(w(),{block:"dss/jobbnorge",attributes:e,httpMethod:"POST"}))))}}})}},t={};function n(e){var l=t[e];if(void 0!==l)return l.exports;var r=t[e]={exports:{}};return o[e](r,r.exports,n),r.exports}n.m=o,e=[],n.O=function(o,t,l,r){if(!t){var a=1/0;for(s=0;s<e.length;s++){t=e[s][0],l=e[s][1],r=e[s][2];for(var i=!0,c=0;c<t.length;c++)(!1&r\|\|a>=r)&&Object.keys(n.O).every((function(e){return n.O[e](t[c])}))?t.splice(c--,1):(i=!1,r<a&&(a=r));if(i){e.splice(s--,1);var b=l();void 0!==b&&(o=b)}}return o}r=r\|\|0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];e[s]=[t,l,r]},n.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(o,{a:o}),o},n.d=function(e,o){for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},n.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},function(){var e={410:0,308:0};n.O.j=function(o){return 0===e[o]};var o=function(o,t){var l,r,a=t[0],i=t[1],c=t[2],b=0;if(a.some((function(o){return 0!==e[o]}))){for(l in i)n.o(i,l)&&(n.m[l]=i[l]);if(c)var s=c(n)}for(o&&o(t);b<a.length;b++)r=a[b],n.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return n.O(s)},t=self.webpackChunkjobbnorge_block=self.webpackChunkjobbnorge_block\|\|[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))}();var l=n.O(void 0,[308],(function(){return n(938)}));l=n.O(l)}();

jobbnorge-block/tags/2.2.0/build/style-init.css

r2997962	r3322139
1		ul.wp-block-dss-jobbnorge{list-style:none;padding:0}ul.wp-block-dss-jobbnorge.wp-block-dss-jobbnorge{box-sizing:border-box}ul.wp-block-dss-jobbnorge.alignleft{margin-right:2em}ul.wp-block-dss-jobbnorge.alignright{margin-left:2em}ul.wp-block-dss-jobbnorge li{margin:0 0 1em}ul.wp-block-dss-jobbnorge.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-dss-jobbnorge.is-grid li{margin:0 1em 1em 0;width:100%}@media(min-width:600px){ul.wp-block-dss-jobbnorge.columns-2 li{width:calc(50% - 1em)}ul.wp-block-dss-jobbnorge.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-dss-jobbnorge.columns-4 li{width:calc(25% - 1em)}ul.wp-block-dss-jobbnorge.columns-5 li{width:calc(20% - 1em)}ul.wp-block-dss-jobbnorge.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-dss-jobbnorge__item-title{font-size:1.125em;font-weight:600;margin:0 0 .25em}.wp-block-dss-jobbnorge__item-meta{margin:0 0 .25em;padding:0}.wp-block-dss-jobbnorge__item-deadline,.wp-block-dss-jobbnorge__item-employer,.wp-block-dss-jobbnorge__item-scope{display:block;font-size:.8125em;font-weight:600}
	1	ul.wp-block-dss-jobbnorge{list-style:none;padding:0}ul.wp-block-dss-jobbnorge.wp-block-dss-jobbnorge{box-sizing:border-box}ul.wp-block-dss-jobbnorge.alignleft{margin-right:2em}ul.wp-block-dss-jobbnorge.alignright{margin-left:2em}ul.wp-block-dss-jobbnorge li{margin:0 0 1em}ul.wp-block-dss-jobbnorge.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-dss-jobbnorge.is-grid li{margin:0 1em 1em 0;width:100%}@media(min-width:600px){ul.wp-block-dss-jobbnorge.columns-2 li{width:calc(50% - 1em)}ul.wp-block-dss-jobbnorge.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-dss-jobbnorge.columns-4 li{width:calc(25% - 1em)}ul.wp-block-dss-jobbnorge.columns-5 li{width:calc(20% - 1em)}ul.wp-block-dss-jobbnorge.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-dss-jobbnorge__item-title{font-size:1.125em;font-weight:600;margin:0 0 .25em}.wp-block-dss-jobbnorge__item-meta{margin:0 0 .25em;padding:0}.wp-block-dss-jobbnorge__item-deadline,.wp-block-dss-jobbnorge__item-employer,.wp-block-dss-jobbnorge__item-scope{display:block;font-size:.8125em;font-weight:600}.wp-block-dss-jobbnorge__pagination{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1rem 0}@media(min-width:600px){.wp-block-dss-jobbnorge__pagination{align-items:center;flex-direction:row;justify-content:space-between}}.wp-block-dss-jobbnorge__pagination-info{color:#666;font-size:.875rem;margin:0}.wp-block-dss-jobbnorge__pagination-controls{align-items:center;display:flex;gap:.5rem}.wp-block-dss-jobbnorge__pagination-controls button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.wp-block-dss-jobbnorge__pagination-controls button:hover:not(:disabled){background:#f5f5f5;border-color:#999}.wp-block-dss-jobbnorge__pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.wp-block-dss-jobbnorge__pagination-controls .wp-block-dss-jobbnorge__pagination-info{color:#333;font-size:.875rem;margin:0 .5rem}.wp-block-dss-jobbnorge__loading{opacity:.6;pointer-events:none}.wp-block-dss-jobbnorge__loading:after{animation:spin 1s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#333;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.wp-block-dss-jobbnorge__error{background:#ffebe8;border:1px solid #d63638;border-radius:4px;color:#d63638;margin:1rem 0;padding:.75rem}.wp-block-dss-jobbnorge__error p{margin:0}@keyframes spin{to{transform:rotate(1turn)}}

jobbnorge-block/tags/2.2.0/languages/wp-jobbnorge-block-en_US-5847f2cef22ef3cae0e9359a7a5dd2ec.json

-                      r3002720
+                      r3322139
+{
     "translation-revision-date": "YEAR-MO-DA HO:MI+ZONE",
     "generator": "WP-CLI\/2.9.0",
+    "generator": "WP-CLI\/2.12.0",
     "source": "build\/init.js",
     "domain": "messages",
 …
                 ""
             ],
+            "Enable pagination": [
+                ""
+            ],
+            "When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.": [
+                ""
+            ],
             "Number of items": [
+                ""
+            ],
+            "Jobs per page": [
                 ""
             ],

jobbnorge-block/tags/2.2.0/languages/wp-jobbnorge-block-en_US-bb1d7dea005e67527e728d4801f74b61.json

-                      r3002720
+                      r3322139
+{
     "translation-revision-date": "YEAR-MO-DA HO:MI+ZONE",
     "generator": "WP-CLI\/2.9.0",
+    "generator": "WP-CLI\/2.12.0",
     "source": "src\/edit.js",
     "domain": "messages",
 …
                 ""
             ],
+            "Enable pagination": [
+                ""
+            ],
+            "When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.": [
+                ""
+            ],
             "Number of items": [
+                ""
+            ],
+            "Jobs per page": [
                 ""
             ],

jobbnorge-block/tags/2.2.0/languages/wp-jobbnorge-block-en_US.po

-                      r3002720
+                      r3322139
 # Copyright (C) 2023 PerS
+# Copyright (C) 2025 PerS
 # This file is distributed under the GPL-2.0-or-later.
 msgid ""
 msgstr ""
 "Project-Id-Version: Jobbnorge Block 2.1.4\n"
+"Project-Id-Version: Jobbnorge Block 2.2.0\n"
 "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/jobbnorge-block\n"
 "Last-Translator: Per Søderlind <[email protected]\n"
 …
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "POT-Creation-Date: 2023-11-28T12:11:37+00:00\n"
+"POT-Creation-Date: 2025-07-03T21:16:21+00:00\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "X-Generator: WP-CLI 2.9.0\n"
+"X-Generator: WP-CLI 2.12.0\n"
 "X-Domain: wp-jobbnorge-block\n"
 #. Plugin Name of the plugin
+#: wp-jobb-norge.php
 msgid "Jobbnorge Block"
 msgstr ""
 #. Plugin URI of the plugin
+#: wp-jobb-norge.php
 msgid "https://wordpress.org/plugins/jobbnorge-block/"
 msgstr ""
 #. Description of the plugin
+#: wp-jobb-norge.php
 msgid "Retrieve and display job listings from Jobbnorge.no"
 msgstr ""
 #. Author of the plugin
+#: wp-jobb-norge.php
 msgid "PerS"
 msgstr ""
 #: wp-jobb-norge.php:159
+#: wp-jobb-norge.php:181
 msgid "Invalid ID"
 msgstr ""
 #: wp-jobb-norge.php:181
+#: wp-jobb-norge.php:212
 msgid "Error connecting to Jobbnorge.no"
 msgstr ""
 #: wp-jobb-norge.php:195
+#: wp-jobb-norge.php:251
 msgid "No jobs found"
 msgstr ""
 #: wp-jobb-norge.php:205
+#: wp-jobb-norge.php:261
 msgid "(no title)"
 msgstr ""
 #: wp-jobb-norge.php:226
 #: build/init.js:1
 #: src/edit.js:160
+#: wp-jobb-norge.php:282
+#: build/init.js:1
+#: src/edit.js:181
 msgid "Employer"
 msgstr ""
 #: wp-jobb-norge.php:227
+#: wp-jobb-norge.php:283
 msgid "Scope"
 msgstr ""
 #: wp-jobb-norge.php:282
+#: wp-jobb-norge.php:345
 msgid "Read more"
 msgstr ""
 #: wp-jobb-norge.php:353
+#: wp-jobb-norge.php:416
 msgid "Deadline:"
 msgstr ""
+#: build/init.js:1
+#: src/edit.js:95
+#: wp-jobb-norge.php:556
+msgid "Job listings pagination"
+msgstr ""
+#: wp-jobb-norge.php:562
+#, php-format
+msgid "Showing %d-%d of %d jobs"
+msgstr ""
+#: wp-jobb-norge.php:577
+#: wp-jobb-norge.php:582
+msgid "Previous"
+msgstr ""
+#: wp-jobb-norge.php:590
+#, php-format
+msgid "Page %d of %d"
+msgstr ""
+#: wp-jobb-norge.php:601
+#: wp-jobb-norge.php:606
+msgid "Next"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:97
 msgid "Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to select multiple employers. Shift-click to select a range of employers."
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:103
+#: src/edit.js:105
 msgid "Employer ID [,id2, id3, ..]"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:110
+#: src/edit.js:112
 msgid "Save"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:121
+#: src/edit.js:123
 msgid "Edit Jobbnorge URL"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:126
+#: src/edit.js:128
 msgid "List view"
 msgstr ""
 #: build/init.js:1
+#: src/edit.js:132
+#: src/edit.js:134
+#: src/edit.js:216
+msgid "Grid view"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:146
+msgid "Settings"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:148
+msgid "Enable pagination"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:149
+msgid "When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown."
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:156
+msgid "Number of items"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:167
+msgid "Jobs per page"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:177
+msgid "Order by"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:180
+msgid "Deadline"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:187
+msgid "No jobs found message"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:188
+msgid "Message to display if no jobs are found"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:189
+msgid "There are no jobs at this time."
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:193
+msgid "Item"
+msgstr ""
+#: build/init.js:1
 #: src/edit.js:195
-msgid "Grid view"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:144
-msgid "Settings"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:147
-msgid "Number of items"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:156
-msgid "Order by"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:159
-msgid "Deadline"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:166
-msgid "No jobs found message"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:167
-msgid "Message to display if no jobs are found"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:168
-msgid "There are no jobs at this time."
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:172
-msgid "Item"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:174
 msgid "Display employer"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:179
+#: src/edit.js:200
 msgid "Display excerpt"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:184
+#: src/edit.js:205
 msgid "Display deadline"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:189
+#: src/edit.js:210
 msgid "Display scope"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:198
+#: src/edit.js:219
 msgid "Columns"
 msgstr ""

jobbnorge-block/tags/2.2.0/languages/wp-jobbnorge-block-nb_NO-5847f2cef22ef3cae0e9359a7a5dd2ec.json

-                      r3002720
+                      r3322139
+{
     "translation-revision-date": "2023-11-28 13:09+0100",
     "generator": "WP-CLI\/2.9.0",
+    "translation-revision-date": "2025-07-03 23:16+0200",
+    "generator": "WP-CLI\/2.12.0",
     "source": "build\/init.js",
     "domain": "messages",
 …
                 "Innstillinger"
             ],
+            "Enable pagination": [
+                "Aktiver paginering"
+            ],
+            "When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.": [
+                "N\u00e5r denne funksjonen er aktivert, vises alle jobber med pagineringskontroller. N\u00e5r den er deaktivert, vises bare det angitte antallet jobber."
+            ],
             "Number of items": [
                 "Antall oppf\u00f8ringer"
+            ],
+            "Jobs per page": [
+                "Jobber per side"
             ],
             "Order by": [

jobbnorge-block/tags/2.2.0/languages/wp-jobbnorge-block-nb_NO-bb1d7dea005e67527e728d4801f74b61.json

-                      r3002720
+                      r3322139
+{
     "translation-revision-date": "2023-11-28 13:09+0100",
     "generator": "WP-CLI\/2.9.0",
+    "translation-revision-date": "2025-07-03 23:16+0200",
+    "generator": "WP-CLI\/2.12.0",
     "source": "src\/edit.js",
     "domain": "messages",
 …
                 "Innstillinger"
             ],
+            "Enable pagination": [
+                "Aktiver paginering"
+            ],
+            "When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.": [
+                "N\u00e5r denne funksjonen er aktivert, vises alle jobber med pagineringskontroller. N\u00e5r den er deaktivert, vises bare det angitte antallet jobber."
+            ],
             "Number of items": [
                 "Antall oppf\u00f8ringer"
+            ],
+            "Jobs per page": [
+                "Jobber per side"
             ],
             "Order by": [

jobbnorge-block/tags/2.2.0/languages/wp-jobbnorge-block-nb_NO.po

-                      r3002720
+                      r3322139
 "Project-Id-Version: Jobbnorge Block 0.1.0\n"
 "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/jobbnorge-block\n"
 "POT-Creation-Date: 2023-11-28T11:53:20+00:00\n"
 "PO-Revision-Date: 2023-11-28 13:09+0100\n"
+"POT-Creation-Date: 2025-07-03T21:00:36+00:00\n"
+"PO-Revision-Date: 2025-07-03 23:16+0200\n"
 "Last-Translator: Per Søderlind <[email protected]>\n"
 "Language-Team: \n"
 …
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "X-Generator: Poedit 3.4.1\n"
+"X-Generator: Poedit 3.6\n"
 "X-Domain: wp-jobbnorge-block\n"
 #. Plugin Name of the plugin
+#: wp-jobb-norge.php
 msgid "Jobbnorge Block"
 msgstr "Jobbnorge-blokken"
 #. Plugin URI of the plugin
+#: wp-jobb-norge.php
 msgid "https://wordpress.org/plugins/jobbnorge-block/"
 msgstr "https://wordpress.org/plugins/jobbnorge-block/"
 #. Description of the plugin
+#: wp-jobb-norge.php
 msgid "Retrieve and display job listings from Jobbnorge.no"
 msgstr "Hente og vise stillingsannonser fra Jobbnorge.no"
 #. Author of the plugin
+#: wp-jobb-norge.php
 msgid "PerS"
 msgstr "PerS"
 #: wp-jobb-norge.php:159
+#: wp-jobb-norge.php:181
 msgid "Invalid ID"
 msgstr "Ugyldig ID"
 #: wp-jobb-norge.php:181
+#: wp-jobb-norge.php:212
 msgid "Error connecting to Jobbnorge.no"
 msgstr "Feil ved tilkobling til Jobbnorge.no"
 #: wp-jobb-norge.php:195
+#: wp-jobb-norge.php:251
 msgid "No jobs found"
 msgstr "Ingen jobber funnet"
 #: wp-jobb-norge.php:205
+#: wp-jobb-norge.php:261
 msgid "(no title)"
 msgstr "(ingen tittel)"
 #: wp-jobb-norge.php:226 build/init.js:1 src/edit.js:160
+#: wp-jobb-norge.php:282 build/init.js:1 src/edit.js:181
 msgid "Employer"
 msgstr "Arbeidsgiver"
 #: wp-jobb-norge.php:227
+#: wp-jobb-norge.php:283
 msgid "Scope"
 msgstr "Omfang"
 #: wp-jobb-norge.php:282
+#: wp-jobb-norge.php:345
 msgid "Read more"
 msgstr "Les mer"
 #: wp-jobb-norge.php:353
+#: wp-jobb-norge.php:416
 msgid "Deadline:"
 msgstr "Søknadsfrist:"
+#: build/init.js:1 src/edit.js:95
+#: wp-jobb-norge.php:556
+msgid "Job listings pagination"
+msgstr "Paginering av stillingsannonser"
+#: wp-jobb-norge.php:562
+#, php-format
+msgid "Showing %d-%d of %d jobs"
+msgstr "Viser %d-%d av %d jobber"
+#: wp-jobb-norge.php:577 wp-jobb-norge.php:582
+msgid "Previous"
+msgstr "Forrige"
+#: wp-jobb-norge.php:590
+#, php-format
+msgid "Page %d of %d"
+msgstr "Side %d av %d"
+#: wp-jobb-norge.php:601 wp-jobb-norge.php:606
+msgid "Next"
+msgstr "Neste"
+#: build/init.js:1 src/edit.js:97
 msgid ""
 "Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to "
 …
 "arbeidsgivere."
 #: build/init.js:1 src/edit.js:103
+#: build/init.js:1 src/edit.js:105
 msgid "Employer ID [,id2, id3, ..]"
 msgstr "Arbeidsgiver-ID [,id2, id3, ...]"
 #: build/init.js:1 src/edit.js:110
+#: build/init.js:1 src/edit.js:112
 msgid "Save"
 msgstr "Lagre"
 #: build/init.js:1 src/edit.js:121
+#: build/init.js:1 src/edit.js:123
 msgid "Edit Jobbnorge URL"
 msgstr "Rediger Jobbnorge URL"
 #: build/init.js:1 src/edit.js:126
+#: build/init.js:1 src/edit.js:128
 msgid "List view"
 msgstr "Listevisning"
 #: build/init.js:1 src/edit.js:132 src/edit.js:195
+#: build/init.js:1 src/edit.js:134 src/edit.js:216
 msgid "Grid view"
 msgstr "Rutemønster"
 #: build/init.js:1 src/edit.js:144
+#: build/init.js:1 src/edit.js:146
 msgid "Settings"
 msgstr "Innstillinger"
+#: build/init.js:1 src/edit.js:147
+#: build/init.js:1 src/edit.js:148
+msgid "Enable pagination"
+msgstr "Aktiver paginering"
+#: build/init.js:1 src/edit.js:149
+msgid ""
+"When enabled, all jobs will be displayed with pagination controls. When "
+"disabled, only the specified number of jobs will be shown."
+msgstr ""
+"Når denne funksjonen er aktivert, vises alle jobber med "
+"pagineringskontroller. Når den er deaktivert, vises bare det angitte "
+"antallet jobber."
+#: build/init.js:1 src/edit.js:156
 msgid "Number of items"
 msgstr "Antall oppføringer"
+#: build/init.js:1 src/edit.js:156
+#: build/init.js:1 src/edit.js:167
+msgid "Jobs per page"
+msgstr "Jobber per side"
+#: build/init.js:1 src/edit.js:177
 msgid "Order by"
 msgstr "Sorter etter"
 #: build/init.js:1 src/edit.js:159
+#: build/init.js:1 src/edit.js:180
 msgid "Deadline"
 msgstr "Søknadsfrist"
 #: build/init.js:1 src/edit.js:166
+#: build/init.js:1 src/edit.js:187
 msgid "No jobs found message"
 msgstr "Ingen jobber funnet melding"
 #: build/init.js:1 src/edit.js:167
+#: build/init.js:1 src/edit.js:188
 msgid "Message to display if no jobs are found"
 msgstr "Melding som vises hvis ingen jobber er funnet"
 #: build/init.js:1 src/edit.js:168
+#: build/init.js:1 src/edit.js:189
 msgid "There are no jobs at this time."
 msgstr "Det er for tiden ingen ledige stillinger."
 #: build/init.js:1 src/edit.js:172
+#: build/init.js:1 src/edit.js:193
 msgid "Item"
 msgstr "Element"
 #: build/init.js:1 src/edit.js:174
+#: build/init.js:1 src/edit.js:195
 msgid "Display employer"
 msgstr "Vis arbeidsgiver"
 #: build/init.js:1 src/edit.js:179
+#: build/init.js:1 src/edit.js:200
 msgid "Display excerpt"
 msgstr "Vis utdrag"
 #: build/init.js:1 src/edit.js:184
+#: build/init.js:1 src/edit.js:205
 msgid "Display deadline"
 msgstr "Vis søknadsfrist"
 #: build/init.js:1 src/edit.js:189
+#: build/init.js:1 src/edit.js:210
 msgid "Display scope"
 msgstr "Vis omfang"
 #: build/init.js:1 src/edit.js:198
+#: build/init.js:1 src/edit.js:219
 msgid "Columns"
 msgstr "Kolonner"

jobbnorge-block/tags/2.2.0/languages/wp-jobbnorge-block.pot

-                      r3002720
+                      r3322139
 # Copyright (C) 2023 PerS
+# Copyright (C) 2025 PerS
 # This file is distributed under the GPL-2.0-or-later.
 msgid ""
 msgstr ""
 "Project-Id-Version: Jobbnorge Block 2.1.4\n"
+"Project-Id-Version: Jobbnorge Block 2.2.0\n"
 "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/jobbnorge-block\n"
 "Last-Translator: Per Søderlind <[email protected]\n"
 …
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "POT-Creation-Date: 2023-11-28T12:11:37+00:00\n"
+"POT-Creation-Date: 2025-07-03T21:16:21+00:00\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "X-Generator: WP-CLI 2.9.0\n"
+"X-Generator: WP-CLI 2.12.0\n"
 "X-Domain: wp-jobbnorge-block\n"
 #. Plugin Name of the plugin
+#: wp-jobb-norge.php
 msgid "Jobbnorge Block"
 msgstr ""
 #. Plugin URI of the plugin
+#: wp-jobb-norge.php
 msgid "https://wordpress.org/plugins/jobbnorge-block/"
 msgstr ""
 #. Description of the plugin
+#: wp-jobb-norge.php
 msgid "Retrieve and display job listings from Jobbnorge.no"
 msgstr ""
 #. Author of the plugin
+#: wp-jobb-norge.php
 msgid "PerS"
 msgstr ""
 #: wp-jobb-norge.php:159
+#: wp-jobb-norge.php:181
 msgid "Invalid ID"
 msgstr ""
 #: wp-jobb-norge.php:181
+#: wp-jobb-norge.php:212
 msgid "Error connecting to Jobbnorge.no"
 msgstr ""
 #: wp-jobb-norge.php:195
+#: wp-jobb-norge.php:251
 msgid "No jobs found"
 msgstr ""
 #: wp-jobb-norge.php:205
+#: wp-jobb-norge.php:261
 msgid "(no title)"
 msgstr ""
 #: wp-jobb-norge.php:226
 #: build/init.js:1
 #: src/edit.js:160
+#: wp-jobb-norge.php:282
+#: build/init.js:1
+#: src/edit.js:181
 msgid "Employer"
 msgstr ""
 #: wp-jobb-norge.php:227
+#: wp-jobb-norge.php:283
 msgid "Scope"
 msgstr ""
 #: wp-jobb-norge.php:282
+#: wp-jobb-norge.php:345
 msgid "Read more"
 msgstr ""
 #: wp-jobb-norge.php:353
+#: wp-jobb-norge.php:416
 msgid "Deadline:"
 msgstr ""
+#: build/init.js:1
+#: src/edit.js:95
+#: wp-jobb-norge.php:556
+msgid "Job listings pagination"
+msgstr ""
+#: wp-jobb-norge.php:562
+#, php-format
+msgid "Showing %d-%d of %d jobs"
+msgstr ""
+#: wp-jobb-norge.php:577
+#: wp-jobb-norge.php:582
+msgid "Previous"
+msgstr ""
+#: wp-jobb-norge.php:590
+#, php-format
+msgid "Page %d of %d"
+msgstr ""
+#: wp-jobb-norge.php:601
+#: wp-jobb-norge.php:606
+msgid "Next"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:97
 msgid "Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to select multiple employers. Shift-click to select a range of employers."
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:103
+#: src/edit.js:105
 msgid "Employer ID [,id2, id3, ..]"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:110
+#: src/edit.js:112
 msgid "Save"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:121
+#: src/edit.js:123
 msgid "Edit Jobbnorge URL"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:126
+#: src/edit.js:128
 msgid "List view"
 msgstr ""
 #: build/init.js:1
+#: src/edit.js:132
+#: src/edit.js:134
+#: src/edit.js:216
+msgid "Grid view"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:146
+msgid "Settings"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:148
+msgid "Enable pagination"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:149
+msgid "When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown."
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:156
+msgid "Number of items"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:167
+msgid "Jobs per page"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:177
+msgid "Order by"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:180
+msgid "Deadline"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:187
+msgid "No jobs found message"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:188
+msgid "Message to display if no jobs are found"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:189
+msgid "There are no jobs at this time."
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:193
+msgid "Item"
+msgstr ""
+#: build/init.js:1
 #: src/edit.js:195
-msgid "Grid view"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:144
-msgid "Settings"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:147
-msgid "Number of items"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:156
-msgid "Order by"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:159
-msgid "Deadline"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:166
-msgid "No jobs found message"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:167
-msgid "Message to display if no jobs are found"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:168
-msgid "There are no jobs at this time."
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:172
-msgid "Item"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:174
 msgid "Display employer"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:179
+#: src/edit.js:200
 msgid "Display excerpt"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:184
+#: src/edit.js:205
 msgid "Display deadline"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:189
+#: src/edit.js:210
 msgid "Display scope"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:198
+#: src/edit.js:219
 msgid "Columns"
 msgstr ""

jobbnorge-block/tags/2.2.0/package-lock.json

-                      r3003492
+                      r3322139
+{
     "name": "jobbnorge-block",
     "version": "2.1.5",
+    "version": "2.2.0",
     "lockfileVersion": 3,
     "requires": true,
 …
         "": {
             "name": "jobbnorge-block",
             "version": "2.1.5",
+            "version": "2.2.0",
             "license": "GPL-2.0-or-later",
             "dependencies": {

jobbnorge-block/tags/2.2.0/package.json

r3003492	r3322139
1	1	{
2	2	"name": "jobbnorge-block",
3		"version": "2.~~1.5~~",
	3	"version": "2.2.0",
4	4	"description": "Jobbnorge Block for WordPress Gutenberg",
5	5	"author": "Per Søderlind <[email protected]>",

jobbnorge-block/tags/2.2.0/readme.txt

-                      r3003492
+                      r3322139
 Requires at least: 5.9
 Requires PHP:      7.4
 Stable tag:        2.1.5
+Stable tag:        2.2.0
 License:           GPL-2.0-or-later
 License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 …
 == Changelog ==
+= 2.2.0 =
+* NEW: Add frontend pagination support with AJAX loading
+* NEW: Add pagination controls (enable/disable, jobs per page setting)
+* ENHANCEMENT: Upgrade to Jobbnorge API v3 for better performance
+* ENHANCEMENT: Implement PHP-based pagination to work around API limitations with employer filtering
+* ENHANCEMENT: Add responsive grid layout that adapts to screen size
+* ENHANCEMENT: Improve cache key logic to include pagination and layout parameters
+* ENHANCEMENT: Add loading states and error handling for pagination
+* ENHANCEMENT: Separate frontend and admin CSS loading for better performance
+* FIX: Fix CSS class naming conflicts that prevented grid view from working on frontend
+* FIX: Resolve frontend style loading issues
+* DEVELOPER: Add comprehensive webpack build configuration for multiple entry points
+* DEVELOPER: Add pagination JavaScript with proper AJAX handling and nonce security
 = 2.1.5 =

jobbnorge-block/tags/2.2.0/src/block.json

-                      r3003492
+                      r3322139
     "apiVersion": 2,
     "name": "dss/jobbnorge",
     "version": "2.1.5",
+    "version": "2.2.0",
     "title": "Jobbnorge",
     "category": "widgets",
 …
             "type": "number",
             "default": 55
+        },
+        "enablePagination": {
+            "type": "boolean",
+            "default": true
+        },
+        "jobsPerPage": {
+            "type": "number",
+            "default": 10
+        }
     },
     "textdomain": "wp-jobbnorge-block",
     "editorScript": "file:init.js",
     "editorStyle": "file:editor.scss",
     "style": "file:style.scss"
+    "editorStyle": "file:editor.css",
+    "style": "file:style-init.css"
+}

jobbnorge-block/tags/2.2.0/src/edit.js

-                      r3002720
+                      r3322139
         noJobsMessage,
         orderBy,
+        enablePagination,
+        jobsPerPage,
     } = attributes;
 …
             <InspectorControls>
                 <PanelBody title={__('Settings', 'wp-jobbnorge-block')}>
+                    <RangeControl
+                        __nextHasNoMarginBottom
+                        label={__('Number of items', 'wp-jobbnorge-block')}
+                        value={itemsToShow}
+                        onChange={(value) => setAttributes({ itemsToShow: value })}
+                        min={DEFAULT_MIN_ITEMS}
+                        max={DEFAULT_MAX_ITEMS}
+                        required
+                    />
+                    <ToggleControl
+                        label={__('Enable pagination', 'wp-jobbnorge-block')}
+                        help={__('When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.', 'wp-jobbnorge-block')}
+                        checked={enablePagination}
+                        onChange={(value) => setAttributes({ enablePagination: value })}
+                    />
+                    {!enablePagination && (
+                        <RangeControl
+                            __nextHasNoMarginBottom
+                            label={__('Number of items', 'wp-jobbnorge-block')}
+                            value={itemsToShow}
+                            onChange={(value) => setAttributes({ itemsToShow: value })}
+                            min={DEFAULT_MIN_ITEMS}
+                            max={DEFAULT_MAX_ITEMS}
+                            required
+                        />
+                    )}
+                    {enablePagination && (
+                        <RangeControl
+                            __nextHasNoMarginBottom
+                            label={__('Jobs per page', 'wp-jobbnorge-block')}
+                            value={jobsPerPage}
+                            onChange={(value) => setAttributes({ jobsPerPage: value })}
+                            min={1}
+                            max={50}
+                            required
+                        />
+                    )}
                     {employerID.includes(',') && (
                         <RadioControl

jobbnorge-block/tags/2.2.0/src/editor.scss

-                      r2853882
+                      r3322139
 $break-medium: 782px;
+$break-small: 600px;
 $grid-unit: 8px;
 $grid-unit-10: 1 * $grid-unit; // 8px
 …
+}
+.wp-block-dss-jobbnorge li a > div {
+@mixin break-small() {
+    @media (min-width: #{ ($break-small) }) {
+        @content;
+    }
+}
+.wp-block-dss-jobbnorge li a>div {
     display: inline;
+}
 …
     align-items: stretch;
     > * {
+    >* {
         margin-bottom: $grid-unit-10;
+    }
     @include break-medium() {
         > * {
+        >* {
             margin-bottom: 0;
+        }
+    }
+}
 .wp-block-dss-jobbnorge__placeholder-input {
 …
+    }
+}
+// Grid styles for the editor
+ul.wp-block-dss-jobbnorge {
+    list-style: none;
+    padding: 0;
+    &.wp-block-dss-jobbnorge {
+        box-sizing: border-box;
+    }
+    li {
+        margin: 0 0 1em 0;
+    }
+    &.is-grid {
+        display: flex;
+        flex-wrap: wrap;
+        padding: 0;
+        list-style: none;
+        li {
+            margin: 0 1em 1em 0;
+            width: 100%;
+        }
+    }
+    @include break-small {
+        @for $i from 2 through 6 {
+            &.columns-#{ $i } li {
+                width: calc((100% / #{ $i }) - 1em);
+            }
+        }
+    }
+}

jobbnorge-block/tags/2.2.0/src/style.scss

-                      r2997962
+                      r3322139
+ul.wp-block-dss-jobbnorge { // The ul is needed for specificity to override the reset styles in the editor.
+ul.wp-block-dss-jobbnorge {
+    // The ul is needed for specificity to override the reset styles in the editor.
     list-style: none;
     padding: 0;
 …
         margin-right: 2em;
+    }
     &.alignright {
         /*rtl:ignore*/
         margin-left: 2em;
+    }
     li {
         margin: 0 0 1em 0;
+    }
     &.is-grid {
         display: flex;
 …
         @for $i from 2 through 6 {
             &.columns-#{ $i } li {
                 width: calc(( 100% / #{ $i } ) - 1em);
+                width: calc((100% / #{ $i }) - 1em);
+            }
+        }
 …
 .wp-block-dss-jobbnorge__item-employer,
 .wp-block-dss-jobbnorge__item-deadline,
 .wp-block-dss-jobbnorge__item-scope{
+.wp-block-dss-jobbnorge__item-scope {
     display: block;
     font-weight: 600;
 …
+}
+// Pagination styles
+.wp-block-dss-jobbnorge {
+    &__pagination {
+        display: flex;
+        flex-direction: column;
+        gap: 1rem;
+        margin-top: 2rem;
+        padding: 1rem 0;
+        border-top: 1px solid #e0e0e0;
+        @include break-small {
+            flex-direction: row;
+            justify-content: space-between;
+            align-items: center;
+        }
+    }
+    &__pagination-info {
+        font-size: 0.875rem;
+        color: #666;
+        margin: 0;
+    }
+    &__pagination-controls {
+        display: flex;
+        gap: 0.5rem;
+        align-items: center;
+        button {
+            padding: 0.5rem 1rem;
+            border: 1px solid #ddd;
+            background: white;
+            cursor: pointer;
+            border-radius: 4px;
+            font-size: 0.875rem;
+            transition: all 0.2s ease;
+            &:hover:not(:disabled) {
+                background: #f5f5f5;
+                border-color: #999;
+            }
+            &:disabled {
+                opacity: 0.5;
+                cursor: not-allowed;
+            }
+        }
+        .wp-block-dss-jobbnorge__pagination-info {
+            font-size: 0.875rem;
+            color: #333;
+            margin: 0 0.5rem;
+        }
+    }
+    // Loading state
+    &__loading {
+        opacity: 0.6;
+        pointer-events: none;
+        &::after {
+            content: '';
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            width: 20px;
+            height: 20px;
+            margin: -10px 0 0 -10px;
+            border: 2px solid #ccc;
+            border-top-color: #333;
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+        }
+    }
+    // Error message
+    &__error {
+        margin: 1rem 0;
+        padding: 0.75rem;
+        background: #ffebe8;
+        border: 1px solid #d63638;
+        border-radius: 4px;
+        color: #d63638;
+        p {
+            margin: 0;
+        }
+    }
+}
+@keyframes spin {
+    to {
+        transform: rotate(360deg);
+    }
+}

jobbnorge-block/tags/2.2.0/wp-jobb-norge.php

-                      r3003492
+                      r3322139
  * Requires at least: 5.9
  * Requires PHP:      7.0
  * Version:           2.1.5
+ * Version:           2.2.0
  * Author:            PerS
  * License:           GPL-2.0-or-later
 …
     add_action( 'admin_enqueue_scripts', __NAMESPACE__ . '\dss_jobbnorge_enqueue_scripts' );
     // Add the 'dss_jobbnorge_enqueue_scripts' function to the 'wp_enqueue_scripts' action hook.
+    // Add the 'dss_jobbnorge_enqueue_frontend_styles' function to the 'wp_enqueue_scripts' action hook.
     // This function will be called when scripts and styles are enqueued for the front end of the site.
     add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\dss_jobbnorge_enqueue_scripts' );
+    add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\dss_jobbnorge_enqueue_frontend_styles' );
     // Load the plugin's text domain for internationalization.
 …
     register_block_type(
         __DIR__ . '/build',
+        [
+        [
             'render_callback' => __NAMESPACE__ . '\render_block_dss_jobbnorge',
+        ]
 …
         // If it does, require it and merge its dependencies with the existing ones.
         $file   = require $deps_file;
         $jsdeps = array_merge( $jsdeps, $file['dependencies'] );
+        $jsdeps = array_merge( $jsdeps, $file[ 'dependencies' ] );
         // Also, set the version to the one from the file.
         $version = $file['version'];
+        $version = $file[ 'version' ];
+    }
 …
         wp_enqueue_style( 'dss-jobbnorge-admin' );
+    }
-    // Register and enqueue a CSS file for the public view.
-    wp_register_style( 'dss-jobbnorge', plugin_dir_url( __FILE__ ) . 'build/style-init.css', [], $version );
-    wp_enqueue_style( 'dss-jobbnorge' );
     // Set translations for the script.
 …
             'dss-jobbnorge-editor-script',
             'wpJobbnorgeBlock',
+            [
+            [
                 'employers' => $employers,
+            ]
 …
 /**
+ * Enqueue frontend styles for the block
+ *
+ * @return void
+ */
+function dss_jobbnorge_enqueue_frontend_styles(): void {
+    // Define the path to the dependencies file.
+    $deps_file = plugin_dir_path( __FILE__ ) . 'build/init.asset.php';
+    // Initialize version number.
+    $version = wp_rand();
+    // Check if the dependencies file exists.
+    if ( file_exists( $deps_file ) ) {
+        // If it does, require it and get the version.
+        $file    = require $deps_file;
+        $version = $file[ 'version' ];
+    }
+    // Register and enqueue a CSS file for the public view.
+    wp_register_style( 'dss-jobbnorge', plugin_dir_url( __FILE__ ) . 'build/style-init.css', [], $version );
+    wp_enqueue_style( 'dss-jobbnorge' );
+}
+/**
  * Renders the `jobbnorge` block on server.
+ *
 …
     $attributes = wp_parse_args(
         $attributes,
+        [
+            'employerID'      => '',
+            'displayEmployer' => false,
+            'displayDate'     => true,
+            'displayDeadline' => false,
+            'displayScope'    => false,
+            'displayExcerpt'  => true,
+            'excerptLength'   => 55,
+            'blockLayout'     => 'list',
+            'orderBy'         => 'Deadline',
+            'columns'         => 3,
+            'itemsToShow'     => 5,
+        [
+            'employerID'       => '',
+            'displayEmployer'  => false,
+            'displayDate'      => true,
+            'displayDeadline'  => false,
+            'displayScope'     => false,
+            'displayExcerpt'   => true,
+            'excerptLength'    => 55,
+            'blockLayout'      => 'list',
+            'orderBy'          => 'Deadline',
+            'columns'          => 3,
+            'itemsToShow'      => 5,
+            'enablePagination' => true,
+            'jobsPerPage'      => 10,
+        ]
     );
     // Convert employer IDs to an array and trim whitespace.
     $arr_ids = array_map( 'trim', explode( ',', $attributes['employerID'] ) );
+    $arr_ids = array_map( 'trim', explode( ',', $attributes[ 'employerID' ] ) );
     // Check if all IDs are numeric. If not, return an error message.
 …
+    }
+    // Construct the API URL.
+    $jobbnorge_api_url = 'https://publicapi.jobbnorge.no/v2/Jobs?abroad=false&orderBy=' . $attributes['orderBy'];
+    // Get current page for pagination
+    $current_page = isset( $_GET[ 'jobbnorge_page' ] ) ? max( 1, intval( $_GET[ 'jobbnorge_page' ] ) ) : 1;
+    // Determine items per page based on pagination setting
+    $items_per_page = $attributes[ 'enablePagination' ] ? $attributes[ 'jobsPerPage' ] : $attributes[ 'itemsToShow' ];
+    // Construct the API URL for v3
+    // NOTE: API v3 pagination doesn't work correctly with employer filtering
+    // So we fetch all jobs for the employers and paginate in PHP
+    $jobbnorge_api_url = 'https://publicapi.jobbnorge.no/v3/Jobs?abroad=false&orderBy=' . $attributes[ 'orderBy' ];
     // Add each employer ID to the API URL.
 …
     $cache      = new \Jobbnorge_CacheHandler( $cache_path );
+    $cache_key  = md5( $jobbnorge_api_url );
+    $expiration = apply_filters( 'jobbnorge_cache_time', 30 * MINUTE_IN_SECONDS );
+    $body       = $cache->get( $cache_key, $expiration );
+    if ( false === $body ) {
+    // Cache key based on employer IDs and settings, not pagination
+    $cache_key     = md5( $jobbnorge_api_url );
+    $expiration    = apply_filters( 'jobbnorge_cache_time', 30 * MINUTE_IN_SECONDS );
+    $response_data = $cache->get( $cache_key, $expiration );
+    if ( false === $response_data ) {
         $response = wp_remote_get( $jobbnorge_api_url );
 …
+        }
+        $body = wp_remote_retrieve_body( $response );
+        $cache->set( $cache_key, $body );
+    }
+    // Decode the JSON response and limit the number of items.
+    $items = json_decode( $body, true );
+    // Just get desired number of items.
+    $items = array_slice( $items, 0, $attributes['itemsToShow'] );
+        $body          = wp_remote_retrieve_body( $response );
+        $response_data = json_decode( $body, true );
+        $cache->set( $cache_key, $response_data );
+    }
+    // Debug: Log the API response structure
+    if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
+        error_log( 'Jobbnorge API URL: ' . $jobbnorge_api_url );
+        error_log( 'Jobbnorge API Response: ' . print_r( $response_data, true ) );
+    }
+    // Handle v3 API response structure
+    $all_items  = isset( $response_data[ 'jobs' ] ) ? $response_data[ 'jobs' ] : $response_data;
+    $total_jobs = count( $all_items );
+    // Debug: Log the items array
+    if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
+        error_log( 'Items count: ' . count( $all_items ) );
+        error_log( 'Total jobs: ' . $total_jobs );
+        if ( ! empty( $all_items ) ) {
+            error_log( 'First item: ' . print_r( $all_items[ 0 ], true ) );
+        }
+    }
+    // Implement pagination in PHP since API pagination doesn't work with employer filtering
+    if ( $attributes[ 'enablePagination' ] && $total_jobs > 0 ) {
+        // Calculate pagination
+        $start_index = ( $current_page - 1 ) * $attributes[ 'jobsPerPage' ];
+        $items       = array_slice( $all_items, $start_index, $attributes[ 'jobsPerPage' ] );
+    } else {
+        // For non-paginated, limit to itemsToShow
+        $items      = array_slice( $all_items, 0, $attributes[ 'itemsToShow' ] );
+        $total_jobs = count( $items ); // Update total for non-paginated display
+    }
     // If there are no items, return an error message.
 …
     foreach ( $items as $item ) {
         // Sanitize and format the title.
         $title = esc_html( trim( wp_strip_all_tags( $item['title'] ) ) );
+        $title = esc_html( trim( wp_strip_all_tags( $item[ 'title' ] ) ) );
         $title = empty( $title ) ? __( '(no title)', 'wp-jobbnorge-block' ) : $title;
         // Sanitize the link.
         $link = esc_url( $item['link'] );
+        $link = esc_url( $item[ 'link' ] );
         // If there's a link, wrap the title in an anchor tag.
         $title = $link ? "<a href='{$link}'>{$title}</a>" : $title;
 …
         $deadline = '';
         // If the displayDate attribute is true and the item has a deadline, format the deadline.
         if ( $attributes['displayDate'] && isset( $item['deadline'] ) ) {
             $deadline = format_deadline( $item['deadline'] );
+        if ( $attributes[ 'displayDate' ] && isset( $item[ 'deadline' ] ) ) {
+            $deadline = format_deadline( $item[ 'deadline' ] );
+        }
 …
+    }
+    // Initialize an array for the classnames.
+    $classnames = [];
+    // If the blockLayout attribute is 'grid', add the 'is-grid' and 'columns-' classes.
+    if ( 'grid' === $attributes['blockLayout'] ) {
+        add_classname( $classnames, $attributes, 'blockLayout', 'is-grid' );
+        add_classname( $classnames, $attributes, 'columns', 'columns-' . $attributes['columns'] );
+    }
+    // Add the 'has-' classes based on the display attributes.
+    add_classname( $classnames, $attributes, 'displayEmployer', 'has-employer' );
+    add_classname( $classnames, $attributes, 'displayDate', 'has-dates' );
+    add_classname( $classnames, $attributes, 'displayDeadline', 'has-deadline' );
+    add_classname( $classnames, $attributes, 'displayScope', 'has-scope' );
+    add_classname( $classnames, $attributes, 'displayExcerpt', 'has-excerpts' );
+    // Get the block wrapper attributes and add the classnames to it.
+    $wrapper_attributes = get_block_wrapper_attributes( [ 'class' => implode( ' ', $classnames ) ] );
+    // Get the block wrapper attributes (without grid classes)
+    $wrapper_classes = [];
+    add_classname( $wrapper_classes, $attributes, 'displayEmployer', 'has-employer' );
+    add_classname( $wrapper_classes, $attributes, 'displayDate', 'has-dates' );
+    add_classname( $wrapper_classes, $attributes, 'displayDeadline', 'has-deadline' );
+    add_classname( $wrapper_classes, $attributes, 'displayScope', 'has-scope' );
+    add_classname( $wrapper_classes, $attributes, 'displayExcerpt', 'has-excerpts' );
+    $wrapper_attributes = get_block_wrapper_attributes( [
+        'class'           => implode( ' ', $wrapper_classes ),
+        'data-attributes' => esc_attr( json_encode( $attributes ) ),
+    ] );
+    // Generate the ul classes (including grid classes)
+    $ul_classes = [ 'wp-block-dss-jobbnorge' ];
+    if ( 'grid' === $attributes[ 'blockLayout' ] ) {
+        $ul_classes[] = 'is-grid';
+        $ul_classes[] = 'columns-' . $attributes[ 'columns' ];
+    }
+    // Generate pagination controls if enabled
+    $pagination_html = '';
+    if ( $attributes[ 'enablePagination' ] && count( $all_items ) > $attributes[ 'jobsPerPage' ] ) {
+        $pagination_html = generate_pagination_controls( $current_page, count( $all_items ), $attributes[ 'jobsPerPage' ], $attributes );
+    }
     // Return the final HTML string, wrapping the list items in an unordered list.
     return sprintf( '<ul %s>%s</ul>', $wrapper_attributes, $list_items );
+    return sprintf( '<div %s><ul class="%s">%s</ul>%s</div>', $wrapper_attributes, esc_attr( implode( ' ', $ul_classes ) ), $list_items, $pagination_html );
+}
 …
     // If the displayExcerpt attribute is true and the item has a summary, format the excerpt.
     if ( $attributes['displayExcerpt'] && isset( $item['summary'] ) ) {
+    if ( $attributes[ 'displayExcerpt' ] && isset( $item[ 'summary' ] ) ) {
         // Decode the HTML entities in the summary.
         $excerpt = html_entity_decode( $item['summary'], ENT_QUOTES, get_option( 'blog_charset' ) );
+        $excerpt = html_entity_decode( $item[ 'summary' ], ENT_QUOTES, get_option( 'blog_charset' ) );
         // Trim the excerpt to the excerptLength and escape it for safe use in HTML output.
         $excerpt = esc_attr( wp_trim_words( $excerpt, $attributes['excerptLength'], '' ) );
+        $excerpt = esc_attr( wp_trim_words( $excerpt, $attributes[ 'excerptLength' ], '' ) );
         // Format the read more link.
         $read_more = sprintf( ' ... <a href="%s">%s</a>', esc_url( $item['link'] ), __( 'Read more', 'wp-jobbnorge-block' ) );
+        $read_more = sprintf( ' ... <a href="%s">%s</a>', esc_url( $item[ 'link' ] ), __( 'Read more', 'wp-jobbnorge-block' ) );
         // Add the excerpt and read more link to the result string, wrapped in a div.
 …
         // Format the date according to the site's date format.
         $str_date = date_i18n( get_option( 'date_format' ), $date );
     } catch ( \Exception $e ) {
+    } catch (\Exception $e) {
         // If there's an exception, fallback to the original date.
         $str_date = $deadline_date;
 …
         return sprintf(
             '<time datetime="%1$s" class="wp-block-dss-jobbnorge__item-deadline">%2$s %3$s</time> ',
             // If there's a parsed date, use it for the datetime attribute. Otherwise, leave it empty.
+                // If there's a parsed date, use it for the datetime attribute. Otherwise, leave it empty.
             ( $date ) ? esc_attr( wp_date( 'c', $date ) ) : '',
             // Translate the 'Deadline:' string.
 …
 function parse_date_fallback( $deadline_date ) {
     // Define an array of month names in Norwegian.
     $str_months = [
+    $str_months = [
         'januar',
         'februar',
 …
     // Define an array of month numbers.
     $num_months = [
+    $num_months = [
         '01',
         '02',
 …
     // Return a Unix timestamp for the date.
     return mktime( 0, 0, 0, $dato_arr[2], $dato_arr[1], $dato_arr[3] );
+    return mktime( 0, 0, 0, $dato_arr[ 2 ], $dato_arr[ 1 ], $dato_arr[ 3 ] );
+}
 …
+    }
+}
+/**
+ * Generates pagination controls for the job listings.
+ *
+ * @param int   $current_page The current page number.
+ * @param int   $total_jobs   The total number of jobs.
+ * @param int   $jobs_per_page The number of jobs per page.
+ * @param array $attributes   The block attributes.
+ * @return string The pagination HTML.
+ */
+function generate_pagination_controls( $current_page, $total_jobs, $jobs_per_page, $attributes ) {
+    $total_pages = ceil( $total_jobs / $jobs_per_page );
+    if ( $total_pages <= 1 ) {
+        return '';
+    }
+    $prev_page = max( 1, $current_page - 1 );
+    $next_page = min( $total_pages, $current_page + 1 );
+    // Calculate result range
+    $start_item = ( ( $current_page - 1 ) * $jobs_per_page ) + 1;
+    $end_item   = min( $current_page * $jobs_per_page, $total_jobs );
+    // Generate pagination HTML
+    $pagination_html = '<nav class="wp-block-dss-jobbnorge__pagination" role="navigation" aria-label="' . esc_attr__( 'Job listings pagination', 'wp-jobbnorge-block' ) . '">';
+    // Results info
+    $pagination_html .= sprintf(
+        '<div class="wp-block-dss-jobbnorge__pagination-info">%s</div>',
+        sprintf(
+            esc_html__( 'Showing %d-%d of %d jobs', 'wp-jobbnorge-block' ),
+            $start_item,
+            $end_item,
+            $total_jobs
+        )
+    );
+    // Pagination controls
+    $pagination_html .= '<div class="wp-block-dss-jobbnorge__pagination-controls">';
+    // Previous button
+    if ( $current_page > 1 ) {
+        $pagination_html .= sprintf(
+            '<button type="button" class="wp-block-dss-jobbnorge__pagination-prev" data-page="%d">%s</button>',
+            $prev_page,
+            esc_html__( 'Previous', 'wp-jobbnorge-block' )
+        );
+    } else {
+        $pagination_html .= sprintf(
+            '<button type="button" class="wp-block-dss-jobbnorge__pagination-prev" disabled>%s</button>',
+            esc_html__( 'Previous', 'wp-jobbnorge-block' )
+        );
+    }
+    // Page info
+    $pagination_html .= sprintf(
+        '<span class="wp-block-dss-jobbnorge__pagination-info">%s</span>',
+        sprintf(
+            esc_html__( 'Page %d of %d', 'wp-jobbnorge-block' ),
+            $current_page,
+            $total_pages
+        )
+    );
+    // Next button
+    if ( $current_page < $total_pages ) {
+        $pagination_html .= sprintf(
+            '<button type="button" class="wp-block-dss-jobbnorge__pagination-next" data-page="%d">%s</button>',
+            $next_page,
+            esc_html__( 'Next', 'wp-jobbnorge-block' )
+        );
+    } else {
+        $pagination_html .= sprintf(
+            '<button type="button" class="wp-block-dss-jobbnorge__pagination-next" disabled>%s</button>',
+            esc_html__( 'Next', 'wp-jobbnorge-block' )
+        );
+    }
+    $pagination_html .= '</div>';
+    $pagination_html .= '</nav>';
+    return $pagination_html;
+}
+/**
+ * Register AJAX endpoints for pagination.
+ */
+add_action( 'wp_ajax_jobbnorge_get_jobs', __NAMESPACE__ . '\handle_ajax_get_jobs' );
+add_action( 'wp_ajax_nopriv_jobbnorge_get_jobs', __NAMESPACE__ . '\handle_ajax_get_jobs' );
+/**
+ * Handle AJAX request for paginated job listings.
+ */
+function handle_ajax_get_jobs() {
+    // Verify nonce
+    if ( ! wp_verify_nonce( $_POST[ 'nonce' ], 'jobbnorge_pagination_nonce' ) ) {
+        wp_die( 'Security check failed' );
+    }
+    // Get and sanitize parameters
+    $page       = isset( $_POST[ 'page' ] ) ? max( 1, intval( $_POST[ 'page' ] ) ) : 1;
+    $attributes = isset( $_POST[ 'attributes' ] ) ? json_decode( stripslashes( $_POST[ 'attributes' ] ), true ) : [];
+    // Validate attributes
+    if ( empty( $attributes ) || ! is_array( $attributes ) ) {
+        wp_send_json_error( 'Invalid attributes' );
+    }
+    // Set current page in GET superglobal for compatibility
+    $_GET[ 'jobbnorge_page' ] = $page;
+    // Generate the job listings HTML
+    $html = render_block_dss_jobbnorge( $attributes );
+    // Return JSON response
+    wp_send_json_success( [ 'html' => $html ] );
+}
+/**
+ * Enqueue frontend JavaScript for pagination.
+ */
+function enqueue_pagination_script() {
+    // Check if the block is being used on the current page
+    if ( ! has_block( 'dss/jobbnorge' ) ) {
+        return;
+    }
+    // Define the path to the pagination dependencies file.
+    $deps_file = plugin_dir_path( __FILE__ ) . 'build/pagination.asset.php';
+    // Initialize an array for JavaScript dependencies and a random version number.
+    $jsdeps  = [];
+    $version = wp_rand();
+    // Check if the dependencies file exists.
+    if ( file_exists( $deps_file ) ) {
+        // If it does, require it and merge its dependencies with the existing ones.
+        $file   = require $deps_file;
+        $jsdeps = array_merge( $jsdeps, $file[ 'dependencies' ] );
+        // Also, set the version to the one from the file.
+        $version = $file[ 'version' ];
+    }
+    wp_enqueue_script(
+        'jobbnorge-pagination',
+        plugin_dir_url( __FILE__ ) . 'build/pagination.js',
+        $jsdeps,
+        $version,
+        true
+    );
+    // Localize script with AJAX URL and nonce
+    wp_localize_script(
+        'jobbnorge-pagination',
+        'jobbnorgeAjax',
+        [
+            'ajaxUrl' => admin_url( 'admin-ajax.php' ),
+            'nonce'   => wp_create_nonce( 'jobbnorge_pagination_nonce' ),
+        ]
+    );
+}
+// Hook into wp_enqueue_scripts to add pagination script
+add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\enqueue_pagination_script' );

jobbnorge-block/trunk/CHANGELOG.md

-                      r3003492
+                      r3322139
+# Cangelog
+# Changelog
+## 2.2.0
+* **NEW**: Add frontend pagination support with AJAX loading
+* **NEW**: Add pagination controls (enable/disable, jobs per page setting)
+* **ENHANCEMENT**: Upgrade to Jobbnorge API v3 for better performance
+* **ENHANCEMENT**: Implement PHP-based pagination to work around API limitations with employer filtering
+* **ENHANCEMENT**: Add responsive grid layout that adapts to screen size
+* **ENHANCEMENT**: Improve cache key logic to include pagination and layout parameters
+* **ENHANCEMENT**: Add loading states and error handling for pagination
+* **ENHANCEMENT**: Separate frontend and admin CSS loading for better performance
+* **FIX**: Fix CSS class naming conflicts that prevented grid view from working on frontend
+* **FIX**: Resolve frontend style loading issues
+* **DEVELOPER**: Add comprehensive webpack build configuration for multiple entry points
+* **DEVELOPER**: Add pagination JavaScript with proper AJAX handling and nonce security
 ## 2.1.5

jobbnorge-block/trunk/README.md

-                      r3002720
+                      r3322139
 > Also available at https://wordpress.org/plugins/jobbnorge-block/
 This WordPress plugin adds a block to the Gutenberg editor that displays a list of jobs from Jobbnorge.
 See: [Features](#features) | [Installation](#installation) | [Use](#use) | [Filters](#filters) | [Styling](#styling) | [License](#license) | [Changelog](CHANGELOG.md)
+**See:** [Live Preview](https://playground.wordpress.net/?plugin=jobbnorge-block&blueprint-url=https://wordpress.org/plugins/wp-json/plugins/v1/plugin/jobbnorge-block/blueprint.json) | [Features](#features) | [Installation](#installation) | [Use](#use) | [Filters](#filters) | [Styling](#styling) | [License](#license) | [Changelog](CHANGELOG.md)
+<p>&nbsp;</p>
 <img src=".wordpress-org/jobbnorge.gif">

jobbnorge-block/trunk/build/block.json

-                      r3003492
+                      r3322139
   "apiVersion": 2,
   "name": "dss/jobbnorge",
   "version": "2.1.5",
+  "version": "2.2.0",
   "title": "Jobbnorge",
   "category": "widgets",
 …
       "type": "number",
       "default": 55
+    },
+    "enablePagination": {
+      "type": "boolean",
+      "default": true
+    },
+    "jobsPerPage": {
+      "type": "number",
+      "default": 10
+    }
   },
   "textdomain": "wp-jobbnorge-block",
   "editorScript": "file:init.js",
   "editorStyle": "file:editor.scss",
   "style": "file:style.scss"
+  "editorStyle": "file:editor.css",
+  "style": "file:style-init.css"
+}

jobbnorge-block/trunk/build/init.asset.php

r3003492	r3322139
1		<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives', 'wp-server-side-render'), 'version' => '~~4d2818abc3875b8f27f4~~');
	1	<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives', 'wp-server-side-render'), 'version' => '7c82361092d9d86c438b');

jobbnorge-block/trunk/build/init.css

r2853882	r3322139
1		.wp-block-dss-jobbnorge li a>div{display:inline}.wp-block-dss-jobbnorge__placeholder-form{align-items:stretch;display:flex}.wp-block-dss-jobbnorge__placeholder-form>{margin-bottom:8px}@media(min-width:782px){.wp-block-dss-jobbnorge__placeholder-form>{margin-bottom:0}}.wp-block-dss-jobbnorge__placeholder-input{align-items:stretch;display:flex;flex-grow:1}.wp-block-dss-jobbnorge__placeholder-input .components-base-control__field{align-items:stretch;display:flex;flex-grow:1;margin:0 8px 0 0}
	1	.wp-block-dss-jobbnorge li a>div{display:inline}.wp-block-dss-jobbnorge__placeholder-form{align-items:stretch;display:flex}.wp-block-dss-jobbnorge__placeholder-form>{margin-bottom:8px}@media(min-width:782px){.wp-block-dss-jobbnorge__placeholder-form>{margin-bottom:0}}.wp-block-dss-jobbnorge__placeholder-input{align-items:stretch;display:flex;flex-grow:1}.wp-block-dss-jobbnorge__placeholder-input .components-base-control__field{align-items:stretch;display:flex;flex-grow:1;margin:0 8px 0 0}ul.wp-block-dss-jobbnorge{list-style:none;padding:0}ul.wp-block-dss-jobbnorge.wp-block-dss-jobbnorge{box-sizing:border-box}ul.wp-block-dss-jobbnorge li{margin:0 0 1em}ul.wp-block-dss-jobbnorge.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-dss-jobbnorge.is-grid li{margin:0 1em 1em 0;width:100%}@media(min-width:600px){ul.wp-block-dss-jobbnorge.columns-2 li{width:calc(50% - 1em)}ul.wp-block-dss-jobbnorge.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-dss-jobbnorge.columns-4 li{width:calc(25% - 1em)}ul.wp-block-dss-jobbnorge.columns-5 li{width:calc(20% - 1em)}ul.wp-block-dss-jobbnorge.columns-6 li{width:calc(16.66667% - 1em)}}

jobbnorge-block/trunk/build/init.js

r3003492	r3322139
1		!function(){"use strict";var e,o={938:function(e,o,t){var l=window.React,n=window.wp.primitives,r=(0,l.createElement)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,l.createElement)(n.Path,{d:"M15.5 9.5a1 1 0 100-2 1 1 0 000 2zm0 1.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-2.25 6v-2a2.75 2.75 0 00-2.75-2.75h-4A2.75 2.75 0 003.75 15v2h1.5v-2c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v2h1.5zm7-2v2h-1.5v-2c0-.69-.56-1.25-1.25-1.25H15v-1.5h2.5A2.75 2.75 0 0120.25 15zM9.5 8.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z",fillRule:"evenodd"})),a=window.wp.blocks,i=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"dss/jobbnorge","version":"2.1.5","title":"Jobbnorge","category":"widgets","icon":"people","description":"Retrieve and display job listings from Jobbnorge.no","keywords":["jobbnorge","jobbnorge.no"],"supports":{"html":false},"attributes":{"columns":{"type":"number","default":3},"blockLayout":{"type":"string","default":"list"},"employerID":{"type":"string","default":""},"noJobsMessage":{"type":"string","default":""},"orderBy":{"type":"string","default":"Deadline"},"itemsToShow":{"type":"number","default":5},"displayEmployer":{"type":"boolean","default":false},"displayExcerpt":{"type":"boolean","default":true},"displayDeadline":{"type":"boolean","default":false},"displayScope":{"type":"boolean","default":false},"displayDate":{"type":"boolean","default":true},"excerptLength":{"type":"number","default":55}},"textdomain":"wp-jobbnorge-block","editorScript":"file:init.js","editorStyle":"file:editor.scss","style":"file:style.scss"}'),c=window.wp.blockEditor,s=window.wp.components,b=window.wp.element,p=(0,l.createElement)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,l.createElement)(n.Path,{d:"m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z"})),d=(0,l.createElement)(n.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,l.createElement)(n.Path,{d:"M4 4v1.5h16V4H4zm8 8.5h8V11h-8v1.5zM4 20h16v-1.5H4V20zm4-8c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2z"})),m=(0,l.createElement)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,l.createElement)(n.Path,{d:"m3 5c0-1.10457.89543-2 2-2h13.5c1.1046 0 2 .89543 2 2v13.5c0 1.1046-.8954 2-2 2h-13.5c-1.10457 0-2-.8954-2-2zm2-.5h6v6.5h-6.5v-6c0-.27614.22386-.5.5-.5zm-.5 8v6c0 .2761.22386.5.5.5h6v-6.5zm8 0v6.5h6c.2761 0 .5-.2239.5-.5v-6zm0-8v6.5h6.5v-6c0-.27614-.2239-.5-.5-.5z",fillRule:"evenodd",clipRule:"evenodd"})),u=window.wp.i18n,g=window.wp.serverSideRender,w=t.n(g);const{name:v}=i;(e=>{const{metadata:o,settings:t,name:l}=e;(0,a.registerBlockType)({name:l,...o},t)})({name:v,metadata:i,settings:{icon:r,example:{attributes:{employerID:"123[, 456, 789]"}},edit:function({attributes:e,setAttributes:o}){const[t,n]=(0,b.useState)(!e.employerID),{blockLayout:a,columns:i,displayScope:g,displayDate:v,displayEmployer:y,displayExcerpt:h,employerID:f,itemsToShow:k,noJobsMessage:_,orderBy:E}=e;function j(t){return()=>{const l=e[t];o({[t]:!l})}}const C=(0,c.useBlockProps)();var x;if(t)return(0,l.createElement)("div",{...C},(0,l.createElement)(s.Placeholder,{icon:r,label:"Jobbnorge"},(0,l.createElement)("form",{onSubmit:function(e){e.preventDefault(),f&&(o({employerID:f}),n(!1))},className:"wp-block-dss-jobbnorge__placeholder-form"},window.wpJobbnorgeBlock&&window.wpJobbnorgeBlock.employers?(0,l.createElement)(s.SelectControl,{multiple:!0,value:f.split(","),onChange:e=>o({employerID:e.toString()}),options:(null!==(x=wpJobbnorgeBlock.employers)&&void 0!==x?x:[]).map((e=>{var o;return{label:e.label,value:e.value,disabled:null!==(o=e?.disabled)&&void 0!==o&&o}})),className:"wp-block-dss-jobbnorge__placeholder-input",help:(0,u.__)("Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to select multiple employers. Shift-click to select a range of employers.","wp-jobbnorge-block"),__nextHasNoMarginBottom:!0}):(0,l.createElement)(s.TextControl,{placeholder:(0,u.__)("Employer ID [,id2, id3, ..]","wp-jobbnorge-block"),value:f,onChange:e=>o({employerID:e}),className:"wp-block-dss-jobbnorge__placeholder-input"}),(0,l.createElement)(s.Button,{variant:"primary",type:"submit"},(0,u.__)("Save","wp-jobbnorge-block")))));const S=[{icon:p,title:(0,u.__)("Edit Jobbnorge URL","wp-jobbnorge-block"),onClick:()=>n(!0)},{icon:d,title:(0,u.__)("List view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"list"}),isActive:"list"===a},{icon:m,title:(0,u.__)("Grid view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"grid"}),isActive:"grid"===a}];return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(c.BlockControls,null,(0,l.createElement)(s.ToolbarGroup,{controls:S})),(0,l.createElement)(c.InspectorControls,null,(0,l.createElement)(s.PanelBody,{title:(0,u.__)("Settings","wp-jobbnorge-block")},(0,l.createElement)(s.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Number of items","wp-jobbnorge-block"),value:k,onChange:e=>o({itemsToShow:e}),min:1,max:100,required:!0}),f.includes(",")&&(0,l.createElement)(s.RadioControl,{label:(0,u.__)("Order by","wp-jobbnorge-block"),selected:E,options:[{label:(0,u.__)("Deadline","wp-jobbnorge-block"),value:"Deadline"},{label:(0,u.__)("Employer","wp-jobbnorge-block"),value:"Employer"}],onChange:e=>o({orderBy:e})}),(0,l.createElement)(s.TextareaControl,{label:(0,u.__)("No jobs found message","wp-jobbnorge-block"),help:(0,u.__)("Message to display if no jobs are found","wp-jobbnorge-block"),value:_\|\|(0,u.__)("There are no jobs at this time.","wp-jobbnorge-block"),onChange:e=>o({noJobsMessage:e})})),(0,l.createElement)(s.PanelBody,{title:(0,u.__)("Item","wp-jobbnorge-block")},(0,l.createElement)(s.ToggleControl,{label:(0,u.__)("Display employer","wp-jobbnorge-block"),checked:y,onChange:j("displayEmployer")}),(0,l.createElement)(s.ToggleControl,{label:(0,u.__)("Display excerpt","wp-jobbnorge-block"),checked:h,onChange:j("displayExcerpt")}),(0,l.createElement)(s.ToggleControl,{label:(0,u.__)("Display deadline","wp-jobbnorge-block"),checked:v,onChange:j("displayDate")}),(0,l.createElement)(s.ToggleControl,{label:(0,u.__)("Display scope","wp-jobbnorge-block"),checked:g,onChange:j("displayScope")})),"grid"===a&&(0,l.createElement)(s.PanelBody,{title:(0,u.__)("Grid view","wp-jobbnorge-block")},(0,l.createElement)(s.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Columns","wp-jobbnorge-block"),value:i,onChange:e=>o({columns:e}),min:2,max:6,required:!0}))),(0,l.createElement)("div",{...C},(0,l.createElement)(s.Disabled,null,(0,l.createElement)(w(),{block:"dss/jobbnorge",attributes:e,httpMethod:"POST"}))))}}})}},t={};function l(e){var n=t[e];if(void 0!==n)return n.exports;var r=t[e]={exports:{}};return o[e](r,r.exports,l),r.exports}l.m=o,e=[],l.O=function(o,t,n,r){if(!t){var a=1/0;for(b=0;b<e.length;b++){t=e[b][0],n=e[b][1],r=e[b][2];for(var i=!0,c=0;c<t.length;c++)(!1&r\|\|a>=r)&&Object.keys(l.O).every((function(e){return l.O[e](t[c])}))?t.splice(c--,1):(i=!1,r<a&&(a=r));if(i){e.splice(b--,1);var s=n();void 0!==s&&(o=s)}}return o}r=r\|\|0;for(var b=e.length;b>0&&e[b-1][2]>r;b--)e[b]=e[b-1];e[b]=[t,n,r]},l.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(o,{a:o}),o},l.d=function(e,o){for(var t in o)l.o(o,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},l.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},function(){var e={410:0,308:0};l.O.j=function(o){return 0===e[o]};var o=function(o,t){var n,r,a=t[0],i=t[1],c=t[2],s=0;if(a.some((function(o){return 0!==e[o]}))){for(n in i)l.o(i,n)&&(l.m[n]=i[n]);if(c)var b=c(l)}for(o&&o(t);s<a.length;s++)r=a[s],l.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return l.O(b)},t=self.webpackChunkjobbnorge_block=self.webpackChunkjobbnorge_block\|\|[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))}();var n=l.O(void 0,[308],(function(){return l(938)}));n=l.O(n)}();
	1	!function(){"use strict";var e,o={938:function(e,o,t){var n=window.React,l=window.wp.primitives,r=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"M15.5 9.5a1 1 0 100-2 1 1 0 000 2zm0 1.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-2.25 6v-2a2.75 2.75 0 00-2.75-2.75h-4A2.75 2.75 0 003.75 15v2h1.5v-2c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v2h1.5zm7-2v2h-1.5v-2c0-.69-.56-1.25-1.25-1.25H15v-1.5h2.5A2.75 2.75 0 0120.25 15zM9.5 8.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z",fillRule:"evenodd"})),a=window.wp.blocks,i=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"dss/jobbnorge","version":"2.2.0","title":"Jobbnorge","category":"widgets","icon":"people","description":"Retrieve and display job listings from Jobbnorge.no","keywords":["jobbnorge","jobbnorge.no"],"supports":{"html":false},"attributes":{"columns":{"type":"number","default":3},"blockLayout":{"type":"string","default":"list"},"employerID":{"type":"string","default":""},"noJobsMessage":{"type":"string","default":""},"orderBy":{"type":"string","default":"Deadline"},"itemsToShow":{"type":"number","default":5},"displayEmployer":{"type":"boolean","default":false},"displayExcerpt":{"type":"boolean","default":true},"displayDeadline":{"type":"boolean","default":false},"displayScope":{"type":"boolean","default":false},"displayDate":{"type":"boolean","default":true},"excerptLength":{"type":"number","default":55},"enablePagination":{"type":"boolean","default":true},"jobsPerPage":{"type":"number","default":10}},"textdomain":"wp-jobbnorge-block","editorScript":"file:init.js","editorStyle":"file:editor.css","style":"file:style-init.css"}'),c=window.wp.blockEditor,b=window.wp.components,s=window.wp.element,p=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z"})),d=(0,n.createElement)(l.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,n.createElement)(l.Path,{d:"M4 4v1.5h16V4H4zm8 8.5h8V11h-8v1.5zM4 20h16v-1.5H4V20zm4-8c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2z"})),m=(0,n.createElement)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(l.Path,{d:"m3 5c0-1.10457.89543-2 2-2h13.5c1.1046 0 2 .89543 2 2v13.5c0 1.1046-.8954 2-2 2h-13.5c-1.10457 0-2-.8954-2-2zm2-.5h6v6.5h-6.5v-6c0-.27614.22386-.5.5-.5zm-.5 8v6c0 .2761.22386.5.5.5h6v-6.5zm8 0v6.5h6c.2761 0 .5-.2239.5-.5v-6zm0-8v6.5h6.5v-6c0-.27614-.2239-.5-.5-.5z",fillRule:"evenodd",clipRule:"evenodd"})),u=window.wp.i18n,g=window.wp.serverSideRender,w=t.n(g);const{name:h}=i;(e=>{const{metadata:o,settings:t,name:n}=e;(0,a.registerBlockType)({name:n,...o},t)})({name:h,metadata:i,settings:{icon:r,example:{attributes:{employerID:"123[, 456, 789]"}},edit:function({attributes:e,setAttributes:o}){const[t,l]=(0,s.useState)(!e.employerID),{blockLayout:a,columns:i,displayScope:g,displayDate:h,displayEmployer:y,displayExcerpt:v,employerID:f,itemsToShow:_,noJobsMessage:k,orderBy:j,enablePagination:E,jobsPerPage:C}=e;function x(t){return()=>{const n=e[t];o({[t]:!n})}}const S=(0,c.useBlockProps)();var B;if(t)return(0,n.createElement)("div",{...S},(0,n.createElement)(b.Placeholder,{icon:r,label:"Jobbnorge"},(0,n.createElement)("form",{onSubmit:function(e){e.preventDefault(),f&&(o({employerID:f}),l(!1))},className:"wp-block-dss-jobbnorge__placeholder-form"},window.wpJobbnorgeBlock&&window.wpJobbnorgeBlock.employers?(0,n.createElement)(b.SelectControl,{multiple:!0,value:f.split(","),onChange:e=>o({employerID:e.toString()}),options:(null!==(B=wpJobbnorgeBlock.employers)&&void 0!==B?B:[]).map((e=>{var o;return{label:e.label,value:e.value,disabled:null!==(o=e?.disabled)&&void 0!==o&&o}})),className:"wp-block-dss-jobbnorge__placeholder-input",help:(0,u.__)("Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to select multiple employers. Shift-click to select a range of employers.","wp-jobbnorge-block"),__nextHasNoMarginBottom:!0}):(0,n.createElement)(b.TextControl,{placeholder:(0,u.__)("Employer ID [,id2, id3, ..]","wp-jobbnorge-block"),value:f,onChange:e=>o({employerID:e}),className:"wp-block-dss-jobbnorge__placeholder-input"}),(0,n.createElement)(b.Button,{variant:"primary",type:"submit"},(0,u.__)("Save","wp-jobbnorge-block")))));const D=[{icon:p,title:(0,u.__)("Edit Jobbnorge URL","wp-jobbnorge-block"),onClick:()=>l(!0)},{icon:d,title:(0,u.__)("List view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"list"}),isActive:"list"===a},{icon:m,title:(0,u.__)("Grid view","wp-jobbnorge-block"),onClick:()=>o({blockLayout:"grid"}),isActive:"grid"===a}];return(0,n.createElement)(n.Fragment,null,(0,n.createElement)(c.BlockControls,null,(0,n.createElement)(b.ToolbarGroup,{controls:D})),(0,n.createElement)(c.InspectorControls,null,(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Settings","wp-jobbnorge-block")},(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Enable pagination","wp-jobbnorge-block"),help:(0,u.__)("When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.","wp-jobbnorge-block"),checked:E,onChange:e=>o({enablePagination:e})}),!E&&(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Number of items","wp-jobbnorge-block"),value:_,onChange:e=>o({itemsToShow:e}),min:1,max:100,required:!0}),E&&(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Jobs per page","wp-jobbnorge-block"),value:C,onChange:e=>o({jobsPerPage:e}),min:1,max:50,required:!0}),f.includes(",")&&(0,n.createElement)(b.RadioControl,{label:(0,u.__)("Order by","wp-jobbnorge-block"),selected:j,options:[{label:(0,u.__)("Deadline","wp-jobbnorge-block"),value:"Deadline"},{label:(0,u.__)("Employer","wp-jobbnorge-block"),value:"Employer"}],onChange:e=>o({orderBy:e})}),(0,n.createElement)(b.TextareaControl,{label:(0,u.__)("No jobs found message","wp-jobbnorge-block"),help:(0,u.__)("Message to display if no jobs are found","wp-jobbnorge-block"),value:k\|\|(0,u.__)("There are no jobs at this time.","wp-jobbnorge-block"),onChange:e=>o({noJobsMessage:e})})),(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Item","wp-jobbnorge-block")},(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display employer","wp-jobbnorge-block"),checked:y,onChange:x("displayEmployer")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display excerpt","wp-jobbnorge-block"),checked:v,onChange:x("displayExcerpt")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display deadline","wp-jobbnorge-block"),checked:h,onChange:x("displayDate")}),(0,n.createElement)(b.ToggleControl,{label:(0,u.__)("Display scope","wp-jobbnorge-block"),checked:g,onChange:x("displayScope")})),"grid"===a&&(0,n.createElement)(b.PanelBody,{title:(0,u.__)("Grid view","wp-jobbnorge-block")},(0,n.createElement)(b.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,u.__)("Columns","wp-jobbnorge-block"),value:i,onChange:e=>o({columns:e}),min:2,max:6,required:!0}))),(0,n.createElement)("div",{...S},(0,n.createElement)(b.Disabled,null,(0,n.createElement)(w(),{block:"dss/jobbnorge",attributes:e,httpMethod:"POST"}))))}}})}},t={};function n(e){var l=t[e];if(void 0!==l)return l.exports;var r=t[e]={exports:{}};return o[e](r,r.exports,n),r.exports}n.m=o,e=[],n.O=function(o,t,l,r){if(!t){var a=1/0;for(s=0;s<e.length;s++){t=e[s][0],l=e[s][1],r=e[s][2];for(var i=!0,c=0;c<t.length;c++)(!1&r\|\|a>=r)&&Object.keys(n.O).every((function(e){return n.O[e](t[c])}))?t.splice(c--,1):(i=!1,r<a&&(a=r));if(i){e.splice(s--,1);var b=l();void 0!==b&&(o=b)}}return o}r=r\|\|0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];e[s]=[t,l,r]},n.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(o,{a:o}),o},n.d=function(e,o){for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},n.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},function(){var e={410:0,308:0};n.O.j=function(o){return 0===e[o]};var o=function(o,t){var l,r,a=t[0],i=t[1],c=t[2],b=0;if(a.some((function(o){return 0!==e[o]}))){for(l in i)n.o(i,l)&&(n.m[l]=i[l]);if(c)var s=c(n)}for(o&&o(t);b<a.length;b++)r=a[b],n.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return n.O(s)},t=self.webpackChunkjobbnorge_block=self.webpackChunkjobbnorge_block\|\|[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))}();var l=n.O(void 0,[308],(function(){return n(938)}));l=n.O(l)}();

jobbnorge-block/trunk/build/style-init.css

r2997962	r3322139
1		ul.wp-block-dss-jobbnorge{list-style:none;padding:0}ul.wp-block-dss-jobbnorge.wp-block-dss-jobbnorge{box-sizing:border-box}ul.wp-block-dss-jobbnorge.alignleft{margin-right:2em}ul.wp-block-dss-jobbnorge.alignright{margin-left:2em}ul.wp-block-dss-jobbnorge li{margin:0 0 1em}ul.wp-block-dss-jobbnorge.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-dss-jobbnorge.is-grid li{margin:0 1em 1em 0;width:100%}@media(min-width:600px){ul.wp-block-dss-jobbnorge.columns-2 li{width:calc(50% - 1em)}ul.wp-block-dss-jobbnorge.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-dss-jobbnorge.columns-4 li{width:calc(25% - 1em)}ul.wp-block-dss-jobbnorge.columns-5 li{width:calc(20% - 1em)}ul.wp-block-dss-jobbnorge.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-dss-jobbnorge__item-title{font-size:1.125em;font-weight:600;margin:0 0 .25em}.wp-block-dss-jobbnorge__item-meta{margin:0 0 .25em;padding:0}.wp-block-dss-jobbnorge__item-deadline,.wp-block-dss-jobbnorge__item-employer,.wp-block-dss-jobbnorge__item-scope{display:block;font-size:.8125em;font-weight:600}
	1	ul.wp-block-dss-jobbnorge{list-style:none;padding:0}ul.wp-block-dss-jobbnorge.wp-block-dss-jobbnorge{box-sizing:border-box}ul.wp-block-dss-jobbnorge.alignleft{margin-right:2em}ul.wp-block-dss-jobbnorge.alignright{margin-left:2em}ul.wp-block-dss-jobbnorge li{margin:0 0 1em}ul.wp-block-dss-jobbnorge.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-dss-jobbnorge.is-grid li{margin:0 1em 1em 0;width:100%}@media(min-width:600px){ul.wp-block-dss-jobbnorge.columns-2 li{width:calc(50% - 1em)}ul.wp-block-dss-jobbnorge.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-dss-jobbnorge.columns-4 li{width:calc(25% - 1em)}ul.wp-block-dss-jobbnorge.columns-5 li{width:calc(20% - 1em)}ul.wp-block-dss-jobbnorge.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-dss-jobbnorge__item-title{font-size:1.125em;font-weight:600;margin:0 0 .25em}.wp-block-dss-jobbnorge__item-meta{margin:0 0 .25em;padding:0}.wp-block-dss-jobbnorge__item-deadline,.wp-block-dss-jobbnorge__item-employer,.wp-block-dss-jobbnorge__item-scope{display:block;font-size:.8125em;font-weight:600}.wp-block-dss-jobbnorge__pagination{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1rem 0}@media(min-width:600px){.wp-block-dss-jobbnorge__pagination{align-items:center;flex-direction:row;justify-content:space-between}}.wp-block-dss-jobbnorge__pagination-info{color:#666;font-size:.875rem;margin:0}.wp-block-dss-jobbnorge__pagination-controls{align-items:center;display:flex;gap:.5rem}.wp-block-dss-jobbnorge__pagination-controls button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.wp-block-dss-jobbnorge__pagination-controls button:hover:not(:disabled){background:#f5f5f5;border-color:#999}.wp-block-dss-jobbnorge__pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.wp-block-dss-jobbnorge__pagination-controls .wp-block-dss-jobbnorge__pagination-info{color:#333;font-size:.875rem;margin:0 .5rem}.wp-block-dss-jobbnorge__loading{opacity:.6;pointer-events:none}.wp-block-dss-jobbnorge__loading:after{animation:spin 1s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#333;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.wp-block-dss-jobbnorge__error{background:#ffebe8;border:1px solid #d63638;border-radius:4px;color:#d63638;margin:1rem 0;padding:.75rem}.wp-block-dss-jobbnorge__error p{margin:0}@keyframes spin{to{transform:rotate(1turn)}}

jobbnorge-block/trunk/languages/wp-jobbnorge-block-en_US-5847f2cef22ef3cae0e9359a7a5dd2ec.json

-                      r3002720
+                      r3322139
+{
     "translation-revision-date": "YEAR-MO-DA HO:MI+ZONE",
     "generator": "WP-CLI\/2.9.0",
+    "generator": "WP-CLI\/2.12.0",
     "source": "build\/init.js",
     "domain": "messages",
 …
                 ""
             ],
+            "Enable pagination": [
+                ""
+            ],
+            "When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.": [
+                ""
+            ],
             "Number of items": [
+                ""
+            ],
+            "Jobs per page": [
                 ""
             ],

jobbnorge-block/trunk/languages/wp-jobbnorge-block-en_US-bb1d7dea005e67527e728d4801f74b61.json

-                      r3002720
+                      r3322139
+{
     "translation-revision-date": "YEAR-MO-DA HO:MI+ZONE",
     "generator": "WP-CLI\/2.9.0",
+    "generator": "WP-CLI\/2.12.0",
     "source": "src\/edit.js",
     "domain": "messages",
 …
                 ""
             ],
+            "Enable pagination": [
+                ""
+            ],
+            "When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.": [
+                ""
+            ],
             "Number of items": [
+                ""
+            ],
+            "Jobs per page": [
                 ""
             ],

jobbnorge-block/trunk/languages/wp-jobbnorge-block-en_US.po

-                      r3002720
+                      r3322139
 # Copyright (C) 2023 PerS
+# Copyright (C) 2025 PerS
 # This file is distributed under the GPL-2.0-or-later.
 msgid ""
 msgstr ""
 "Project-Id-Version: Jobbnorge Block 2.1.4\n"
+"Project-Id-Version: Jobbnorge Block 2.2.0\n"
 "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/jobbnorge-block\n"
 "Last-Translator: Per Søderlind <[email protected]\n"
 …
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "POT-Creation-Date: 2023-11-28T12:11:37+00:00\n"
+"POT-Creation-Date: 2025-07-03T21:16:21+00:00\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "X-Generator: WP-CLI 2.9.0\n"
+"X-Generator: WP-CLI 2.12.0\n"
 "X-Domain: wp-jobbnorge-block\n"
 #. Plugin Name of the plugin
+#: wp-jobb-norge.php
 msgid "Jobbnorge Block"
 msgstr ""
 #. Plugin URI of the plugin
+#: wp-jobb-norge.php
 msgid "https://wordpress.org/plugins/jobbnorge-block/"
 msgstr ""
 #. Description of the plugin
+#: wp-jobb-norge.php
 msgid "Retrieve and display job listings from Jobbnorge.no"
 msgstr ""
 #. Author of the plugin
+#: wp-jobb-norge.php
 msgid "PerS"
 msgstr ""
 #: wp-jobb-norge.php:159
+#: wp-jobb-norge.php:181
 msgid "Invalid ID"
 msgstr ""
 #: wp-jobb-norge.php:181
+#: wp-jobb-norge.php:212
 msgid "Error connecting to Jobbnorge.no"
 msgstr ""
 #: wp-jobb-norge.php:195
+#: wp-jobb-norge.php:251
 msgid "No jobs found"
 msgstr ""
 #: wp-jobb-norge.php:205
+#: wp-jobb-norge.php:261
 msgid "(no title)"
 msgstr ""
 #: wp-jobb-norge.php:226
 #: build/init.js:1
 #: src/edit.js:160
+#: wp-jobb-norge.php:282
+#: build/init.js:1
+#: src/edit.js:181
 msgid "Employer"
 msgstr ""
 #: wp-jobb-norge.php:227
+#: wp-jobb-norge.php:283
 msgid "Scope"
 msgstr ""
 #: wp-jobb-norge.php:282
+#: wp-jobb-norge.php:345
 msgid "Read more"
 msgstr ""
 #: wp-jobb-norge.php:353
+#: wp-jobb-norge.php:416
 msgid "Deadline:"
 msgstr ""
+#: build/init.js:1
+#: src/edit.js:95
+#: wp-jobb-norge.php:556
+msgid "Job listings pagination"
+msgstr ""
+#: wp-jobb-norge.php:562
+#, php-format
+msgid "Showing %d-%d of %d jobs"
+msgstr ""
+#: wp-jobb-norge.php:577
+#: wp-jobb-norge.php:582
+msgid "Previous"
+msgstr ""
+#: wp-jobb-norge.php:590
+#, php-format
+msgid "Page %d of %d"
+msgstr ""
+#: wp-jobb-norge.php:601
+#: wp-jobb-norge.php:606
+msgid "Next"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:97
 msgid "Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to select multiple employers. Shift-click to select a range of employers."
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:103
+#: src/edit.js:105
 msgid "Employer ID [,id2, id3, ..]"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:110
+#: src/edit.js:112
 msgid "Save"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:121
+#: src/edit.js:123
 msgid "Edit Jobbnorge URL"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:126
+#: src/edit.js:128
 msgid "List view"
 msgstr ""
 #: build/init.js:1
+#: src/edit.js:132
+#: src/edit.js:134
+#: src/edit.js:216
+msgid "Grid view"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:146
+msgid "Settings"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:148
+msgid "Enable pagination"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:149
+msgid "When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown."
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:156
+msgid "Number of items"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:167
+msgid "Jobs per page"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:177
+msgid "Order by"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:180
+msgid "Deadline"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:187
+msgid "No jobs found message"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:188
+msgid "Message to display if no jobs are found"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:189
+msgid "There are no jobs at this time."
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:193
+msgid "Item"
+msgstr ""
+#: build/init.js:1
 #: src/edit.js:195
-msgid "Grid view"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:144
-msgid "Settings"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:147
-msgid "Number of items"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:156
-msgid "Order by"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:159
-msgid "Deadline"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:166
-msgid "No jobs found message"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:167
-msgid "Message to display if no jobs are found"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:168
-msgid "There are no jobs at this time."
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:172
-msgid "Item"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:174
 msgid "Display employer"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:179
+#: src/edit.js:200
 msgid "Display excerpt"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:184
+#: src/edit.js:205
 msgid "Display deadline"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:189
+#: src/edit.js:210
 msgid "Display scope"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:198
+#: src/edit.js:219
 msgid "Columns"
 msgstr ""

jobbnorge-block/trunk/languages/wp-jobbnorge-block-nb_NO-5847f2cef22ef3cae0e9359a7a5dd2ec.json

-                      r3002720
+                      r3322139
+{
     "translation-revision-date": "2023-11-28 13:09+0100",
     "generator": "WP-CLI\/2.9.0",
+    "translation-revision-date": "2025-07-03 23:16+0200",
+    "generator": "WP-CLI\/2.12.0",
     "source": "build\/init.js",
     "domain": "messages",
 …
                 "Innstillinger"
             ],
+            "Enable pagination": [
+                "Aktiver paginering"
+            ],
+            "When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.": [
+                "N\u00e5r denne funksjonen er aktivert, vises alle jobber med pagineringskontroller. N\u00e5r den er deaktivert, vises bare det angitte antallet jobber."
+            ],
             "Number of items": [
                 "Antall oppf\u00f8ringer"
+            ],
+            "Jobs per page": [
+                "Jobber per side"
             ],
             "Order by": [

jobbnorge-block/trunk/languages/wp-jobbnorge-block-nb_NO-bb1d7dea005e67527e728d4801f74b61.json

-                      r3002720
+                      r3322139
+{
     "translation-revision-date": "2023-11-28 13:09+0100",
     "generator": "WP-CLI\/2.9.0",
+    "translation-revision-date": "2025-07-03 23:16+0200",
+    "generator": "WP-CLI\/2.12.0",
     "source": "src\/edit.js",
     "domain": "messages",
 …
                 "Innstillinger"
             ],
+            "Enable pagination": [
+                "Aktiver paginering"
+            ],
+            "When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.": [
+                "N\u00e5r denne funksjonen er aktivert, vises alle jobber med pagineringskontroller. N\u00e5r den er deaktivert, vises bare det angitte antallet jobber."
+            ],
             "Number of items": [
                 "Antall oppf\u00f8ringer"
+            ],
+            "Jobs per page": [
+                "Jobber per side"
             ],
             "Order by": [

jobbnorge-block/trunk/languages/wp-jobbnorge-block-nb_NO.po

-                      r3002720
+                      r3322139
 "Project-Id-Version: Jobbnorge Block 0.1.0\n"
 "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/jobbnorge-block\n"
 "POT-Creation-Date: 2023-11-28T11:53:20+00:00\n"
 "PO-Revision-Date: 2023-11-28 13:09+0100\n"
+"POT-Creation-Date: 2025-07-03T21:00:36+00:00\n"
+"PO-Revision-Date: 2025-07-03 23:16+0200\n"
 "Last-Translator: Per Søderlind <[email protected]>\n"
 "Language-Team: \n"
 …
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "X-Generator: Poedit 3.4.1\n"
+"X-Generator: Poedit 3.6\n"
 "X-Domain: wp-jobbnorge-block\n"
 #. Plugin Name of the plugin
+#: wp-jobb-norge.php
 msgid "Jobbnorge Block"
 msgstr "Jobbnorge-blokken"
 #. Plugin URI of the plugin
+#: wp-jobb-norge.php
 msgid "https://wordpress.org/plugins/jobbnorge-block/"
 msgstr "https://wordpress.org/plugins/jobbnorge-block/"
 #. Description of the plugin
+#: wp-jobb-norge.php
 msgid "Retrieve and display job listings from Jobbnorge.no"
 msgstr "Hente og vise stillingsannonser fra Jobbnorge.no"
 #. Author of the plugin
+#: wp-jobb-norge.php
 msgid "PerS"
 msgstr "PerS"
 #: wp-jobb-norge.php:159
+#: wp-jobb-norge.php:181
 msgid "Invalid ID"
 msgstr "Ugyldig ID"
 #: wp-jobb-norge.php:181
+#: wp-jobb-norge.php:212
 msgid "Error connecting to Jobbnorge.no"
 msgstr "Feil ved tilkobling til Jobbnorge.no"
 #: wp-jobb-norge.php:195
+#: wp-jobb-norge.php:251
 msgid "No jobs found"
 msgstr "Ingen jobber funnet"
 #: wp-jobb-norge.php:205
+#: wp-jobb-norge.php:261
 msgid "(no title)"
 msgstr "(ingen tittel)"
 #: wp-jobb-norge.php:226 build/init.js:1 src/edit.js:160
+#: wp-jobb-norge.php:282 build/init.js:1 src/edit.js:181
 msgid "Employer"
 msgstr "Arbeidsgiver"
 #: wp-jobb-norge.php:227
+#: wp-jobb-norge.php:283
 msgid "Scope"
 msgstr "Omfang"
 #: wp-jobb-norge.php:282
+#: wp-jobb-norge.php:345
 msgid "Read more"
 msgstr "Les mer"
 #: wp-jobb-norge.php:353
+#: wp-jobb-norge.php:416
 msgid "Deadline:"
 msgstr "Søknadsfrist:"
+#: build/init.js:1 src/edit.js:95
+#: wp-jobb-norge.php:556
+msgid "Job listings pagination"
+msgstr "Paginering av stillingsannonser"
+#: wp-jobb-norge.php:562
+#, php-format
+msgid "Showing %d-%d of %d jobs"
+msgstr "Viser %d-%d av %d jobber"
+#: wp-jobb-norge.php:577 wp-jobb-norge.php:582
+msgid "Previous"
+msgstr "Forrige"
+#: wp-jobb-norge.php:590
+#, php-format
+msgid "Page %d of %d"
+msgstr "Side %d av %d"
+#: wp-jobb-norge.php:601 wp-jobb-norge.php:606
+msgid "Next"
+msgstr "Neste"
+#: build/init.js:1 src/edit.js:97
 msgid ""
 "Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to "
 …
 "arbeidsgivere."
 #: build/init.js:1 src/edit.js:103
+#: build/init.js:1 src/edit.js:105
 msgid "Employer ID [,id2, id3, ..]"
 msgstr "Arbeidsgiver-ID [,id2, id3, ...]"
 #: build/init.js:1 src/edit.js:110
+#: build/init.js:1 src/edit.js:112
 msgid "Save"
 msgstr "Lagre"
 #: build/init.js:1 src/edit.js:121
+#: build/init.js:1 src/edit.js:123
 msgid "Edit Jobbnorge URL"
 msgstr "Rediger Jobbnorge URL"
 #: build/init.js:1 src/edit.js:126
+#: build/init.js:1 src/edit.js:128
 msgid "List view"
 msgstr "Listevisning"
 #: build/init.js:1 src/edit.js:132 src/edit.js:195
+#: build/init.js:1 src/edit.js:134 src/edit.js:216
 msgid "Grid view"
 msgstr "Rutemønster"
 #: build/init.js:1 src/edit.js:144
+#: build/init.js:1 src/edit.js:146
 msgid "Settings"
 msgstr "Innstillinger"
+#: build/init.js:1 src/edit.js:147
+#: build/init.js:1 src/edit.js:148
+msgid "Enable pagination"
+msgstr "Aktiver paginering"
+#: build/init.js:1 src/edit.js:149
+msgid ""
+"When enabled, all jobs will be displayed with pagination controls. When "
+"disabled, only the specified number of jobs will be shown."
+msgstr ""
+"Når denne funksjonen er aktivert, vises alle jobber med "
+"pagineringskontroller. Når den er deaktivert, vises bare det angitte "
+"antallet jobber."
+#: build/init.js:1 src/edit.js:156
 msgid "Number of items"
 msgstr "Antall oppføringer"
+#: build/init.js:1 src/edit.js:156
+#: build/init.js:1 src/edit.js:167
+msgid "Jobs per page"
+msgstr "Jobber per side"
+#: build/init.js:1 src/edit.js:177
 msgid "Order by"
 msgstr "Sorter etter"
 #: build/init.js:1 src/edit.js:159
+#: build/init.js:1 src/edit.js:180
 msgid "Deadline"
 msgstr "Søknadsfrist"
 #: build/init.js:1 src/edit.js:166
+#: build/init.js:1 src/edit.js:187
 msgid "No jobs found message"
 msgstr "Ingen jobber funnet melding"
 #: build/init.js:1 src/edit.js:167
+#: build/init.js:1 src/edit.js:188
 msgid "Message to display if no jobs are found"
 msgstr "Melding som vises hvis ingen jobber er funnet"
 #: build/init.js:1 src/edit.js:168
+#: build/init.js:1 src/edit.js:189
 msgid "There are no jobs at this time."
 msgstr "Det er for tiden ingen ledige stillinger."
 #: build/init.js:1 src/edit.js:172
+#: build/init.js:1 src/edit.js:193
 msgid "Item"
 msgstr "Element"
 #: build/init.js:1 src/edit.js:174
+#: build/init.js:1 src/edit.js:195
 msgid "Display employer"
 msgstr "Vis arbeidsgiver"
 #: build/init.js:1 src/edit.js:179
+#: build/init.js:1 src/edit.js:200
 msgid "Display excerpt"
 msgstr "Vis utdrag"
 #: build/init.js:1 src/edit.js:184
+#: build/init.js:1 src/edit.js:205
 msgid "Display deadline"
 msgstr "Vis søknadsfrist"
 #: build/init.js:1 src/edit.js:189
+#: build/init.js:1 src/edit.js:210
 msgid "Display scope"
 msgstr "Vis omfang"
 #: build/init.js:1 src/edit.js:198
+#: build/init.js:1 src/edit.js:219
 msgid "Columns"
 msgstr "Kolonner"

jobbnorge-block/trunk/languages/wp-jobbnorge-block.pot

-                      r3002720
+                      r3322139
 # Copyright (C) 2023 PerS
+# Copyright (C) 2025 PerS
 # This file is distributed under the GPL-2.0-or-later.
 msgid ""
 msgstr ""
 "Project-Id-Version: Jobbnorge Block 2.1.4\n"
+"Project-Id-Version: Jobbnorge Block 2.2.0\n"
 "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/jobbnorge-block\n"
 "Last-Translator: Per Søderlind <[email protected]\n"
 …
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "POT-Creation-Date: 2023-11-28T12:11:37+00:00\n"
+"POT-Creation-Date: 2025-07-03T21:16:21+00:00\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "X-Generator: WP-CLI 2.9.0\n"
+"X-Generator: WP-CLI 2.12.0\n"
 "X-Domain: wp-jobbnorge-block\n"
 #. Plugin Name of the plugin
+#: wp-jobb-norge.php
 msgid "Jobbnorge Block"
 msgstr ""
 #. Plugin URI of the plugin
+#: wp-jobb-norge.php
 msgid "https://wordpress.org/plugins/jobbnorge-block/"
 msgstr ""
 #. Description of the plugin
+#: wp-jobb-norge.php
 msgid "Retrieve and display job listings from Jobbnorge.no"
 msgstr ""
 #. Author of the plugin
+#: wp-jobb-norge.php
 msgid "PerS"
 msgstr ""
 #: wp-jobb-norge.php:159
+#: wp-jobb-norge.php:181
 msgid "Invalid ID"
 msgstr ""
 #: wp-jobb-norge.php:181
+#: wp-jobb-norge.php:212
 msgid "Error connecting to Jobbnorge.no"
 msgstr ""
 #: wp-jobb-norge.php:195
+#: wp-jobb-norge.php:251
 msgid "No jobs found"
 msgstr ""
 #: wp-jobb-norge.php:205
+#: wp-jobb-norge.php:261
 msgid "(no title)"
 msgstr ""
 #: wp-jobb-norge.php:226
 #: build/init.js:1
 #: src/edit.js:160
+#: wp-jobb-norge.php:282
+#: build/init.js:1
+#: src/edit.js:181
 msgid "Employer"
 msgstr ""
 #: wp-jobb-norge.php:227
+#: wp-jobb-norge.php:283
 msgid "Scope"
 msgstr ""
 #: wp-jobb-norge.php:282
+#: wp-jobb-norge.php:345
 msgid "Read more"
 msgstr ""
 #: wp-jobb-norge.php:353
+#: wp-jobb-norge.php:416
 msgid "Deadline:"
 msgstr ""
+#: build/init.js:1
+#: src/edit.js:95
+#: wp-jobb-norge.php:556
+msgid "Job listings pagination"
+msgstr ""
+#: wp-jobb-norge.php:562
+#, php-format
+msgid "Showing %d-%d of %d jobs"
+msgstr ""
+#: wp-jobb-norge.php:577
+#: wp-jobb-norge.php:582
+msgid "Previous"
+msgstr ""
+#: wp-jobb-norge.php:590
+#, php-format
+msgid "Page %d of %d"
+msgstr ""
+#: wp-jobb-norge.php:601
+#: wp-jobb-norge.php:606
+msgid "Next"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:97
 msgid "Select employers to display. Ctrl-click (Windows) or Cmd-click (Mac) to select multiple employers. Shift-click to select a range of employers."
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:103
+#: src/edit.js:105
 msgid "Employer ID [,id2, id3, ..]"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:110
+#: src/edit.js:112
 msgid "Save"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:121
+#: src/edit.js:123
 msgid "Edit Jobbnorge URL"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:126
+#: src/edit.js:128
 msgid "List view"
 msgstr ""
 #: build/init.js:1
+#: src/edit.js:132
+#: src/edit.js:134
+#: src/edit.js:216
+msgid "Grid view"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:146
+msgid "Settings"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:148
+msgid "Enable pagination"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:149
+msgid "When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown."
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:156
+msgid "Number of items"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:167
+msgid "Jobs per page"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:177
+msgid "Order by"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:180
+msgid "Deadline"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:187
+msgid "No jobs found message"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:188
+msgid "Message to display if no jobs are found"
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:189
+msgid "There are no jobs at this time."
+msgstr ""
+#: build/init.js:1
+#: src/edit.js:193
+msgid "Item"
+msgstr ""
+#: build/init.js:1
 #: src/edit.js:195
-msgid "Grid view"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:144
-msgid "Settings"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:147
-msgid "Number of items"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:156
-msgid "Order by"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:159
-msgid "Deadline"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:166
-msgid "No jobs found message"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:167
-msgid "Message to display if no jobs are found"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:168
-msgid "There are no jobs at this time."
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:172
-msgid "Item"
-msgstr ""
-#: build/init.js:1
-#: src/edit.js:174
 msgid "Display employer"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:179
+#: src/edit.js:200
 msgid "Display excerpt"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:184
+#: src/edit.js:205
 msgid "Display deadline"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:189
+#: src/edit.js:210
 msgid "Display scope"
 msgstr ""
 #: build/init.js:1
 #: src/edit.js:198
+#: src/edit.js:219
 msgid "Columns"
 msgstr ""

jobbnorge-block/trunk/package-lock.json

-                      r3003492
+                      r3322139
+{
     "name": "jobbnorge-block",
     "version": "2.1.5",
+    "version": "2.2.0",
     "lockfileVersion": 3,
     "requires": true,
 …
         "": {
             "name": "jobbnorge-block",
             "version": "2.1.5",
+            "version": "2.2.0",
             "license": "GPL-2.0-or-later",
             "dependencies": {

jobbnorge-block/trunk/package.json

r3003492	r3322139
1	1	{
2	2	"name": "jobbnorge-block",
3		"version": "2.~~1.5~~",
	3	"version": "2.2.0",
4	4	"description": "Jobbnorge Block for WordPress Gutenberg",
5	5	"author": "Per Søderlind <[email protected]>",

jobbnorge-block/trunk/readme.txt

-                      r3003492
+                      r3322139
 Requires at least: 5.9
 Requires PHP:      7.4
 Stable tag:        2.1.5
+Stable tag:        2.2.0
 License:           GPL-2.0-or-later
 License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 …
 == Changelog ==
+= 2.2.0 =
+* NEW: Add frontend pagination support with AJAX loading
+* NEW: Add pagination controls (enable/disable, jobs per page setting)
+* ENHANCEMENT: Upgrade to Jobbnorge API v3 for better performance
+* ENHANCEMENT: Implement PHP-based pagination to work around API limitations with employer filtering
+* ENHANCEMENT: Add responsive grid layout that adapts to screen size
+* ENHANCEMENT: Improve cache key logic to include pagination and layout parameters
+* ENHANCEMENT: Add loading states and error handling for pagination
+* ENHANCEMENT: Separate frontend and admin CSS loading for better performance
+* FIX: Fix CSS class naming conflicts that prevented grid view from working on frontend
+* FIX: Resolve frontend style loading issues
+* DEVELOPER: Add comprehensive webpack build configuration for multiple entry points
+* DEVELOPER: Add pagination JavaScript with proper AJAX handling and nonce security
 = 2.1.5 =

jobbnorge-block/trunk/src/block.json

-                      r3003492
+                      r3322139
     "apiVersion": 2,
     "name": "dss/jobbnorge",
     "version": "2.1.5",
+    "version": "2.2.0",
     "title": "Jobbnorge",
     "category": "widgets",
 …
             "type": "number",
             "default": 55
+        },
+        "enablePagination": {
+            "type": "boolean",
+            "default": true
+        },
+        "jobsPerPage": {
+            "type": "number",
+            "default": 10
+        }
     },
     "textdomain": "wp-jobbnorge-block",
     "editorScript": "file:init.js",
     "editorStyle": "file:editor.scss",
     "style": "file:style.scss"
+    "editorStyle": "file:editor.css",
+    "style": "file:style-init.css"
+}

jobbnorge-block/trunk/src/edit.js

-                      r3002720
+                      r3322139
         noJobsMessage,
         orderBy,
+        enablePagination,
+        jobsPerPage,
     } = attributes;
 …
             <InspectorControls>
                 <PanelBody title={__('Settings', 'wp-jobbnorge-block')}>
+                    <RangeControl
+                        __nextHasNoMarginBottom
+                        label={__('Number of items', 'wp-jobbnorge-block')}
+                        value={itemsToShow}
+                        onChange={(value) => setAttributes({ itemsToShow: value })}
+                        min={DEFAULT_MIN_ITEMS}
+                        max={DEFAULT_MAX_ITEMS}
+                        required
+                    />
+                    <ToggleControl
+                        label={__('Enable pagination', 'wp-jobbnorge-block')}
+                        help={__('When enabled, all jobs will be displayed with pagination controls. When disabled, only the specified number of jobs will be shown.', 'wp-jobbnorge-block')}
+                        checked={enablePagination}
+                        onChange={(value) => setAttributes({ enablePagination: value })}
+                    />
+                    {!enablePagination && (
+                        <RangeControl
+                            __nextHasNoMarginBottom
+                            label={__('Number of items', 'wp-jobbnorge-block')}
+                            value={itemsToShow}
+                            onChange={(value) => setAttributes({ itemsToShow: value })}
+                            min={DEFAULT_MIN_ITEMS}
+                            max={DEFAULT_MAX_ITEMS}
+                            required
+                        />
+                    )}
+                    {enablePagination && (
+                        <RangeControl
+                            __nextHasNoMarginBottom
+                            label={__('Jobs per page', 'wp-jobbnorge-block')}
+                            value={jobsPerPage}
+                            onChange={(value) => setAttributes({ jobsPerPage: value })}
+                            min={1}
+                            max={50}
+                            required
+                        />
+                    )}
                     {employerID.includes(',') && (
                         <RadioControl

jobbnorge-block/trunk/src/editor.scss

-                      r2853882
+                      r3322139
 $break-medium: 782px;
+$break-small: 600px;
 $grid-unit: 8px;
 $grid-unit-10: 1 * $grid-unit; // 8px
 …
+}
+.wp-block-dss-jobbnorge li a > div {
+@mixin break-small() {
+    @media (min-width: #{ ($break-small) }) {
+        @content;
+    }
+}
+.wp-block-dss-jobbnorge li a>div {
     display: inline;
+}
 …
     align-items: stretch;
     > * {
+    >* {
         margin-bottom: $grid-unit-10;
+    }
     @include break-medium() {
         > * {
+        >* {
             margin-bottom: 0;
+        }
+    }
+}
 .wp-block-dss-jobbnorge__placeholder-input {
 …
+    }
+}
+// Grid styles for the editor
+ul.wp-block-dss-jobbnorge {
+    list-style: none;
+    padding: 0;
+    &.wp-block-dss-jobbnorge {
+        box-sizing: border-box;
+    }
+    li {
+        margin: 0 0 1em 0;
+    }
+    &.is-grid {
+        display: flex;
+        flex-wrap: wrap;
+        padding: 0;
+        list-style: none;
+        li {
+            margin: 0 1em 1em 0;
+            width: 100%;
+        }
+    }
+    @include break-small {
+        @for $i from 2 through 6 {
+            &.columns-#{ $i } li {
+                width: calc((100% / #{ $i }) - 1em);
+            }
+        }
+    }
+}

jobbnorge-block/trunk/src/style.scss

-                      r2997962
+                      r3322139
+ul.wp-block-dss-jobbnorge { // The ul is needed for specificity to override the reset styles in the editor.
+ul.wp-block-dss-jobbnorge {
+    // The ul is needed for specificity to override the reset styles in the editor.
     list-style: none;
     padding: 0;
 …
         margin-right: 2em;
+    }
     &.alignright {
         /*rtl:ignore*/
         margin-left: 2em;
+    }
     li {
         margin: 0 0 1em 0;
+    }
     &.is-grid {
         display: flex;
 …
         @for $i from 2 through 6 {
             &.columns-#{ $i } li {
                 width: calc(( 100% / #{ $i } ) - 1em);
+                width: calc((100% / #{ $i }) - 1em);
+            }
+        }
 …
 .wp-block-dss-jobbnorge__item-employer,
 .wp-block-dss-jobbnorge__item-deadline,
 .wp-block-dss-jobbnorge__item-scope{
+.wp-block-dss-jobbnorge__item-scope {
     display: block;
     font-weight: 600;
 …
+}
+// Pagination styles
+.wp-block-dss-jobbnorge {
+    &__pagination {
+        display: flex;
+        flex-direction: column;
+        gap: 1rem;
+        margin-top: 2rem;
+        padding: 1rem 0;
+        border-top: 1px solid #e0e0e0;
+        @include break-small {
+            flex-direction: row;
+            justify-content: space-between;
+            align-items: center;
+        }
+    }
+    &__pagination-info {
+        font-size: 0.875rem;
+        color: #666;
+        margin: 0;
+    }
+    &__pagination-controls {
+        display: flex;
+        gap: 0.5rem;
+        align-items: center;
+        button {
+            padding: 0.5rem 1rem;
+            border: 1px solid #ddd;
+            background: white;
+            cursor: pointer;
+            border-radius: 4px;
+            font-size: 0.875rem;
+            transition: all 0.2s ease;
+            &:hover:not(:disabled) {
+                background: #f5f5f5;
+                border-color: #999;
+            }
+            &:disabled {
+                opacity: 0.5;
+                cursor: not-allowed;
+            }
+        }
+        .wp-block-dss-jobbnorge__pagination-info {
+            font-size: 0.875rem;
+            color: #333;
+            margin: 0 0.5rem;
+        }
+    }
+    // Loading state
+    &__loading {
+        opacity: 0.6;
+        pointer-events: none;
+        &::after {
+            content: '';
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            width: 20px;
+            height: 20px;
+            margin: -10px 0 0 -10px;
+            border: 2px solid #ccc;
+            border-top-color: #333;
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+        }
+    }
+    // Error message
+    &__error {
+        margin: 1rem 0;
+        padding: 0.75rem;
+        background: #ffebe8;
+        border: 1px solid #d63638;
+        border-radius: 4px;
+        color: #d63638;
+        p {
+            margin: 0;
+        }
+    }
+}
+@keyframes spin {
+    to {
+        transform: rotate(360deg);
+    }
+}

jobbnorge-block/trunk/wp-jobb-norge.php

-                      r3003492
+                      r3322139
  * Requires at least: 5.9
  * Requires PHP:      7.0
  * Version:           2.1.5
+ * Version:           2.2.0
  * Author:            PerS
  * License:           GPL-2.0-or-later
 …
     add_action( 'admin_enqueue_scripts', __NAMESPACE__ . '\dss_jobbnorge_enqueue_scripts' );
     // Add the 'dss_jobbnorge_enqueue_scripts' function to the 'wp_enqueue_scripts' action hook.
+    // Add the 'dss_jobbnorge_enqueue_frontend_styles' function to the 'wp_enqueue_scripts' action hook.
     // This function will be called when scripts and styles are enqueued for the front end of the site.
     add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\dss_jobbnorge_enqueue_scripts' );
+    add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\dss_jobbnorge_enqueue_frontend_styles' );
     // Load the plugin's text domain for internationalization.
 …
     register_block_type(
         __DIR__ . '/build',
+        [
+        [
             'render_callback' => __NAMESPACE__ . '\render_block_dss_jobbnorge',
+        ]
 …
         // If it does, require it and merge its dependencies with the existing ones.
         $file   = require $deps_file;
         $jsdeps = array_merge( $jsdeps, $file['dependencies'] );
+        $jsdeps = array_merge( $jsdeps, $file[ 'dependencies' ] );
         // Also, set the version to the one from the file.
         $version = $file['version'];
+        $version = $file[ 'version' ];
+    }
 …
         wp_enqueue_style( 'dss-jobbnorge-admin' );
+    }
-    // Register and enqueue a CSS file for the public view.
-    wp_register_style( 'dss-jobbnorge', plugin_dir_url( __FILE__ ) . 'build/style-init.css', [], $version );
-    wp_enqueue_style( 'dss-jobbnorge' );
     // Set translations for the script.
 …
             'dss-jobbnorge-editor-script',
             'wpJobbnorgeBlock',
+            [
+            [
                 'employers' => $employers,
+            ]
 …
 /**
+ * Enqueue frontend styles for the block
+ *
+ * @return void
+ */
+function dss_jobbnorge_enqueue_frontend_styles(): void {
+    // Define the path to the dependencies file.
+    $deps_file = plugin_dir_path( __FILE__ ) . 'build/init.asset.php';
+    // Initialize version number.
+    $version = wp_rand();
+    // Check if the dependencies file exists.
+    if ( file_exists( $deps_file ) ) {
+        // If it does, require it and get the version.
+        $file    = require $deps_file;
+        $version = $file[ 'version' ];
+    }
+    // Register and enqueue a CSS file for the public view.
+    wp_register_style( 'dss-jobbnorge', plugin_dir_url( __FILE__ ) . 'build/style-init.css', [], $version );
+    wp_enqueue_style( 'dss-jobbnorge' );
+}
+/**
  * Renders the `jobbnorge` block on server.
+ *
 …
     $attributes = wp_parse_args(
         $attributes,
+        [
+            'employerID'      => '',
+            'displayEmployer' => false,
+            'displayDate'     => true,
+            'displayDeadline' => false,
+            'displayScope'    => false,
+            'displayExcerpt'  => true,
+            'excerptLength'   => 55,
+            'blockLayout'     => 'list',
+            'orderBy'         => 'Deadline',
+            'columns'         => 3,
+            'itemsToShow'     => 5,
+        [
+            'employerID'       => '',
+            'displayEmployer'  => false,
+            'displayDate'      => true,
+            'displayDeadline'  => false,
+            'displayScope'     => false,
+            'displayExcerpt'   => true,
+            'excerptLength'    => 55,
+            'blockLayout'      => 'list',
+            'orderBy'          => 'Deadline',
+            'columns'          => 3,
+            'itemsToShow'      => 5,
+            'enablePagination' => true,
+            'jobsPerPage'      => 10,
+        ]
     );
     // Convert employer IDs to an array and trim whitespace.
     $arr_ids = array_map( 'trim', explode( ',', $attributes['employerID'] ) );
+    $arr_ids = array_map( 'trim', explode( ',', $attributes[ 'employerID' ] ) );
     // Check if all IDs are numeric. If not, return an error message.
 …
+    }
+    // Construct the API URL.
+    $jobbnorge_api_url = 'https://publicapi.jobbnorge.no/v2/Jobs?abroad=false&orderBy=' . $attributes['orderBy'];
+    // Get current page for pagination
+    $current_page = isset( $_GET[ 'jobbnorge_page' ] ) ? max( 1, intval( $_GET[ 'jobbnorge_page' ] ) ) : 1;
+    // Determine items per page based on pagination setting
+    $items_per_page = $attributes[ 'enablePagination' ] ? $attributes[ 'jobsPerPage' ] : $attributes[ 'itemsToShow' ];
+    // Construct the API URL for v3
+    // NOTE: API v3 pagination doesn't work correctly with employer filtering
+    // So we fetch all jobs for the employers and paginate in PHP
+    $jobbnorge_api_url = 'https://publicapi.jobbnorge.no/v3/Jobs?abroad=false&orderBy=' . $attributes[ 'orderBy' ];
     // Add each employer ID to the API URL.
 …
     $cache      = new \Jobbnorge_CacheHandler( $cache_path );
+    $cache_key  = md5( $jobbnorge_api_url );
+    $expiration = apply_filters( 'jobbnorge_cache_time', 30 * MINUTE_IN_SECONDS );
+    $body       = $cache->get( $cache_key, $expiration );
+    if ( false === $body ) {
+    // Cache key based on employer IDs and settings, not pagination
+    $cache_key     = md5( $jobbnorge_api_url );
+    $expiration    = apply_filters( 'jobbnorge_cache_time', 30 * MINUTE_IN_SECONDS );
+    $response_data = $cache->get( $cache_key, $expiration );
+    if ( false === $response_data ) {
         $response = wp_remote_get( $jobbnorge_api_url );
 …
+        }
+        $body = wp_remote_retrieve_body( $response );
+        $cache->set( $cache_key, $body );
+    }
+    // Decode the JSON response and limit the number of items.
+    $items = json_decode( $body, true );
+    // Just get desired number of items.
+    $items = array_slice( $items, 0, $attributes['itemsToShow'] );
+        $body          = wp_remote_retrieve_body( $response );
+        $response_data = json_decode( $body, true );
+        $cache->set( $cache_key, $response_data );
+    }
+    // Debug: Log the API response structure
+    if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
+        error_log( 'Jobbnorge API URL: ' . $jobbnorge_api_url );
+        error_log( 'Jobbnorge API Response: ' . print_r( $response_data, true ) );
+    }
+    // Handle v3 API response structure
+    $all_items  = isset( $response_data[ 'jobs' ] ) ? $response_data[ 'jobs' ] : $response_data;
+    $total_jobs = count( $all_items );
+    // Debug: Log the items array
+    if ( defined( 'WP_DEBUG' ) && WP_DEBUG ) {
+        error_log( 'Items count: ' . count( $all_items ) );
+        error_log( 'Total jobs: ' . $total_jobs );
+        if ( ! empty( $all_items ) ) {
+            error_log( 'First item: ' . print_r( $all_items[ 0 ], true ) );
+        }
+    }
+    // Implement pagination in PHP since API pagination doesn't work with employer filtering
+    if ( $attributes[ 'enablePagination' ] && $total_jobs > 0 ) {
+        // Calculate pagination
+        $start_index = ( $current_page - 1 ) * $attributes[ 'jobsPerPage' ];
+        $items       = array_slice( $all_items, $start_index, $attributes[ 'jobsPerPage' ] );
+    } else {
+        // For non-paginated, limit to itemsToShow
+        $items      = array_slice( $all_items, 0, $attributes[ 'itemsToShow' ] );
+        $total_jobs = count( $items ); // Update total for non-paginated display
+    }
     // If there are no items, return an error message.
 …
     foreach ( $items as $item ) {
         // Sanitize and format the title.
         $title = esc_html( trim( wp_strip_all_tags( $item['title'] ) ) );
+        $title = esc_html( trim( wp_strip_all_tags( $item[ 'title' ] ) ) );
         $title = empty( $title ) ? __( '(no title)', 'wp-jobbnorge-block' ) : $title;
         // Sanitize the link.
         $link = esc_url( $item['link'] );
+        $link = esc_url( $item[ 'link' ] );
         // If there's a link, wrap the title in an anchor tag.
         $title = $link ? "<a href='{$link}'>{$title}</a>" : $title;
 …
         $deadline = '';
         // If the displayDate attribute is true and the item has a deadline, format the deadline.
         if ( $attributes['displayDate'] && isset( $item['deadline'] ) ) {
             $deadline = format_deadline( $item['deadline'] );
+        if ( $attributes[ 'displayDate' ] && isset( $item[ 'deadline' ] ) ) {
+            $deadline = format_deadline( $item[ 'deadline' ] );
+        }
 …
+    }
+    // Initialize an array for the classnames.
+    $classnames = [];
+    // If the blockLayout attribute is 'grid', add the 'is-grid' and 'columns-' classes.
+    if ( 'grid' === $attributes['blockLayout'] ) {
+        add_classname( $classnames, $attributes, 'blockLayout', 'is-grid' );
+        add_classname( $classnames, $attributes, 'columns', 'columns-' . $attributes['columns'] );
+    }
+    // Add the 'has-' classes based on the display attributes.
+    add_classname( $classnames, $attributes, 'displayEmployer', 'has-employer' );
+    add_classname( $classnames, $attributes, 'displayDate', 'has-dates' );
+    add_classname( $classnames, $attributes, 'displayDeadline', 'has-deadline' );
+    add_classname( $classnames, $attributes, 'displayScope', 'has-scope' );
+    add_classname( $classnames, $attributes, 'displayExcerpt', 'has-excerpts' );
+    // Get the block wrapper attributes and add the classnames to it.
+    $wrapper_attributes = get_block_wrapper_attributes( [ 'class' => implode( ' ', $classnames ) ] );
+    // Get the block wrapper attributes (without grid classes)
+    $wrapper_classes = [];
+    add_classname( $wrapper_classes, $attributes, 'displayEmployer', 'has-employer' );
+    add_classname( $wrapper_classes, $attributes, 'displayDate', 'has-dates' );
+    add_classname( $wrapper_classes, $attributes, 'displayDeadline', 'has-deadline' );
+    add_classname( $wrapper_classes, $attributes, 'displayScope', 'has-scope' );
+    add_classname( $wrapper_classes, $attributes, 'displayExcerpt', 'has-excerpts' );
+    $wrapper_attributes = get_block_wrapper_attributes( [
+        'class'           => implode( ' ', $wrapper_classes ),
+        'data-attributes' => esc_attr( json_encode( $attributes ) ),
+    ] );
+    // Generate the ul classes (including grid classes)
+    $ul_classes = [ 'wp-block-dss-jobbnorge' ];
+    if ( 'grid' === $attributes[ 'blockLayout' ] ) {
+        $ul_classes[] = 'is-grid';
+        $ul_classes[] = 'columns-' . $attributes[ 'columns' ];
+    }
+    // Generate pagination controls if enabled
+    $pagination_html = '';
+    if ( $attributes[ 'enablePagination' ] && count( $all_items ) > $attributes[ 'jobsPerPage' ] ) {
+        $pagination_html = generate_pagination_controls( $current_page, count( $all_items ), $attributes[ 'jobsPerPage' ], $attributes );
+    }
     // Return the final HTML string, wrapping the list items in an unordered list.
     return sprintf( '<ul %s>%s</ul>', $wrapper_attributes, $list_items );
+    return sprintf( '<div %s><ul class="%s">%s</ul>%s</div>', $wrapper_attributes, esc_attr( implode( ' ', $ul_classes ) ), $list_items, $pagination_html );
+}
 …
     // If the displayExcerpt attribute is true and the item has a summary, format the excerpt.
     if ( $attributes['displayExcerpt'] && isset( $item['summary'] ) ) {
+    if ( $attributes[ 'displayExcerpt' ] && isset( $item[ 'summary' ] ) ) {
         // Decode the HTML entities in the summary.
         $excerpt = html_entity_decode( $item['summary'], ENT_QUOTES, get_option( 'blog_charset' ) );
+        $excerpt = html_entity_decode( $item[ 'summary' ], ENT_QUOTES, get_option( 'blog_charset' ) );
         // Trim the excerpt to the excerptLength and escape it for safe use in HTML output.
         $excerpt = esc_attr( wp_trim_words( $excerpt, $attributes['excerptLength'], '' ) );
+        $excerpt = esc_attr( wp_trim_words( $excerpt, $attributes[ 'excerptLength' ], '' ) );
         // Format the read more link.
         $read_more = sprintf( ' ... <a href="%s">%s</a>', esc_url( $item['link'] ), __( 'Read more', 'wp-jobbnorge-block' ) );
+        $read_more = sprintf( ' ... <a href="%s">%s</a>', esc_url( $item[ 'link' ] ), __( 'Read more', 'wp-jobbnorge-block' ) );
         // Add the excerpt and read more link to the result string, wrapped in a div.
 …
         // Format the date according to the site's date format.
         $str_date = date_i18n( get_option( 'date_format' ), $date );
     } catch ( \Exception $e ) {
+    } catch (\Exception $e) {
         // If there's an exception, fallback to the original date.
         $str_date = $deadline_date;
 …
         return sprintf(
             '<time datetime="%1$s" class="wp-block-dss-jobbnorge__item-deadline">%2$s %3$s</time> ',
             // If there's a parsed date, use it for the datetime attribute. Otherwise, leave it empty.
+                // If there's a parsed date, use it for the datetime attribute. Otherwise, leave it empty.
             ( $date ) ? esc_attr( wp_date( 'c', $date ) ) : '',
             // Translate the 'Deadline:' string.
 …
 function parse_date_fallback( $deadline_date ) {
     // Define an array of month names in Norwegian.
     $str_months = [
+    $str_months = [
         'januar',
         'februar',
 …
     // Define an array of month numbers.
     $num_months = [
+    $num_months = [
         '01',
         '02',
 …
     // Return a Unix timestamp for the date.
     return mktime( 0, 0, 0, $dato_arr[2], $dato_arr[1], $dato_arr[3] );
+    return mktime( 0, 0, 0, $dato_arr[ 2 ], $dato_arr[ 1 ], $dato_arr[ 3 ] );
+}
 …
+    }
+}
+/**
+ * Generates pagination controls for the job listings.
+ *
+ * @param int   $current_page The current page number.
+ * @param int   $total_jobs   The total number of jobs.
+ * @param int   $jobs_per_page The number of jobs per page.
+ * @param array $attributes   The block attributes.
+ * @return string The pagination HTML.
+ */
+function generate_pagination_controls( $current_page, $total_jobs, $jobs_per_page, $attributes ) {
+    $total_pages = ceil( $total_jobs / $jobs_per_page );
+    if ( $total_pages <= 1 ) {
+        return '';
+    }
+    $prev_page = max( 1, $current_page - 1 );
+    $next_page = min( $total_pages, $current_page + 1 );
+    // Calculate result range
+    $start_item = ( ( $current_page - 1 ) * $jobs_per_page ) + 1;
+    $end_item   = min( $current_page * $jobs_per_page, $total_jobs );
+    // Generate pagination HTML
+    $pagination_html = '<nav class="wp-block-dss-jobbnorge__pagination" role="navigation" aria-label="' . esc_attr__( 'Job listings pagination', 'wp-jobbnorge-block' ) . '">';
+    // Results info
+    $pagination_html .= sprintf(
+        '<div class="wp-block-dss-jobbnorge__pagination-info">%s</div>',
+        sprintf(
+            esc_html__( 'Showing %d-%d of %d jobs', 'wp-jobbnorge-block' ),
+            $start_item,
+            $end_item,
+            $total_jobs
+        )
+    );
+    // Pagination controls
+    $pagination_html .= '<div class="wp-block-dss-jobbnorge__pagination-controls">';
+    // Previous button
+    if ( $current_page > 1 ) {
+        $pagination_html .= sprintf(
+            '<button type="button" class="wp-block-dss-jobbnorge__pagination-prev" data-page="%d">%s</button>',
+            $prev_page,
+            esc_html__( 'Previous', 'wp-jobbnorge-block' )
+        );
+    } else {
+        $pagination_html .= sprintf(
+            '<button type="button" class="wp-block-dss-jobbnorge__pagination-prev" disabled>%s</button>',
+            esc_html__( 'Previous', 'wp-jobbnorge-block' )
+        );
+    }
+    // Page info
+    $pagination_html .= sprintf(
+        '<span class="wp-block-dss-jobbnorge__pagination-info">%s</span>',
+        sprintf(
+            esc_html__( 'Page %d of %d', 'wp-jobbnorge-block' ),
+            $current_page,
+            $total_pages
+        )
+    );
+    // Next button
+    if ( $current_page < $total_pages ) {
+        $pagination_html .= sprintf(
+            '<button type="button" class="wp-block-dss-jobbnorge__pagination-next" data-page="%d">%s</button>',
+            $next_page,
+            esc_html__( 'Next', 'wp-jobbnorge-block' )
+        );
+    } else {
+        $pagination_html .= sprintf(
+            '<button type="button" class="wp-block-dss-jobbnorge__pagination-next" disabled>%s</button>',
+            esc_html__( 'Next', 'wp-jobbnorge-block' )
+        );
+    }
+    $pagination_html .= '</div>';
+    $pagination_html .= '</nav>';
+    return $pagination_html;
+}
+/**
+ * Register AJAX endpoints for pagination.
+ */
+add_action( 'wp_ajax_jobbnorge_get_jobs', __NAMESPACE__ . '\handle_ajax_get_jobs' );
+add_action( 'wp_ajax_nopriv_jobbnorge_get_jobs', __NAMESPACE__ . '\handle_ajax_get_jobs' );
+/**
+ * Handle AJAX request for paginated job listings.
+ */
+function handle_ajax_get_jobs() {
+    // Verify nonce
+    if ( ! wp_verify_nonce( $_POST[ 'nonce' ], 'jobbnorge_pagination_nonce' ) ) {
+        wp_die( 'Security check failed' );
+    }
+    // Get and sanitize parameters
+    $page       = isset( $_POST[ 'page' ] ) ? max( 1, intval( $_POST[ 'page' ] ) ) : 1;
+    $attributes = isset( $_POST[ 'attributes' ] ) ? json_decode( stripslashes( $_POST[ 'attributes' ] ), true ) : [];
+    // Validate attributes
+    if ( empty( $attributes ) || ! is_array( $attributes ) ) {
+        wp_send_json_error( 'Invalid attributes' );
+    }
+    // Set current page in GET superglobal for compatibility
+    $_GET[ 'jobbnorge_page' ] = $page;
+    // Generate the job listings HTML
+    $html = render_block_dss_jobbnorge( $attributes );
+    // Return JSON response
+    wp_send_json_success( [ 'html' => $html ] );
+}
+/**
+ * Enqueue frontend JavaScript for pagination.
+ */
+function enqueue_pagination_script() {
+    // Check if the block is being used on the current page
+    if ( ! has_block( 'dss/jobbnorge' ) ) {
+        return;
+    }
+    // Define the path to the pagination dependencies file.
+    $deps_file = plugin_dir_path( __FILE__ ) . 'build/pagination.asset.php';
+    // Initialize an array for JavaScript dependencies and a random version number.
+    $jsdeps  = [];
+    $version = wp_rand();
+    // Check if the dependencies file exists.
+    if ( file_exists( $deps_file ) ) {
+        // If it does, require it and merge its dependencies with the existing ones.
+        $file   = require $deps_file;
+        $jsdeps = array_merge( $jsdeps, $file[ 'dependencies' ] );
+        // Also, set the version to the one from the file.
+        $version = $file[ 'version' ];
+    }
+    wp_enqueue_script(
+        'jobbnorge-pagination',
+        plugin_dir_url( __FILE__ ) . 'build/pagination.js',
+        $jsdeps,
+        $version,
+        true
+    );
+    // Localize script with AJAX URL and nonce
+    wp_localize_script(
+        'jobbnorge-pagination',
+        'jobbnorgeAjax',
+        [
+            'ajaxUrl' => admin_url( 'admin-ajax.php' ),
+            'nonce'   => wp_create_nonce( 'jobbnorge_pagination_nonce' ),
+        ]
+    );
+}
+// Hook into wp_enqueue_scripts to add pagination script
+add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\enqueue_pagination_script' );

Context Navigation

Legend:

Download in other formats: