forked from id-sk/id-sk-frontend
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Hlavicka pre webove sidla - logo, vyhladavanie, jazyky, socialne siet…
…e, menu, submenu
- Loading branch information
Showing
48 changed files
with
2,712 additions
and
763 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| {% from "../../../../src/idsk/components/header-extended/macro.njk" import idskHeaderExtended %} | ||
| {{ idskHeaderExtended({}) }} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,79 @@ | ||
| {% from "../../../../src/idsk/components/header-extended/macro.njk" import idskHeaderExtended %} | ||
| {{ idskHeaderExtended({ | ||
| navigation: [ | ||
| { | ||
| link: '#1', | ||
| text: 'Ministerstvo' | ||
| }, | ||
| { | ||
| link: '#2', | ||
| text: 'Sekcie', | ||
| active: true | ||
| }, | ||
| { | ||
| link: '#3', | ||
| text: 'Programy EŠIF' | ||
| }, | ||
| { | ||
| link: '#4', | ||
| text: 'Aktuality' | ||
| }, | ||
| { | ||
| link: '#5', | ||
| text: 'Kontakt' | ||
| } | ||
| ], | ||
| language: { | ||
| current: { | ||
| text: "slovenčina", | ||
| flag: "slovakia-flag-icon-16.png" | ||
| }, | ||
| choices: [ | ||
| { | ||
| flag: "slovakia-flag-icon-16.png", | ||
| text: "slovenčina" | ||
| }, | ||
| { | ||
| flag: "united-states-of-america-flag-icon-16.png", | ||
| text: "english" | ||
| }, | ||
| { | ||
| flag: "germany-flag-icon-16.png", | ||
| text: "german" | ||
| } | ||
| ] | ||
| }, | ||
| socials: [ | ||
| { | ||
| icon: "fab fa-instagram", | ||
| link: "#", | ||
| text: "Instagram" | ||
| }, | ||
| { | ||
| icon: "fab fa-linkedin-in", | ||
| link: "#", | ||
| text: "Linkedin" | ||
| }, | ||
| { | ||
| icon: "fab fa-facebook-f", | ||
| link: "#", | ||
| text: "Facebook" | ||
| }, | ||
| { | ||
| icon: "fab fa-twitter", | ||
| link: "#", | ||
| text: "Twitter" | ||
| } | ||
| ], | ||
| notifications: [ | ||
| { | ||
| type: "info", | ||
| iconFallbackText: "info", | ||
| html: "Ak prichádzate z rizikovej krajiny, musíte vyplniť <a href='#' title='formulár'>formulár</a>." | ||
| }, | ||
| { | ||
| iconFallbackText: "warning", | ||
| html: "Ak prichádzate z rizikovej krajiny, musíte vyplniť <a href='#' title='formulár'>formulár</a>." | ||
| } | ||
| ] | ||
| }) }} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,134 @@ | ||
| {% from "../../../../src/idsk/components/header-extended/macro.njk" import idskHeaderExtended %} | ||
| {{ idskHeaderExtended({ | ||
| headerTitle: "Domov", | ||
| navigation:[ | ||
| { | ||
| link: '#1', | ||
| text: 'Ministerstvo' | ||
| }, | ||
| { | ||
| link: '#2', | ||
| text: 'Sekcie' | ||
| }, | ||
| { | ||
| text: 'Programy EŠIF', | ||
| link: "#3", | ||
| submenu: [ | ||
| { | ||
| link: "#3.1", | ||
| text: "Domov dôchodcov", | ||
| icon: "fas fa-home" | ||
| }, | ||
| { | ||
| link: "#3.2", | ||
| text: "Zoznam úloh", | ||
| icon: "fas fa-tasks" | ||
| }, | ||
| { | ||
| link: "#3.3", | ||
| text: "Zabezpečenie dát", | ||
| icon: "fas fa-unlock" | ||
| }, | ||
| { | ||
| link: "#3.4", | ||
| text: "Ochrana práv", | ||
| icon: "fas fa-user-shield" | ||
| }, | ||
| { | ||
| link: "#3.5", | ||
| text: "Kvapka nádeje", | ||
| icon: "fas fa-hand-holding-water" | ||
| }, | ||
| { | ||
| link: "#3.6", | ||
| text: "Programy 6" | ||
| }, | ||
| { | ||
| link: "#3.7", | ||
| text: "Programy 7" | ||
| }, | ||
| { | ||
| link: "#3.8", | ||
| text: "Programy 8" | ||
| }, | ||
| { | ||
| link: "#3.9", | ||
| text: "Programy 9" | ||
| }, | ||
| { | ||
| link: "#3.10", | ||
| text: "Programy 10" | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| link: '#4', | ||
| text: 'Aktuality', | ||
| submenu: [ | ||
| { | ||
| link: "#4.1", | ||
| text: "Aktuality 1" | ||
| }, | ||
| { | ||
| link: "#4.2", | ||
| text: "Aktuality 2" | ||
| }, | ||
| { | ||
| link: "#4.3", | ||
| text: "Aktuality 3" | ||
| }, | ||
| { | ||
| link: "#4.4", | ||
| text: "Aktuality 4" | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| link: '#5', | ||
| text: 'Kontakt' | ||
| } | ||
| ], | ||
| search: true, | ||
| language: { | ||
| current: { | ||
| text: "slovenčina", | ||
| flag: "slovakia-flag-icon-16.png" | ||
| }, | ||
| choices: [ | ||
| { | ||
| flag: "slovakia-flag-icon-16.png", | ||
| text: "slovenčina" | ||
| }, | ||
| { | ||
| flag: "united-states-of-america-flag-icon-16.png", | ||
| text: "english" | ||
| }, | ||
| { | ||
| flag: "germany-flag-icon-16.png", | ||
| text: "german" | ||
| } | ||
| ] | ||
| }, | ||
| socials: [ | ||
| { | ||
| icon: "fab fa-instagram", | ||
| link: "#", | ||
| text: "Instagram" | ||
| }, | ||
| { | ||
| icon: "fab fa-linkedin-in", | ||
| link: "#", | ||
| text: "Linkedin" | ||
| }, | ||
| { | ||
| icon: "fab fa-facebook-f", | ||
| link: "#", | ||
| text: "Facebook" | ||
| }, | ||
| { | ||
| icon: "fab fa-twitter", | ||
| link: "#", | ||
| text: "Twitter" | ||
| } | ||
| ] | ||
| }) }} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| {% from "../../../../src/idsk/components/warning-text/macro.njk" import idskWarningText %} | ||
| {{ idskWarningText({ | ||
| type: "info", | ||
| iconFallbackText: "info", | ||
| html: "Ak prichádzate z rizikovej krajiny, musíte vyplniť <a href='#' title='formulár'>formulár</a>." | ||
| }) }} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| {% from "../../../../src/idsk/components/warning-text/macro.njk" import idskWarningText %} | ||
| {{ idskWarningText({ | ||
| iconFallbackText: "warning", | ||
| html: "Ak prichádzate z rizikovej krajiny, musíte vyplniť <a href='#' title='formulár'>formulár</a>." | ||
| }) }} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,77 @@ | ||
| {% extends "layout.njk" %} | ||
| {% from "breadcrumbs/macro.njk" import govukBreadcrumbs %} | ||
|
|
||
| {% set pageName = "Hlavička pre webové sídla" %} | ||
|
|
||
| {% block beforeContent %} | ||
| {{ govukBreadcrumbs({ | ||
| "items": [ | ||
| { text: 'ID-SK frontend', href: '/' + legacyQuery }, | ||
| { text: pageName } | ||
| ] | ||
| }) }} | ||
| {% endblock %} | ||
|
|
||
| {% block content %} | ||
| <div class="govuk-width-container"> | ||
|
|
||
| <span class="govuk-caption-xl">Webové komponenty</span> | ||
| <h1 class="govuk-heading-xl">{{pageName}}</h1> | ||
| <p class="govuk-body-l">POPIS</p> | ||
|
|
||
| <div class="govuk-grid-row"> | ||
| <div class="govuk-grid-column-two-thirds"> | ||
|
|
||
| <h2 class="govuk-heading-s">Obsah:</h2> | ||
| <ul class="govuk-list"> | ||
| <li><a href="#info">Popis</a></li> | ||
| <li><a href="#ukazka1">Ukážka 1</a></li> | ||
| <li><a href="#ukazka2">Ukážka 2</a></li> | ||
| <li><a href="#ukazka3">Ukážka 3</a></li> | ||
| <li><a href="#priklady">Priklady</a></li> | ||
| </ul> | ||
|
|
||
| <h3 class="govuk-heading-m" id="info">Popis</h3> | ||
| <p class="govuk-body"> | ||
| Informacie o komponente | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="govuk-grid-column-full"> | ||
| <h3 class="govuk-heading-m" id="ukazka1">Ukážka 1</h3> | ||
| <div class="example"> | ||
| {% set exampleComponentHtml %} | ||
| {% include "../komponenty/examples/hlavickaWeboveSidla1.njk" %} | ||
| {% endset %} | ||
| {{exampleComponentHtml | safe}} | ||
| </div> | ||
| <h3 class="govuk-heading-m" id="ukazka2">Ukážka 2</h3> | ||
| <div class="example example-overflowed"> | ||
| {% set exampleComponentHtml %} | ||
| {% include "../komponenty/examples/hlavickaWeboveSidla2.njk" %} | ||
| {% endset %} | ||
| {{exampleComponentHtml | safe}} | ||
| </div> | ||
| <h3 class="govuk-heading-m" id="ukazka3">Ukážka 3</h3> | ||
| <p class="govuk-body"> | ||
| Každá položka v podmenu môže obsahovať aj ikonku. Všetky voľne dostupné ikonky nájdete na <a href="https://fontawesome.com/icons?d=gallery&m=free" title="FontAwesome" target="_blank">tejto stránke</a>. | ||
| </p> | ||
| <div class="example example-overflowed"> | ||
| {% set exampleComponentHtml %} | ||
| {% include "../komponenty/examples/hlavickaWeboveSidla3.njk" %} | ||
| {% endset %} | ||
| {{exampleComponentHtml | safe}} | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="govuk-grid-column-two-thirds"> | ||
| <h2 class="govuk-heading-l" id="priklady">Rozšírené príklady pre hlavičku a pätičku</h2> | ||
| <ul class="govuk-list"> | ||
| <li><a href="/custom-components/header-extended">Rozšírené príklady hlavičky pre webové sídla</a></li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
| {% endblock %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,58 @@ | ||
| {% extends "layout.njk" %} | ||
| {% from "breadcrumbs/macro.njk" import govukBreadcrumbs %} | ||
|
|
||
| {% set pageName = "Štítok - varovanie / info" %} | ||
|
|
||
| {% block beforeContent %} | ||
| {{ govukBreadcrumbs({ | ||
| "items": [ | ||
| { text: 'ID-SK frontend', href: '/' + legacyQuery }, | ||
| { text: pageName } | ||
| ] | ||
| }) }} | ||
| {% endblock %} | ||
|
|
||
| {% block content %} | ||
| <div class="govuk-width-container"> | ||
|
|
||
| <span class="govuk-caption-xl">Webové komponenty</span> | ||
| <h1 class="govuk-heading-xl">{{pageName}}</h1> | ||
| <p class="govuk-body-l">POPIS</p> | ||
|
|
||
| <div class="govuk-grid-row"> | ||
| <div class="govuk-grid-column-two-thirds"> | ||
|
|
||
| <h2 class="govuk-heading-s">Obsah:</h2> | ||
| <ul class="govuk-list"> | ||
| <li><a href="#info">Popis</a></li> | ||
| <li><a href="#ukazka1">Ukážka info štítku</a></li> | ||
| <li><a href="#ukazka2">Ukážka varovacieho štítku</a></li> | ||
| </ul> | ||
|
|
||
| <h3 class="govuk-heading-m" id="info">Popis</h3> | ||
| <p class="govuk-body"> | ||
| Informacie o komponente | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="govuk-grid-column-full"> | ||
| <h3 class="govuk-heading-m" id="ukazka1">Ukážka info štítku</h3> | ||
| <div class="example"> | ||
| {% set exampleComponentHtml %} | ||
| {% include "../komponenty/examples/stitokInfo.njk" %} | ||
| {% endset %} | ||
| {{exampleComponentHtml | safe}} | ||
| </div> | ||
| <h3 class="govuk-heading-m" id="ukazka2">Ukážka varovacieho štítku</h3> | ||
| <div class="example"> | ||
| {% set exampleComponentHtml %} | ||
| {% include "../komponenty/examples/stitokVarovanie.njk" %} | ||
| {% endset %} | ||
| {{exampleComponentHtml | safe}} | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
| {% endblock %} |
Oops, something went wrong.