-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlegalforms-shortcode-html.php
171 lines (168 loc) · 9.85 KB
/
legalforms-shortcode-html.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<div id="legalforms-plugin" class="container-fluid container">
<div class="row" id="doc-form">
<h1 id="legalforms-name"></h1>
<div class="progress">
<div class="progress-bar"></div>
</div>
<div id="doc">
<div id="doc-help">
</div>
</div>
<div class="alert alert-danger" style="display:none" role="alert" id="doc-email-error">Ongeldige inloggegevens</div>
<div class="alert alert-danger" style="display:none" role="alert" id="doc-email-exists">E-mailadres bestaat al</div>
<div class="alert alert-danger" style="display:none" role="alert" id="doc-error">Er is iets fout gegaan</div>
<div class="alert alert-success" style="display:none" role="alert" id="doc-email-send">E-mail verzonden</div>
<div id="doc-wizard" class="wizard"></div>
<div id="doc-wizard-actions" class="wizards-actions template">
<button data-target="#doc-wizard" data-toggle="wizard" data-step="prev" class="btn btn-default btn-rounded btn-outline pull-left wizard-hide">Vorige</button>
<button data-target="#doc-wizard" data-toggle="wizard" data-step="next" class="btn btn-primary btn-rounded btn-outline pull-right wizard-hide">Volgende</button>
<button data-target="#doc-wizard" data-toggle="wizard" data-step="done" class="btn btn-success btn-rounded btn-outline pull-right wizard-hide">Voltooien</button>
<button class="btn btn-default btn-rounded btn-outline doc-save pull-right">Bewaar voor later</button>
</div>
<div id="doc-wizard-register" class="wizard <?php if ($attrs['material'] !== 'false') { echo 'material'; }?>" style="display:none">
<div class="wizard-step">
<h3>Maak gratis account aan</h3>
<form id="form-register" class="form navmenu-form" novalidate="true" action="javascript:void(0);">
<div class="form-group" data-role="wrapper">
<label for="field:account.name">
Naam
<span class="required">*</span>
</label>
<input type="text" class="form-control" name="account.name" required="" id="field:account.name" value="">
</div>
<div class="form-group" data-role="wrapper">
<label for="field:account.email">
E-mailadres
<span class="required">*</span>
</label>
<input type="email" class="form-control" name="account.email" required="" id="field:account.email" value="">
</div>
<div class="form-group" data-role="wrapper">
<label for="field:account.password">
Wachtwoord
<span class="required">*</span>
</label>
<input type="password" class="form-control" name="account.password" required="" id="field:account.password" value="">
<span class="help password-toggle"><i class="fas fa-eye"></i></span>
</div>
<?php if ($this->config['terms_url']): ?>
<div class="checkbox form-check">
<label>
<input type="checkbox" name="terms" id="legalforms-terms" required="" />
Ik ga akkoord met de <a href="<?php echo $this->config['terms_url']; ?>">algemene voorwaarden</a>.
</label>
</div>
<?php endif; ?>
</form>
<div class="wizards-actions">
<button class="btn btn-default btn-raised pull-left" data-target="#doc-wizard-register" data-toggle="wizard" data-step="previous">
Vorige
</button>
<button class="btn btn-success btn-raised pull-right" data-target="#doc-wizard-register" data-toggle="wizard" data-step="register">
Voltooien
<div class="loader hidden d-none"></div>
</button>
<button class="btn btn-info btn-raised btn-outline pull-right" id="switch-login">
Ik heb al een account
</button>
</div>
</div>
</div>
<div id="doc-wizard-login" class="wizard <?php if ($attrs['material'] !== 'false') { echo 'material'; }?>" style="display:none">
<div class="wizard-step">
<h3>Login</h3>
<form id="form-login" class="form navmenu-form" novalidate="true" action="javascript:void(0);">
<div class="form-group" data-role="wrapper">
<label for="field:account.email">
E-mailadres
<span class="required">*</span>
</label>
<input type="email" class="form-control" name="account.email" required="" id="field:account.email" value="">
</div>
<div class="form-group" data-role="wrapper">
<label for="field:account.password">
Wachtwoord
<span class="required">*</span>
</label>
<input type="password" class="form-control" name="account.password" required="" id="field:account.password" value="">
</div>
</form>
<div class="wizards-actions">
<button class="btn btn-default btn-raised pull-left" data-target="#doc-wizard-login" data-toggle="wizard" data-step="previous">
Vorige
</button>
<button class="btn btn-success btn-raised pull-right" data-target="#doc-wizard-login" data-toggle="wizard" data-step="login">
Login
<div class="loader hidden d-none"></div>
</button>
<button class="btn btn-info btn-raised btn-outline pull-right" id="switch-forgot">
Wachtwoord vergeten
</button>
</div>
</div>
</div>
<div id="doc-wizard-forgot" class="wizard <?php if ($attrs['material'] !== 'false') { echo 'material'; }?>" style="display:none">
<div class="wizard-step">
<h3>Wachtwoord vergeten</h3>
<form id="form-forgot" class="form navmenu-form" novalidate="true" action="javascript:void(0);">
<div class="form-group" data-role="wrapper">
<label for="field:account.forgot_email">
E-mailadres
<span class="required">*</span>
</label>
<input type="email" class="form-control" name="account.email" required="" id="field:account.forgot_email" value="">
</div>
</form>
<div class="wizards-actions">
<button class="btn btn-success btn-raised pull-right" data-target="#doc-wizard-forgot" data-toggle="wizard" data-step="forgot">
Verstuur
<div class="loader hidden d-none"></div>
</button>
</div>
</div>
</div>
<div id="doc-wizard-email" class="wizard <?php if ($attrs['material'] !== 'false') { echo 'material'; }?>" style="display:none">
<div class="wizard-step">
<h3>Geef uw contactgegevens op</h3>
<form id="form-email" class="form navmenu-form" novalidate="true" action="javascript:void(0);">
<div class="form-group" data-role="wrapper">
<label for="field:account.user_name">
Naam
<span class="required">*</span>
</label>
<input type="text" class="form-control" name="account.user_name" required="" id="field:account.user_name" value="">
</div>
<div class="form-group" data-role="wrapper">
<label for="field:account.user_email">
E-mailadres
<span class="required">*</span>
</label>
<input type="email" class="form-control" name="account.user_email" required="" id="field:account.user_email" value="">
</div>
</form>
<div class="wizards-actions">
<button class="btn btn-success btn-raised pull-right" data-target="#doc-wizard-email" data-toggle="wizard" data-step="done">
Voltooien
<div class="loader hidden d-none"></div>
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" tabindex="-1" role="dialog" id="doc-saved-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Opgeslagen invoer gevonden</h4>
</div>
<div class="modal-body">
<p>Verder gaan met opgeslagen invoer?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="doc-saved-discard">Begin opnieuw</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="doc-saved-continue">Ga door</button>
</div>
</div>
</div>
</div>
</div>