@arkitektum/altinn-studio-custom-components 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +43 -1
- package/dist/main.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1 +1,43 @@
|
|
|
1
|
-
# altinn-studio-custom-components
|
|
1
|
+
# altinn-studio-custom-components
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
## Hvordan ta i bruk altinn-studio-custom-componenents i en Altinn 3 App
|
|
6
|
+
|
|
7
|
+
### Installer libman cli som et globalt verktøy (kun nødvendig 1 gang pr maskin)
|
|
8
|
+
|
|
9
|
+
```dotnet tool install -g Microsoft.Web.LibraryManager.Cli```
|
|
10
|
+
|
|
11
|
+
### initialiser libman.json og bruk unpkg.com som default kilde
|
|
12
|
+
```
|
|
13
|
+
C:\dev\src\dibk\ig-v3\App> libman init
|
|
14
|
+
DefaultProvider [cdnjs]: unpkg
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
### installer pakken til wwwroot/components
|
|
18
|
+
```
|
|
19
|
+
C:\dev\src\dibk\ig-v3\App> libman install @arkitektum/altinn-studio-custom-components@1.1.0 -d wwwroot/components
|
|
20
|
+
|
|
21
|
+
wwwroot/components/dist/main.js written to disk
|
|
22
|
+
wwwroot/components/package.json written to disk
|
|
23
|
+
wwwroot/components/README.md written to disk
|
|
24
|
+
Installed library "@arkitektum/altinn-studio-custom-components@1.1.0" to "wwwroot/components"
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
### legg til libman i byggeprosessen i dotnet-prosjektet
|
|
28
|
+
```
|
|
29
|
+
C:\dev\src\dibk\ig-v3\App> dotnet add package Microsoft.Web.LibraryManager.Build
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
### kjør bygging på vanlig måte
|
|
33
|
+
```
|
|
34
|
+
C:\dev\src\dibk\ig-v3\App> dotnet build
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
## Legg til referanse i views/Home/index.cshtml
|
|
38
|
+
|
|
39
|
+
Legg til script-taggen i head.
|
|
40
|
+
```
|
|
41
|
+
<!-- Custom components -->
|
|
42
|
+
<script type="module" src="/dibk/ig-v3/components/dist/main.js"></script>
|
|
43
|
+
```
|
package/dist/main.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{"use strict";
|
|
1
|
+
(()=>{"use strict";class e{constructor(e){this.adresselinje1=e?.adresselinje1,this.adresselinje2=e?.adresselinje2,this.adresselinje3=e?.adresselinje3,this.postnr=e?.postnr,this.poststed=e?.poststed}}function t(e){for(let t in e)return!!e?.[t]?.toString().length>0;return!1}function n(e,t){for(let n in t)e.style[n]=t[n]}function s(e){const t=document.createElement("label");t.classList.add("fds-label","fds-label--md");const n=document.createElement("span");return n.innerHTML=e,t.appendChild(n),t}function i(e,t,i=!0,l){const r=document.createElement("div");return r.classList.add("field"),e?.length&&r.appendChild(s(e)),r.appendChild(function(e){const t=document.createElement("span");return t.classList.add("fds-paragraph","fds-paragraph--md"),t.innerHTML=e,n(t,{whiteSpace:"pre-line"}),t}(t)),n(r,{...l,display:"flex",flexDirection:"column"}),i?r.outerHTML:r}function l(e,t,n=!0){const s=document.createElement(t||"ul");return s.classList.add("fds-paragraph","fds-paragraph--md","fds-list","fds-list--md"),e.forEach((e=>{const t=document.createElement("li");t.innerHTML=e,s.appendChild(t)})),n?s.outerHTML:s}function r(e,t,i){const r=document.createElement("div");return r.classList.add("field"),e?.length&&r.appendChild(s(e)),r.appendChild(l(t,i,!1)),n(r,{display:"flex",flexDirection:"column"}),r.outerHTML}function a(e){return{data:function(e){const n=t(e?.simpleBinding)?e.simpleBinding:null,s=t(e?.data)?e.data:null;return n||s}(JSON.parse(e.getAttribute("formdata"))),text:e.getAttribute("text"),hideTitle:"true"===e.getAttribute("hideTitle"),hideIfEmpty:"true"===e.getAttribute("hideIfEmpty"),emptyFieldText:e.getAttribute("emptyFieldText"),styleoverride:JSON.parse(e.getAttribute("styleoverride"))}}customElements.define("custom-field-adresse",class extends HTMLElement{connectedCallback(){const{data:n,text:s,hideTitle:l,hideIfEmpty:r,emptyFieldText:d,styleoverride:o}=a(this),c=new e(n),m=!l&&s;if(r&&!t(c))this.style.display="none";else{const e=function(e){const t=function(e){return[e.adresselinje1,e.adresselinje2,e.adresselinje3].filter((e=>e?.length)).join("\n")}(e),n=function(e){return[e.postnr,e.poststed].filter((e=>e?.length)).join(" ")}(e);return t?.length?`${t}\n${n}`:n}(c);this.innerHTML=i(m,e?.length?e:d,!0,o)}}});class d{constructor(e){this.navn=e?.navn,this.organisasjonsnummer=e?.organisasjonsnummer}}customElements.define("custom-field-ansvarlig-soeker",class extends HTMLElement{connectedCallback(){const{data:e,text:n,hideTitle:s,hideIfEmpty:l,emptyFieldText:r,styleoverride:o}=a(this),c=new d(e);if(l&&!t(c))this.style.display="none";else{const e=!s&&n,t=function(e){let t=e?.navn||"";return t+=e?.organisasjonsnummer?.length?`\n Organisasjonsnummer: ${e.organisasjonsnummer}`:"",t}(c);this.innerHTML=i(e,t?.length?t:r,!0,o)}}}),customElements.define("custom-field-data",class extends HTMLElement{connectedCallback(){const{data:e,text:t,hideTitle:n,hideIfEmpty:s,emptyFieldText:l,styleoverride:r}=a(this);if(s&&!e)this.style.display="none";else{const s=!n&&t,a=e||l;this.innerHTML=i(s,a,!0,r)}}});class o{constructor(e){this.saksaar=e?.saksaar,this.sakssekvensnummer=e?.sakssekvensnummer}}customElements.define("custom-field-kommunens-saksnummer",class extends HTMLElement{connectedCallback(){const{data:e,text:n,hideTitle:s,hideIfEmpty:l,emptyFieldText:r,styleoverride:d}=a(this),c=new o(e);if(l&&!t(c))this.style.display="none";else{const e=!s&&n,t=function(e){return[e?.saksaar.toString(),e?.sakssekvensnummer.toString()].filter((e=>e?.length)).join("/")}(c);this.innerHTML=i(e,t?.length?t:r)}}});class c{constructor(e){this.prosjektnavn=e?.prosjektnavn,this.prosjektnr=e?.prosjektnr}}customElements.define("custom-field-prosjekt",class extends HTMLElement{connectedCallback(){const{data:e,text:n,hideTitle:s,hideIfEmpty:l,emptyFieldText:r,styleoverride:d}=a(this),o=new c(e);if(l&&!t(o))this.style.display="none";else{const e=!s&&n,t=function(e){const t=e?.prosjektnr?.length&&`(${e.prosjektnr})`;return[e?.prosjektnavn,t].filter((e=>e?.length)).join(" ")}(o),l=t?.length?t:r;this.innerHTML=i(e,l,!0,d)}}});class m{constructor(e){this.telefonnummer=e?.telefonnummer,this.mobilnummer=e?.mobilnummer}}customElements.define("custom-field-telefonnummer",class extends HTMLElement{connectedCallback(){const{data:e,text:n,hideTitle:s,hideIfEmpty:l,emptyFieldText:r,styleoverride:d}=a(this),o=new m(e);if(l&&!t(o))this.style.display="none";else{const e=!s&&n,t=function(e){return[e.telefonnummer,e.mobilnummer].filter((e=>e?.length)).join("\n")}(o),l=t?.length?t:r;this.innerHTML=i(e,l,!0,d)}}});class u{constructor(e){this.erUtfallBesvaresSenere=e?.erUtfallBesvaresSenere,this.erUtfallBesvart=e?.erUtfallBesvart}}customElements.define("custom-field-utfall-svar-status",class extends HTMLElement{connectedCallback(){const{data:e,text:t,hideTitle:n,styleoverride:s}=a(this),l=!n&&t,r=(d=new u(e),d?.erUtfallBesvaresSenere?"Besvares senere":d?.erUtfallBesvart?"Svar innsendt tidligere":"Besvares nå");var d;this.innerHTML=i(l,r,!0,s)}}),customElements.define("custom-list-data",class extends HTMLElement{connectedCallback(){const{data:e,text:n,hideTitle:s,hideIfEmpty:d,emptyFieldText:o,styleoverride:c}=a(this),m=this.getAttribute("itemKey"),u=m?.length?function(e,t){return e.map((e=>e?.[t]))}(e,m):e,h=!s&&n;d&&!t(u)?this.style.display="none":this.innerHTML=o?.length&&!u?.length?i(h,o,!0,c):h?.length?r(h,u):l(u)}});class h{constructor(e){this.kodebeskrivelse=e?.kodebeskrivelse}}class f{constructor(e){this.filnavn=e?.filnavn,this.vedleggstype=e?.vedleggstype&&new h(e.vedleggstype)}}customElements.define("custom-list-vedlegg",class extends HTMLElement{connectedCallback(){const{data:e,text:n,hideTitle:s,hideIfEmpty:d,emptyFieldText:o,styleoverride:c}=a(this),m=(u=e,u?.length&&u.map((e=>{const t=new f(e),n=function(e){return e?.vedleggstype?.kodebeskrivelse}(t),s=function(e){return e?.filnavn}(t);return n?.length&&s?.length?`${n} (${s})`:n?.length?n:s?.length?s:null})).filter((e=>e)));var u;const h=!s&&n;d&&!t(m)?this.style.display="none":this.innerHTML=o?.length&&!m?.length?i(h,o,!0,c):h?.length?r(h,m):l(m)}})})();
|