PHPackages                             ukmnorge/spa - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. ukmnorge/spa

ActiveLibrary[Utility & Helpers](/categories/utility)

ukmnorge/spa
============

Single Page Application for å hente data dynamisk fra klientside

1.0.4(3y ago)069JavaScript

Since Oct 7Pushed 3y ago2 watchersCompare

[ Source](https://github.com/UKMNorge/UKMSPA)[ Packagist](https://packagist.org/packages/ukmnorge/spa)[ Docs](https://github.com/UKMNorge/ukm-onepage-js)[ RSS](/packages/ukmnorge-spa/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (5)DependenciesVersions (8)Used By (0)

UKM SPA (Single Page Aplication)
================================

[](#ukm-spa-single-page-aplication)

Less mer om SPA:

[![alt text](https://github.com/UKMNorge/ukm-onepage-js/raw/main/docs/diagram-ukm-one-page.png?raw=true)](https://github.com/UKMNorge/ukm-onepage-js/blob/main/docs/diagram-ukm-one-page.png?raw=true)

`UKMOnePage` representerer rammeverket og kan ikke initialiseres, derfor må en klasse som utvider det må opprettes.

`ProjectOnePage` - representerer en mer spesifikk implementasjon av rammeverket som passer for et prosjekt eller en side

EventElement
------------

[](#eventelement)

representerer et DOM element som har et event og attributter som passer for det elementet.

```
deltaOnePage.addEventElements([
   new EventElement('.card-body-arrangement.meldpaa', 'click', ()=>{ console.log("callback"); }, 'get_innslag_types', 'GET', ['pl_id'])
]);
```

Director
--------

[](#director)

Director klasse brukes for å navigere gjennom sider som er definert i DOM som sider for å oppnå SPA metodologien.

```

	Page content here...

```

```
Director.openPage("pageTestHello");
```

### Event listeners

[](#event-listeners)

`openPage` - Når en ny side åpnes gjennom Director ved call på openPage() metode eller tilbake knapp

### Notater

[](#notater)

Director kan brukes for å legge til attributter på URL og hente dem når det trengs.

SPAInteraction
--------------

[](#spainteraction)

Brukes til å skape interaksjon i brukergrensesnittet, sende meldinger og mest viktig kjøre API kall.

HUSK: for å konstuere en ny instanse av SPAInteraction må et objekt sendes. Dette objekte må implementere disse metodene:

- showMessage(title, message, type)
- openDialog(title, msg, buttons)
- hideLoading()

Eksempel av objektet:

```
export var interactionVue = new Vue({
    methods : {
        openDialog : function(title, msg, buttons = null, onCloseCallback) {
            // Implementering
        },
        showMessage : function(title, msg, type = 0) {
            // Implementering
        },
        hideLoading : function() {
            // Implementering
        }
    }
})
```

#### Kjører AJAX kall, metode GET

[](#kjører-ajax-kall-metode-get)

```
var innslag = await this.spaInteraction.runAjaxCall('get_innslag/'+this.innslag_id, 'GET', {});
```

#### Dialog med callback

[](#dialog-med-callback)

```
var buttons = [{
	name : 'Slett',
	class : "aaa",
	callback : async ()=> {
	    // Slett noe
	}
}];

this.spaInteraction.showDialog('Vil du melde av?', 'Vil du virkelig slette dette?', buttons);
```

###  Health Score

24

—

LowBetter than 32% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity51

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~9 days

Total

5

Last Release

1280d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/e44c632e5a46e1283af6e737177ea9597ea0c9e7d3b05d173ab09506b733b67a?d=identicon)[ukmnorge](/maintainers/ukmnorge)

---

Top Contributors

[![slogan-15](https://avatars.githubusercontent.com/u/10181004?v=4)](https://github.com/slogan-15 "slogan-15 (40 commits)")

### Embed Badge

![Health badge](/badges/ukmnorge-spa/health.svg)

```
[![Health](https://phpackages.com/badges/ukmnorge-spa/health.svg)](https://phpackages.com/packages/ukmnorge-spa)
```

###  Alternatives

[brick/date-time

Date and time library

3623.3M61](/packages/brick-date-time)[voku/html-min

HTML Compressor and Minifier

1804.7M39](/packages/voku-html-min)[sanmai/pipeline

General-purpose collections pipeline

7424.5M21](/packages/sanmai-pipeline)[log1x/acf-phone-number

A real ACF phone number field.

12072.5k](/packages/log1x-acf-phone-number)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)