@qhealth-design-system/core 1.16.3 → 1.16.5

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.
Files changed (84) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/package.json +1 -10
  3. package/src/components/_global/css/admin/component.scss +19 -23
  4. package/src/components/_global/css/tags/component.scss +0 -4
  5. package/src/components/_global/html/scripts.html +9 -16
  6. package/src/components/_global/js/select_boxes/global.js +36 -0
  7. package/src/components/_template/html/component-page.html +25 -31
  8. package/src/components/a-z_listing/js/global.js +60 -48
  9. package/src/components/card_no_action/css/component.scss +128 -158
  10. package/src/components/prefooter/css/component.scss +62 -0
  11. package/src/components/prefooter/js/manifest.json +9 -0
  12. package/src/components/promo_panel/js/global.js +19 -18
  13. package/src/data/current.json +3 -15
  14. package/src/html/component-a-z_listing.html +13 -41
  15. package/src/html/component-abstract.html +536 -40
  16. package/src/html/component-accordion.html +537 -41
  17. package/src/html/component-banner.html +537 -40
  18. package/src/html/component-banner_advanced.html +14 -41
  19. package/src/html/component-banner_basic.html +13 -40
  20. package/src/html/component-banner_intermediate.html +14 -41
  21. package/src/html/component-basic_search.html +10 -26
  22. package/src/html/component-body.html +541 -52
  23. package/src/html/component-breadcrumbs.html +538 -43
  24. package/src/html/component-btn.html +471 -69
  25. package/src/html/component-callout.html +536 -40
  26. package/src/html/component-card_feature.html +691 -308
  27. package/src/html/component-card_multi_action.html +651 -217
  28. package/src/html/component-card_no_action.html +163 -289
  29. package/src/html/component-card_single_action.html +1251 -324
  30. package/src/html/component-code.html +13 -40
  31. package/src/html/component-file_upload.html +13 -41
  32. package/src/html/component-footer.html +537 -41
  33. package/src/html/component-forms.html +4 -5
  34. package/src/html/component-global-elements.html +720 -152
  35. package/src/html/component-global_alert.html +536 -41
  36. package/src/html/component-header.html +537 -42
  37. package/src/html/component-horizontal_rule.html +459 -65
  38. package/src/html/component-in_page_navigation.html +544 -48
  39. package/src/html/component-internal_navigation.html +537 -41
  40. package/src/html/component-left_hand_navigation.html +13 -41
  41. package/src/html/component-loading_spinner.html +13 -42
  42. package/src/html/component-main_navigation.html +537 -41
  43. package/src/html/component-mega_main_navigation.html +537 -42
  44. package/src/html/component-multi_column.html +536 -40
  45. package/src/html/component-overflow_menu.html +12 -35
  46. package/src/html/component-page_alert.html +536 -40
  47. package/src/html/component-page_footer_info.html +583 -0
  48. package/src/html/component-pagination.html +459 -65
  49. package/src/html/component-promo_panel.html +13 -43
  50. package/src/html/component-tab.html +13 -41
  51. package/src/html/component-tag_list.html +495 -77
  52. package/src/html/component-toggle_tip.html +2 -3
  53. package/src/html/component-tool_tip.html +2 -3
  54. package/src/html/component-video_player.html +13 -41
  55. package/src/html/components.html +306 -88
  56. package/src/html/home.html +1807 -628
  57. package/src/html/index.html +9 -22
  58. package/src/html/inner-with-nav.html +551 -137
  59. package/src/html/inner.html +570 -59
  60. package/src/index.js +1 -13
  61. package/src/styles/global.scss +4 -10
  62. package/src/components/_global/css/slick/component.scss +0 -25
  63. package/src/components/_global/js/forms/global.js +0 -335
  64. package/src/components/_global/js/slick/global.js +0 -153
  65. package/src/components/_global/js/user_location/global.js +0 -116
  66. package/src/components/data_table/css/component.scss +0 -832
  67. package/src/components/data_table/html/component.hbs +0 -20
  68. package/src/components/data_table/js/global.js +0 -387
  69. package/src/components/data_table/js/manifest.json +0 -112
  70. package/src/components/updated_date/css/component.scss +0 -24
  71. package/src/components/updated_date/js/manifest.json +0 -9
  72. package/src/components/widgets/css/component.scss +0 -130
  73. package/src/components/widgets/html/component.hbs +0 -8
  74. package/src/components/widgets/html/default.html +0 -3
  75. package/src/components/widgets/js/current.json +0 -471
  76. package/src/components/widgets/js/manifest.json +0 -9
  77. package/src/components/widgets/js/site.json +0 -350
  78. package/src/externals/dsComponentLoader.js +0 -410
  79. package/src/externals/fb-typeahead.bundle.min.js +0 -6
  80. package/src/externals/funnelback.autocompletion-2.6.0.js +0 -678
  81. package/src/html/component-data_table.html +0 -85
  82. package/src/html/component-updated_date.html +0 -88
  83. package/src/html/component-widgets.html +0 -90
  84. /package/src/components/{updated_date → prefooter}/html/component.hbs +0 -0
@@ -556,12 +556,11 @@
556
556
  </div>
557
557
  </div>
558
558
  </div>
559
+ <!-- Page Footer Info -->
560
+ ${require('../components/prefooter/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
559
561
  </main>
560
562
  <!-- END MAIN BODY -->
561
563
 
562
- <!-- WIDGETS -->
563
- ${require('../components/widgets/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
564
-
565
564
  <!-- FOOTER-->
566
565
  ${require('../components/footer/html/component.hbs')({ "site":require('/src/data/site.json') })}
567
566
 
@@ -281,12 +281,11 @@
281
281
  </div>
282
282
  </div>
283
283
  </div>
284
+ <!-- Page Footer Info -->
285
+ ${require('../components/prefooter/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
284
286
  </main>
285
287
  <!-- END MAIN BODY -->
286
288
 
287
- <!-- WIDGETS -->
288
- ${require('../components/widgets/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
289
-
290
289
  <!-- FOOTER-->
291
290
  ${require('../components/footer/html/component.hbs')({ "site":require('/src/data/site.json') })}
292
291
 
@@ -14,28 +14,19 @@
14
14
 
15
15
  <head>
16
16
  <title>Queensland Design System</title>
17
-
17
+
18
18
  ${require('../components/_global/html/head.html')}
19
19
  </head>
20
20
 
21
21
  <body class="qld__grid">
22
22
  <!--noindex-->
23
- ${require('../components/header/html/component.hbs')({
24
- "site":require('/src/data/site.json')
25
- })}
23
+ ${require('../components/header/html/component.hbs')({ "site":require('/src/data/site.json') })}
26
24
  <!--endnoindex-->
27
- ${require('../components/mega_main_navigation/html/component.hbs')({
28
- "site":require('/src/data/site.json')
29
- })}
25
+ ${require('../components/mega_main_navigation/html/component.hbs')({ "site":require('/src/data/site.json') })}
30
26
  <!-- MAIN BODY -->
31
27
  <main class="main" role="main">
32
28
  <section class="qld__body qld__body--breadcrumb">
33
- <div class="container-fluid">
34
- ${require('../components/breadcrumbs/html/component.hbs')({
35
- "site":require('/src/data/site.json'),
36
- "current":require('/src/data/current.json'),
37
- })}
38
- </div>
29
+ <div class="container-fluid">${require('../components/breadcrumbs/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json'), })}</div>
39
30
  </section>
40
31
  <!--CONTENT-->
41
32
  <div class="qld__body">
@@ -43,43 +34,24 @@
43
34
  <div class="row">
44
35
  <div class="col-xs-12 col-md-4 col-lg-3">
45
36
  <!-- INTERNAL NAVIGATION -->
46
- ${require('../components/internal_navigation/html/component.hbs')({
47
- "site":require('/src/data/site.json'),
48
- "current":require('/src/data/current.json')
49
- })}
37
+ ${require('../components/internal_navigation/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
50
38
  </div>
51
39
  <div class="col-xs-12 col-md-8 col-lg-9" id="content">
52
-
53
- ${require('../components/_global/html/component.hbs')({
54
- "manifest":require('../components/video_player/js/manifest.json'),
55
- "component":require('!url-loader!../components/video_player/html/component.hbs'),
56
- "component_output":require('../components/video_player/html/component.hbs')({
57
- "component":require('../components/video_player/js/manifest.json').component,
58
- "site":require('/src/data/site.json'),
59
- "current":require('/src/data/current.json'),
60
- "content":"Lorem Ipsum"
61
- })
62
- })}
40
+ ${require('../components/_global/html/component.hbs')({ "manifest":require('../components/video_player/js/manifest.json'), "component":require('!url-loader!../components/video_player/html/component.hbs'),
41
+ "component_output":require('../components/video_player/html/component.hbs')({ "component":require('../components/video_player/js/manifest.json').component, "site":require('/src/data/site.json'),
42
+ "current":require('/src/data/current.json'), "content":"Lorem Ipsum" }) })}
63
43
  </div>
64
44
  </div>
65
45
  </div>
66
- </div>
46
+ </div>
47
+ <!-- Page Footer Info -->
48
+ ${require('../components/prefooter/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
67
49
  </main>
68
50
  <!-- END MAIN BODY -->
69
51
 
70
- <!-- WIDGETS -->
71
- ${require('../components/widgets/html/component.hbs')({
72
- "site":require('/src/data/site.json'),
73
- "current":require('/src/data/current.json')
74
- })}
75
-
76
52
  <!-- FOOTER-->
77
- ${require('../components/footer/html/component.hbs')({
78
- "site":require('/src/data/site.json')
79
- })}
53
+ ${require('../components/footer/html/component.hbs')({ "site":require('/src/data/site.json') })}
80
54
 
81
- <div class="footer-scripts" id="footer_js" style="display: none !important;">
82
- ${require('../components/_global/html/scripts.html')}
83
- </div>
55
+ <div class="footer-scripts" id="footer_js" style="display: none !important">${require('../components/_global/html/scripts.html')}</div>
84
56
  </body>
85
57
  </html>
@@ -19,21 +19,12 @@
19
19
 
20
20
  <body class="qld__grid qld__form-style-filled">
21
21
  <!--noindex-->
22
- ${require('../components/header/html/component.hbs')({
23
- "site":require('/src/data/site.json')
24
- })}
22
+ ${require('../components/header/html/component.hbs')({ "site":require('/src/data/site.json') })}
25
23
  <!--endnoindex-->
26
- ${require('../components/mega_main_navigation/html/component.hbs')({
27
- "site":require('/src/data/site.json')
28
- })}
24
+ ${require('../components/mega_main_navigation/html/component.hbs')({ "site":require('/src/data/site.json') })}
29
25
  <main class="main" role="main">
30
26
  <section class="qld__body qld__body--breadcrumb">
31
- <div class="container-fluid">
32
- ${require('../components/breadcrumbs/html/component.hbs')({
33
- "site":require('/src/data/site.json'),
34
- "current":require('/src/data/current.json'),
35
- })}
36
- </div>
27
+ <div class="container-fluid">${require('../components/breadcrumbs/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json'), })}</div>
37
28
  </section>
38
29
  <!--CONTENT-->
39
30
  <div class="qld__body">
@@ -41,96 +32,323 @@
41
32
  <div class="row">
42
33
  <div class="col-xs-12 col-lg-4 col-xl-3">
43
34
  <!-- INTERNAL NAVIGATION -->
44
- ${require('../components/internal_navigation/html/component.hbs')({
45
- "site":require('/src/data/site.json'),
46
- "current":require('/src/data/current.json')
47
- })}
35
+ ${require('../components/internal_navigation/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
48
36
  </div>
49
37
  <div class="col-xs-12 col-lg-8 col-xl-9" id="content">
50
38
  <!-- <h1>Components</h1>
51
39
  <p>Components are reusable parts of the design system. Each component has been developed to meet a user interface need. All components work together to create different patterns and templates.</p>
52
40
  <p>Use the Navigation on the left to look at a specific component.</p> -->
53
-
54
- <section class="qld__body qld__body--dark">
55
- <div class="container-fluid">
56
-
57
- <!-- Page Contents Render -->
58
- <form id="form_email_99828" enctype="multipart/form-data" action="https://qhscb.squiz.cloud/QGDS-quithq/how-to-quit/get-help-from-quitline/request-a-quitline-event" method="post"><input type="hidden" name="SQ_FORM_99828_PAGE" value="1" class="sq-form-field" id="SQ_FORM_99828_PAGE"><input type="hidden" name="form_email_99828_referral_url" value=""><p>Complete this form to request Quitline to attend your event. Quitline will then contact you to discuss your event further.</p><p></p><fieldset class="sq-form-section" id="sq_form_section_99839"><legend class="sq-form-section-title">Organisation</legend><div class="sq-form-question sq-form-question-text " id="sq_form_field_wrapper_q99839_q1"><label class="sq-form-question-title" for="q99839_q1">Organisation name</label> <div class="sq-form-question-answer"><input type="text" name="q99839:q1" value="" size="30" maxlength="300" id="q99839_q1" class="sq-form-field"></div>
59
- </div><div class="sq-form-question sq-form-question-text " id="sq_form_field_wrapper_q99839_q2"><label class="sq-form-question-title" for="q99839_q2">Department</label> <div class="sq-form-question-answer"><input type="text" name="q99839:q2" value="" size="30" maxlength="300" id="q99839_q2" class="sq-form-field"></div>
60
- </div><div class="sq-form-question sq-form-question-text " id="sq_form_field_wrapper_q99839_q3"><label class="sq-form-question-title" for="q99839_q3">Contact name <abbr class="sq-form-required-field" title="required">*</abbr></label> <div class="sq-form-question-answer"><input type="text" name="q99839:q3" value="" size="30" maxlength="300" id="q99839_q3" class="sq-form-field"></div>
61
- </div><div class="sq-form-question sq-form-question-numeric " id="sq_form_field_wrapper_q99839_q4"><label class="sq-form-question-title" for="q99839_q4">Contact number <abbr class="sq-form-required-field" title="required">*</abbr></label> <div class="sq-form-question-answer"><input type="text" name="q99839:q4" value="" size="30" maxlength="300" id="q99839_q4" class="sq-form-field"></div>
62
- </div><div class="sq-form-question sq-form-question-email-address " id="sq_form_field_wrapper_q99839_q5"><label class="sq-form-question-title" for="q99839_q5">Contact email <abbr class="sq-form-required-field" title="required">*</abbr></label> <div class="sq-form-question-answer"><input type="text" name="q99839:q5" value="" size="30" maxlength="300" id="q99839_q5" class="sq-form-field"><div data-lastpass-icon-root="true" style="position: relative !important; height: 0px !important; width: 0px !important; float: left !important;"></div></div>
63
- </div></fieldset><fieldset class="sq-form-section" id="sq_form_section_99840"><legend class="sq-form-section-title">Event</legend><div class="sq-form-question sq-form-question-datetime " id="sq_form_field_wrapper_q99840_q1"><fieldset><legend class="sq-form-question-title">Event date <abbr class="sq-form-required-field" title="required">*</abbr></legend> <div class="sq-form-question-answer">
64
- <script type="text/javascript">
65
- //<![CDATA[
66
- if (typeof adjustDate != "function") {
67
- // function to enable + and - keys on a field
68
- adjustDate = function(input, evt)
69
- {
70
- var key = evt.keyCode;
71
- var value = parseInt(input.value * 1);
72
- if (key == 107 || key == 109) {
73
- value += (key == 109)?-1:1;
74
- if (value != 0) {
75
- input.value = value;
76
- }
77
- event.returnValue = false;
78
- event.cancelBubble = true;
79
- return false;
80
- }
81
- }
82
- }
83
- //]]>
84
- </script>
85
-
86
- <input type="hidden" name="q99840_q1_show" value="dmy"><label for="q99840_q1_value_d">Day</label> <select name="q99840_q1_value[d]" id="q99840_q1_value_d" class="sq-form-field"><option value="--"></option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select> <label for="q99840_q1_value_m">Month</label> <select name="q99840_q1_value[m]" id="q99840_q1_value_m" class="sq-form-field"><option value="--"></option><option value="1">Jan</option><option value="2">Feb</option><option value="3">Mar</option><option value="4">Apr</option><option value="5">May</option><option value="6">Jun</option><option value="7">Jul</option><option value="8">Aug</option><option value="9">Sep</option><option value="10">Oct</option><option value="11">Nov</option><option value="12">Dec</option></select> <label for="q99840_q1_value_y">Year</label> <select name="q99840_q1_value[y]" id="q99840_q1_value_y" class="sq-form-field"><option value="--"></option><option value="2022">2022</option><option value="2023">2023</option><option value="2024">2024</option><option value="2025">2025</option><option value="2026">2026</option><option value="2027">2027</option><option value="2028">2028</option><option value="2029">2029</option><option value="2030">2030</option><option value="2031">2031</option><option value="2032">2032</option><option value="2033">2033</option><option value="2034">2034</option><option value="2035">2035</option><option value="2036">2036</option><option value="2037">2037</option><option value="2038">2038</option><option value="2039">2039</option><option value="2040">2040</option><option value="2041">2041</option><option value="2042">2042</option><option value="2043">2043</option><option value="2044">2044</option><option value="2045">2045</option><option value="2046">2046</option><option value="2047">2047</option><option value="2048">2048</option><option value="2049">2049</option><option value="2050">2050</option><option value="2051">2051</option><option value="2052">2052</option><option value="2053">2053</option><option value="2054">2054</option><option value="2055">2055</option><option value="2056">2056</option><option value="2057">2057</option><option value="2058">2058</option><option value="2059">2059</option><option value="2060">2060</option><option value="2061">2061</option><option value="2062">2062</option><option value="2063">2063</option><option value="2064">2064</option><option value="2065">2065</option><option value="2066">2066</option><option value="2067">2067</option><option value="2068">2068</option><option value="2069">2069</option><option value="2070">2070</option><option value="2071">2071</option><option value="2072">2072</option><option value="2073">2073</option><option value="2074">2074</option><option value="2075">2075</option><option value="2076">2076</option><option value="2077">2077</option><option value="2078">2078</option><option value="2079">2079</option><option value="2080">2080</option><option value="2081">2081</option><option value="2082">2082</option><option value="2083">2083</option><option value="2084">2084</option><option value="2085">2085</option><option value="2086">2086</option><option value="2087">2087</option><option value="2088">2088</option><option value="2089">2089</option><option value="2090">2090</option><option value="2091">2091</option><option value="2092">2092</option><option value="2093">2093</option><option value="2094">2094</option><option value="2095">2095</option><option value="2096">2096</option><option value="2097">2097</option><option value="2098">2098</option><option value="2099">2099</option></select> <input type="hidden" name="q99840_q1_value[h]" value=""><input type="hidden" name="q99840_q1_value[i]" value=""><input type="hidden" name="q99840_q1_value[s]" value=""></div>
87
- </fieldset></div><div class="sq-form-question sq-form-question-text " id="sq_form_field_wrapper_q99840_q2"><label class="sq-form-question-title" for="q99840_q2">Event duration</label> <div class="sq-form-question-answer"><input type="text" name="q99840:q2" value="" size="30" maxlength="300" placeholder="e.g. From: 12pm to 3pm" id="q99840_q2" class="sq-form-field"></div>
88
- </div><div class="sq-form-question sq-form-question-text " id="sq_form_field_wrapper_q99840_q3"><label class="sq-form-question-title" for="q99840_q3">Event name</label> <div class="sq-form-question-answer"><input type="text" name="q99840:q3" value="" size="30" maxlength="300" id="q99840_q3" class="sq-form-field"></div>
89
- </div><div class="sq-form-question sq-form-question-text " id="sq_form_field_wrapper_q99840_q4"><label class="sq-form-question-title" for="q99840_q4">Tell us about your event and what you want to achieve.</label> <div class="sq-form-question-answer"><input type="text" name="q99840:q4" value="" size="30" maxlength="300" id="q99840_q4" class="sq-form-field"></div>
90
- </div><div class="sq-form-question sq-form-question-text " id="sq_form_field_wrapper_q99840_q5"><label class="sq-form-question-title" for="q99840_q5">Address of event</label> <em class="sq-form-question-note">* Queensland events only.</em> <div class="sq-form-question-answer"><input type="text" name="q99840:q5" value="" size="30" maxlength="300" id="q99840_q5" class="sq-form-field"></div>
91
- </div><div class="sq-form-question sq-form-question-text " id="sq_form_field_wrapper_q99840_q6"><label class="sq-form-question-title" for="q99840_q6">Contact name</label> <div class="sq-form-question-answer"><input type="text" name="q99840:q6" value="" size="30" maxlength="300" id="q99840_q6" class="sq-form-field"></div>
92
- </div><div class="sq-form-question sq-form-question-numeric " id="sq_form_field_wrapper_q99840_q7"><label class="sq-form-question-title" for="q99840_q7">Contact number</label> <div class="sq-form-question-answer"><input type="text" name="q99840:q7" value="" size="30" maxlength="300" id="q99840_q7" class="sq-form-field"></div>
93
- </div><div class="sq-form-question sq-form-question-text " id="sq_form_field_wrapper_q99840_q8"><label class="sq-form-question-title" for="q99840_q8">Target audience</label> <div class="sq-form-question-answer"><input type="text" name="q99840:q8" value="" size="30" maxlength="300" id="q99840_q8" class="sq-form-field"></div>
94
- </div><div class="sq-form-question sq-form-question-text " id="sq_form_field_wrapper_q99840_q9"><label class="sq-form-question-title" for="q99840_q9">Number of people attending</label> <div class="sq-form-question-answer"><input type="text" name="q99840:q9" value="" size="30" maxlength="300" id="q99840_q9" class="sq-form-field"></div>
95
- </div><div class="sq-form-question sq-form-question-text " id="sq_form_field_wrapper_q99840_q10"><label class="sq-form-question-title" for="q99840_q10">Other services attending event</label> <div class="sq-form-question-answer"><input type="text" name="q99840:q10" value="" size="30" maxlength="300" id="q99840_q10" class="sq-form-field"></div>
96
- </div><div class="sq-form-question sq-form-question-text " id="sq_form_field_wrapper_q99840_q11"><label class="sq-form-question-title" for="q99840_q11">List of equipment provided</label> <div class="sq-form-question-answer"><input type="text" name="q99840:q11" value="" size="30" maxlength="300" placeholder="e.g. chairs, table, marquee etc." id="q99840_q11" class="sq-form-field"></div>
97
- </div><div class="sq-form-question sq-form-question-text " id="sq_form_field_wrapper_q99840_q12"><label class="sq-form-question-title" for="q99840_q12">List of equipment Quitline is required to bring</label> <div class="sq-form-question-answer"><input type="text" name="q99840:q12" value="" size="30" maxlength="300" id="q99840_q12" class="sq-form-field"></div>
98
- </div><div class="sq-form-question sq-form-question-text " id="sq_form_field_wrapper_q99840_q13"><label class="sq-form-question-title" for="q99840_q13">Are you evaluating the event?</label> <div class="sq-form-question-answer"><input type="text" name="q99840:q13" value="" size="30" maxlength="300" placeholder="e.g. number of attendees" id="q99840_q13" class="sq-form-field"></div>
99
- </div></fieldset><p></p><p><input type="submit" name="form_email_99828_submit" value="Submit" class="sq-form-submit" id="form_email_99828_submit"></p></form>
100
- </div></section>
101
- <!-- Last updated date -->
102
- <!-- -->
103
-
104
- <section class="qld__body">
105
- <div class="container-fluid">
106
- <p><strong style="padding-right: 12px;">Last updated:</strong>&nbsp;October 2022</p>
107
- </div>
108
- </section>
109
-
110
-
111
-
112
-
41
+
42
+ <section class="qld__body qld__body--dark">
43
+ <div class="container-fluid">
44
+ <!-- Page Contents Render -->
45
+ <form id="form_email_99828" enctype="multipart/form-data" action="https://qhscb.squiz.cloud/QGDS-quithq/how-to-quit/get-help-from-quitline/request-a-quitline-event" method="post">
46
+ <input type="hidden" name="SQ_FORM_99828_PAGE" value="1" class="sq-form-field" id="SQ_FORM_99828_PAGE" /><input type="hidden" name="form_email_99828_referral_url" value="" />
47
+ <p>Complete this form to request Quitline to attend your event. Quitline will then contact you to discuss your event further.</p>
48
+ <p></p>
49
+ <fieldset class="sq-form-section" id="sq_form_section_99839">
50
+ <legend class="sq-form-section-title">Organisation</legend>
51
+ <div class="sq-form-question sq-form-question-text" id="sq_form_field_wrapper_q99839_q1">
52
+ <label class="sq-form-question-title" for="q99839_q1">Organisation name</label>
53
+ <div class="sq-form-question-answer">
54
+ <input type="text" name="q99839:q1" value="" size="30" maxlength="300" id="q99839_q1" class="sq-form-field" />
55
+ </div>
56
+ </div>
57
+ <div class="sq-form-question sq-form-question-text" id="sq_form_field_wrapper_q99839_q2">
58
+ <label class="sq-form-question-title" for="q99839_q2">Department</label>
59
+ <div class="sq-form-question-answer">
60
+ <input type="text" name="q99839:q2" value="" size="30" maxlength="300" id="q99839_q2" class="sq-form-field" />
61
+ </div>
62
+ </div>
63
+ <div class="sq-form-question sq-form-question-text" id="sq_form_field_wrapper_q99839_q3">
64
+ <label class="sq-form-question-title" for="q99839_q3">Contact name <abbr class="sq-form-required-field" title="required">*</abbr></label>
65
+ <div class="sq-form-question-answer">
66
+ <input type="text" name="q99839:q3" value="" size="30" maxlength="300" id="q99839_q3" class="sq-form-field" />
67
+ </div>
68
+ </div>
69
+ <div class="sq-form-question sq-form-question-numeric" id="sq_form_field_wrapper_q99839_q4">
70
+ <label class="sq-form-question-title" for="q99839_q4">Contact number <abbr class="sq-form-required-field" title="required">*</abbr></label>
71
+ <div class="sq-form-question-answer">
72
+ <input type="text" name="q99839:q4" value="" size="30" maxlength="300" id="q99839_q4" class="sq-form-field" />
73
+ </div>
74
+ </div>
75
+ <div class="sq-form-question sq-form-question-email-address" id="sq_form_field_wrapper_q99839_q5">
76
+ <label class="sq-form-question-title" for="q99839_q5">Contact email <abbr class="sq-form-required-field" title="required">*</abbr></label>
77
+ <div class="sq-form-question-answer">
78
+ <input type="text" name="q99839:q5" value="" size="30" maxlength="300" id="q99839_q5" class="sq-form-field" />
79
+ <div data-lastpass-icon-root="true" style="position: relative !important; height: 0px !important; width: 0px !important; float: left !important"></div>
80
+ </div>
81
+ </div>
82
+ </fieldset>
83
+ <fieldset class="sq-form-section" id="sq_form_section_99840">
84
+ <legend class="sq-form-section-title">Event</legend>
85
+ <div class="sq-form-question sq-form-question-datetime" id="sq_form_field_wrapper_q99840_q1">
86
+ <fieldset>
87
+ <legend class="sq-form-question-title">
88
+ Event date
89
+ <abbr class="sq-form-required-field" title="required">*</abbr>
90
+ </legend>
91
+ <div class="sq-form-question-answer">
92
+ <script type="text/javascript">
93
+ //<![CDATA[
94
+ if (typeof adjustDate != "function") {
95
+ // function to enable + and - keys on a field
96
+ adjustDate = function (input, evt) {
97
+ var key = evt.keyCode;
98
+ var value = parseInt(input.value * 1);
99
+ if (key == 107 || key == 109) {
100
+ value += key == 109 ? -1 : 1;
101
+ if (value != 0) {
102
+ input.value = value;
103
+ }
104
+ event.returnValue = false;
105
+ event.cancelBubble = true;
106
+ return false;
107
+ }
108
+ };
109
+ }
110
+ //]]>
111
+ </script>
112
+
113
+ <input type="hidden" name="q99840_q1_show" value="dmy" /><label for="q99840_q1_value_d">Day</label>
114
+ <select name="q99840_q1_value[d]" id="q99840_q1_value_d" class="sq-form-field">
115
+ <option value="--"></option>
116
+ <option value="1">1</option>
117
+ <option value="2">2</option>
118
+ <option value="3">3</option>
119
+ <option value="4">4</option>
120
+ <option value="5">5</option>
121
+ <option value="6">6</option>
122
+ <option value="7">7</option>
123
+ <option value="8">8</option>
124
+ <option value="9">9</option>
125
+ <option value="10">10</option>
126
+ <option value="11">11</option>
127
+ <option value="12">12</option>
128
+ <option value="13">13</option>
129
+ <option value="14">14</option>
130
+ <option value="15">15</option>
131
+ <option value="16">16</option>
132
+ <option value="17">17</option>
133
+ <option value="18">18</option>
134
+ <option value="19">19</option>
135
+ <option value="20">20</option>
136
+ <option value="21">21</option>
137
+ <option value="22">22</option>
138
+ <option value="23">23</option>
139
+ <option value="24">24</option>
140
+ <option value="25">25</option>
141
+ <option value="26">26</option>
142
+ <option value="27">27</option>
143
+ <option value="28">28</option>
144
+ <option value="29">29</option>
145
+ <option value="30">30</option>
146
+ <option value="31">31</option>
147
+ </select>
148
+ <label for="q99840_q1_value_m">Month</label>
149
+ <select name="q99840_q1_value[m]" id="q99840_q1_value_m" class="sq-form-field">
150
+ <option value="--"></option>
151
+ <option value="1">Jan</option>
152
+ <option value="2">Feb</option>
153
+ <option value="3">Mar</option>
154
+ <option value="4">Apr</option>
155
+ <option value="5">May</option>
156
+ <option value="6">Jun</option>
157
+ <option value="7">Jul</option>
158
+ <option value="8">Aug</option>
159
+ <option value="9">Sep</option>
160
+ <option value="10">Oct</option>
161
+ <option value="11">Nov</option>
162
+ <option value="12">Dec</option>
163
+ </select>
164
+ <label for="q99840_q1_value_y">Year</label>
165
+ <select name="q99840_q1_value[y]" id="q99840_q1_value_y" class="sq-form-field">
166
+ <option value="--"></option>
167
+ <option value="2022">2022</option>
168
+ <option value="2023">2023</option>
169
+ <option value="2024">2024</option>
170
+ <option value="2025">2025</option>
171
+ <option value="2026">2026</option>
172
+ <option value="2027">2027</option>
173
+ <option value="2028">2028</option>
174
+ <option value="2029">2029</option>
175
+ <option value="2030">2030</option>
176
+ <option value="2031">2031</option>
177
+ <option value="2032">2032</option>
178
+ <option value="2033">2033</option>
179
+ <option value="2034">2034</option>
180
+ <option value="2035">2035</option>
181
+ <option value="2036">2036</option>
182
+ <option value="2037">2037</option>
183
+ <option value="2038">2038</option>
184
+ <option value="2039">2039</option>
185
+ <option value="2040">2040</option>
186
+ <option value="2041">2041</option>
187
+ <option value="2042">2042</option>
188
+ <option value="2043">2043</option>
189
+ <option value="2044">2044</option>
190
+ <option value="2045">2045</option>
191
+ <option value="2046">2046</option>
192
+ <option value="2047">2047</option>
193
+ <option value="2048">2048</option>
194
+ <option value="2049">2049</option>
195
+ <option value="2050">2050</option>
196
+ <option value="2051">2051</option>
197
+ <option value="2052">2052</option>
198
+ <option value="2053">2053</option>
199
+ <option value="2054">2054</option>
200
+ <option value="2055">2055</option>
201
+ <option value="2056">2056</option>
202
+ <option value="2057">2057</option>
203
+ <option value="2058">2058</option>
204
+ <option value="2059">2059</option>
205
+ <option value="2060">2060</option>
206
+ <option value="2061">2061</option>
207
+ <option value="2062">2062</option>
208
+ <option value="2063">2063</option>
209
+ <option value="2064">2064</option>
210
+ <option value="2065">2065</option>
211
+ <option value="2066">2066</option>
212
+ <option value="2067">2067</option>
213
+ <option value="2068">2068</option>
214
+ <option value="2069">2069</option>
215
+ <option value="2070">2070</option>
216
+ <option value="2071">2071</option>
217
+ <option value="2072">2072</option>
218
+ <option value="2073">2073</option>
219
+ <option value="2074">2074</option>
220
+ <option value="2075">2075</option>
221
+ <option value="2076">2076</option>
222
+ <option value="2077">2077</option>
223
+ <option value="2078">2078</option>
224
+ <option value="2079">2079</option>
225
+ <option value="2080">2080</option>
226
+ <option value="2081">2081</option>
227
+ <option value="2082">2082</option>
228
+ <option value="2083">2083</option>
229
+ <option value="2084">2084</option>
230
+ <option value="2085">2085</option>
231
+ <option value="2086">2086</option>
232
+ <option value="2087">2087</option>
233
+ <option value="2088">2088</option>
234
+ <option value="2089">2089</option>
235
+ <option value="2090">2090</option>
236
+ <option value="2091">2091</option>
237
+ <option value="2092">2092</option>
238
+ <option value="2093">2093</option>
239
+ <option value="2094">2094</option>
240
+ <option value="2095">2095</option>
241
+ <option value="2096">2096</option>
242
+ <option value="2097">2097</option>
243
+ <option value="2098">2098</option>
244
+ <option value="2099">2099</option>
245
+ </select>
246
+ <input type="hidden" name="q99840_q1_value[h]" value="" /><input type="hidden" name="q99840_q1_value[i]" value="" /><input type="hidden" name="q99840_q1_value[s]" value="" />
247
+ </div>
248
+ </fieldset>
249
+ </div>
250
+ <div class="sq-form-question sq-form-question-text" id="sq_form_field_wrapper_q99840_q2">
251
+ <label class="sq-form-question-title" for="q99840_q2">Event duration</label>
252
+ <div class="sq-form-question-answer">
253
+ <input type="text" name="q99840:q2" value="" size="30" maxlength="300" placeholder="e.g. From: 12pm to 3pm" id="q99840_q2" class="sq-form-field" />
254
+ </div>
255
+ </div>
256
+ <div class="sq-form-question sq-form-question-text" id="sq_form_field_wrapper_q99840_q3">
257
+ <label class="sq-form-question-title" for="q99840_q3">Event name</label>
258
+ <div class="sq-form-question-answer">
259
+ <input type="text" name="q99840:q3" value="" size="30" maxlength="300" id="q99840_q3" class="sq-form-field" />
260
+ </div>
261
+ </div>
262
+ <div class="sq-form-question sq-form-question-text" id="sq_form_field_wrapper_q99840_q4">
263
+ <label class="sq-form-question-title" for="q99840_q4">Tell us about your event and what you want to achieve.</label>
264
+ <div class="sq-form-question-answer">
265
+ <input type="text" name="q99840:q4" value="" size="30" maxlength="300" id="q99840_q4" class="sq-form-field" />
266
+ </div>
267
+ </div>
268
+ <div class="sq-form-question sq-form-question-text" id="sq_form_field_wrapper_q99840_q5">
269
+ <label class="sq-form-question-title" for="q99840_q5">Address of event</label>
270
+ <em class="sq-form-question-note">* Queensland events only.</em>
271
+ <div class="sq-form-question-answer">
272
+ <input type="text" name="q99840:q5" value="" size="30" maxlength="300" id="q99840_q5" class="sq-form-field" />
273
+ </div>
274
+ </div>
275
+ <div class="sq-form-question sq-form-question-text" id="sq_form_field_wrapper_q99840_q6">
276
+ <label class="sq-form-question-title" for="q99840_q6">Contact name</label>
277
+ <div class="sq-form-question-answer">
278
+ <input type="text" name="q99840:q6" value="" size="30" maxlength="300" id="q99840_q6" class="sq-form-field" />
279
+ </div>
280
+ </div>
281
+ <div class="sq-form-question sq-form-question-numeric" id="sq_form_field_wrapper_q99840_q7">
282
+ <label class="sq-form-question-title" for="q99840_q7">Contact number</label>
283
+ <div class="sq-form-question-answer">
284
+ <input type="text" name="q99840:q7" value="" size="30" maxlength="300" id="q99840_q7" class="sq-form-field" />
285
+ </div>
286
+ </div>
287
+ <div class="sq-form-question sq-form-question-text" id="sq_form_field_wrapper_q99840_q8">
288
+ <label class="sq-form-question-title" for="q99840_q8">Target audience</label>
289
+ <div class="sq-form-question-answer">
290
+ <input type="text" name="q99840:q8" value="" size="30" maxlength="300" id="q99840_q8" class="sq-form-field" />
291
+ </div>
292
+ </div>
293
+ <div class="sq-form-question sq-form-question-text" id="sq_form_field_wrapper_q99840_q9">
294
+ <label class="sq-form-question-title" for="q99840_q9">Number of people attending</label>
295
+ <div class="sq-form-question-answer">
296
+ <input type="text" name="q99840:q9" value="" size="30" maxlength="300" id="q99840_q9" class="sq-form-field" />
297
+ </div>
298
+ </div>
299
+ <div class="sq-form-question sq-form-question-text" id="sq_form_field_wrapper_q99840_q10">
300
+ <label class="sq-form-question-title" for="q99840_q10">Other services attending event</label>
301
+ <div class="sq-form-question-answer">
302
+ <input type="text" name="q99840:q10" value="" size="30" maxlength="300" id="q99840_q10" class="sq-form-field" />
303
+ </div>
304
+ </div>
305
+ <div class="sq-form-question sq-form-question-text" id="sq_form_field_wrapper_q99840_q11">
306
+ <label class="sq-form-question-title" for="q99840_q11">List of equipment provided</label>
307
+ <div class="sq-form-question-answer">
308
+ <input type="text" name="q99840:q11" value="" size="30" maxlength="300" placeholder="e.g. chairs, table, marquee etc." id="q99840_q11" class="sq-form-field" />
309
+ </div>
310
+ </div>
311
+ <div class="sq-form-question sq-form-question-text" id="sq_form_field_wrapper_q99840_q12">
312
+ <label class="sq-form-question-title" for="q99840_q12">List of equipment Quitline is required to bring</label>
313
+ <div class="sq-form-question-answer">
314
+ <input type="text" name="q99840:q12" value="" size="30" maxlength="300" id="q99840_q12" class="sq-form-field" />
315
+ </div>
316
+ </div>
317
+ <div class="sq-form-question sq-form-question-text" id="sq_form_field_wrapper_q99840_q13">
318
+ <label class="sq-form-question-title" for="q99840_q13">Are you evaluating the event?</label>
319
+ <div class="sq-form-question-answer">
320
+ <input type="text" name="q99840:q13" value="" size="30" maxlength="300" placeholder="e.g. number of attendees" id="q99840_q13" class="sq-form-field" />
321
+ </div>
322
+ </div>
323
+ </fieldset>
324
+ <p></p>
325
+ <p>
326
+ <input type="submit" name="form_email_99828_submit" value="Submit" class="sq-form-submit" id="form_email_99828_submit" />
327
+ </p>
328
+ </form>
329
+ </div>
330
+ </section>
331
+ <!-- Last updated date -->
332
+ <!-- -->
333
+
334
+ <section class="qld__body">
335
+ <div class="container-fluid">
336
+ <p><strong style="padding-right: 12px">Last updated:</strong>&nbsp;October 2022</p>
337
+ </div>
338
+ </section>
113
339
  </div>
114
340
  </div>
115
341
  </div>
116
342
  </div>
117
343
  <!--END CONTENT-->
344
+ <!-- Page Footer Info -->
345
+ ${require('../components/prefooter/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
118
346
  </main>
119
347
  <!-- END MAIN BODY -->
120
348
 
121
- <!-- WIDGETS -->
122
- ${require('../components/widgets/html/component.hbs')({
123
- "site":require('/src/data/site.json'),
124
- "current":require('/src/data/current.json')
125
- })}
126
-
127
349
  <!-- FOOTER-->
128
- ${require('../components/footer/html/component.hbs')({
129
- "site":require('/src/data/site.json')
130
- })}
350
+ ${require('../components/footer/html/component.hbs')({ "site":require('/src/data/site.json') })}
131
351
 
132
- <div class="footer-scripts" id="footer_js" style="display: none !important;">
133
- {require('../components/_global/html/scripts.html')}
134
- </div>
352
+ <div class="footer-scripts" id="footer_js" style="display: none !important">{require('../components/_global/html/scripts.html')}</div>
135
353
  </body>
136
354
  </html>