@qld-gov-au/qgds-bootstrap5 1.0.13 → 1.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/main.js +1 -1
- package/.storybook/preview.js +8 -0
- package/README.md +96 -46
- package/dist/assets/css/qld.bootstrap.css +1 -1
- package/dist/assets/css/qld.bootstrap.css.map +3 -3
- package/dist/assets/js/handlebars.helpers.bundle.js +1 -1
- package/dist/assets/js/handlebars.helpers.bundle.js.map +3 -3
- package/dist/assets/js/handlebars.helpers.js +4 -8
- package/dist/assets/js/qld.bootstrap.min.js +9 -9
- package/dist/assets/js/qld.bootstrap.min.js.map +4 -4
- package/dist/components/bs5/breadcrumbs/breadcrumbs.hbs +1 -1
- package/dist/components/bs5/button/button.hbs +30 -9
- package/dist/components/bs5/footer/footer.hbs +98 -112
- package/dist/components/bs5/footer/footerForgov.hbs +86 -59
- package/dist/components/bs5/header/header.hbs +15 -17
- package/dist/components/bs5/navbar/navbar.hbs +1 -1
- package/dist/components/bs5/quickexit/quickexit.hbs +28 -20
- package/dist/components/bs5/searchInput/searchInput.hbs +9 -3
- package/dist/components/handlebars.helpers.js +4 -8
- package/dist/components/handlebars.init.bundle.js +1 -1
- package/dist/components/handlebars.init.bundle.js.map +3 -3
- package/dist/index.html +2 -1
- package/dist/sample-data/button/button.data.json +2 -1
- package/dist/sample-data/footer/footer.data.json +93 -45
- package/dist/sample-data/header/header.data.json +134 -75
- package/dist/sample-data/navbar/navbar.data.json +8 -8
- package/dist/sample-data/quickexit/quickexit.data.json +8 -1
- package/dist/sample-data/searchInput/searchInput.data.json +10 -1
- package/package.json +20 -19
- package/src/components/bs5/breadcrumbs/breadcrumb.functions.js +71 -32
- package/src/components/bs5/breadcrumbs/breadcrumbs.hbs +1 -1
- package/src/components/bs5/button/button.data.json +2 -1
- package/src/components/bs5/button/button.hbs +30 -9
- package/src/components/bs5/button/button.scss +87 -44
- package/src/components/bs5/button/button.stories.js +121 -27
- package/src/components/bs5/callout/callout.scss +1 -1
- package/src/components/bs5/footer/_colours.scss +74 -0
- package/src/components/bs5/footer/_measurements.scss +30 -0
- package/src/components/bs5/footer/footer.data.json +93 -45
- package/src/components/bs5/footer/footer.functions.js +36 -0
- package/src/components/bs5/footer/footer.hbs +98 -112
- package/src/components/bs5/footer/footer.scss +445 -199
- package/src/components/bs5/footer/footer.stories.js +17 -6
- package/src/components/bs5/footer/footerForgov.hbs +86 -59
- package/src/components/bs5/header/_colours.scss +0 -52
- package/src/components/bs5/header/header.data.json +134 -75
- package/src/components/bs5/header/header.functions.js +1 -180
- package/src/components/bs5/header/header.hbs +15 -17
- package/src/components/bs5/header/header.scss +7 -156
- package/src/components/bs5/header/header.stories.js +10 -50
- package/src/components/bs5/modal/modal.scss +54 -35
- package/src/components/bs5/modal/modal.stories.js +2 -2
- package/src/components/bs5/navbar/_colours.scss +46 -82
- package/src/components/bs5/navbar/navbar.data.json +8 -8
- package/src/components/bs5/navbar/navbar.hbs +1 -1
- package/src/components/bs5/navbar/navbar.scss +15 -6
- package/src/components/bs5/quickexit/_colours.scss +28 -0
- package/src/components/bs5/quickexit/quickexit.data.json +8 -1
- package/src/components/bs5/quickexit/quickexit.hbs +28 -20
- package/src/components/bs5/quickexit/quickexit.scss +236 -156
- package/src/components/bs5/quickexit/quickexit.stories.js +35 -13
- package/src/components/bs5/searchInput/_colours.scss +63 -0
- package/src/components/bs5/searchInput/search.functions.js +170 -0
- package/src/components/bs5/searchInput/searchInput.data.json +10 -1
- package/src/components/bs5/searchInput/searchInput.hbs +9 -3
- package/src/components/bs5/searchInput/searchInput.scss +122 -21
- package/src/components/bs5/searchInput/searchInput.stories.js +1 -1
- package/src/components/bs5/tag/tag.scss +4 -2
- package/src/js/handlebars.helpers.js +4 -8
- package/src/main.js +63 -39
- package/src/main.scss +6 -3
- package/src/scss/qld-print.scss +365 -0
- package/src/scss/qld-type.scss +94 -85
- package/src/scss/qld-variables.scss +87 -101
- package/src/templates/compiled/index.html +2 -1
- package/src/templates/index.html +31 -46
- package/src/components/common/header/Header.js +0 -11
- package/src/components/common/header/header.html +0 -259
- package/src/components/common/header/header.scss +0 -118
- /package/src/components/bs5/{header/_search.json → searchInput/search.json} +0 -0
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
{{/unless}}
|
|
10
10
|
{{! print the current page as plain text}}
|
|
11
11
|
{{#if @last}}
|
|
12
|
-
<li class="breadcrumb-item active" aria-current="page">{{linktext}}</li>
|
|
12
|
+
<li class="breadcrumb-item active" aria-current="page" data-href="{{link}}">{{linktext}}</li>
|
|
13
13
|
{{/if}}
|
|
14
14
|
{{/each}}
|
|
15
15
|
</ol>
|
|
@@ -1,11 +1,32 @@
|
|
|
1
|
-
{{#unless islink}}
|
|
2
|
-
<button class="btn {{variantClass}}" onclick="{{{onclick}}}" {{#if isdisabled}}disabled{{/if}} {{#if arialabel}}aria-label="{{arialabel}}"{{/if}} {{{dataatts}}}>
|
|
3
|
-
{{#if iconClass}}<span class="btn-icon {{iconClass}}"></span>{{/if}}{{label}}
|
|
4
|
-
</button>
|
|
5
1
|
|
|
6
|
-
{{
|
|
2
|
+
{{#unless islink}}
|
|
3
|
+
<button class="btn {{variantClass}}" onclick="{{{onclick}}}" {{#if isdisabled}}disabled{{/if}} {{#if arialabel}}aria-label="{{arialabel}}"{{/if}} {{{dataatts}}}>
|
|
4
|
+
{{#if iconClass}}
|
|
5
|
+
{{#ifCond iconPosition '==' 'leading'}}
|
|
6
|
+
<span class="btn-icon {{iconClass}}"></span>
|
|
7
|
+
{{/ifCond}}
|
|
8
|
+
{{/if}}
|
|
9
|
+
{{label}}
|
|
10
|
+
{{#if iconClass}}
|
|
11
|
+
{{#ifCond iconPosition '==' 'trailing'}}
|
|
12
|
+
<span class="btn-icon {{iconClass}}"></span>
|
|
13
|
+
{{/ifCond}}
|
|
14
|
+
{{/if}}
|
|
15
|
+
</button>
|
|
7
16
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
{{
|
|
17
|
+
{{else}}
|
|
18
|
+
|
|
19
|
+
<a class="btn {{variantClass}} {{#if isdisabled}} disabled {{/if}}" {{#if isdisabled}} aria-disabled="true" {{/if}} href="{{href}}" target="{{target}}" {{#if arialabel}}aria-label="{{arialabel}}"{{/if}} {{{dataatts}}}>
|
|
20
|
+
{{#if iconClass}}
|
|
21
|
+
{{#ifCond iconPosition '==' 'leading'}}
|
|
22
|
+
<span class="btn-icon {{iconClass}}"></span>
|
|
23
|
+
{{/ifCond}}
|
|
24
|
+
{{/if}}
|
|
25
|
+
{{label}}
|
|
26
|
+
{{#if iconClass}}
|
|
27
|
+
{{#ifCond iconPosition '==' 'trailing'}}
|
|
28
|
+
<span class="btn-icon {{iconClass}}"></span>
|
|
29
|
+
{{/ifCond}}
|
|
30
|
+
{{/if}}
|
|
31
|
+
</a>
|
|
32
|
+
{{/unless }}
|
|
@@ -1,136 +1,114 @@
|
|
|
1
1
|
<footer class="qld-footer {{variantClass}}" role="contentinfo">
|
|
2
2
|
|
|
3
|
-
<!-- Footer content container -->
|
|
4
3
|
<div class="container">
|
|
5
4
|
|
|
6
5
|
<div class="row">
|
|
7
|
-
<div class="col">
|
|
6
|
+
<div class="col title">
|
|
8
7
|
<h2 class="footer-site-name">{{ sitename }}</h2>
|
|
9
8
|
</div>
|
|
10
9
|
</div>
|
|
11
10
|
|
|
12
11
|
<div class="row">
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
|
|
13
|
+
{{!-- Section 1: Contact us and Site wide CTAs --}}
|
|
15
14
|
<div class="col-xs-12 col-md-12 col-lg-3">
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
15
|
+
<div class="footer-column footer-contact {{#if contact.hasBorderColumn}}border-column{{/if}}">
|
|
16
|
+
<div class="row">
|
|
17
|
+
<div class="col-xs-12 col-md-6 col-lg-12">
|
|
18
|
+
<h3 class="footer-heading">{{ contact.title }}</h3>
|
|
19
|
+
|
|
20
|
+
<div class="footer-content">
|
|
21
|
+
{{{ contact.content }}}
|
|
22
|
+
{{#if contactHasContactList}}
|
|
23
|
+
{{#each contact.list }}
|
|
24
|
+
<div class="footer-contact-item">
|
|
25
|
+
<span class="qld-icon {{icon}}" aria-hidden="true"></span> {{{ label }}}
|
|
26
|
+
</div>
|
|
27
|
+
{{/each}}
|
|
28
|
+
{{/if}}
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
<div class="col-xs-12 col-md-6 col-lg-12">
|
|
32
|
+
<a href="{{ contact.buttonLink }}" class="btn btn-outline-secondary">{{ contact.buttonLabel }}</a>
|
|
29
33
|
</div>
|
|
30
|
-
{{/each}}
|
|
31
|
-
|
|
32
|
-
<a href="{{ contact.buttonLink }}" class="btn btn-outline-secondary">{{ contact.buttonLabel }}</a>
|
|
33
|
-
|
|
34
34
|
</div>
|
|
35
|
-
|
|
36
35
|
</div>
|
|
37
36
|
</div>
|
|
38
37
|
|
|
39
|
-
|
|
40
|
-
<div class="col-xs-12 col-md-
|
|
41
|
-
<div class="footer-column">
|
|
38
|
+
{{!-- Section 2: Section links (Custom secondary nav items) --}}
|
|
39
|
+
<div class="col-xs-12 col-md-12 col-lg-3" aria-label="footer-navigation">
|
|
40
|
+
<div class="footer-column {{#if footerlinks.hasBorderColumn}}border-column{{/if}}">
|
|
42
41
|
<nav class="nav footer-link-list flex-column">
|
|
43
42
|
{{#each footerlinks.list }}
|
|
44
|
-
<a class="nav-link" href="{{ link }}" target="{{ target }}">{{ title }}</a>
|
|
43
|
+
<a class="nav-link" href="{{ link }}" target="{{ target }}">{{{ title }}}</a>
|
|
45
44
|
{{/each }}
|
|
46
45
|
</nav>
|
|
47
46
|
</div>
|
|
48
47
|
</div>
|
|
49
48
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
<div class="footer-column border-column">
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
<
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
fill="currentColor"></path>
|
|
90
|
-
</svg>
|
|
91
|
-
<span class="nav-link-label">{{ followlinks.linkedin.label }}</span>
|
|
92
|
-
</a>
|
|
93
|
-
{{/if}}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
{{#if followlinks.youtube }}
|
|
97
|
-
<a class="nav-link" href="{{ link }}" target="{{ target }}">
|
|
98
|
-
<svg aria-hidden="true" focusable="false" width="32" height="20" viewBox="0 0 22 15"
|
|
99
|
-
fill="none" xmlns="http://www.w3.org/2000/svg" role="img">
|
|
100
|
-
<path
|
|
101
|
-
d="M21.2344 2.34375C21.3906 3.04688 21.5469 4.14062 21.625 5.54688L21.6641 7.5L21.625 9.45312C21.5469 10.9375 21.3906 11.9922 21.2344 12.6953C21.0781 13.1641 20.8438 13.5547 20.5312 13.8672C20.1797 14.2188 19.7891 14.4531 19.3203 14.5703C18.6172 14.7656 17.0547 14.8828 14.5547 14.9609L11 15L7.44531 14.9609C4.94531 14.8828 3.34375 14.7656 2.67969 14.5703C2.21094 14.4531 1.78125 14.2188 1.46875 13.8672C1.11719 13.5547 0.882812 13.1641 0.765625 12.6953C0.570312 11.9922 0.453125 10.9375 0.375 9.45312L0.335938 7.5C0.335938 6.95312 0.335938 6.28906 0.375 5.54688C0.453125 4.14062 0.570312 3.04688 0.765625 2.34375C0.882812 1.875 1.11719 1.48438 1.46875 1.13281C1.78125 0.820312 2.21094 0.585938 2.67969 0.429688C3.34375 0.273438 4.94531 0.117188 7.44531 0.0390625L11 0L14.5547 0.0390625C17.0547 0.117188 18.6172 0.273438 19.3203 0.429688C19.7891 0.585938 20.1797 0.820312 20.5312 1.13281C20.8438 1.48438 21.0781 1.875 21.2344 2.34375ZM8.8125 10.7031L14.3984 7.5L8.8125 4.33594V10.7031Z"
|
|
102
|
-
fill="currentColor"></path>
|
|
103
|
-
</svg>
|
|
104
|
-
<span class="nav-link-label">{{ followlinks.youtube.label }}</span>
|
|
105
|
-
</a>
|
|
106
|
-
{{/if}}
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
{{#if followlinks.instagram }}
|
|
110
|
-
<a class="nav-link" href="{{ link }}" target="{{ target }}">
|
|
111
|
-
<svg aria-hidden="true" focusable="false" width="32" height="20" viewBox="0 0 18 19"
|
|
112
|
-
fill="none" xmlns="http://www.w3.org/2000/svg" role="img">
|
|
113
|
-
<path
|
|
114
|
-
d="M9 5.00781C9.78125 5.00781 10.5234 5.24219 11.2266 5.63281C11.9297 6.02344 12.4766 6.57031 12.8672 7.27344C13.2578 7.97656 13.4922 8.71875 13.4922 9.5C13.4922 10.3203 13.2578 11.0625 12.8672 11.7656C12.4766 12.4688 11.9297 13.0156 11.2266 13.4062C10.5234 13.7969 9.78125 13.9922 9 13.9922C8.17969 13.9922 7.4375 13.7969 6.73438 13.4062C6.03125 13.0156 5.48438 12.4688 5.09375 11.7656C4.70312 11.0625 4.50781 10.3203 4.50781 9.5C4.50781 8.71875 4.70312 7.97656 5.09375 7.27344C5.48438 6.57031 6.03125 6.02344 6.73438 5.63281C7.4375 5.24219 8.17969 5.00781 9 5.00781ZM9 12.4297C9.78125 12.4297 10.4844 12.1562 11.0703 11.5703C11.6172 11.0234 11.9297 10.3203 11.9297 9.5C11.9297 8.71875 11.6172 8.01562 11.0703 7.42969C10.4844 6.88281 9.78125 6.57031 9 6.57031C8.17969 6.57031 7.47656 6.88281 6.92969 7.42969C6.34375 8.01562 6.07031 8.71875 6.07031 9.5C6.07031 10.3203 6.34375 11.0234 6.92969 11.5703C7.47656 12.1562 8.17969 12.4297 9 12.4297ZM14.7422 4.8125C14.7422 4.53906 14.625 4.30469 14.4297 4.07031C14.1953 3.875 13.9609 3.75781 13.6875 3.75781C13.375 3.75781 13.1406 3.875 12.9453 4.07031C12.7109 4.30469 12.6328 4.53906 12.6328 4.8125C12.6328 5.125 12.7109 5.35938 12.9453 5.55469C13.1406 5.78906 13.375 5.86719 13.6875 5.86719C13.9609 5.86719 14.1953 5.78906 14.3906 5.55469C14.5859 5.35938 14.7031 5.125 14.7422 4.8125ZM17.7109 5.86719C17.7109 6.60938 17.75 7.82031 17.75 9.5C17.75 11.2188 17.7109 12.4297 17.6719 13.1719C17.6328 13.9141 17.5156 14.5391 17.3594 15.0859C17.125 15.75 16.7344 16.3359 16.2656 16.8047C15.7969 17.2734 15.2109 17.625 14.5859 17.8594C14.0391 18.0547 13.375 18.1719 12.6328 18.2109C11.8906 18.25 10.6797 18.25 9 18.25C7.28125 18.25 6.07031 18.25 5.32812 18.2109C4.58594 18.1719 3.96094 18.0547 3.41406 17.8203C2.75 17.625 2.16406 17.2734 1.69531 16.8047C1.22656 16.3359 0.875 15.75 0.640625 15.0859C0.445312 14.5391 0.328125 13.9141 0.289062 13.1719C0.25 12.4297 0.25 11.2188 0.25 9.5C0.25 7.82031 0.25 6.60938 0.289062 5.86719C0.328125 5.125 0.445312 4.46094 0.640625 3.91406C0.875 3.28906 1.22656 2.70312 1.69531 2.23438C2.16406 1.76562 2.75 1.375 3.41406 1.14062C3.96094 0.984375 4.58594 0.867188 5.32812 0.828125C6.07031 0.789062 7.28125 0.75 9 0.75C10.6797 0.75 11.8906 0.789062 12.6328 0.828125C13.375 0.867188 14.0391 0.984375 14.5859 1.14062C15.2109 1.375 15.7969 1.76562 16.2656 2.23438C16.7344 2.70312 17.125 3.28906 17.3594 3.91406C17.5156 4.46094 17.6328 5.125 17.7109 5.86719ZM15.8359 14.6562C15.9922 14.2266 16.0703 13.5234 16.1484 12.5469C16.1484 12 16.1875 11.1797 16.1875 10.125V8.875C16.1875 7.82031 16.1484 7 16.1484 6.45312C16.0703 5.47656 15.9922 4.77344 15.8359 4.34375C15.5234 3.5625 14.9375 2.97656 14.1562 2.66406C13.7266 2.50781 13.0234 2.42969 12.0469 2.35156C11.4609 2.35156 10.6406 2.3125 9.625 2.3125H8.375C7.32031 2.3125 6.5 2.35156 5.95312 2.35156C4.97656 2.42969 4.27344 2.50781 3.84375 2.66406C3.02344 2.97656 2.47656 3.5625 2.16406 4.34375C2.00781 4.77344 1.89062 5.47656 1.85156 6.45312C1.8125 7.03906 1.8125 7.85938 1.8125 8.875V10.125C1.8125 11.1797 1.8125 12 1.85156 12.5469C1.89062 13.5234 2.00781 14.2266 2.16406 14.6562C2.47656 15.4766 3.0625 16.0234 3.84375 16.3359C4.27344 16.4922 4.97656 16.6094 5.95312 16.6484C6.5 16.6875 7.32031 16.6875 8.375 16.6875H9.625C10.6797 16.6875 11.5 16.6875 12.0469 16.6484C13.0234 16.6094 13.7266 16.4922 14.1562 16.3359C14.9375 16.0234 15.5234 15.4375 15.8359 14.6562Z"
|
|
115
|
-
fill="currentColor"></path>
|
|
116
|
-
</svg>
|
|
117
|
-
<span class="nav-link-label">{{ followlinks.instagram.label }}</span>
|
|
118
|
-
</a>
|
|
119
|
-
{{/if}}
|
|
49
|
+
{{!-- Section 3: Feedback form area --}}
|
|
50
|
+
{{#if feedbackFormEnabled}}
|
|
51
|
+
<div class="col-xs-12 col-md-12 col-lg-3">
|
|
52
|
+
<div class="footer-column {{#if feedbackForm.hasBorderColumn}}border-column{{/if}}">
|
|
53
|
+
<div class="row">
|
|
54
|
+
<div class="col-xs-12 col-md-6 col-lg-12">
|
|
55
|
+
<h3 class="footer-heading">{{feedbackForm.title}}</h3>
|
|
56
|
+
<p>{{feedbackForm.content}}</p>
|
|
57
|
+
</div>
|
|
58
|
+
<div class="col-xs-12 col-md-6 col-lg-12">
|
|
59
|
+
<div id="qg-feedback-toggle" class="qg-footer-feedback-wrap">
|
|
60
|
+
<a id="btn-footer-feedback" class="btn btn-global-secondary qg-feedback-toggle collapsed" data-bs-toggle="collapse" href="#qg-footer-feedback" role="button" aria-expanded="false" aria-controls="qg-footer-feedback" data-analytics-link-group="qg-feedback">
|
|
61
|
+
{{feedbackForm.btnTitle}}
|
|
62
|
+
</a>
|
|
63
|
+
<div id="qg-footer-feedback" class="qg-footer-feedback__v2 collapse">
|
|
64
|
+
<script>
|
|
65
|
+
window.formioQldCdnVersion = "v2/v2.x.x-latest";
|
|
66
|
+
</script>
|
|
67
|
+
{{!-- If formioResource has the wrong URL or the future URL changes --}}
|
|
68
|
+
{{!-- Make sure that this is also changed within footer.function.js --}}
|
|
69
|
+
{{!-- It is there to make sure that Form IO is alway got to --}}
|
|
70
|
+
<script src="{{{feedbackForm.formioResource}}}"></script>
|
|
71
|
+
|
|
72
|
+
<div id="feedbackFormIO" {{#each feedbackForm.formAttr}}{{#if @first}}{{key}}{{/if}} {{#unless @first}}{{key}}="{{value}}"{{/unless}}{{/each}}>
|
|
73
|
+
<div class="qg-spinner" role="status">
|
|
74
|
+
<div class="spinner-border"></div>
|
|
75
|
+
<div class="qg-spinner-label">Loading...</div>
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
<div class="qg-footer-feedback-footer">
|
|
79
|
+
<a class="qg-footer-feedback__close" data-bs-toggle="collapse" href="#qg-footer-feedback" role="button" aria-expanded="true" aria-controls="qg-footer-feedback">Close</a>
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
</div>
|
|
87
|
+
{{/if}}
|
|
120
88
|
|
|
89
|
+
{{!-- Section 4: Social media and engagment --}}
|
|
90
|
+
{{#if followlinksEnabled}}
|
|
91
|
+
<div class="col-xs-12 col-md-12 col-lg-3">
|
|
92
|
+
<div class="footer-column {{#if followlinks.hasBorderColumn}}border-column{{/if}}">
|
|
93
|
+
<h3 class="footer-heading">{{followlinks.title}}</h3>
|
|
94
|
+
<nav class="nav footer-link-list footer-link-list--social flex-column">
|
|
95
|
+
{{#each followlinks.list }}
|
|
96
|
+
{{#if enabled}}
|
|
97
|
+
<a class="nav-link" href="{{ link }}" {{#if target}}target="{{ target }}"{{/if}}>
|
|
98
|
+
{{{icon}}}
|
|
99
|
+
<span class="nav-link-label">{{ name }}</span>
|
|
100
|
+
</a>
|
|
101
|
+
{{/if}}
|
|
102
|
+
{{/each }}
|
|
121
103
|
</nav>
|
|
122
|
-
|
|
123
104
|
</div>
|
|
124
105
|
</div>
|
|
106
|
+
{{/if}}
|
|
125
107
|
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
<div class="footer-column border-column">
|
|
132
|
-
|
|
133
|
-
<!-- SVG crest -->
|
|
108
|
+
{{!-- Section 5: Aknowlegement, Qld Government Coat of Arms and Copyright information --}}
|
|
109
|
+
<div class="col-xs-12 col-md-12 col-lg-3 crest">
|
|
110
|
+
<div class="footer-column {{#if copyright.hasBorderColumn}}border-column{{/if}}">
|
|
111
|
+
{{#if footerHasCrest}}
|
|
134
112
|
<div class="footer-crest">
|
|
135
113
|
<svg width="252" height="44" viewBox="0 0 252 44" fill="none"
|
|
136
114
|
xmlns="http://www.w3.org/2000/svg">
|
|
@@ -298,21 +276,29 @@
|
|
|
298
276
|
fill="white" />
|
|
299
277
|
</svg>
|
|
300
278
|
</div>
|
|
279
|
+
{{/if}}
|
|
301
280
|
|
|
302
281
|
<div class="footer-content">
|
|
303
282
|
|
|
304
283
|
<div class="footer-acknowledgements">
|
|
284
|
+
|
|
305
285
|
{{#each acknowledgements}}
|
|
306
|
-
|
|
286
|
+
|
|
287
|
+
{{#if title}}
|
|
288
|
+
<h3 class="footer-heading">{{title}}</h3>
|
|
289
|
+
{{/if}}
|
|
290
|
+
|
|
291
|
+
{{{ content }}}
|
|
292
|
+
|
|
307
293
|
{{/each}}
|
|
294
|
+
|
|
308
295
|
</div>
|
|
309
296
|
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
</p>
|
|
297
|
+
<p class="copyright">{{{copyright.content}}} {{#if copyrightOrganisationName}}({{copyrightOrganisationName}}) {{/if}}{{#if copyrightHasYearFrom}}{{copyright.yearFrom}} - {{/if}} {{copyright.currentYear}}</p>
|
|
298
|
+
|
|
299
|
+
{{#if footerHasStateOfQld}}
|
|
300
|
+
<p><a class="fw-semibold" href="{{lookup.link.URL }}" rel="external">{{lookup.link.text}}</a></p>
|
|
301
|
+
{{/if}}
|
|
316
302
|
|
|
317
303
|
</div>
|
|
318
304
|
|
|
@@ -1,69 +1,98 @@
|
|
|
1
|
-
<footer class="qld-footer {{variantClass}}" role="contentinfo">
|
|
1
|
+
<footer class="qld-footer {{ variantClass }}" role="contentinfo">
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
<!-- Footer content container -->
|
|
4
4
|
<div class="container">
|
|
5
5
|
|
|
6
6
|
<div class="row">
|
|
7
|
-
<div class="col">
|
|
7
|
+
<div class="col title">
|
|
8
8
|
<h2 class="footer-site-name">{{ sitename }}</h2>
|
|
9
9
|
</div>
|
|
10
10
|
</div>
|
|
11
11
|
|
|
12
12
|
<div class="row">
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
<div class="col-
|
|
14
|
+
{{!-- Section 1: Contact us and Site wide CTAs --}}
|
|
15
|
+
<div class="col-xs-12 col-md-12 col-lg-3">
|
|
16
|
+
<div class="footer-column footer-contact {{#if contact.hasBorderColumn}}border-column{{/if}}">
|
|
17
|
+
<div class="row">
|
|
18
|
+
<div class="col-xs-12 col-md-6 col-lg-12">
|
|
19
|
+
<h3 class="footer-heading">{{ contact.title }}</h3>
|
|
16
20
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
21
|
+
<div class="footer-content">
|
|
22
|
+
{{{ contact.content }}}
|
|
23
|
+
{{#if contactHasContactList}}
|
|
24
|
+
{{#each contact.list}}
|
|
25
|
+
<div class="footer-contact-item">
|
|
26
|
+
<span class="qld-icon {{icon}}" aria-hidden="true"></span> {{{ label }}}
|
|
27
|
+
</div>
|
|
28
|
+
{{/each}}
|
|
29
|
+
{{/if}}
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
<div class="col-xs-12 col-md-6 col-lg-12">
|
|
33
|
+
<a href="{{ contact.buttonLink }}" class="btn btn-outline-secondary">{{ contact.buttonLabel }}</a>
|
|
29
34
|
</div>
|
|
30
|
-
{{/each}}
|
|
31
|
-
|
|
32
|
-
<a href="{{ contact.buttonLink }}" class="btn btn-outline-secondary">{{ contact.buttonLabel }}</a>
|
|
33
|
-
|
|
34
35
|
</div>
|
|
35
|
-
|
|
36
36
|
</div>
|
|
37
37
|
</div>
|
|
38
38
|
|
|
39
|
-
|
|
40
|
-
<div class="col-xs-12 col-md-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
<a href="{{ feedback.buttonLink }}" class="btn btn-outline-secondary">{{ feedback.buttonLabel }}</a>
|
|
39
|
+
{{!-- Section 2: Section links (Custom secondary nav items) --}}
|
|
40
|
+
<div class="col-xs-12 col-md-12 col-lg-3" aria-label="footer-navigation">
|
|
41
|
+
<div class="footer-column {{#if footerlinks.hasBorderColumn}}border-column{{/if}}">
|
|
42
|
+
<nav class="nav footer-link-list flex-column">
|
|
43
|
+
{{#each footerlinks.list}}
|
|
44
|
+
<a class="nav-link" href="{{ link }}" target="{{ target }}">{{{ title }}}</a>
|
|
45
|
+
{{/each }}
|
|
46
|
+
</nav>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
51
49
|
|
|
50
|
+
{{!-- Section 3: Feedback form area --}}
|
|
51
|
+
{{#if feedbackFormEnabled}}
|
|
52
|
+
<div class="col-xs-12 col-md-12 col-lg-3">
|
|
53
|
+
<div class="footer-column {{#if feedbackForm.hasBorderColumn}}border-column{{/if}}">
|
|
54
|
+
<div class="row">
|
|
55
|
+
<div class="col-xs-12 col-md-6 col-lg-12">
|
|
56
|
+
<h3 class="footer-heading">{{ feedbackForm.title }}</h3>
|
|
57
|
+
{{#if feedbackForm45}}
|
|
58
|
+
<h2>dsdfsdf</h2>
|
|
59
|
+
{{/if}}
|
|
60
|
+
<p>{{ feedbackForm.content }}</p>
|
|
61
|
+
</div>
|
|
62
|
+
<div class="col-xs-12 col-md-6 col-lg-12">
|
|
63
|
+
<div id="qg-feedback-toggle" class="qg-footer-feedback-wrap">
|
|
64
|
+
<a id="btn-footer-feedback" class="btn btn-global-secondary qg-feedback-toggle collapsed" data-bs-toggle="collapse" href="#qg-footer-feedback" role="button" aria-expanded="false" aria-controls="qg-footer-feedback" data-analytics-link-group="qg-feedback">
|
|
65
|
+
{{ feedbackForm.btnTitle }}
|
|
66
|
+
</a>
|
|
67
|
+
<div id="qg-footer-feedback" class="qg-footer-feedback__v2 collapse">
|
|
68
|
+
<script>
|
|
69
|
+
window.formioQldCdnVersion = "v2/v2.x.x-latest";
|
|
70
|
+
</script>
|
|
71
|
+
{{!-- If formioResource has the wrong URL or the future URL changes --}}
|
|
72
|
+
{{!-- Make sure that this is also changed within footer.function.js --}}
|
|
73
|
+
{{!-- It is there to make sure that Form IO is alway got to --}}
|
|
74
|
+
<script src="{{{feedbackForm.formioResource}}}"></script>
|
|
75
|
+
<div id="feedbackFormIO" {{#each feedbackForm.formAttr}}{{#if @first}}{{ key }}{{/if}} {{#unless @first}}{{ key }}="{{ value }}"{{/unless}}{{/each}}>
|
|
76
|
+
<div class="qg-spinner" role="status">
|
|
77
|
+
<div class="spinner-border"></div>
|
|
78
|
+
<div class="qg-spinner-label">Loading...</div>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
<div class="qg-footer-feedback-footer">
|
|
82
|
+
<a class="qg-footer-feedback__close" data-bs-toggle="collapse" href="#qg-footer-feedback" role="button" aria-expanded="true" aria-controls="qg-footer-feedback">Close</a>
|
|
83
|
+
</div>
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
</div>
|
|
52
87
|
</div>
|
|
53
88
|
</div>
|
|
54
|
-
|
|
55
89
|
</div>
|
|
90
|
+
{{/if}}
|
|
56
91
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
<!-- Section 6: Aknowlegement, Qld Government Coat of Arms and Copyright information -->
|
|
62
|
-
<div class="col-12 col-md-12 col-lg-4 col-xl-5 offset-xl-1 border-column">
|
|
63
|
-
|
|
64
|
-
<div class="footer-column">
|
|
65
|
-
|
|
66
|
-
<!-- SVG crest -->
|
|
92
|
+
{{!-- Section 4: Aknowlegement, Qld Government Coat of Arms and Copyright information --}}
|
|
93
|
+
<div class="col-xs-12 col-md-12 col-lg-3 crest">
|
|
94
|
+
<div class="footer-column {{#if copyright.hasBorderColumn}}border-column{{/if}}">
|
|
95
|
+
{{#if footerHasCrest}}
|
|
67
96
|
<div class="footer-crest">
|
|
68
97
|
<svg width="252" height="44" viewBox="0 0 252 44" fill="none"
|
|
69
98
|
xmlns="http://www.w3.org/2000/svg">
|
|
@@ -231,22 +260,21 @@
|
|
|
231
260
|
fill="white" />
|
|
232
261
|
</svg>
|
|
233
262
|
</div>
|
|
234
|
-
|
|
263
|
+
{{/if}}
|
|
235
264
|
<div class="footer-content">
|
|
265
|
+
{{#each acknowledgements}}
|
|
266
|
+
|
|
267
|
+
{{#if title}}
|
|
268
|
+
<h3 class="footer-heading">{{title}}</h3>
|
|
269
|
+
{{/if}}
|
|
236
270
|
|
|
237
|
-
<div class="footer-acknowledgements">
|
|
238
|
-
{{#each acknowledgements}}
|
|
239
271
|
{{{ content }}}
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
<p>
|
|
247
|
-
<a class="fw-semibold" href="{{ lockup.link.URL }}" rel="external">{{ lockup.link.text }}</a>
|
|
248
|
-
</p>
|
|
249
|
-
|
|
272
|
+
|
|
273
|
+
{{/each}}
|
|
274
|
+
<p class="copyright">{{{ copyright.content }}} {{#if copyrightHasYearFrom }}{{ copyright.yearFrom }} - {{/if}} {{copyright.currentYear}}</p>
|
|
275
|
+
{{#if footerHasStateOfQld }}
|
|
276
|
+
<p><a class="fw-semibold" href="{{ lookup.link.URL }}" rel="external">{{ lookup.link.text }}</a></p>
|
|
277
|
+
{{/if}}
|
|
250
278
|
</div>
|
|
251
279
|
|
|
252
280
|
</div>
|
|
@@ -254,5 +282,4 @@
|
|
|
254
282
|
|
|
255
283
|
</div>
|
|
256
284
|
</div>
|
|
257
|
-
|
|
258
285
|
</footer>
|
|
@@ -189,12 +189,12 @@
|
|
|
189
189
|
href="{{url.value}}"
|
|
190
190
|
class="qld__header__cta-link"
|
|
191
191
|
{{/if}}>
|
|
192
|
-
{{#if icon.value}}
|
|
193
|
-
<span class="qld__header__cta-link-icon">
|
|
194
|
-
<i class="{{icon-root}}#{{icon.value}}"></i>
|
|
195
|
-
</span>
|
|
196
|
-
{{/if}}
|
|
197
192
|
<span class="qld__header__cta-link-text">{{text.value}}</span>
|
|
193
|
+
{{#if dropdown_enabled}}
|
|
194
|
+
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" class="qld__header__cta-link-icon">
|
|
195
|
+
<use href="{{@root.icon-root}}#{{@root.icons.chevron_down}}"></use>
|
|
196
|
+
</svg>
|
|
197
|
+
{{/if}}
|
|
198
198
|
</a>
|
|
199
199
|
|
|
200
200
|
{{#if dropdown_enabled}}
|
|
@@ -242,15 +242,15 @@
|
|
|
242
242
|
{{#if siteSearchAsset.value}}
|
|
243
243
|
<button aria-controls="qld-header-search" class="qld__header__toggle-main-nav qld__main-nav__toggle-search" aria-expanded="false">
|
|
244
244
|
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" class="qld__icon qld__icon--lg">
|
|
245
|
-
<use class="icon-search" href="{{icon-root}}#{{icons.search-icon}}" style="display: block;"></use>
|
|
246
|
-
<use class="icon-close" href="{{icon-root}}#{{icons.close-icon}}" style="display: none;"></use>
|
|
245
|
+
<use class="icon-search" href="{{@root.icon-root}}#{{@root.icons.search-icon}}" style="display: block;"></use>
|
|
246
|
+
<use class="icon-close" href="{{@root.icon-root}}#{{@root.icons.close-icon}}" style="display: none;"></use>
|
|
247
247
|
</svg>
|
|
248
248
|
<span class="qld__main-nav__toggle-text">Search</span>
|
|
249
249
|
</button>
|
|
250
250
|
{{/if}}
|
|
251
251
|
<button aria-controls="main-nav" class="qld__header__toggle-main-nav qld__main-nav__toggle--open" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
252
252
|
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" class="qld__icon qld__icon--lg">
|
|
253
|
-
<use href="{{icon-root}}#{{icons.menu-icon}}"></use>
|
|
253
|
+
<use href="{{@root.icon-root}}#{{@root.icons.menu-icon}}"></use>
|
|
254
254
|
</svg>
|
|
255
255
|
<span class="qld__main-nav__toggle-text">Menu</span>
|
|
256
256
|
</button>
|
|
@@ -880,15 +880,13 @@
|
|
|
880
880
|
{{/if}}
|
|
881
881
|
{{#if siteSearchAsset.value}}
|
|
882
882
|
<div id="qld-header-search" class="qld__header__site-search qld__header__site-search--closed">
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
<ul id="suggestions" class="suggestions-dropdown suggestions-dropdown__group"></ul>
|
|
891
|
-
<input type="submit" class="btn btn-primary" value="{{#if siteSearchAsset.label}}{{siteSearchAsset.label}}{{else}}Search{{/if}}">
|
|
883
|
+
<form class="site-search" role="search"
|
|
884
|
+
{{#if siteSearchAsset.formAction.url}}
|
|
885
|
+
action="{{siteSearchAsset.formAction.url}}"
|
|
886
|
+
{{else}}
|
|
887
|
+
action="https://www.qld.gov.au/search"
|
|
888
|
+
{{/if}}>
|
|
889
|
+
{{{ searchInput }}}
|
|
892
890
|
</form>
|
|
893
891
|
</div>
|
|
894
892
|
{{/if}}
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
{{title}}
|
|
95
95
|
</a>
|
|
96
96
|
|
|
97
|
-
<button class="
|
|
97
|
+
<button class="dropdown-toggle second-element" id="menuDropdown" role="button"
|
|
98
98
|
aria-controls="" data-bs-toggle="dropdown" aria-expanded="false" aria-selected="false"
|
|
99
99
|
aria-label="Toggle navigation">
|
|
100
100
|
<svg class="toggle_icon">
|