@openeuropa/bcl-subscription 0.28.0 → 1.0.0

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 (3) hide show
  1. package/package.json +3 -3
  2. package/subscription-modal.html.twig +1 -1
  3. package/subscription.story.js +43 -41
package/package.json CHANGED
@@ -2,13 +2,13 @@
2
2
  "name": "@openeuropa/bcl-subscription",
3
3
  "author": "European Commission",
4
4
  "license": "EUPL-1.2",
5
- "version": "0.28.0",
5
+ "version": "1.0.0",
6
6
  "publishConfig": {
7
7
  "access": "public"
8
8
  },
9
9
  "description": "OE - BCL subscription",
10
10
  "dependencies": {
11
- "@openeuropa/bcl-subscription-block": "^0.28.0"
11
+ "@openeuropa/bcl-subscription-block": "^1.0.0"
12
12
  },
13
13
  "repository": {
14
14
  "type": "git",
@@ -24,5 +24,5 @@
24
24
  "design-system",
25
25
  "twig"
26
26
  ],
27
- "gitHead": "9ceb916258c8c7331f37bbb7c4380a2121440e12"
27
+ "gitHead": "16b986722345644e83a37dc8091c07eecbdf4c8c"
28
28
  }
package/subscription-modal.html.twig CHANGED
@@ -3,7 +3,7 @@
3
3
  {# Parameters:
4
4
  - form: (form object) (default: {})
5
5
  - success_alert: (alert object) (default: {})
6
- - error_alert: (button Object) (default: {})
6
+ - error_alert: (alert Object) (default: {})
7
7
 
8
8
  Blocks:
9
9
  - body
package/subscription.story.js CHANGED
@@ -12,32 +12,32 @@ const chromatic = process.env.STORYBOOK_ENV;
12
12
  const clientValidation = (story) => {
13
13
  const demo = story();
14
14
  return `<script>
15
- var backdrop = document.getElementsByClassName('modal-backdrop')[0];
16
- if (typeof(backdrop) != 'undefined' && backdrop != null) {
17
- backdrop.remove();
18
- document.body.removeAttribute("style")
19
- }
20
-
21
- var submit = document.querySelector('.form-submit');
22
- var successAlert = document.querySelector('.success-alert');
23
- var errorAlert = document.querySelector('.error-alert');
24
- var form = document.querySelector('.needs-validation');
25
-
26
- submit.addEventListener('click', function () {
27
- successAlert.classList.add("d-none")
28
- errorAlert.classList.add("d-none")
29
- if (!form.checkValidity()) {
30
- event.preventDefault()
31
- event.stopPropagation()
32
- errorAlert.classList.remove("d-none")
33
- } else {
34
- successAlert.classList.remove("d-none")
35
- form.closest('.modal-body').remove();
36
- submit.classList.add('d-none')
15
+ var backdrop = document.getElementsByClassName("modal-backdrop")[0];
16
+ if (typeof backdrop != "undefined" && backdrop != null) {
17
+ backdrop.remove();
18
+ document.body.removeAttribute("style");
37
19
  }
38
20
 
39
- form.classList.add('was-validated')
40
- });
21
+ var submit = document.querySelector(".form-submit");
22
+ var successAlert = document.querySelector(".success-alert");
23
+ var errorAlert = document.querySelector(".error-alert");
24
+ var form = document.querySelector(".needs-validation");
25
+
26
+ submit.addEventListener("click", function () {
27
+ successAlert.classList.add("d-none");
28
+ errorAlert.classList.add("d-none");
29
+ if (!form.checkValidity()) {
30
+ event.preventDefault();
31
+ event.stopPropagation();
32
+ errorAlert.classList.remove("d-none");
33
+ } else {
34
+ successAlert.classList.remove("d-none");
35
+ form.closest(".modal-body").remove();
36
+ submit.classList.add("d-none");
37
+ }
38
+
39
+ form.classList.add("was-validated");
40
+ });
41
41
  </script>${demo}`;
42
42
  };
43
43
 
@@ -46,12 +46,14 @@ const openModal = (story) => {
46
46
  return `
47
47
  ${demo}
48
48
  <script>
49
- var backdrop = document.getElementsByClassName('modal-backdrop')[0];
50
- if (typeof(backdrop) != 'undefined' && backdrop != null) {
51
- backdrop.remove()
49
+ var backdrop = document.getElementsByClassName("modal-backdrop")[0];
50
+ if (typeof backdrop != "undefined" && backdrop != null) {
51
+ backdrop.remove();
52
52
  }
53
- var subscribeModal = new bootstrap.Modal(document.getElementById('subscribeModal'))
54
- subscribeModal.show()
53
+ var subscribeModal = new bootstrap.Modal(
54
+ document.getElementById("subscribeModal")
55
+ );
56
+ subscribeModal.show();
55
57
  </script>
56
58
  `;
57
59
  };
@@ -61,13 +63,13 @@ const successState = (story) => {
61
63
  return `
62
64
  ${demo}
63
65
  <script>
64
- var submit = document.querySelector('.form-submit');
65
- var successAlert = document.querySelector('.success-alert');
66
- var form = document.querySelector('.needs-validation');
67
-
68
- successAlert.classList.remove("d-none")
69
- form.closest('.modal-body').remove();
70
- submit.classList.add('d-none')
66
+ var submit = document.querySelector(".form-submit");
67
+ var successAlert = document.querySelector(".success-alert");
68
+ var form = document.querySelector(".needs-validation");
69
+
70
+ successAlert.classList.remove("d-none");
71
+ form.closest(".modal-body").remove();
72
+ submit.classList.add("d-none");
71
73
  </script>
72
74
  `;
73
75
  };
@@ -77,11 +79,11 @@ const errorState = (story) => {
77
79
  return `
78
80
  ${demo}
79
81
  <script>
80
- var errorAlert = document.querySelector('.error-alert');
81
- var form = document.querySelector('.needs-validation');
82
-
83
- errorAlert.classList.remove("d-none")
84
- form.classList.add('was-validated')
82
+ var errorAlert = document.querySelector(".error-alert");
83
+ var form = document.querySelector(".needs-validation");
84
+
85
+ errorAlert.classList.remove("d-none");
86
+ form.classList.add("was-validated");
85
87
  </script>
86
88
  `;
87
89
  };