|
1
|
|
|
<?php |
|
2
|
|
|
|
|
3
|
|
|
namespace Ajax\semantic\html\collections\form; |
|
4
|
|
|
|
|
5
|
|
|
use Ajax\semantic\html\base\HtmlSemCollection; |
|
6
|
|
|
use Ajax\semantic\html\elements\HtmlHeader; |
|
7
|
|
|
use Ajax\semantic\html\collections\HtmlMessage; |
|
8
|
|
|
use Ajax\semantic\html\base\constants\State; |
|
9
|
|
|
use Ajax\semantic\html\collections\form\traits\FieldsTrait; |
|
10
|
|
|
use Ajax\semantic\html\elements\HtmlDivider; |
|
11
|
|
|
use Ajax\JsUtils; |
|
12
|
|
|
use Ajax\service\AjaxCall; |
|
13
|
|
|
|
|
14
|
|
|
/** |
|
15
|
|
|
* Semantic Form component |
|
16
|
|
|
* @see http://semantic-ui.com/collections/form.html |
|
17
|
|
|
* @author jc |
|
18
|
|
|
* @version 1.001 |
|
19
|
|
|
*/ |
|
20
|
|
|
class HtmlForm extends HtmlSemCollection { |
|
21
|
|
|
|
|
22
|
|
|
use FieldsTrait; |
|
23
|
|
|
/** |
|
24
|
|
|
* @var array |
|
25
|
|
|
*/ |
|
26
|
|
|
protected $_fields; |
|
27
|
|
|
|
|
28
|
|
|
/** |
|
29
|
|
|
* @var array |
|
30
|
|
|
*/ |
|
31
|
|
|
protected $_validationParams; |
|
32
|
|
|
|
|
33
|
|
|
public function __construct($identifier, $elements=array()) { |
|
34
|
|
|
parent::__construct($identifier, "form", "ui form"); |
|
35
|
|
|
$this->_states=[ State::ERROR,State::SUCCESS,State::WARNING,State::DISABLED ]; |
|
36
|
|
|
$this->setProperty("name", $this->identifier); |
|
37
|
|
|
$this->_fields=array (); |
|
38
|
|
|
$this->_validationParams=[]; |
|
39
|
|
|
$this->addItems($elements); |
|
40
|
|
|
} |
|
41
|
|
|
|
|
42
|
|
|
/** |
|
43
|
|
|
* @param string $title |
|
44
|
|
|
* @param number $niveau |
|
45
|
|
|
* @param string $dividing |
|
46
|
|
|
* @return HtmlHeader |
|
47
|
|
|
*/ |
|
48
|
|
|
public function addHeader($title, $niveau=1, $dividing=true) { |
|
49
|
|
|
$header=new HtmlHeader("", $niveau, $title); |
|
50
|
|
|
if ($dividing) |
|
51
|
|
|
$header->setDividing(); |
|
52
|
|
|
return $this->addItem($header); |
|
53
|
|
|
} |
|
54
|
|
|
|
|
55
|
|
|
/** |
|
56
|
|
|
* @param string $caption |
|
57
|
|
|
* @return \Ajax\semantic\html\collections\form\HtmlForm |
|
58
|
|
|
*/ |
|
59
|
|
|
public function addDivider($caption=NULL){ |
|
60
|
|
|
return $this->addContent(new HtmlDivider("",$caption)); |
|
61
|
|
|
} |
|
62
|
|
|
|
|
63
|
|
|
public function addFields($fields=NULL, $label=NULL) { |
|
64
|
|
|
if (isset($fields)) { |
|
65
|
|
|
if (!$fields instanceof HtmlFormFields) { |
|
66
|
|
|
if (\is_array($fields) === false) { |
|
67
|
|
|
$fields=\func_get_args(); |
|
68
|
|
|
$end=\end($fields); |
|
69
|
|
|
if (\is_string($end)) { |
|
70
|
|
|
$label=$end; |
|
71
|
|
|
\array_pop($fields); |
|
72
|
|
|
} else |
|
73
|
|
|
$label=NULL; |
|
74
|
|
|
} |
|
75
|
|
|
$this->_fields=\array_merge($this->_fields, $fields); |
|
76
|
|
|
$fields=new HtmlFormFields("fields-" . $this->identifier . "-" . $this->count(), $fields); |
|
77
|
|
|
} |
|
78
|
|
|
if (isset($label)) |
|
79
|
|
|
$fields=new HtmlFormField("", $fields, $label); |
|
80
|
|
|
} else { |
|
81
|
|
|
$fields=new HtmlFormFields("fields-" . $this->identifier . "-" . $this->count()); |
|
82
|
|
|
} |
|
83
|
|
|
$this->addItem($fields); |
|
84
|
|
|
return $fields; |
|
85
|
|
|
} |
|
86
|
|
|
|
|
87
|
|
|
public function addItem($item) { |
|
88
|
|
|
$item=parent::addItem($item); |
|
89
|
|
|
if (\is_subclass_of($item, HtmlFormField::class) === true) { |
|
90
|
|
|
$this->_fields[]=$item; |
|
91
|
|
|
} |
|
92
|
|
|
return $item; |
|
93
|
|
|
} |
|
94
|
|
|
|
|
95
|
|
|
public function getField($index) { |
|
96
|
|
|
if (\is_string($index)) { |
|
97
|
|
|
$field=$this->getElementById($index, $this->_fields); |
|
98
|
|
|
} else { |
|
99
|
|
|
$field=$this->_fields[$index]; |
|
100
|
|
|
} |
|
101
|
|
|
return $field; |
|
102
|
|
|
} |
|
103
|
|
|
|
|
104
|
|
|
/** |
|
105
|
|
|
* automatically divide fields to be equal width |
|
106
|
|
|
* @return \Ajax\semantic\html\collections\form\HtmlForm |
|
107
|
|
|
*/ |
|
108
|
|
|
public function setEqualWidth() { |
|
109
|
|
|
return $this->addToProperty("class", "equal width"); |
|
110
|
|
|
} |
|
111
|
|
|
|
|
112
|
|
|
/** |
|
113
|
|
|
* Adds a field (alias for addItem) |
|
114
|
|
|
* @param HtmlFormField $field |
|
115
|
|
|
* @return \Ajax\common\html\HtmlDoubleElement |
|
116
|
|
|
*/ |
|
117
|
|
|
public function addField($field) { |
|
118
|
|
|
return $this->addItem($field); |
|
119
|
|
|
} |
|
120
|
|
|
|
|
121
|
|
|
public function addFieldRule($index,$type,$prompt=NULL,$value=NULL){ |
|
122
|
|
|
$field=$this->getItem($index); |
|
123
|
|
|
if(isset($field)){ |
|
124
|
|
|
$field->addRule($type,$prompt,$value); |
|
125
|
|
|
} |
|
126
|
|
|
return $this; |
|
127
|
|
|
} |
|
128
|
|
|
|
|
129
|
|
|
public function addFieldRules($index,$rules){ |
|
130
|
|
|
$field=$this->getItem($index); |
|
131
|
|
|
if(isset($field)){ |
|
132
|
|
|
$field->addRules($rules); |
|
133
|
|
|
} |
|
134
|
|
|
return $this; |
|
135
|
|
|
} |
|
136
|
|
|
|
|
137
|
|
|
/** |
|
138
|
|
|
* |
|
139
|
|
|
* @param string $identifier |
|
140
|
|
|
* @param string $content |
|
141
|
|
|
* @param string $header |
|
142
|
|
|
* @param string $icon |
|
143
|
|
|
* @param string $type |
|
144
|
|
|
* @return \Ajax\semantic\html\collections\HtmlMessage |
|
145
|
|
|
*/ |
|
146
|
|
|
public function addMessage($identifier, $content, $header=NULL, $icon=NULL, $type=NULL) { |
|
147
|
|
|
$message=new HtmlMessage($identifier, $content); |
|
148
|
|
|
if (isset($header)) |
|
149
|
|
|
$message->addHeader($header); |
|
150
|
|
|
if (isset($icon)) |
|
151
|
|
|
$message->setIcon($icon); |
|
152
|
|
|
if (isset($type)) |
|
153
|
|
|
$message->setStyle($type); |
|
154
|
|
|
return $this->addItem($message); |
|
155
|
|
|
} |
|
156
|
|
|
|
|
157
|
|
|
private function addCompoValidation($js,$compo,$field){ |
|
158
|
|
|
$validation=$field->getValidation(); |
|
159
|
|
|
if(isset($validation)){ |
|
160
|
|
|
if(isset($compo)===false){ |
|
161
|
|
|
$compo=$js->semantic()->form("#".$this->identifier); |
|
162
|
|
|
} |
|
163
|
|
|
$validation->setIdentifier($field->getField()->getIdentifier()); |
|
164
|
|
|
$compo->addFieldValidation($validation); |
|
165
|
|
|
} |
|
166
|
|
|
return $compo; |
|
167
|
|
|
} |
|
168
|
|
|
|
|
169
|
|
|
public function run(JsUtils $js) { |
|
170
|
|
|
$compo=NULL; |
|
171
|
|
|
foreach ($this->_fields as $field){ |
|
172
|
|
|
if($field instanceof HtmlFormField) |
|
173
|
|
|
$compo=$this->addCompoValidation($js, $compo, $field); |
|
174
|
|
|
} |
|
175
|
|
|
foreach ($this->content as $field){ |
|
176
|
|
|
if($field instanceof HtmlFormFields){ |
|
177
|
|
|
$items=$field->getItems(); |
|
178
|
|
|
foreach ($items as $_field){ |
|
179
|
|
|
if($_field instanceof HtmlFormField) |
|
180
|
|
|
$compo=$this->addCompoValidation($js, $compo, $_field); |
|
181
|
|
|
} |
|
182
|
|
|
} |
|
183
|
|
|
} |
|
184
|
|
|
if(isset($compo)===false){ |
|
185
|
|
|
return parent::run($js); |
|
186
|
|
|
} |
|
187
|
|
|
if(isset($this->_validationParams["_ajaxSubmit"])){ |
|
188
|
|
|
if($this->_validationParams["_ajaxSubmit"] instanceof AjaxCall){ |
|
189
|
|
|
$compilation=$this->_validationParams["_ajaxSubmit"]->compile($js); |
|
190
|
|
|
$compilation=str_ireplace("\"","%quote%", $compilation); |
|
191
|
|
|
$this->onSuccess($compilation); |
|
192
|
|
|
unset($this->_validationParams["_ajaxSubmit"]); |
|
193
|
|
|
} |
|
194
|
|
|
} |
|
195
|
|
|
$compo->addParams($this->_validationParams); |
|
196
|
|
|
$this->_bsComponent=$compo; |
|
197
|
|
|
$this->addEventsOnRun($js); |
|
198
|
|
|
return $this->_bsComponent; |
|
199
|
|
|
} |
|
200
|
|
|
|
|
201
|
|
|
public function setLoading() { |
|
202
|
|
|
return $this->addToProperty("class", "loading"); |
|
203
|
|
|
} |
|
204
|
|
|
|
|
205
|
|
|
public function addErrorMessage(){ |
|
206
|
|
|
return $this->addContent((new HtmlMessage(""))->setError()); |
|
207
|
|
|
} |
|
208
|
|
|
|
|
209
|
|
|
public function jsState($state) { |
|
210
|
|
|
return $this->jsDoJquery("addClass", $state); |
|
211
|
|
|
} |
|
212
|
|
|
|
|
213
|
|
|
public function setValidationParams(array $_validationParams) { |
|
214
|
|
|
$this->_validationParams=$_validationParams; |
|
215
|
|
|
return $this; |
|
216
|
|
|
} |
|
217
|
|
|
|
|
218
|
|
|
public function submitOn($event,$identifier,$url,$responseElement){ |
|
219
|
|
|
$elem=$this->getElementById($identifier, $this->content); |
|
220
|
|
|
if(isset($elem)){ |
|
221
|
|
|
$elem->addEvent($event, "$('#".$this->identifier."').form('validate form');"); |
|
222
|
|
|
$this->_validationParams["_ajaxSubmit"]=new AjaxCall("postForm", ["form"=>$this->identifier,"responseElement"=>$responseElement,"url"=>$url]); |
|
223
|
|
|
} |
|
224
|
|
|
return $this; |
|
225
|
|
|
} |
|
226
|
|
|
|
|
227
|
|
|
public function submitOnClick($identifier,$url,$responseElement){ |
|
228
|
|
|
return $this->submitOn("click", $identifier, $url, $responseElement); |
|
229
|
|
|
} |
|
230
|
|
|
|
|
231
|
|
|
public function addSubmit($identifier,$value,$CssStyle=NULL,$url=NULL,$responseElement=NULL){ |
|
232
|
|
|
$bt=$this->addButton($identifier, $value,$CssStyle); |
|
233
|
|
|
if(isset($url) && isset($responseElement)) |
|
234
|
|
|
$this->submitOnClick($identifier, $url, $responseElement); |
|
235
|
|
|
return $bt; |
|
236
|
|
|
} |
|
237
|
|
|
|
|
238
|
|
|
/** |
|
239
|
|
|
* Callback on each valid field |
|
240
|
|
|
* @param string $jsCode |
|
241
|
|
|
* @return \Ajax\semantic\html\collections\form\HtmlForm |
|
242
|
|
|
*/ |
|
243
|
|
|
public function onValid($jsCode){ |
|
244
|
|
|
$this->_validationParams["onValid"]="%function(){".$jsCode."}%"; |
|
245
|
|
|
return $this; |
|
246
|
|
|
} |
|
247
|
|
|
|
|
248
|
|
|
/** |
|
249
|
|
|
* Callback if a form is all valid |
|
250
|
|
|
* @param string $jsCode can use event and fields parameters |
|
251
|
|
|
* @return HtmlForm |
|
252
|
|
|
*/ |
|
253
|
|
|
public function onSuccess($jsCode){ |
|
254
|
|
|
$this->_validationParams["onSuccess"]="%function(evt,fields){".$jsCode."}%"; |
|
255
|
|
|
return $this; |
|
256
|
|
|
} |
|
257
|
|
|
|
|
258
|
|
|
} |