Skip to content

Commit dbe890a

Browse files
BrahimMahadiBrahimMahadi
committed
updated js and removed provisional
1 parent a413cc4 commit dbe890a

File tree

8 files changed

+176
-138
lines changed

8 files changed

+176
-138
lines changed

‎site/pages/docs/ref/stepsform/stepsform-en.hbs‎

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,18 +6,11 @@
66
"categoryfile": "plugins",
77
"description": "Automatically converts a form into steps.",
88
"altLangPrefix": "stepsform",
9-
"dateModified": "2020-04-16"
9+
"dateModified": "2025-06-02"
1010
}
1111
---
1212
<span class="wb-prettify all-pre hide"></span>
1313

14-
<div class="alert alert-warning">
15-
<h2>Unstable feature</h2>
16-
<p>To be used at <strong>your own risk</strong>. This feature described below can be removed in any subsequent minor/major release</p>
17-
<p><small><a href="https://wet-boew.github.io/wet-boew-documentation/decision/7.html">Learn more about the design decision around provisional features.</a></small></p>
18-
<p><small><a href="../provisional-en.html">Check other provisional features available.</a></small></p>
19-
</div>
20-
2114
<section>
2215
<h2>Purpose</h2>
2316
<p>This component provides the ability to break a form into steps.</p>

‎site/pages/docs/ref/stepsform/stepsform-fr.hbs‎

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,18 +6,11 @@
66
"categoryfile": "plugins",
77
"description": "Converti automatiquement un formulaire en étapes.",
88
"altLangPrefix": "stepsform",
9-
"dateModified": "2020-04-16"
9+
"dateModified": "2025-06-02"
1010
}
1111
---
1212
<div lang="en">
1313
<span class="wb-prettify all-pre hide"></span>
14-
<p><strong>Needs translation</strong></p>
15-
<div class="alert alert-warning">
16-
<h2>Unstable feature</h2>
17-
<p>To be used at <strong>your own risk</strong>. This feature described below can be removed in any subsequent minor/major release</p>
18-
<p><small><a href="https://wet-boew.github.io/wet-boew-documentation/decision/7.html">Learn more about the design decision around provisional features.</a></small></p>
19-
<p><small><a href="../provisional-fr.html">Check other provisional features available.</a></small></p>
20-
</div>
2114

2215
<section>
2316
<h2>But</h2>

‎src/i18n/base.js‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -257,7 +257,11 @@ wb.i18nDict = {
257257
"pii-view-more-info": "@pii-view-more-info@",
258258
"pii-yes-btn": "@pii-yes-btn@",
259259
"pii-cancel-btn": "@pii-cancel-btn@",
260-
"redacted": "@redacted@"
260+
"redacted": "@redacted@",
261+
262+
/* Steps form */
263+
"rel-preposition": "@rel-preposition@",
264+
"progress-label": "@progress-label@"
261265
};
262266

263267
} )( wb );

‎src/i18n/i18n.csv‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -406,3 +406,5 @@ Data-scrub,pii-header,Remove Personal information,Supprimer les informations per
406406
,pii-yes-btn,Remove personal information and submit,Supprimer les informations personnelles et soumettre,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
407407
,pii-cancel-btn,Go back and edit fields,Retourner et modifier les champs,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
408408
,redacted,redacted,caviardé,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
409+
,rel-preposition, of , de ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
410+
,progress-label,Questionnaire progress:,Progression du questionnaire : ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

‎src/plugins/stepsform/_base.scss‎

Lines changed: 43 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
* Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
33
* wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
44
*/
5-
.provisional.wb-steps {
5+
.wb-steps {
66
counter-reset: fieldset_counter;
77

88
.wb-tggle-fildst {
@@ -29,64 +29,64 @@
2929
.subfields {
3030
border: 0;
3131
}
32-
}
3332

34-
.provisional.wb-steps.quiz {
35-
.steps-wrapper {
36-
border-bottom: none;
33+
&.quiz {
34+
.steps-wrapper {
35+
border-bottom: none;
3736

38-
.buttons {
39-
.btn {
40-
display: inline-block;
41-
margin: 10px 1%;
42-
width: 48%;
37+
.buttons {
38+
.btn {
39+
display: inline-block;
40+
margin: 10px 1%;
41+
width: 48%;
4342

43+
}
4444
}
4545
}
46-
}
4746

48-
fieldset:not(:first-child):has(legend) legend {
49-
border-top: 1px solid #e5e5e5;
50-
padding-top: 10px;
51-
}
52-
53-
fieldset:not(:first-child):not(:has(legend)) {
54-
border-top: 1px solid #e5e5e5;
55-
padding-top: 10px;
56-
}
47+
fieldset:not(:first-child):has(legend) legend {
48+
border-top: 1px solid #e5e5e5;
49+
padding-top: 10px;
50+
}
5751

58-
fieldset {
59-
legend {
60-
float: none;
52+
fieldset:not(:first-child):not(:has(legend)) {
53+
border-top: 1px solid #e5e5e5;
54+
padding-top: 10px;
6155
}
62-
}
6356

64-
.wb-tggle-fildst {
65-
> legend:before {
66-
content: "";
67-
counter-increment: none;
57+
fieldset {
58+
legend {
59+
float: none;
60+
}
6861
}
6962

70-
ul {
71-
list-style: none;
72-
padding-left: 20px;
63+
.wb-tggle-fildst {
64+
> legend:before {
65+
content: "";
66+
counter-increment: none;
67+
}
68+
69+
ul {
70+
list-style: none;
71+
padding-left: 20px;
72+
}
7373
}
74-
}
7574

76-
label {
77-
display: block;
78-
}
75+
label {
76+
display: block;
77+
}
7978

80-
progress.progressBar {
81-
width: 100%;
82-
}
79+
progress.progressBar {
80+
width: 100%;
81+
}
8382

84-
.progressText {
85-
text-align: center;
86-
}
83+
.progressText {
84+
text-align: center;
85+
}
8786

88-
p {
89-
font-size: 20px;
87+
p {
88+
font-size: 20px;
89+
}
9090
}
9191
}
9292

‎src/plugins/stepsform/stepsform-en.hbs‎

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -7,16 +7,9 @@
77
"tag": "stepsform",
88
"parentdir": "stepsform",
99
"altLangPrefix": "stepsform",
10-
"dateModified": "2020-09-15"
10+
"dateModified": "2025-06-02"
1111
}
1212
---
13-
<div class="alert alert-warning">
14-
<h2>Unstable feature</h2>
15-
<p>To be used at <strong>your own risk</strong>. This feature described below can be removed in any subsequent minor/major release</p>
16-
<p><small><a href="https://wet-boew.github.io/wet-boew-documentation/decision/7.html">Learn more about the design decision around provisional features.</a></small></p>
17-
<p><small><a href="../../docs/ref/provisional-en.html">Check other provisional features available.</a></small></p>
18-
</div>
19-
2013
<section>
2114
<h2>Purpose</h2>
2215
<p>Provides the ability to split a form into steps (without/with generic validation).</p>
@@ -25,7 +18,7 @@
2518
<section>
2619
<h2>Example</h2>
2720

28-
<div class="wb-frmvld provisional wb-steps">
21+
<div class="wb-frmvld wb-steps">
2922
<form action="#" method="get" id="steps-example">
3023
<fieldset id="client">
3124
<legend>Client Information</legend>
@@ -114,7 +107,7 @@
114107

115108
<section>
116109
<h2 id="default-1">Example - Steps Form with progress bar</h2>
117-
<div class="wb-frmvld provisional wb-steps quiz">
110+
<div class="wb-frmvld wb-steps quiz">
118111
<form action="#" id="quiz-example">
119112
<fieldset>
120113
<legend>1. Which is your favorite fruit?</legend>

‎src/plugins/stepsform/stepsform-fr.hbs‎

Lines changed: 3 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -7,17 +7,9 @@
77
"tag": "stepsform",
88
"parentdir": "stepsform",
99
"altLangPrefix": "stepsform",
10-
"dateModified": "2020-09-15"
10+
"dateModified": "2025-06-02"
1111
}
1212
---
13-
14-
<div lang="en" class="alert alert-warning">
15-
<h2>Unstable feature</h2>
16-
<p>To be used at <strong>your own risk</strong>. This feature described below can be removed in any subsequent minor/major release</p>
17-
<p><small><a href="https://wet-boew.github.io/wet-boew-documentation/decision/7.html">Learn more about the design decision around provisional features.</a></small></p>
18-
<p><small><a href="../../docs/ref/provisional-fr.html">Check other provisional features available.</a></small></p>
19-
</div>
20-
2113
<section>
2214
<h2>But</h2>
2315
<p>Offre la possibilité de diviser un formulaire en différentes étapes (sans ou avec validation de formulaire).</p>
@@ -26,7 +18,7 @@
2618
<section>
2719
<h2>Exemple pratique</h2>
2820

29-
<div class="wb-frmvld provisional wb-steps">
21+
<div class="wb-frmvld wb-steps">
3022
<form action="#" method="get" id="steps-example">
3123
<fieldset id="client">
3224
<legend>Informations du client</legend>
@@ -115,7 +107,7 @@
115107

116108
<section>
117109
<h2 id="default-1">Exemple - Formulaire d'étapes avec barre de progression</h2>
118-
<div class="wb-frmvld provisional wb-steps quiz">
110+
<div class="wb-frmvld wb-steps quiz">
119111
<form action="#" id="quiz-example">
120112
<fieldset>
121113
<legend>1. Quel est ton fruit préféré?</legend>

0 commit comments

Comments
 (0)