From d741aa263720bbb9afac2bd4b1efee0ee7f159ca Mon Sep 17 00:00:00 2001 From: Pedro Portella Date: Fri, 31 Jan 2025 11:32:32 +1000 Subject: [PATCH 1/4] feat: updated to latest -tokens --- .esbuild/helpers/config.js | 2 +- src/css/main.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/.esbuild/helpers/config.js b/.esbuild/helpers/config.js index 68417bef..b81c4bdb 100644 --- a/.esbuild/helpers/config.js +++ b/.esbuild/helpers/config.js @@ -37,7 +37,7 @@ const THEMES_FOLDER = "node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles"; const themesMap = {}; fs.readdirSync(THEMES_FOLDER).forEach((file) => { - const match = file.match(/^qgds-(.+)-palette\.scss$/); + const match = file.match(/^(.+)-palette\.scss$/); if (match) { const theme = match[1]; themesMap[theme] = { diff --git a/src/css/main.scss b/src/css/main.scss index 5c4efc0b..cc25b67b 100644 --- a/src/css/main.scss +++ b/src/css/main.scss @@ -4,7 +4,7 @@ @import "./../../node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles/qgds"; // Level 3 (Theme-Palette) theme and palettes are combined in one file // Please don't change the following line. It is used by the build process to inject the correct path to the qgds-tokens package -@import "../../node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles/qgds-qld-default-palette.scss"; +@import "../../node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles/qld-default-palette.scss"; // Mapping of the QGDS Design Tokens to general CSS variables @import "imports/variables-root.scss"; // Mapping of tokens to CSS variables for the light and dark themes From 5c4eeace6fd7a6c15a498e87a63c8984802e1cdd Mon Sep 17 00:00:00 2001 From: Pedro Portella Date: Fri, 31 Jan 2025 12:45:41 +1000 Subject: [PATCH 2/4] feat: bump -tokens, created education template --- package-lock.json | 8 +- package.json | 2 +- src/css/main-campaign-neon.scss | 2 +- src/css/main-qld-corporate.scss | 2 +- src/css/main-qld-high-contrast.scss | 2 +- src/css/main-qld-maroon.scss | 2 +- .../education/education-accordion.json | 168 +++ .../education-banner_intermediate.json | 263 ++++ .../education/education-breadcrumbs.json | 43 + .../templates/education/education-button.json | 43 + .../education/education-callout.json | 127 ++ .../education-card_multi_action.json | 1328 +++++++++++++++++ .../templates/education/education-footer.json | 143 ++ .../templates/education/education-header.json | 75 + .../education/education-horizontal_rule.json | 70 + .../education-internal_navigation.json | 56 + .../education-mega_main_navigation.json | 125 ++ .../education/education-navigation.json | 77 + .../education/education-pagination.json | 42 + .../education/education-widgets.json | 9 + .../templates/education/education.stories.js | 85 ++ .../templates/education/education.test.hbs | 157 ++ 22 files changed, 2820 insertions(+), 9 deletions(-) create mode 100644 src/stories/templates/education/education-accordion.json create mode 100644 src/stories/templates/education/education-banner_intermediate.json create mode 100644 src/stories/templates/education/education-breadcrumbs.json create mode 100644 src/stories/templates/education/education-button.json create mode 100644 src/stories/templates/education/education-callout.json create mode 100644 src/stories/templates/education/education-card_multi_action.json create mode 100644 src/stories/templates/education/education-footer.json create mode 100644 src/stories/templates/education/education-header.json create mode 100644 src/stories/templates/education/education-horizontal_rule.json create mode 100644 src/stories/templates/education/education-internal_navigation.json create mode 100644 src/stories/templates/education/education-mega_main_navigation.json create mode 100644 src/stories/templates/education/education-navigation.json create mode 100644 src/stories/templates/education/education-pagination.json create mode 100644 src/stories/templates/education/education-widgets.json create mode 100644 src/stories/templates/education/education.stories.js create mode 100644 src/stories/templates/education/education.test.hbs diff --git a/package-lock.json b/package-lock.json index f076a073..8596d839 100644 --- a/package-lock.json +++ b/package-lock.json @@ -31,7 +31,7 @@ "devDependencies": { "@chromatic-com/storybook": "^3.2.3", "@eslint/js": "^9.16.0", - "@qld-gov-au/qgds-tokens": "^3.1.5", + "@qld-gov-au/qgds-tokens": "^3.2.0", "@storybook/addon-a11y": "^8.4.7", "@storybook/addon-essentials": "^8.4.7", "@storybook/addon-interactions": "^8.4.7", @@ -3099,9 +3099,9 @@ "dev": true }, "node_modules/@qld-gov-au/qgds-tokens": { - "version": "3.1.5", - "resolved": "https://registry.npmjs.org/@qld-gov-au/qgds-tokens/-/qgds-tokens-3.1.5.tgz", - "integrity": "sha512-4G4r0l8kg8GilFShLXL8vWL8UKL3XBGPrC75D6+0S564cabK71bG6DkiW1t1lWdQdUe2TbmICoD5K27OVzfrSQ==", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/@qld-gov-au/qgds-tokens/-/qgds-tokens-3.2.0.tgz", + "integrity": "sha512-QQMtVtKzMtI3zllny615W6aAxRsqNADh9tN8kyH2hsTbhKnA0tjmWS2CWPBk1fI+aJ+w8pMJ+w/c6oiVibu2IA==", "dev": true }, "node_modules/@rollup/rollup-android-arm-eabi": { diff --git a/package.json b/package.json index eb0986ba..a7487589 100644 --- a/package.json +++ b/package.json @@ -34,7 +34,7 @@ "devDependencies": { "@chromatic-com/storybook": "^3.2.3", "@eslint/js": "^9.16.0", - "@qld-gov-au/qgds-tokens": "^3.1.5", + "@qld-gov-au/qgds-tokens": "^3.2.0", "@storybook/addon-a11y": "^8.4.7", "@storybook/addon-essentials": "^8.4.7", "@storybook/addon-interactions": "^8.4.7", diff --git a/src/css/main-campaign-neon.scss b/src/css/main-campaign-neon.scss index 3461989b..2f0ac013 100644 --- a/src/css/main-campaign-neon.scss +++ b/src/css/main-campaign-neon.scss @@ -6,7 +6,7 @@ @import "./../../node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles/qgds"; // Level 3 (Theme-Palette) theme and palettes are combined in one file // Please don't change the following line. It is used by the build process to inject the correct path to the qgds-tokens package -@import "../../node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles/qgds-campaign-neon-palette.scss"; +@import "../../node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles/campaign-neon-palette.scss"; // Mapping of the QGDS Design Tokens to general CSS variables @import "imports/variables-root.scss"; // Mapping of tokens to CSS variables for the light and dark themes diff --git a/src/css/main-qld-corporate.scss b/src/css/main-qld-corporate.scss index 34993b3d..1d03c169 100644 --- a/src/css/main-qld-corporate.scss +++ b/src/css/main-qld-corporate.scss @@ -6,7 +6,7 @@ @import "./../../node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles/qgds"; // Level 3 (Theme-Palette) theme and palettes are combined in one file // Please don't change the following line. It is used by the build process to inject the correct path to the qgds-tokens package -@import "../../node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles/qgds-qld-corporate-palette.scss"; +@import "../../node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles/qld-corporate-palette.scss"; // Mapping of the QGDS Design Tokens to general CSS variables @import "imports/variables-root.scss"; // Mapping of tokens to CSS variables for the light and dark themes diff --git a/src/css/main-qld-high-contrast.scss b/src/css/main-qld-high-contrast.scss index bd7dd2b2..4ba96029 100644 --- a/src/css/main-qld-high-contrast.scss +++ b/src/css/main-qld-high-contrast.scss @@ -6,7 +6,7 @@ @import "./../../node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles/qgds"; // Level 3 (Theme-Palette) theme and palettes are combined in one file // Please don't change the following line. It is used by the build process to inject the correct path to the qgds-tokens package -@import "../../node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles/qgds-qld-high-contrast-palette.scss"; +@import "../../node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles/qld-high-contrast-palette.scss"; // Mapping of the QGDS Design Tokens to general CSS variables @import "imports/variables-root.scss"; // Mapping of tokens to CSS variables for the light and dark themes diff --git a/src/css/main-qld-maroon.scss b/src/css/main-qld-maroon.scss index 55689110..86a5d19b 100644 --- a/src/css/main-qld-maroon.scss +++ b/src/css/main-qld-maroon.scss @@ -6,7 +6,7 @@ @import "./../../node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles/qgds"; // Level 3 (Theme-Palette) theme and palettes are combined in one file // Please don't change the following line. It is used by the build process to inject the correct path to the qgds-tokens package -@import "../../node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles/qgds-qld-maroon-palette.scss"; +@import "../../node_modules/@qld-gov-au/qgds-tokens/dist/scss/styles/qld-maroon-palette.scss"; // Mapping of the QGDS Design Tokens to general CSS variables @import "imports/variables-root.scss"; // Mapping of tokens to CSS variables for the light and dark themes diff --git a/src/stories/templates/education/education-accordion.json b/src/stories/templates/education/education-accordion.json new file mode 100644 index 00000000..2489a92b --- /dev/null +++ b/src/stories/templates/education/education-accordion.json @@ -0,0 +1,168 @@ +{ + "component": { + "name": "Accordion", + "description": "", + "version": "1.0", + "status": "Released", + "children": [], + "data": { + "assetid": "123", + "metadata": { + "theme": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Theme", + "value": "", + "options": { + "": "White", + "qld__accordion-group--light": "Light", + "qld__accordion-group--alt": "Alternate", + "qld__accordion-group--dark": "Dark", + "qld__accordion-group--dark-alt": "Alternate Dark" + }, + "required": false, + "editable": true + }, + "toggle_all": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Display toggle all?", + "value": "yes", + "options": { + "": "No", + "yes": "Yes" + }, + "required": false, + "editable": true + }, + "heading": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Heading", + "value": "Content", + "required": false, + "editable": true + }, + "intro": { + "type": "metadata_field_wysiwyg", + "description": "", + "friendly_name": "Intro content", + "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat1.", + "required": false, + "editable": true + }, + "accordion_num": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Number of accordions", + "value": "3", + "options": { + "1": "1", + "2": "2", + "3": "3", + "4": "4", + "5": "5", + "6": "6", + "7": "7", + "8": "8", + "9": "9", + "10": "10" + }, + "required": false, + "editable": true + }, + "title_1": { + "type": "metadata_field_text", + "description": "", + "fieldid":"title_1", + "friendly_name": "Accordion 1 - Title", + "value": "Content", + "required": false, + "editable": true + }, + "content_1": { + "type": "metadata_field_wysiwyg", + "description": "", + "fieldid":"content_1", + "friendly_name": "Accordion 1 - Content", + "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat2.", + "required": false, + "editable": true + }, + "title_2": { + "type": "metadata_field_text", + "description": "", + "fieldid":"title_2", + "friendly_name": "Accordion 2 - Title", + "value": "Content", + "required": false, + "editable": true, + "display_if": { + "show": true, + "operator": "AND", + "rules": [{ + "field": "accordion_num", + "operator": "greater_than", + "value": "1" + }] + } + }, + "content_2": { + "type": "metadata_field_wysiwyg", + "description": "", + "fieldid":"content_2", + "friendly_name": "Accordion 2 - Content", + "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat3.", + "required": false, + "editable": true, + "display_if": { + "show": true, + "operator": "AND", + "rules": [{ + "field": "accordion_num", + "operator": "greater_than", + "value": "1" + }] + } + }, + "title_3": { + "type": "metadata_field_text", + "description": "", + "fieldid":"title_3", + "friendly_name": "Accordion 3 - Title", + "value": "Content", + "required": false, + "editable": true, + "display_if": { + "show": true, + "operator": "AND", + "rules": [{ + "field": "accordion_num", + "operator": "greater_than", + "value": "2" + }] + } + }, + "content_3": { + "type": "metadata_field_wysiwyg", + "description": "", + "fieldid":"content_3", + "friendly_name": "Accordion 3 - Content", + "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat4.", + "required": false, + "editable": true, + "display_if": { + "show": true, + "operator": "AND", + "rules": [{ + "field": "accordion_num", + "operator": "greater_than", + "value": "2" + }] + } + } + } + } + } + +} diff --git a/src/stories/templates/education/education-banner_intermediate.json b/src/stories/templates/education/education-banner_intermediate.json new file mode 100644 index 00000000..0c166bd3 --- /dev/null +++ b/src/stories/templates/education/education-banner_intermediate.json @@ -0,0 +1,263 @@ +{ + "component": { + "name": "Banner - Intermediate", + "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", + "version": "0", + "status": "In Development", + "data": { + "assetid": "123", + "metadata": { + "breadcrumbs_display": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Display Breadcrumbs?", + "value": "yes", + "options": { + "": "No", + "yes": "Yes" + }, + "required": false, + "editable": true + }, + "heading_primary": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Primary Heading", + "value": "Banner Intermediate", + "required": false, + "editable": true + }, + "heading_secondary": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Secondary Heading", + "value": "Heading Secondary", + "required": false, + "editable": true, + "display_if": { + "show": false, + "operator": "OR", + "rules": [ + { + "field": "heading_background_display", + "operator": "equals", + "value": "" + } + ] + } + }, + "heading_background_display": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Display block background?", + "value": "no", + "options": { + "": "No", + "yes": "Yes" + }, + "required": false, + "editable": true + }, + "abstract": { + "type": "metadata_field_wysiwyg", + "description": "", + "friendly_name": "Abstract", + "value": "

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

", + "required": false, + "editable": true + }, + "hero_image": { + "type": "metadata_field_related_asset", + "description": "", + "friendly_name": "Image", + "value2": "./assets/img/banner.png", + "value": "https://placehold.co/782x520", + "required": false, + "editable": true + }, + "hero_image_responsive_treatment": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Responsive treatment", + "value": "crop", + "options": { + "crop": "Crop", + "scale": "Scale" + }, + "required": false, + "editable": true, + "display_if": { + "show": false, + "operator": "AND", + "rules": [ + { + "field": "hero_image", + "operator": "equals", + "value": "" + } + ] + } + }, + "hero_image_padding": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Display Padding?", + "value": "no", + "options": { + "no": "No", + "yes": "Yes" + }, + "required": false, + "editable": true, + "display_if": { + "show": false, + "operator": "OR", + "rules": [ + { + "field": "hero_image", + "operator": "equals", + "value": "" + }, + { + "field": "hero_image_responsive_treatment", + "operator": "equals", + "value": "crop" + } + ] + } + }, + "background_type": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Background type", + "value": "image", + "options": { + "colour": "Colour", + "texture": "Texture", + "image": "Background Image" + }, + "required": false, + "editable": true + }, + "background_colour": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Background Colour", + "value": "dark", + "options": { + "": "White", + "light": "Light", + "alternate": "Alternate", + "dark": "Dark", + "dark-shade": "Dark Shade", + "dark-alternate": "Dark Alternate" + }, + "required": false, + "editable": true + }, + "background_image_sm": { + "type": "metadata_field_related_asset", + "description": "", + "friendly_name": "Background Image - Mobile", + "value": "./assets/img/banner-bg.png", + "required": false, + "editable": true, + "display_if": { + "show": true, + "operator": "AND", + "rules": [ + { + "field": "background_type", + "operator": "equals", + "value": "image" + } + ] + } + }, + "background_image_lg": { + "type": "metadata_field_related_asset", + "description": "", + "friendly_name": "Background Image - Desktop and Tablet", + "value": "./assets/img/banner-bg.png", + "required": false, + "editable": true, + "display_if": { + "show": true, + "operator": "AND", + "rules": [ + { + "field": "background_type", + "operator": "equals", + "value": "image" + } + ] + } + }, + "background_image_alignment": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Background alignment", + "value": "center", + "options": { + "left": "Left", + "right": "Right", + "center": "Center" + }, + "required": false, + "editable": true, + "display_if": { + "show": true, + "operator": "AND", + "rules": [ + { + "field": "background_type", + "operator": "equals", + "value": "image" + } + ] + } + }, + "cta_button_primary_text": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Primary Button Text", + "value": "Primary Button", + "required": false, + "editable": true + }, + "cta_button_primary_link": { + "type": "metadata_field_related_asset", + "description": "", + "friendly_name": "Primary Button Link", + "value": "#", + "required": false, + "editable": true + }, + "cta_button_secondary_text": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Secondary Button Text", + "value": "Secondary Button", + "required": false, + "editable": true + }, + "cta_button_secondary_link": { + "type": "metadata_field_related_asset", + "description": "", + "friendly_name": "Secondary Button Link", + "value": "#", + "required": false, + "editable": true + }, + "id_field": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Id field", + "value": "", + "required": false, + "editable": true + } + } + } + } +} diff --git a/src/stories/templates/education/education-breadcrumbs.json b/src/stories/templates/education/education-breadcrumbs.json new file mode 100644 index 00000000..c85fda01 --- /dev/null +++ b/src/stories/templates/education/education-breadcrumbs.json @@ -0,0 +1,43 @@ +{ + "site": { + "metadata": { + "defaultBannerColour": { + "value": "alternate" + }, + "defaultBannerType": { + "value": "texture" + }, + "defaultBannerTexture": { + "value": "path/to/texture/image.jpg" + } + } + }, + "current": { + "lineage": [ + { + "asset_assetid": "/home.html", + "asset_name": "Design System Development", + "asset_short_name": "Design System Development", + "asset_is_site_asset": "1", + "asset_url": "/home.html", + "asset_type_code": "site" + }, + { + "asset_assetid": "14409", + "asset_name": "Design", + "asset_short_name": "Design", + "asset_is_site_asset": "0", + "asset_url": "/", + "asset_type_code": "site" + }, + { + "asset_assetid": "14419", + "asset_name": "Components", + "asset_short_name": "Components", + "asset_is_site_asset": "0", + "asset_url": "https://qhscb.squiz.cloud/design/components", + "asset_type_code": "page_standard" + } + ] + } +} diff --git a/src/stories/templates/education/education-button.json b/src/stories/templates/education/education-button.json new file mode 100644 index 00000000..9c1da2dc --- /dev/null +++ b/src/stories/templates/education/education-button.json @@ -0,0 +1,43 @@ +{ + "buttons": [ + { + "component": { + "type": "button", + "data": { + "metadata" : { "id_field" :{ "value" : "button1"} }, + "url": "https://example.com", + "type": "primary", + "value": "Link 1", + "hover": "", + "disabled": false + } + } + }, + { + "component": { + "type": "button", + "data": { + "metadata" : { "id_field" :{ "value" : "buttonSecondary1"} }, + "url": "https://example.com", + "type": "secondary", + "value": "Link 1", + "hover": "", + "disabled": false + } + } + }, + { + "component": { + "type": "button", + "data": { + "metadata" : { "id_field" :{ "value" : "buttonTertiary1"} }, + "url": "https://example.com", + "type": "tertiary", + "value": "Link 1", + "hover": "", + "disabled": false + } + } + } + ] +} diff --git a/src/stories/templates/education/education-callout.json b/src/stories/templates/education/education-callout.json new file mode 100644 index 00000000..3a60b5fc --- /dev/null +++ b/src/stories/templates/education/education-callout.json @@ -0,0 +1,127 @@ +{ + "component": { + "name": "Callout", + "description": "", + "version": "1.0", + "status": "Released", + "data": { + "assetid": "123", + "metadata": { + "type": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Type", + "value": "", + "options": { + "": "Callout", + "qld__callout--calendar-event": "Calendar" + }, + "required": false, + "editable": true + }, + "body_background": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Body Background colour", + "value": "", + "options": { + "": "White", + "qld__body--light": "Light", + "qld__body--dark": "Dark", + "qld__body--alt": "Alternate", + "qld__body--dark-alt": "Dark Alternate" + }, + "required": false, + "editable": true + }, + "background": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Callout Background colour", + "value": "", + "options": { + "": "White", + "qld__callout--light": "Light", + "qld__callout--dark": "Dark", + "qld__callout--alt": "Alternate", + "qld__callout--dark-alt": "Dark Alternate" + }, + "required": false, + "editable": true + }, + "theme": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Colours", + "value": "", + "options": { + "": "Default", + "qld__callout--alt": "Alternate" + }, + "required": false, + "editable": true + }, + "heading": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Heading", + "value": "Callout heading", + "required": false, + "editable": true + }, + "heading_visible": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Show heading?", + "value": "", + "options": { + "": "Yes", + "qld__callout__heading--sronly": "No" + }, + "required": false, + "editable": true + }, + "body": { + "type": "metadata_field_wysiwyg", + "description": "", + "friendly_name": "Body", + "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", + "required": false, + "editable": true + }, + "calendar_intro": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Calendar intro text", + "value": "Calendar intro", + "required": false, + "editable": true + }, + "calendar_date": { + "type": "metadata_field_date", + "description": "", + "friendly_name": "Calendar date", + "value": "2020-01-01", + "required": false, + "editable": true + }, + "calendar_name": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Calendar date name", + "value": "Date name", + "required": false, + "editable": true + }, + "id_field": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Id field", + "value": "", + "required": false, + "editable": true + } + } + } + } +} diff --git a/src/stories/templates/education/education-card_multi_action.json b/src/stories/templates/education/education-card_multi_action.json new file mode 100644 index 00000000..9f8f5c62 --- /dev/null +++ b/src/stories/templates/education/education-card_multi_action.json @@ -0,0 +1,1328 @@ +{ + "component": { + "name": "Cards", + "description": "Multi Click Temp -- The card component is used to provide a brief summary of content or a task, often with a link to more detail. Cards are frequently displayed alongside other cards to group related content or tasks.", + "version": "1.0", + "status": "Released", + "data": { + "assetid": "123", + "metadata": { + "root_node": { + "type": "metadata_field_related_asset", + "description": "", + "friendly_name": "Parent asset", + "value": "", + "required": false, + "editable": true + }, + "col_width": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Number of columns", + "value": "", + "options": { + "col-xs-12": "One", + "col-md-6 col-lg-6": "Two", + "col-md-6 col-lg-4": "Three", + "col-md-6 col-lg-3": "Four" + }, + "required": false, + "editable": true + }, + "card_type": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Card type", + "value": "text", + "options": { + "text": "Text only", + "image": "Image", + "icon": "Icon" + } + }, + "icon_align": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Icon alignment", + "value": "", + "options": { + "top": "Top", + "left": "Left" + }, + "required": false, + "editable": true, + "display_if": { + "show": true, + "operator": "AND", + "rules": [ + { + "field": "card_type", + "operator": "equals", + "value": "icon" + } + ] + } + }, + "show_arrow": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Show card arrow?", + "value": "false", + "options": { + "true": "True", + "false": "False" + }, + "required": false, + "editable": true + }, + "background": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Card background", + "value": "", + "options": { + "": "White", + "qld__card--light": "Light", + "qld__card--alt": "Alternate", + "qld__card--dark": "Dark", + "qld__card--dark-alt": "Dark Alternate" + }, + "required": false, + "editable": true + }, + "card_heading_level": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Intro heading level", + "value": "h3", + "options": { + "h2": "h2", + "h3": "h3", + "h4": "h4", + "h5": "h5", + "h6": "h6" + } + }, + "body_background": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Background colour", + "value": "", + "options": { + "": "White", + "qld__body--light": "Light", + "qld__body--alt": "Alternate", + "qld__body--dark": "Dark", + "qld__body--dark-alt": "Alternate Dark" + }, + "required": false, + "editable": true + }, + "body_background_type": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Background Type", + "value": "", + "options": { + "qld__card--wrapper-bg-image": "Image", + "qld__card--wrapper-bg-pattern": "Pattern", + "qld__card--wrapper-bg-colour": "Colour" + }, + "required": false, + "editable": true + }, + "body_background_image": { + "type": "metadata_field_related_asset", + "description": "", + "friendly_name": "Background Image", + "value": "./assets/img/img/card--content.png", + "required": false, + "editable": true, + "display_if": { + "show": true, + "operator": "AND", + "rules": [ + { + "field": "body_background_type", + "operator": "equals", + "value": "qld__card--wrapper-bg-image" + } + ] + } + }, + "body_background_pattern": { + "type": "metadata_field_related_asset", + "description": "", + "friendly_name": "Background Pattern", + "value": "./assets/img/img/banner-bg.png", + "required": false, + "editable": true, + "display_if": { + "show": true, + "operator": "AND", + "rules": [ + { + "field": "body_background_type", + "operator": "equals", + "value": "qld__card--wrapper-bg-pattern" + } + ] + } + }, + "intro_width": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Intro width", + "value": "col-md-6", + "options": { + "col-md-6": "Half width", + "col-md-12": "Full width" + }, + "required": false, + "editable": true + }, + "intro_heading": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Intro heading", + "value": "Intro heading", + "required": false, + "editable": true + }, + "intro_heading_level": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Intro heading level", + "value": "h2", + "options": { + "h2": "h2", + "h3": "h3", + "h4": "h4", + "h5": "h5" + } + }, + "intro_body": { + "type": "metadata_field_wysiwyg", + "description": "", + "friendly_name": "Intro body", + "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", + "required": false, + "editable": true + }, + "all_link_name": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Footer link name", + "value": "All cards", + "required": false, + "editable": true + }, + "all_link": { + "type": "metadata_field_related_asset", + "description": "", + "friendly_name": "Footer link", + "value": "#", + "required": false, + "editable": true + }, + "id_field": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Id field", + "value": "", + "required": false, + "editable": true + } + } + }, + "children": [ + { + "assetid": "22724", + "type_code": "page_redirect", + "version": "0.0.1", + "name": "Brand", + "short_name": "Brand", + "status": "2", + "languages": "en", + "charset": "utf-8", + "created": "2021-07-19 10:06:21", + "created_userid": "312", + "updated": "2021-07-19 10:16:04", + "updated_userid": "312", + "published": "Never", + "published_userid": "", + "status_changed": "2021-07-19 10:06:21", + "status_changed_userid": "312", + "thumbnail": "./assets/img/img/card--brand.png", + "attributes": { + "short_name": { + "attrid": "2069", + "type": "text", + "value": "Brand", + "is_contextable": true, + "use_default": true + }, + "new_window_options": { + "attrid": "2075", + "type": "selection", + "value": "", + "is_contextable": false, + "use_default": true + }, + "new_window_width": { + "attrid": "2076", + "type": "int", + "value": "0", + "is_contextable": false, + "use_default": true + }, + "new_window_height": { + "attrid": "2077", + "type": "int", + "value": "0", + "is_contextable": false, + "use_default": true + }, + "append_querystring": { + "attrid": "2078", + "type": "boolean", + "value": false, + "is_contextable": false, + "use_default": true + }, + "use_querystring_parameter": { + "attrid": "2079", + "type": "text", + "value": "", + "is_contextable": false, + "use_default": true + }, + "session_variables": { + "attrid": "2080", + "type": "parameter_map", + "value": [], + "is_contextable": false, + "use_default": true + }, + "session_vars": { + "attrid": "2081", + "type": "option_list", + "value": "", + "is_contextable": false, + "use_default": true + }, + "name": { + "attrid": "2068", + "type": "text", + "value": "Brand", + "is_contextable": true, + "use_default": true + }, + "permanent_redirect": { + "attrid": "2070", + "type": "boolean", + "value": false, + "is_contextable": false, + "use_default": true + }, + "redirect_url": { + "attrid": "2071", + "type": "text", + "value": "", + "is_contextable": false, + "use_default": true + }, + "url_suffix": { + "attrid": "2072", + "type": "text", + "value": "", + "is_contextable": false, + "use_default": true + }, + "timeout": { + "attrid": "2073", + "type": "float", + "value": 0, + "is_contextable": false, + "use_default": true + }, + "new_window": { + "attrid": "2074", + "type": "boolean", + "value": true, + "is_contextable": false, + "use_default": true + } + }, + "metadata": { + "component": { + "value": "", + "fieldid": "22303", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": true, + "use_default": true + }, + "description": { + "value": "", + "fieldid": "22261", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "redirect_url": { + "value": "#", + "fieldid": "22361", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "shortDescription": { + "value": "Additional text about the card", + "fieldid": "22262", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "pageType": { + "value": "content", + "fieldid": "22264", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "displayBreadcrumbs": { + "value": "true", + "fieldid": "22265", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "displayQuickExit": { + "value": "", + "fieldid": "22266", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "displayLastUpdated": { + "value": "yes", + "fieldid": "22267", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": true, + "use_default": true + }, + "dataSource": { + "value": "", + "fieldid": "22269", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "detailsPage": { + "value": "", + "fieldid": "22270", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "mapMarker": { + "value": "", + "fieldid": "22271", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "bookOnlineUrl": { + "value": "", + "fieldid": "22272", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardIconImage": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Show card icon or image?", + "value": "icon", + "options": { + "icon": "Icon", + "image": "Image" + }, + "required": false, + "editable": true + }, + "cardIcon": { + "value": "fal fa-question-circle", + "fieldid": "22274", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardDisplayHeadingAsLink": { + "value": "true", + "fieldid": "22276", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta1Icon": { + "value": "fal fa-pencil-ruler", + "fieldid": "22277", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta1Text": { + "value": "test link", + "fieldid": "22278", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta1Url": { + "value": "#", + "fieldid": "22280", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta2Icon": { + "value": "fal fa-pencil-ruler", + "fieldid": "22281", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta2Text": { + "value": "test 2", + "fieldid": "22282", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta2Url": { + "value": "#", + "fieldid": "22284", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta3Icon": { + "value": "fal fa-pencil-ruler", + "fieldid": "22281", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta3Text": { + "value": "test 3", + "fieldid": "22282", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta3Url": { + "value": "#", + "fieldid": "22284", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardDisplayFooter": { + "value": "true", + "fieldid": "22285", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardNewWindow": { + "value": "true", + "fieldid": "22286", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": true, + "use_default": true + }, + "displayBanner": { + "value": "true", + "fieldid": "22288", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "bannerBackground": { + "value": "true", + "fieldid": "22289", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "bannerImageBackground": { + "value": "21586", + "fieldid": "22290", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "bannerSubTitle": { + "value": "", + "fieldid": "22291", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + } + } + }, + { + "assetid": "22725", + "type_code": "page_redirect", + "version": "0.0.1", + "name": "Content", + "short_name": "Content", + "status": "2", + "languages": "en", + "charset": "utf-8", + "created": "2021-07-19 10:06:21", + "created_userid": "312", + "updated": "2021-07-19 10:16:05", + "updated_userid": "312", + "published": "Never", + "published_userid": "", + "status_changed": "2021-07-19 10:06:21", + "status_changed_userid": "312", + "thumbnail": "", + "attributes": { + "short_name": { + "attrid": "2069", + "type": "text", + "value": "Content", + "is_contextable": true, + "use_default": true + }, + "new_window_options": { + "attrid": "2075", + "type": "selection", + "value": "", + "is_contextable": false, + "use_default": true + }, + "new_window_width": { + "attrid": "2076", + "type": "int", + "value": "0", + "is_contextable": false, + "use_default": true + }, + "new_window_height": { + "attrid": "2077", + "type": "int", + "value": "0", + "is_contextable": false, + "use_default": true + }, + "append_querystring": { + "attrid": "2078", + "type": "boolean", + "value": false, + "is_contextable": false, + "use_default": true + }, + "use_querystring_parameter": { + "attrid": "2079", + "type": "text", + "value": "", + "is_contextable": false, + "use_default": true + }, + "session_variables": { + "attrid": "2080", + "type": "parameter_map", + "value": [], + "is_contextable": false, + "use_default": true + }, + "session_vars": { + "attrid": "2081", + "type": "option_list", + "value": "", + "is_contextable": false, + "use_default": true + }, + "name": { + "attrid": "2068", + "type": "text", + "value": "Content", + "is_contextable": true, + "use_default": true + }, + "permanent_redirect": { + "attrid": "2070", + "type": "boolean", + "value": false, + "is_contextable": false, + "use_default": true + }, + "redirect_url": { + "attrid": "2071", + "type": "text", + "value": "", + "is_contextable": false, + "use_default": true + }, + "url_suffix": { + "attrid": "2072", + "type": "text", + "value": "", + "is_contextable": false, + "use_default": true + }, + "timeout": { + "attrid": "2073", + "type": "float", + "value": 0, + "is_contextable": false, + "use_default": true + }, + "new_window": { + "attrid": "2074", + "type": "boolean", + "value": true, + "is_contextable": false, + "use_default": true + } + }, + "metadata": { + "component": { + "value": "", + "fieldid": "22303", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": true, + "use_default": true + }, + "description": { + "value": "", + "fieldid": "22261", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "redirect_url": { + "value": "#", + "fieldid": "22361", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "shortDescription": { + "value": "Additional text about the card", + "fieldid": "22262", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "pageType": { + "value": "content", + "fieldid": "22264", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "displayBreadcrumbs": { + "value": "true", + "fieldid": "22265", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "displayQuickExit": { + "value": "", + "fieldid": "22266", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "displayLastUpdated": { + "value": "yes", + "fieldid": "22267", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": true, + "use_default": true + }, + "dataSource": { + "value": "", + "fieldid": "22269", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "detailsPage": { + "value": "", + "fieldid": "22270", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "mapMarker": { + "value": "", + "fieldid": "22271", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "bookOnlineUrl": { + "value": "", + "fieldid": "22272", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardIcon": { + "value": "fal fa-stethoscope", + "fieldid": "22274", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardDisplayHeader": { + "value": "false", + "fieldid": "22275", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardDisplayHeadingAsLink": { + "value": "true", + "fieldid": "22276", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + + "cardCta1TileIcon": { + "value": "", + "fieldid": "22277", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta1TileText": { + "value": "", + "fieldid": "22278", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta1TileBackground": { + "value": "", + "fieldid": "22279", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": true, + "use_default": true + }, + "cardCta1TileURL": { + "value": "", + "fieldid": "22280", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta2TileIcon": { + "value": "", + "fieldid": "22281", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta2TileText": { + "value": "", + "fieldid": "22282", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta2TileBackground": { + "value": "", + "fieldid": "22283", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": true, + "use_default": true + }, + "cardCta2TileURL": { + "value": "", + "fieldid": "22284", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardDisplayFooter": { + "value": "false", + "fieldid": "22285", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + + "cardNewWindow": { + "value": "true", + "fieldid": "22286", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": true, + "use_default": true + }, + "displayBanner": { + "value": "true", + "fieldid": "22288", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "bannerBackground": { + "value": "", + "fieldid": "22289", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "bannerImageBackground": { + "value": "21586", + "fieldid": "22290", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "bannerSubTitle": { + "value": "", + "fieldid": "22291", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + } + } + }, + { + "assetid": "22726", + "type_code": "page_redirect", + "version": "0.0.1", + "name": "Components", + "short_name": "Components", + "status": "2", + "languages": "en", + "charset": "utf-8", + "created": "2021-07-19 10:06:21", + "created_userid": "312", + "updated": "2021-07-19 10:16:07", + "updated_userid": "312", + "published": "Never", + "published_userid": "", + "status_changed": "2021-07-19 10:06:21", + "status_changed_userid": "312", + "thumbnail": "./assets/img/img/card--components.png", + "attributes": { + "short_name": { + "attrid": "2069", + "type": "text", + "value": "Components", + "is_contextable": true, + "use_default": true + }, + "new_window_options": { + "attrid": "2075", + "type": "selection", + "value": "", + "is_contextable": false, + "use_default": true + }, + "new_window_width": { + "attrid": "2076", + "type": "int", + "value": "0", + "is_contextable": false, + "use_default": true + }, + "new_window_height": { + "attrid": "2077", + "type": "int", + "value": "0", + "is_contextable": false, + "use_default": true + }, + "append_querystring": { + "attrid": "2078", + "type": "boolean", + "value": false, + "is_contextable": false, + "use_default": true + }, + "use_querystring_parameter": { + "attrid": "2079", + "type": "text", + "value": "", + "is_contextable": false, + "use_default": true + }, + "session_variables": { + "attrid": "2080", + "type": "parameter_map", + "value": [], + "is_contextable": false, + "use_default": true + }, + "session_vars": { + "attrid": "2081", + "type": "option_list", + "value": "", + "is_contextable": false, + "use_default": true + }, + "name": { + "attrid": "2068", + "type": "text", + "value": "Components", + "is_contextable": true, + "use_default": true + }, + "permanent_redirect": { + "attrid": "2070", + "type": "boolean", + "value": false, + "is_contextable": false, + "use_default": true + }, + "redirect_url": { + "attrid": "2071", + "type": "text", + "value": "", + "is_contextable": false, + "use_default": true + }, + "url_suffix": { + "attrid": "2072", + "type": "text", + "value": "", + "is_contextable": false, + "use_default": true + }, + "timeout": { + "attrid": "2073", + "type": "float", + "value": 0, + "is_contextable": false, + "use_default": true + }, + "new_window": { + "attrid": "2074", + "type": "boolean", + "value": false, + "is_contextable": false, + "use_default": true + } + }, + "metadata": { + "component": { + "value": "", + "fieldid": "22303", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": true, + "use_default": true + }, + "description": { + "value": "", + "fieldid": "22261", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "redirect_url": { + "value": "#", + "fieldid": "22361", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "shortDescription": { + "value": "Additional text about the card", + "fieldid": "22262", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "pageType": { + "value": "content", + "fieldid": "22264", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "displayBreadcrumbs": { + "value": "true", + "fieldid": "22265", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "displayQuickExit": { + "value": "", + "fieldid": "22266", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "displayLastUpdated": { + "value": "yes", + "fieldid": "22267", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": true, + "use_default": true + }, + "dataSource": { + "value": "", + "fieldid": "22269", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "detailsPage": { + "value": "", + "fieldid": "22270", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "mapMarker": { + "value": "", + "fieldid": "22271", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "bookOnlineUrl": { + "value": "", + "fieldid": "22272", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardIcon": { + "value": "fal fa-heart", + "fieldid": "22274", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardDisplayHeader": { + "value": "false", + "fieldid": "22275", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardDisplayHeadingAsLink": { + "value": "true", + "fieldid": "22276", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta1TileIcon": { + "value": "", + "fieldid": "22277", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta1TileText": { + "value": "", + "fieldid": "22278", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta1TileBackground": { + "value": "", + "fieldid": "22279", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": true, + "use_default": true + }, + "cardCta1TileURL": { + "value": "", + "fieldid": "22280", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta2TileIcon": { + "value": "", + "fieldid": "22281", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta2TileText": { + "value": "", + "fieldid": "22282", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardCta2TileBackground": { + "value": "", + "fieldid": "22283", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": true, + "use_default": true + }, + "cardCta2TileURL": { + "value": "", + "fieldid": "22284", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardDisplayFooter": { + "value": "false", + "fieldid": "22285", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "cardNewWindow": { + "value": "false", + "fieldid": "22286", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": true, + "use_default": true + }, + "displayBanner": { + "value": "true", + "fieldid": "22288", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "bannerBackground": { + "value": "", + "fieldid": "22289", + "type": "metadata_field_select", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "bannerImageBackground": { + "value": "21586", + "fieldid": "22290", + "type": "metadata_field_related_asset", + "is_contextable": true, + "default_value": false, + "use_default": true + }, + "bannerSubTitle": { + "value": "", + "fieldid": "22291", + "type": "metadata_field_text", + "is_contextable": true, + "default_value": false, + "use_default": true + } + } + } + ], + "childrenThumbnails": [ + { + "asset_thumbnail_assetid": "./assets/img/img/card--brand.png", + "asset_thumbnail_alt": "Alt text 1" + }, + { + "asset_thumbnail_assetid": "./assets/img/img/card--content.png", + "asset_thumbnail_alt": "Alt text 2" + }, + { + "asset_thumbnail_assetid": "./assets/img/img/card--components.png", + "asset_thumbnail_alt": "Alt text 3" + } + ] + } +} diff --git a/src/stories/templates/education/education-footer.json b/src/stories/templates/education/education-footer.json new file mode 100644 index 00000000..4c49f0fd --- /dev/null +++ b/src/stories/templates/education/education-footer.json @@ -0,0 +1,143 @@ +{ + "site": { + "metadata": { + "defaultBannerColour": { + "value": "alternate" + }, + "defaultBannerType": { + "value": "texture" + }, + "defaultBannerTexture": { + "value": "path/to/texture/image.jpg" + }, + "footerStyle": { + "value": "qld__footer--dark-alt" + }, + "footerSiteTitle": { + "value": "Queensland Government" + }, + "footerCTAHeading": { + "value": "Contact Us" + }, + "footerCTALead": { + "value": "For general enquiries, feedback, complaints and compliments:" + }, + "footerCTAContact": { + "value": "13 QGOV (13 74 68)
" + }, + "footerCTAContactIcon": { + "value": "fa-light fa-phone" + }, + "footerCTALink": { + "asset_type_code": "page", + "asset_url": "/contact", + "asset_short_name": "Contact" + }, + "footerOptionalSecondLinksList": [ + { + "asset_type_code": "page", + "asset_url": "/about", + "asset_short_name": "About Us" + }, + { + "asset_type_code": "page", + "asset_url": "/services", + "asset_short_name": "Services" + } + ], + "footerOptionalExtraLinksHeading": { + "value": "More Links" + }, + "footerLinks": [ + { + "asset_type_code": "page", + "asset_url": "https://www.qld.gov.au/help", + "asset_short_name": "Help" + }, + { + "asset_type_code": "page", + "asset_url": "https://www.qld.gov.au/legal/copyright", + "asset_short_name": "Copyright" + } + ], + "footerSocialLinks": [ + { + "asset_type_code": "page", + "asset_url": "https://www.facebook.com", + "asset_short_name": "Facebook" + }, + { + "asset_type_code": "page", + "asset_url": "https://www.twitter.com", + "asset_short_name": "Twitter" + } + ], + "footerSocialLinksHeading": { + "value": "Follow Us" + }, + "footerAcknowledgementsHeading": { + "value": "Acknowledgements" + }, + "footerAcknowledgements": { + "value": "Queensland Government acknowledges the Traditional Owners of the land and pays respect to Elders past, present and future." + }, + "footerCopyrightMessage": { + "value": "© The State of Queensland 1995–2024" + }, + "footerCopyrightLink": { + "asset_type_code": "page", + "asset_url": "/copyright", + "asset_short_name": "Copyright" + }, + "footerMetaMetadata": { + "value": "{\"footerLinks\": [{\"asset_assetid\":\"15780\",\"asset_short_name^escapequotes\":\"Copyright\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Ffooter-nav%2Fcopyright\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.health.qld.gov.au%2Fglobal%2Fcopyright-statement\"},{\"asset_assetid\":\"15781\",\"asset_short_name^escapequotes\":\"Disclaimer\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Ffooter-nav%2Fdisclaimer\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.health.qld.gov.au%2Fglobal%2Fdisclaimer\"},{\"asset_assetid\":\"15782\",\"asset_short_name^escapequotes\":\"Privacy\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Ffooter-nav%2Fprivacy\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.health.qld.gov.au%2Fglobal%2Fprivacy\"},{\"asset_assetid\":\"15783\",\"asset_short_name^escapequotes\":\"Right to information\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Ffooter-nav%2Fright-to-information\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.health.qld.gov.au%2Fsystem-governance%2Fcontact-us%2Faccess-info\"},{\"asset_assetid\":\"15784\",\"asset_short_name^escapequotes\":\"Accessibility\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Ffooter-nav%2Faccessibility\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.qld.gov.au%2Fhelp%2Faccessibility%2F\"},{\"asset_assetid\":\"15785\",\"asset_short_name^escapequotes\":\"Jobs\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Ffooter-nav%2Fjobs\",\"redirect_url^urlencode\":\"https%3A%2F%2Fsmartjobs.qld.gov.au%2Fjobtools%2Fjncustomsearch.jobsearch%3Fin_organid%3D14904\"},{\"asset_assetid\":\"15786\",\"asset_short_name^escapequotes\":\"Other languages\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Ffooter-nav%2Fother-languages\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.qld.gov.au%2Flanguages%2F\"}], \"footerOptionalSecondLinksList\": null, \"footerSocialLinks\": [{\"asset_assetid\":\"15790\",\"asset_short_name^escapequotes\":\"Facebook\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Fsocial-links%2Ffacebook\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.facebook.com%2FQLDHealth\"},{\"asset_assetid\":\"15791\",\"asset_short_name^escapequotes\":\"Twitter\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Fsocial-links%2Ftwitter\",\"redirect_url^urlencode\":\"https%3A%2F%2Ftwitter.com%2Fqldhealth\"},{\"asset_assetid\":\"15792\",\"asset_short_name^escapequotes\":\"LinkedIn\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Fsocial-links%2Flinkedin\",\"redirect_url^urlencode\":\"http%3A%2F%2Fwww.linkedin.com%2Fcompany%2Fqueensland-health\"},{\"asset_assetid\":\"15793\",\"asset_short_name^escapequotes\":\"Youtube\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Fsocial-links%2Fyoutube\",\"redirect_url^urlencode\":\"http%3A%2F%2Fwww.youtube.com%2Fuser%2FHealthierQueensland\"},{\"asset_assetid\":\"15794\",\"asset_short_name^escapequotes\":\"Instagram\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Fsocial-links%2Finstagram\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.instagram.com%2Fqueenslandhealth%2F\"}], \"footerCTALink\": {\"asset_assetid\":\"15788\",\"asset_short_name^escapequotes\":\"Feedback\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Fcta%2Ffeedback\",\"redirect_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Fcontact-us\"}, \"footerCopyrightLink\": null, \"footerLogo2\": {\"asset_assetid\":\"13637\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2F_designs%2Fimages%2Fheader-logo-qgov-light.svg\"} }" + } + } + }, + "current": { + "data": { + "metadata": { + "displayBreadcrumbs": { + "value": "true" + }, + "background": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Card background", + "value": "qld__body--dark-alt", + "options": { + "": "White", + "qld__body--light": "Light", + "qld__body--dark": "Dark", + "qld__body--alt": "Alternate", + "qld__body--dark-alt": "Dark Alternate" + }, + "required": false, + "editable": true + }, + "body_width": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Body width", + "value": "qld__body--full-width", + "options": { + "qld__body--half-width": "Half-width", + "qld__body--full-width": "Full-width" + }, + "required": false, + "editable": true + }, + "id_field": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Id field", + "value": "unique-id", + "required": false, + "editable": true + } + }, + "name": "Sample Banner" + }, + "lineage": [] + } +} diff --git a/src/stories/templates/education/education-header.json b/src/stories/templates/education/education-header.json new file mode 100644 index 00000000..41f6f559 --- /dev/null +++ b/src/stories/templates/education/education-header.json @@ -0,0 +1,75 @@ +{ + "site": { + "metadata": { + "defaultBannerContainedBanner": { + "value": "qld__banner_contained" + }, + "containedBannerImageTexturePosition": { + "value": "center" + }, + "containedBannerImageTextureSize": { + "value": "cover" + }, + "containedBannerImageTextureRepeat": { + "value": "no-repeat" + }, + "sitePreHeaderTheme": { + "value": "dark-alt" + }, + "sitePreHeaderURL": { + "value": "https://www.qld.gov.au" + }, + "sitePreHeaderText": { + "value": "designsystem.qld.gov.au" + }, + "mainNavCtaOne": { + "value": "https://www.qld.gov.au/contact-us" + }, + "mainNavCtaOneIcon": { + "value": "fa-light fa-atom" + }, + "mainNavCtaOneText": { + "value": "Link 2at" + }, + "mainNavCtaTwo": { + "value": "https://www.qld.gov.au/services" + }, + "mainNavCtaTwoIcon": { + "value": "fa-light fa-avocado" + }, + "mainNavCtaTwoText": { + "value": "Link 2av" + }, + "siteSearchAsset": { + "value": "search-asset-id" + }, + "siteDefaultIcons": { + "value": "./assets/QLD--icons.png" + }, + "siteHeaderMainTheme": { + "value": "light" + }, + "siteLogoUrl": { + "value": "https://www.qld.gov.au/" + }, + "siteShowLogo": { + "value": "yes" + }, + "siteTitle": { + "value": "Vanilla Control Variable Site" + }, + "siteSubline": { + "value": "QGDS" + }, + "siteSearchUrl": { + "value": "https://www.qld.gov.au/search" + }, + "sitePreHeaderLogo": { + "value": "./assets/img/header-logo-qgov--light.svg" + } + }, + "data": { + "assetid": "12345" + } + } +} diff --git a/src/stories/templates/education/education-horizontal_rule.json b/src/stories/templates/education/education-horizontal_rule.json new file mode 100644 index 00000000..95921bfa --- /dev/null +++ b/src/stories/templates/education/education-horizontal_rule.json @@ -0,0 +1,70 @@ +{ + "component": { + "name": "Horizontal Rule", + "description": "", + "version": "0", + "status": "In Development", + "data": { + "assetid": "123", + "metadata": { + "colour": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Colour", + "value": "", + "options": { + "": "White", + "qld__horizontal-rule--light": "Light", + "qld__horizontal-rule--dark": "Dark" + }, + "required": false, + "editable": true + }, + "theme": { + "type": "metadata_field_select", + "description": "", + "friendly_name": "Theme", + "value": "", + "options": { + "": "Default", + "qld__horizontal-rule--alt": "Alternate" + }, + "required": false, + "editable": true + }, + "margin_top": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Margin Top", + "value": "10px", + "required": false, + "editable": true + }, + "margin_bottom": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Margin Bottom", + "value": "10px", + "required": false, + "editable": true + }, + "height": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Height", + "value": "3px", + "required": false, + "editable": true + }, + "id_field": { + "type": "metadata_field_text", + "description": "", + "friendly_name": "Id field", + "value": "", + "required": false, + "editable": true + } + } + } + } +} \ No newline at end of file diff --git a/src/stories/templates/education/education-internal_navigation.json b/src/stories/templates/education/education-internal_navigation.json new file mode 100644 index 00000000..8a74caa9 --- /dev/null +++ b/src/stories/templates/education/education-internal_navigation.json @@ -0,0 +1,56 @@ +{ + "component": { + "name": "Internal Navigation", + "description": "", + "version": "1.0", + "status": "Released", + "type": "design" + }, + "current": { + "top": { + "asset_name": "Side nav heading", + "asset_url": "/home" + }, + "children": [ + { + "asset_assetid": "1", + "asset_url": "/section-one", + "asset_short_name": "Section One", + "children": [ + { + "asset_assetid": "2", + "asset_url": "/section/subsection-one-one", + "asset_short_name": "Subsection One One" + }, + { + "asset_assetid": "3", + "asset_url": "/section/subsection-one-two", + "asset_short_name": "Subsection One Two" + } + ] + }, + { + "asset_assetid": "11", + "asset_url": "/section-two", + "asset_short_name": "Section Two", + "children": [ + { + "asset_assetid": "22", + "asset_url": "/section/subsection-two-one", + "asset_short_name": "Subsection Two One" + }, + { + "asset_assetid": "33", + "asset_url": "/section/subsection-two-two", + "asset_short_name": "Subsection Two Two" + } + ] + } + ], + "data": { + "assetid": "2" + }, + "lineage": [ + ] + } +} diff --git a/src/stories/templates/education/education-mega_main_navigation.json b/src/stories/templates/education/education-mega_main_navigation.json new file mode 100644 index 00000000..ef1333e0 --- /dev/null +++ b/src/stories/templates/education/education-mega_main_navigation.json @@ -0,0 +1,125 @@ +{ + "site": { + "metadata": { + "mainNavStyle": { + "value": "default" + }, + "mainNavDesktopHide": { + "value": "no" + }, + "sitePreHeaderTheme": { + "value": "qld__header__pre-header--light" + }, + "siteDefaultIcons": { + "value": "./assets/svg-icons.png" + }, + "mainNavHomeIconShow": { + "value": "true" + }, + "mainNavCtaOne": { + "value": "cta-one-url" + }, + "mainNavCtaOneIcon": { + "value": "qld__icon__home" + }, + "mainNavCtaOneText": { + "value": "CTA One" + }, + "mainNavCtaTwo": { + "value": "cta-two-url" + }, + "mainNavCtaTwoIcon": { + "value": "icon-class-two" + }, + "mainNavCtaTwoText": { + "value": "CTA Two" + }, + "mainNavMegaMenuShow": { + "value": "true" + }, + "mainNavPageDescLevelOne": { + "value": "true" + }, + "mainNavPageDescLevelTwo": { + "value": "true" + }, + "mainNavViewAllShow": { + "value": "true" + } + }, + "children": [{ + "asset_url": "/components.html", + "asset_assetid":"/components.html", + "asset_name": "Components &", + "asset_short_name": "Components &", + "asset_metadata_shortDescription": "This is level one short description", + "asset_metadata_showInMegaNav": "false", + "children": [{ + "asset_url": "/components.html", + "asset_assetid":"14418", + "asset_name": "Link 1", + "asset_short_name": "Link 1 &", + "asset_metadata_showInMegaNav": "true", + "asset_metadata_shortDescription": "Lorem ipsum dolor sit & amet, consectetur adipiscing elit. Aenean vitae mattis lorem, a pharetra augue. Etiam molestie fringilla justo, quis dignissim nisl mollis ac", + "children": [] + }, + { + "asset_assetid": "14419", + "asset_url": "/site-templates.html", + "asset_name": "Link 2", + "asset_short_name": "Link 2", + "asset_metadata_showInMegaNav": "true", + "children": [] + }, + { + "asset_assetid": "14419", + "asset_url": "/site-templates.html", + "asset_name": "Link 3", + "asset_short_name": "Link 3", + "asset_metadata_showInMegaNav": "true", + "children": [] + }, + { + "asset_assetid": "14419", + "asset_url": "/site-templates.html", + "asset_name": "Link 4", + "asset_short_name": "Link 4", + "asset_metadata_showInMegaNav": "true", + "children": [] + }, + { + "asset_assetid": "14419", + "asset_url": "/site-templates.html", + "asset_name": "Link 5", + "asset_short_name": "Link 5", + "asset_metadata_showInMegaNav": "true", + "children": [] + }] + }, + { + "asset_assetid": "/inner.html", + "asset_url": "/inner.html", + "asset_name": "Inner", + "asset_short_name": "Inner", + "asset_metadata_showInMegaNav": "true", + "children": [] + }, + { + "asset_assetid": "/landing.html", + "asset_url": "/landing.html", + "asset_name": "Landing", + "asset_short_name": "Landing", + "asset_metadata_showInMegaNav": "true", + "children": [] + } + ], + "current": { + "data": { + "assetid": "2" + }, + "top": { + "asset_assetid": "1" + } + } + } +} diff --git a/src/stories/templates/education/education-navigation.json b/src/stories/templates/education/education-navigation.json new file mode 100644 index 00000000..4964276c --- /dev/null +++ b/src/stories/templates/education/education-navigation.json @@ -0,0 +1,77 @@ +{ + "site": { + "metadata": { + "mainNavStyle": { + "value": "default" + }, + "mainNavDesktopHide": { + "value": "no" + }, + "sitePreHeaderTheme": { + "value": "qld__header__pre-header--light" + }, + "siteDefaultIcons": { + "value": "./assets/svg-icons.png" + }, + "mainNavHomeIconShow": { + "value": "true" + }, + "mainNavCtaOne": { + "value": "cta-one-url" + }, + "mainNavCtaOneIcon": { + "value": "qld__icon__home" + }, + "mainNavCtaOneText": { + "value": "CTA One" + }, + "mainNavCtaTwo": { + "value": "cta-two-url" + }, + "mainNavCtaTwoIcon": { + "value": "icon-class-two" + }, + "mainNavCtaTwoText": { + "value": "CTA Two" + }, + "mainNavMegaMenuShow": { + "value": "true" + }, + "mainNavPageDescLevelOne": { + "value": "true" + }, + "mainNavPageDescLevelTwo": { + "value": "true" + }, + "mainNavViewAllShow": { + "value": "true" + } + }, + "children": [ + { + "asset_assetid": "1", + "asset_url": "/section-two", + "asset_short_name": "Section Two", + "asset_metadata_showInMegaNav": "true", + "asset_metadata_shortDescription": "Section two description", + "children": [ + { + "asset_assetid": "2", + "asset_url": "/section/subsection-two", + "asset_short_name": "Subsection Two2", + "asset_metadata_showInMegaNav": "true", + "asset_metadata_shortDescription": "Subsection two description" + } + ] + } + ], + "current": { + "data": { + "assetid": "2" + }, + "top": { + "asset_assetid": "1" + } + } + } +} diff --git a/src/stories/templates/education/education-pagination.json b/src/stories/templates/education/education-pagination.json new file mode 100644 index 00000000..5cf4cfc3 --- /dev/null +++ b/src/stories/templates/education/education-pagination.json @@ -0,0 +1,42 @@ +{ + "component": { + "name": "Pagination", + "description": "", + "version": "1.0", + "status": "Released", + "type": "design", + "pagination": [{ + "label": 1, + "isCurrent": true, + "linkType": "num", + "url": "?&start_rank=1" + }, { + "label": 2, + "isCurrent": false, + "linkType": "num", + "url": "?&start_rank=4" + }, { + "label": 3, + "isCurrent": false, + "linkType": "num", + "url": "?&start_rank=7" + }, { + "label": 4, + "isCurrent": false, + "linkType": "num", + "url": "?&start_rank=10" + }, { + "label": 5, + "isCurrent": false, + "linkType": "num", + "url": "?&start_rank=13" + }, { + "label": 8, + "linkType": "last", + "url": "?&start_rank=22" + }, { + "linkType": "next", + "url": "?&start_rank=4" + }] + } +} diff --git a/src/stories/templates/education/education-widgets.json b/src/stories/templates/education/education-widgets.json new file mode 100644 index 00000000..18443b5e --- /dev/null +++ b/src/stories/templates/education/education-widgets.json @@ -0,0 +1,9 @@ +{ + "site": { + "metadata": { + "siteBackToTopShow": { + "value": "true" + } + } + } +} diff --git a/src/stories/templates/education/education.stories.js b/src/stories/templates/education/education.stories.js new file mode 100644 index 00000000..59773910 --- /dev/null +++ b/src/stories/templates/education/education.stories.js @@ -0,0 +1,85 @@ +/** + * @file internalNavigation.stories.js + * @description Storybook configuration file for the internalNavigation component. + * @module internalNavigation.stories + */ + +// load helpers handlebars +import Handlebars from "handlebars"; +import handlebarsInit from "../../../helpers/handlebars.init.js"; +import exampleEducation from "./education.test.hbs?raw"; + +import header from "./education-header.json"; +import navigation from "./education-navigation.json"; +import mega_main_navigation from "./education-mega_main_navigation.json"; +import breadcrumbs from "./education-breadcrumbs.json"; +import card_multi_action from "./education-card_multi_action.json"; +import accordion from "./education-accordion.json"; +import callout from "./education-callout.json"; +import button from "./education-button.json"; +import horizontal_rule from "./education-horizontal_rule.json"; +import pagination from "./education-pagination.json"; +import internal_navigation from "./education-internal_navigation.json"; +import widgets from "./education-widgets.json"; +import banner_intermediate from "./education-banner_intermediate.json"; +import footer from "./education-footer.json"; + +let footer_scripts = {}; +let content = {}; +let site = { + metadata: { + siteDefaultIcons: { + value: "./assets/img/svg-icons.svg", + }, + }, +}; + +let json_data = { + current: { + lineage: [ + { + asset_assetid: "1", + }, + { + asset_assetid: "2", + }, + ], + }, + site: site, + header: header, + navigation: navigation, + mega_main_navigation: mega_main_navigation, + breadcrumbs: breadcrumbs, + internal_navigation: internal_navigation, + banner_intermediate: banner_intermediate, + content: content, + card_multi_action: card_multi_action, + accordion: accordion, + callout: callout, + button: button, + horizontal_rule: horizontal_rule, + pagination: pagination, + widgets: widgets, + footer: footer, + footer_scripts: footer_scripts, +}; + +export default { + title: "Education", + render: (args) => { + handlebarsInit(Handlebars); + try { + return Handlebars.compile(exampleEducation)(args); + } catch (e) { + console.log(e); + return JSON.stringify(e) + JSON.stringify(args); + } + }, + args: json_data, +}; + +/** + * Education + + */ +export const Education = {}; diff --git a/src/stories/templates/education/education.test.hbs b/src/stories/templates/education/education.test.hbs new file mode 100644 index 00000000..7720ae63 --- /dev/null +++ b/src/stories/templates/education/education.test.hbs @@ -0,0 +1,157 @@ + + +{{> header header }} + +{{>mega_main_navigation mega_main_navigation}} + +{{#> layout_body }} + {{#>layout_main }} + + {{>banner_intermediate banner_intermediate }} + +
+ + {{#> div class="container-fluid" }} + + {{#> grid_row }} + + {{#> grid_col col_options="col-xs-12 col-lg-4 col-xl-3"}} + + {{>internal_navigation internal_navigation }} + + {{/grid_col}} + + {{#> grid_col col_options="col-xs-12 col-lg-8 col-xl-9" col_id="content"}} + + {{>in_page_navigation in_page_navigation}} + +
+ + {{#> div class="container-fluid" }} + +

Intro heading

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+ +
+ + {{/ div}} + +
+ + {{>callout callout}} + +
+ + {{#> div class="container-fluid" }} + +

Cards heading

+ + {{#> grid_row }} + + {{#> grid_col col_options="col-xs-12 col-lg-8 col-xl-6" }} + + + + {{/grid_col}} + + {{#> grid_col col_options="col-xs-12 col-lg-8 col-xl-6" }} + + + + {{/grid_col}} + + {{/grid_row}} + + {{/ div}} + +
+ + {{>card_multi_action card_multi_action}} + + {{>accordion accordion}} + +
+ + {{#> div class="container-fluid" }} + + + +
+ + {{/ div}} + +
+ +
+ + {{#> div class="container-fluid" }} + + + + {{/ div}} + +
+ + {{/grid_col}} + + {{/grid_row}} + + {{/ div}} + +
+ + {{/layout_main}} + + + {{>widgets widgets }} + + + {{>footer footer }} + +{{/layout_body}} + From 5f39309e458e16b54c39f43144a14c1552f69c00 Mon Sep 17 00:00:00 2001 From: William Dutton Date: Fri, 31 Jan 2025 15:08:55 +1000 Subject: [PATCH 3/4] chore: correct minor issues on build pipeline and alignment of storybook to other stories, vite test can do the rest for template genning --- .esbuild/helpers/config.js | 12 ++--- esbuild.js | 50 +++++++++---------- package.json | 4 +- src/components/_example/example.stories.js | 10 ++-- .../back_to_top/back-to-top.stories.js | 10 ++-- .../breadcrumbs/breadcrumbs.stories.js | 7 ++- .../templates/education/education.stories.js | 2 +- .../global-body/global-body.stories.js | 2 +- .../templates/landing/landing.stories.js | 2 +- 9 files changed, 49 insertions(+), 50 deletions(-) diff --git a/.esbuild/helpers/config.js b/.esbuild/helpers/config.js index b81c4bdb..308b8c07 100644 --- a/.esbuild/helpers/config.js +++ b/.esbuild/helpers/config.js @@ -47,7 +47,7 @@ fs.readdirSync(THEMES_FOLDER).forEach((file) => { }; } }); - +console.log('Themes Map:', themesMap); const CSS_FOLDER = "src/css"; Object.entries(themesMap).forEach(([theme, { paletteFile, scss, variables }]) => { @@ -112,16 +112,16 @@ if (entryMatch) { .split("},") .map((e) => e.trim().replace(/[\s{},]+$/, "")) .filter((e) => e.includes("in:") && e.includes(".js")) - .map((e) => e + ",\n }"); // Retain existing JS entries + .map((e) => e + ",\n }"); // Retain existing JS entries // Generate SCSS entries based on `themeMap` const newEntries = Object.values(themesMap).map(({ scss }) => { const scssPath = `./src/css/${scss}.scss`; const outputPath = `./assets/css/${scss}.min`; return `{ - in: "${scssPath}", - out: "${outputPath}", - }`; + in: "${scssPath}", + out: "${outputPath}", + }`; }); // Combine JS and SCSS entries @@ -130,7 +130,7 @@ if (entryMatch) { // Replace `entryPoints` in `esbuild.js` esbuildContent = esbuildContent.replace( entryRegex, - `entryPoints: [\n ${updatedEntries.join(",\n ")}\n ]`, + `entryPoints: [\n ${updatedEntries.join(",\n ")},\n ]`, ); fs.writeFileSync(ESBUILD_FILE, esbuildContent); diff --git a/esbuild.js b/esbuild.js index f2decb49..f7bc5e91 100644 --- a/esbuild.js +++ b/esbuild.js @@ -32,35 +32,31 @@ const buildConfig = { external: ["fs", "path", "handlebars", "../img/*"], entryPoints: [ - { - in: "./src/js/main.js", - out: "./assets/js/main.min", - }, - { + { in: "./src/js/index.js", out: "./assets/js/index.min", - }, - { - in: "./src/css/main-campaign-neon.scss", - out: "./assets/css/main-campaign-neon.min", - }, - { - in: "./src/css/main-qld-corporate.scss", - out: "./assets/css/main-qld-corporate.min", - }, - { - in: "./src/css/main.scss", - out: "./assets/css/main.min", - }, - { - in: "./src/css/main-qld-high-contrast.scss", - out: "./assets/css/main-qld-high-contrast.min", - }, - { - in: "./src/css/main-qld-maroon.scss", - out: "./assets/css/main-qld-maroon.min", - } - ], + }, + { + in: "./src/css/main-campaign-neon.scss", + out: "./assets/css/main-campaign-neon.min", + }, + { + in: "./src/css/main-qld-corporate.scss", + out: "./assets/css/main-qld-corporate.min", + }, + { + in: "./src/css/main.scss", + out: "./assets/css/main.min", + }, + { + in: "./src/css/main-qld-high-contrast.scss", + out: "./assets/css/main-qld-high-contrast.min", + }, + { + in: "./src/css/main-qld-maroon.scss", + out: "./assets/css/main-qld-maroon.min", + }, + ], loader: { ".html": "text", diff --git a/package.json b/package.json index a7487589..bc88cab9 100644 --- a/package.json +++ b/package.json @@ -10,8 +10,8 @@ }, "scripts": { "config": "node .esbuild/helpers/config.js", - "prepare": "npm run config && npm run build", - "build": "node esbuild.js", + "prepare": "npm run build", + "build": "npm run config && node esbuild.js", "lint": "npm run lint:js && npm run lint:styles", "prettier:check": "prettier --check .", "prettier:fix": "prettier --write .", diff --git a/src/components/_example/example.stories.js b/src/components/_example/example.stories.js index 2703f44b..523417c8 100644 --- a/src/components/_example/example.stories.js +++ b/src/components/_example/example.stories.js @@ -4,10 +4,9 @@ * @module example.stories */ -// Imports: -// - the QGDS object containing all components -// - data you need to populate the component for rendering -import { QGDS } from "../../js/index.js"; +// load helpers handlebars +import Handlebars from "handlebars"; +import handlebarsInit from "../../helpers/handlebars.init.js"; import mockupData from "./example.data.json"; /* ========= STORIES 👇 ===== */ @@ -19,8 +18,9 @@ import mockupData from "./example.data.json"; export default { title: "Components / _Example", render: (args) => { + handlebarsInit(Handlebars); try { - return new QGDS.Example({ data: args }).htmlstring; + return Handlebars.compile("{{> example }}")(args); } catch (e) { return JSON.stringify(e) + JSON.stringify(args); } diff --git a/src/components/back_to_top/back-to-top.stories.js b/src/components/back_to_top/back-to-top.stories.js index adf95476..a1045fb7 100644 --- a/src/components/back_to_top/back-to-top.stories.js +++ b/src/components/back_to_top/back-to-top.stories.js @@ -4,10 +4,9 @@ * @module back-to-top.stories */ -// Imports: -// - the QGDS object containing all components -// - data you need to populate the component for rendering -import { QGDS } from "../../js/index.js"; +// load helpers handlebars +import Handlebars from "handlebars"; +import handlebarsInit from "../../helpers/handlebars.init.js"; import mockupData from "./back-to-top.data.json"; /* ========= STORIES 👇 ===== */ @@ -15,8 +14,9 @@ import mockupData from "./back-to-top.data.json"; export default { title: "Components / Back to Top", render: (args) => { + handlebarsInit(Handlebars); try { - return new QGDS.BackToTop({ data: args }).htmlstring; + return Handlebars.compile("{{> back-to-top }}")(args); } catch (e) { return JSON.stringify(e) + JSON.stringify(args); } diff --git a/src/components/breadcrumbs/breadcrumbs.stories.js b/src/components/breadcrumbs/breadcrumbs.stories.js index 9af010b3..7171a7ad 100644 --- a/src/components/breadcrumbs/breadcrumbs.stories.js +++ b/src/components/breadcrumbs/breadcrumbs.stories.js @@ -4,14 +4,17 @@ * @module breadcrumbs.stories */ -import { QGDS } from "../../js/index.js"; +// load helpers handlebars +import Handlebars from "handlebars"; +import handlebarsInit from "../../helpers/handlebars.init.js"; import mockupData from "./breadcrumbs.data.json"; export default { title: "3 Layout/Breadcrumbs", render: (args) => { + handlebarsInit(Handlebars); try { - return new QGDS.Breadcrumbs({ data: args }).htmlstring; + return Handlebars.compile("{{> breadcrumbs }}")(args); } catch (e) { return JSON.stringify(e) + JSON.stringify(args); } diff --git a/src/stories/templates/education/education.stories.js b/src/stories/templates/education/education.stories.js index 59773910..a0fcda5e 100644 --- a/src/stories/templates/education/education.stories.js +++ b/src/stories/templates/education/education.stories.js @@ -65,7 +65,7 @@ let json_data = { }; export default { - title: "Education", + title: "0.3 Templates and Patterns/Education", render: (args) => { handlebarsInit(Handlebars); try { diff --git a/src/stories/templates/global-body/global-body.stories.js b/src/stories/templates/global-body/global-body.stories.js index 02dd280c..cd8aa4ef 100644 --- a/src/stories/templates/global-body/global-body.stories.js +++ b/src/stories/templates/global-body/global-body.stories.js @@ -49,7 +49,7 @@ let json_data = { }; export default { - title: "Global Body", + title: "0.3 Templates and Patterns/Global Body", render: (args) => { handlebarsInit(Handlebars); try { diff --git a/src/stories/templates/landing/landing.stories.js b/src/stories/templates/landing/landing.stories.js index ffbd4edf..7fa74278 100644 --- a/src/stories/templates/landing/landing.stories.js +++ b/src/stories/templates/landing/landing.stories.js @@ -67,7 +67,7 @@ let json_data = { } export default { - title: "Landing", + title: "0.3 Templates and Patterns/Landing", render: ( args) => { handlebarsInit(Handlebars) try { From db9948d2c25edcd08af581eb755eaaeb9600b3bb Mon Sep 17 00:00:00 2001 From: William Dutton Date: Fri, 31 Jan 2025 15:22:28 +1000 Subject: [PATCH 4/4] chore: lock down npmjs publishing to one repo if forked. --- .github/workflows/npmjsPackage.yml | 1 + 1 file changed, 1 insertion(+) diff --git a/.github/workflows/npmjsPackage.yml b/.github/workflows/npmjsPackage.yml index 5a4bdf44..b0332f9f 100644 --- a/.github/workflows/npmjsPackage.yml +++ b/.github/workflows/npmjsPackage.yml @@ -20,6 +20,7 @@ on: jobs: build: + if: github.repository == 'qld-gov-au/qgds-vanilla' #lock npmjs deployment to single repo, alter if you change package.json runs-on: ubuntu-latest strategy: matrix: