1 | /** |
||
2 | * This file is part of the O2System Venus UI Framework package. |
||
3 | * |
||
4 | * For the full copyright and license information, please view the LICENSE |
||
5 | * file that was distributed with this source code. |
||
6 | * |
||
7 | * @author Steeve Andrian Salim |
||
8 | * @copyright Copyright (c) Steeve Andrian Salim |
||
9 | */ |
||
10 | // ------------------------------------------------------------------------ |
||
11 | |||
12 | import * as $ from 'jquery'; |
||
13 | import 'jquery-steps/build/jquery.steps.js'; |
||
14 | import 'jquery-validation'; |
||
15 | import Swal from 'sweetalert2'; |
||
16 | /** |
||
17 | * Class Wizard |
||
18 | * |
||
19 | * @author Teguh Rianto |
||
20 | * @package Components |
||
21 | */ |
||
22 | |||
23 | export default class Wizard { |
||
24 | constructor() { |
||
25 | //WIZARD |
||
26 | $(".tab-wizard").steps({ |
||
27 | headerTag: "h6", |
||
28 | bodyTag: "section", |
||
29 | transitionEffect: "fade", |
||
30 | titleTemplate: '<span class="step">#index#</span> #title#', |
||
31 | labels: { |
||
32 | finish: "Submit" |
||
33 | }, |
||
34 | onFinished: function (event, currentIndex) { |
||
0 ignored issues
–
show
|
|||
35 | Swal("Form Submitted!", "Success"); |
||
36 | |||
37 | } |
||
38 | }); |
||
39 | |||
40 | |||
41 | var form = $(".validation-wizard").show(); |
||
42 | |||
43 | $(".validation-wizard").steps({ |
||
0 ignored issues
–
show
Usage of the sequence operator is discouraged, since it may lead to obfuscated code.
The sequence or comma operator allows the inclusion of multiple expressions where only is permitted. The result of the sequence is the value of the last expression. This operator is most often used in Used in another places it can make code hard to read, especially when people do not realize it even exists as a seperate operator. This check looks for usage of the sequence operator in locations where it is not necessary and could be replaced by a series of expressions or statements. var a,b,c;
a = 1, b = 1, c= 3;
could just as well be written as: var a,b,c;
a = 1;
b = 1;
c = 3;
To learn more about the sequence operator, please refer to the MDN. ![]() |
|||
44 | headerTag: "h6", |
||
45 | bodyTag: "section", |
||
46 | transitionEffect: "fade", |
||
47 | titleTemplate: '<span class="step">#index#</span> #title#', |
||
48 | labels: { |
||
49 | finish: "Submit" |
||
50 | }, |
||
51 | onStepChanging: function (event, currentIndex, newIndex) { |
||
52 | return currentIndex > newIndex || !(3 === newIndex && Number($("#age-2").val()) < 18) && (currentIndex < newIndex && (form.find(".body:eq(" + newIndex + ") label.error").remove(), form.find(".body:eq(" + newIndex + ") .error").removeClass("error")), form.validate().settings.ignore = ":disabled,:hidden", form.valid()) |
||
0 ignored issues
–
show
Usage of the sequence operator is discouraged, since it may lead to obfuscated code.
The sequence or comma operator allows the inclusion of multiple expressions where only is permitted. The result of the sequence is the value of the last expression. This operator is most often used in Used in another places it can make code hard to read, especially when people do not realize it even exists as a seperate operator. This check looks for usage of the sequence operator in locations where it is not necessary and could be replaced by a series of expressions or statements. var a,b,c;
a = 1, b = 1, c= 3;
could just as well be written as: var a,b,c;
a = 1;
b = 1;
c = 3;
To learn more about the sequence operator, please refer to the MDN. ![]() |
|||
53 | }, |
||
54 | onFinishing: function (event, currentIndex) { |
||
0 ignored issues
–
show
|
|||
55 | return form.validate().settings.ignore = ":disabled", form.valid() |
||
0 ignored issues
–
show
Usage of the sequence operator is discouraged, since it may lead to obfuscated code.
The sequence or comma operator allows the inclusion of multiple expressions where only is permitted. The result of the sequence is the value of the last expression. This operator is most often used in Used in another places it can make code hard to read, especially when people do not realize it even exists as a seperate operator. This check looks for usage of the sequence operator in locations where it is not necessary and could be replaced by a series of expressions or statements. var a,b,c;
a = 1, b = 1, c= 3;
could just as well be written as: var a,b,c;
a = 1;
b = 1;
c = 3;
To learn more about the sequence operator, please refer to the MDN. ![]() |
|||
56 | }, |
||
57 | onFinished: function (event, currentIndex) { |
||
0 ignored issues
–
show
|
|||
58 | Swal("Form Submitted!", "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem erat eleifend ex semper, lobortis purus sed."); |
||
59 | } |
||
60 | }), |
||
61 | $(".validation-wizard").validate({ |
||
62 | ignore: "input[type=hidden]", |
||
63 | errorClass: "text-danger", |
||
64 | successClass: "text-success", |
||
65 | highlight: function (element, errorClass) { |
||
66 | $(element).removeClass(errorClass) |
||
67 | }, |
||
68 | unhighlight: function (element, errorClass) { |
||
69 | $(element).removeClass(errorClass) |
||
70 | }, |
||
71 | errorPlacement: function (error, element) { |
||
72 | error.insertAfter(element) |
||
73 | }, |
||
74 | rules: { |
||
75 | email: { |
||
76 | email: !0 |
||
77 | } |
||
78 | } |
||
79 | }); |
||
80 | } |
||
81 | } |
This check looks for parameters in functions that are not used in the function body and are not followed by other parameters which are used inside the function.