UNPKG

altinn-designsystem

Version:

Altinn Design system based on Pattern Lab.

500 lines 16.7 kB
{ "icon-prefix": "ai", "icon-class": "ai-private", "icon-size": "", "icon-extra-class": "", "icon-text": "", "icon-id": false, "sr-only": false, "aria-hidden": false, "stacked-background": false, "icon-post-text": false, "icon-title": false, "icon-sr-only-text": false, "themeCss": "../../css/style.dist.altinnett.css", "themeJs": "../../js/altinnettPrototyping.js", "themeJsVendor": "../../js/altinnettPrototyping.vendor.js", "print-form-tag": false, "text-input-id": "text-input-generic", "isHidden": false, "top-label": "Label: ", "isDisabled": false, "isInactive": false, "text-input-placeholder": "f.eks placeholder", "input-type": "text", "isRequired": false, "extra-help": false, "isLarge": false, "form-label-hasIcon": false, "input-name": "input-field", "form-control-class": "", "button-text": "En standard knapp", "button-class": "a-btn a-btn-icon a-btn-shadow", "button-disabled": false, "button-type": "button", "onclick": false, "button-icon": false, "display-as-link": false, "aria-label": "Tilbake", "button-list": [ { "button-class": "a-modal-back", "aria-label": "Gå tilbake", "onclick": false, "enable-popover": false, "stacked-background": { "icon-prefix": "ai", "icon-class": "ai-plain-circle-big" }, "icon-prefix": "ai", "icon-class": "ai-back", "icon-extra-class": "" }, { "button-class": "a-modal-close", "aria-label": "Lukk", "onclick": false, "enable-popover": false, "stacked-background": { "icon-prefix": "ai", "icon-class": "ai-plain-circle-big" }, "icon-prefix": "ai", "icon-class": "ai-exit", "icon-extra-class": "a-modal-close-icon" } ], "login-name": "JAN PETTERSEN", "display-as-dropdown": false, "personlogin-isDropdown": "dropdown", "variation": "", "login-icon": { "icon-prefix": "ai", "icon-class": "ai-private-circle-big", "icon-extra-class": "a-personSwitcher-icon a-js-onboardingTarget-1", "icon-sr-only-text": "Min profil" }, "logo": { "logo": "../../images/a-logo-black.svg" }, "logo-class": "a-modal-top-logo", "show-login": false, "login-show": { "login-name": "Kari Nordmann", "login-icon": { "icon-prefix": "ai", "icon-class": "ai-private-circle-big", "icon-extra-class": "a-personSwitcher-icon" } }, "modal-id": "modal-singel", "icon": "group_add", "hasTextSmall": false, "modal-navbar-override": { "button-list": [ { "button-class": "a-modal-back", "aria-label": "Tilbake", "icon-prefix": "ai", "icon-class": "ai-back", "icon-extra-class": "", "stacked-background": { "icon-prefix": "ai", "icon-class": "ai-plain-circle-big" }, "is-modal-back": { "data-target": "#modal" } }, { "button-class": "a-modal-close", "aria-label": "Lukk", "icon-prefix": "ai", "icon-class": "ai-exit", "icon-extra-class": "a-modal-close-icon", "stacked-background": { "icon-prefix": "ai", "icon-class": "ai-plain-circle-big" }, "is-modal-close": { "data-target": "#modal" } } ] }, "page-url": "../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html", "footerHeading": "Vil du vite mer?", "footer-search": { "text-input-id": "text-input-search-footer", "top-label": "Søk etter innhold", "text-input-placeholder": "Søk etter innhold", "input-type": "search", "isHidden": true, "isLarge": false, "isDark": true, "isInput-group": "input-group", "form-input-hasButton": { "button-icon": { "icon-prefix": "ai", "icon-class": "ai-search" }, "button-text": [ { "button-text-value": "Søk", "button-text-class": "sr-only" } ], "form-input-button-action": "Utfør søk", "onclick": "location.href='/patterns/04-sider-altinnett-60-sok-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html';" } }, "contactLinks": [ { "text": "800 33 840", "icon": { "icon-prefix": "ai", "icon-class": "ai-phone" } }, { "contact": { "text": "Kontakt oss", "icon": { "icon-prefix": "ai", "icon-class": "ai-send" } } } ], "address": "Brønnøysundregistrene, 8910 Brønnøysund", "infoLinks": [ { "text": "Altinns rolle" }, { "text": "Altinn i fremtiden" }, { "text": "Innovation" } ], "smallLinks": [ { "text": "Driftsmeldinger" }, { "text": "Personvern" }, { "text": "Hjelp" } ], "singelmodal": { "modal-id": "modal-singel", "modal-isSingel": true, "show-login": false, "display-as-dropdown": false, "logo": { "logo": "../../images/a-logo-black.svg" }, "submit": { "button-text": "Send", "button-class": "a-btn", "button-id": "a-js-contactForm-submit", "button-type": "button", "onclick": false, "button-icon": false, "display-as-link": false, "data-is-success": true, "data-action": "load", "data-toggle": "altinn-modal", "data-target": "modal-singel", "page-url": "../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html" }, "logo-class": "a-modal-top-logo", "login-show": false, "icon": "group_add", "hasTextSmall": false, "modal-navbar-override": { "button-list": [ { "button-class": "a-modal-close", "aria-label": "Lukk", "icon-prefix": "ai", "icon-class": "ai-exit", "icon-extra-class": "a-modal-close-icon", "stacked-background": { "icon-prefix": "ai", "icon-class": "ai-plain-circle-big" }, "is-modal-close": { "data-target": "#modal" }, "onclick": "goBack()" } ] } }, "col": "row", "extraClass": "a-bgYellowLight", "header-text": "Så mye tjener Helsedirektoratet på heldigitalisering av skjemaer", "table-calculation": { "table-tbody-items": [ { "table-tbody-text": "<th class='an-regnestykke__item' scope=\"row\">Bruttolønn</th> <td class='an-regnestykke__item'>100 000</td>" }, { "table-tbody-text": "<th class='an-regnestykke__item' scope=\"row\">Arbeidsgiveravgift 14.1% av 100 000</th> <td class='an-regnestykke__item'>14 100</td>" }, { "table-tbody-text": "<th class='an-regnestykke__item' scope=\"row\">Feriepenger: 10,2% av 100 000</th> <td class='an-regnestykke__item'>10 200</td>" }, { "table-tbody-text": "<th class='an-regnestykke__item' scope=\"row\">Pensjon: Minimum 2% av 100 000</th> <td class='an-regnestykke__item'>2 000</td>" } ], "table-tfooter-items": [ { "table-tfooter-text": "<th class='an-regnestykke__item' scope=\"row\">Totalkostnad på en lønnskjøring på 100 000 brutto</th> <td class='an-regnestykke__item'>126 300</td>" } ] }, "link-text": "Les mer om Helsedirektoratets bruk av digital dialog", "link-url": "/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html", "sr-text": false, "paragraph-content": "Altinn er en suksesshistorie i digitaliseringen av norsk offentlighet. Her er noe av det vi er mest stolt av siden oppstarten i 2003.", "section-title": "Tittel på seksjon", "extra-class": false, "style": "a-bgGreyLight", "section-sub-title": "Helsedirektoratet sparer millioner på heldigitalisering av søknader", "singleCase": true, "dualCase": false, "linkText": true, "title": "Altinnett", "description": "Christian Gjelseth, seniorrådgiver hos Helsedirektoratet", "img-src": "../../images/dame_onwhite.png", "img-alt-text": "Altinn api", "dropdown-class": "a-dropdown-languages", "logged-in": false, "header-mobilesearch": { "text-input-id": "dropdown-input-search", "top-label": "Søk etter innhold", "text-input-placeholder": "Søk etter innhold", "input-type": "search", "isHidden": true, "isInput-group": "input-group", "form-input-hasButton": { "button-icon": { "icon-prefix": "ai", "icon-class": "ai-search" }, "button-text": [ { "button-text-value": "Søk", "button-text-class": "sr-only" } ], "onclick": "location.href='/patterns/04-sider-altinnett-60-sok-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html';" } }, "name": "JAN PETTERSEN", "tjenesteutvikling": { "icon-class": "ai-forward", "icon-extra-class": "a-textBlue", "extra-classes": "a-fontBold" }, "oversikten": { "icon-class": "ai-date", "icon-extra-class": "a-textBlue", "extra-classes": "a-fontBold" }, "driftsmeldinger": { "icon-class": "ai-deadline", "icon-extra-class": "a-textBlue", "extra-classes": "a-fontBold" }, "dokumentasjon": { "icon-class": "ai-document", "icon-extra-class": "a-textBlue", "extra-classes": "a-fontBold" }, "produkter": { "link": "/patterns/03-maler-altinnett-80-produktsider-10-produktoversikt/03-maler-altinnett-80-produktsider-10-produktoversikt.html" }, "login-button": { "button-text": "Logg inn", "button-class": "a-btn btn-block", "button-disabled": false, "button-type": "button", "onclick": { "onclick": "location.href='/patterns/03-maler-altinnett-20-profil-30-paalogget/03-maler-altinnett-20-profil-30-paalogget.html'" }, "button-icon": false, "display-as-link": false }, "header-color": "", "url-logo": "/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html", "headerlogo": "../../images/an-logo-blue.svg", "button-colorClass": "", "hide-header": true, "url-aktuelt": "/patterns/04-sider-altinnett-40-navigasjonssider-10-nyhetsarkiv/04-sider-altinnett-40-navigasjonssider-10-nyhetsarkiv.html", "ekstra-menypunkt-1": "Ekstra menypunkt 1", "tel-icon": { "icon-prefix": "ai ai-nw ai-nw-pr", "icon-class": "ai-phone" }, "bodyClass": "project-altinnett a-bgWhite", "header": { "headerlogo": "../../images/an-logo-blue.svg" }, "page-title": "Digitaliseringshistorier", "cases": [ { "style": "px-3 px-sm-1", "section-title": "Placeholder graf blokk", "extra-class": "a-h3", "paragraph-content": "Placeholder graf blokk Placeholder graf blokk Placeholder graf blokk Placeholder graf blokk Placeholder graf blokk Placeholder graf blokk Placeholder graf blokk", "imageCase": true, "singleCase": false, "dualCase": false, "linkText": true, "calculateCase": false, "title": "Dette er en vinn vinn situasjon. Vi er fornøyd og kundene våre er fornøyd. Vi gleder oss til fortsettelsen.", "link-text": "Denne blokken er en placeholder", "description": "Christian Gjelseth, seniorrådgiver hos Helsedirektoratet", "img-src": "../../images/graf.jpg", "img-alt-text": "Alt img description" }, { "style": "px-3 px-sm-1", "section-title": "Helsedirektoratet sparer millioner på heldigitalisering av søknader", "extra-class": "a-h3", "paragraph-content": "Sykepleier, leger og annet helsepersonell må ha autorisasjon. Gjennom tjenesten Digital dialog gjøres dette nå digitalt – det sparer Helsedirektoratet mye penger på.", "imageCase": false, "singleCase": true, "dualCase": false, "linkText": true, "calculateCase": false, "title": "Dette er en vinn vinn situasjon. Vi er fornøyd og kundene våre er fornøyd. Vi gleder oss til fortsettelsen.", "link-text": "Les mer om Helsedirektoratets bruk av digital dialog", "description": "Christian Gjelseth, seniorrådgiver hos Helsedirektoratet", "img-src": "../../images/dame_onwhite.png", "img-alt-text": "Alt img description" }, { "style": "px-3 px-sm-1", "section-title": "Altinn er mer populær enn julaften", "extra-class": "a-h3", "paragraph-content": "I fjor var 93,7% av alle nordmenn innlogget på altinn. Det er flere enn andelen som feirer jul. Altinn er en digital plattform som nesten alle nordmenn kjenner til. Det er en fordel for deg som vil nå ut til innbyggerne med tjenesten din.", "imageCase": false, "singleCase": false, "dualCase": true, "linkText": false, "calculateCase": false, "description1": "<strong>93,7%</strong> nordmenn mellom 20 og 70 år brukte altinn en eller flere ganger i løpet av 2017", "description2": "<strong>97,2%</strong> nordmenn mellom 20 og 70 år kjenner til altinn", "smallText1": "kilde: Årsstatistikk", "smallText2": "kilde: Opinion", "img-src": "../../images/cake.svg", "img-alt-text": "Alt img description" }, { "style": "px-3 px-sm-1", "section-title": "Samtykkeløsningen som har forenklet med låneprosessen for bankene.", "extra-class": "a-h3", "paragraph-content": "Når en kunde nå søker lån digitalt kan f.eks. DNB hente opplysningene de trenger fra Skatteetaten for å behandle søknaden. Bare for DNB er inntjeningen ved å bruke denne løsningen beregnet til ca. 500 millioner.", "imageCase": false, "singleCase": true, "dualCase": false, "linkText": true, "calculateCase": false, "title": "Dette er en vinn vinn situasjon. Vi er fornøyd og kundene våre er fornøyd. Vi gleder oss til fortsettelsen.", "link-text": "Les mer om DNBs bruk av samtykkeløsningen", "description": "Tone Midtheie kommunikasjonssjef i DNB", "img-src": "../../images/placeholder-16x9.jpg", "img-alt-text": "Alt img description", "col": "row", "extraClass": "" }, { "style": "px-3 px-sm-1", "section-title": "Samtykkeløsningen som har forenklet med låneprosessen for bankene.", "extra-class": "a-h3", "paragraph-content": "Når en kunde nå søker lån digitalt kan f.eks. DNB hente opplysningene de trenger fra Skatteetaten for å behandle søknaden. Bare for DNB er inntjeningen ved å bruke denne løsningen beregnet til ca. 500 millioner.", "imageCase": false, "singleCase": false, "dualCase": false, "linkText": true, "calculateCase": true, "h3": true, "link-text": "Les mer om DNBs bruk av samtykkeløsningen", "img-src": "../../images/placeholder-16x9.jpg", "img-alt-text": "Alt img description", "col": "row", "extraClass": "a-bgYellowLight", "header-text": "Så mye tjener Helsedirektoratet på heldigitalisering av skjemaer", "table-calculation": { "table-tbody-items": [ { "table-tbody-text": "<th class='an-regnestykke__item' scope=\"row\">Inntekter på heldigitalisering</th> <td class='an-regnestykke__item'>1 500 000 kroner</td>" }, { "table-tbody-text": "<th class='an-regnestykke__item' scope=\"row\">Saksbehandling av skjemaer</th> <td class='an-regnestykke__item'>500 000 kroner</td>" } ], "table-tfooter-items": [ { "table-tfooter-text": "<th class='an-regnestykke__item' scope=\"row\">Potensiell inntjening ved bruk av samtykkeløsninger</th> <td class='an-regnestykke__item'>1 000 000 kroner</td>" } ] } }, { "style": "px-3 px-sm-1", "section-title": "Politiet sparer flere hundre millioner kroner med formidlingstjenesten.", "extra-class": "a-h3", "paragraph-content": "Overgangen fra analog til digital oversendelse av straffedokumenter har vært en stor opptur for Politiet. De sparer tid, penger og ressurser, og høster i tillegg stor begeistring hos brukerne.", "imageCase": false, "singleCase": true, "dualCase": false, "linkText": true, "calculateCase": false, "title": "Når alt nå overføres digitalt sparer brukerne tid, kostnader til kopiering og frakt reduseres og mottaker får raskere tilgang til saksdokumenter.", "link-text": "Les mer om DNBs bruk av samtykkeløsningen", "description": "Arne Drangeland Løsningsansvarlig i Politidirektoratet", "img-src": "../../images/asset_1.png", "img-alt-text": "Alt img description", "col": "row", "extraClass": "" } ], "footer": { "styleModifier": "mt-0", "footer-search": { "text-input-id": "text-input-search-11", "top-label": "Søk etter innhold", "text-input-placeholder": "Søk etter innhold", "input-type": "search", "isHidden": true, "isLarge": false, "isDark": true, "isInput-group": "input-group", "form-input-hasButton": { "button-icon": { "icon-prefix": "ai", "icon-class": "ai-search" }, "button-text": [ { "button-text-value": "Søk", "button-text-class": "sr-only" } ], "form-input-button-action": "Utfør søk", "onclick": "location.href='/patterns/04-sider-altinnett-60-sok-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html';" } }, "menuItem1": "innovation@altinn", "urlMenuItem1": "/patterns/04-sider-altinnett-50-seksjonsforsider-10-seksjonsforside/04-sider-altinnett-50-seksjonsforsider-10-seksjonsforside.html" } }