|
1
|
|
|
<?php |
|
2
|
|
|
|
|
3
|
|
|
namespace Ajax\semantic\html\modules; |
|
4
|
|
|
|
|
5
|
|
|
use Ajax\semantic\html\base\HtmlSemDoubleElement; |
|
6
|
|
|
use Ajax\semantic\html\content\HtmlDropdownItem; |
|
7
|
|
|
use Ajax\semantic\html\elements\HtmlIcon; |
|
8
|
|
|
use Ajax\common\html\html5\HtmlInput; |
|
9
|
|
|
use Ajax\service\JArray; |
|
10
|
|
|
use Ajax\semantic\html\base\constants\Direction; |
|
11
|
|
|
use Ajax\semantic\html\base\traits\LabeledIconTrait; |
|
12
|
|
|
use Ajax\JsUtils; |
|
13
|
|
|
use Ajax\semantic\html\collections\form\traits\FieldTrait; |
|
14
|
|
|
use Ajax\common\html\HtmlDoubleElement; |
|
15
|
|
|
|
|
16
|
|
|
class HtmlDropdown extends HtmlSemDoubleElement { |
|
17
|
|
|
use FieldTrait,LabeledIconTrait { |
|
18
|
|
|
addIcon as addIconP; |
|
19
|
|
|
} |
|
20
|
|
|
protected $mClass="menu"; |
|
21
|
|
|
protected $mTagName="div"; |
|
22
|
|
|
protected $items=array (); |
|
23
|
|
|
protected $_params=array("action"=>"nothing","on"=>"hover","showOnFocus"=>false); |
|
24
|
|
|
protected $input; |
|
25
|
|
|
protected $value; |
|
26
|
|
|
protected $_associative; |
|
27
|
|
|
protected $_multiple; |
|
28
|
|
|
|
|
29
|
|
|
public function __construct($identifier, $value="", $items=array(),$associative=true) { |
|
30
|
|
|
parent::__construct($identifier, "div"); |
|
31
|
|
|
$this->_template=include dirname(__FILE__).'/../templates/tplDropdown.php'; |
|
32
|
|
|
$this->setProperty("class", "ui dropdown"); |
|
33
|
|
|
$this->_multiple=false; |
|
34
|
|
|
$content=[]; |
|
35
|
|
|
if(isset($value)){ |
|
36
|
|
|
if($value instanceof HtmlSemDoubleElement){ |
|
37
|
|
|
$text=$value; |
|
38
|
|
|
}else{ |
|
39
|
|
|
$text=new HtmlSemDoubleElement("text-".$this->identifier,"div"); |
|
40
|
|
|
$text->setClass("text"); |
|
41
|
|
|
$this->setValue($value); |
|
42
|
|
|
} |
|
43
|
|
|
$content=["text"=>$text]; |
|
44
|
|
|
} |
|
45
|
|
|
$content["arrow"]=new HtmlIcon($identifier."-icon", "dropdown"); |
|
46
|
|
|
$this->content=$content; |
|
47
|
|
|
$this->tagName="div"; |
|
48
|
|
|
$this->_associative=$associative; |
|
49
|
|
|
$this->addItems($items); |
|
50
|
|
|
} |
|
51
|
|
|
|
|
52
|
|
|
public function getField(){ |
|
53
|
|
|
return $this->input; |
|
54
|
|
|
} |
|
55
|
|
|
|
|
56
|
|
|
public function getDataField(){ |
|
57
|
|
|
return $this->input; |
|
58
|
|
|
} |
|
59
|
|
|
|
|
60
|
|
|
public function addItem($item,$value=NULL,$image=NULL,$description=NULL){ |
|
61
|
|
|
$itemO=$this->beforeAddItem($item,$value,$image,$description); |
|
62
|
|
|
$this->items[]=$itemO; |
|
63
|
|
|
return $itemO; |
|
64
|
|
|
} |
|
65
|
|
|
|
|
66
|
|
|
public function addIcon($icon,$before=true,$labeled=false){ |
|
67
|
|
|
$this->removeArrow(); |
|
68
|
|
|
$this->addIconP($icon,$before,$labeled); |
|
69
|
|
|
$elm=$this->getElementById("text-".$this->identifier, $this->content); |
|
70
|
|
|
if(isset($elm)){ |
|
71
|
|
|
$elm->setWrapAfter(""); |
|
72
|
|
|
} |
|
73
|
|
|
return $this; |
|
74
|
|
|
} |
|
75
|
|
|
|
|
76
|
|
|
public function addIcons($icons){ |
|
77
|
|
|
$count=$this->count(); |
|
78
|
|
|
for ($i=0;$i<\sizeof($icons) && $i<$count;$i++){ |
|
79
|
|
|
$this->getItem($i)->addIcon($icons[$i]); |
|
80
|
|
|
} |
|
81
|
|
|
} |
|
82
|
|
|
|
|
83
|
|
|
/** |
|
84
|
|
|
* Insert an item at a position |
|
85
|
|
|
* @param mixed $item |
|
86
|
|
|
* @param int $position |
|
87
|
|
|
* @return HtmlDropdownItem |
|
88
|
|
|
*/ |
|
89
|
|
|
public function insertItem($item,$position=0){ |
|
90
|
|
|
$itemO=$this->beforeAddItem($item); |
|
91
|
|
|
$start = array_slice($this->items, 0, $position); |
|
92
|
|
|
$end = array_slice($this->items, $position); |
|
93
|
|
|
$start[] = $item; |
|
94
|
|
|
$this->items=array_merge($start, $end); |
|
95
|
|
|
return $itemO; |
|
96
|
|
|
} |
|
97
|
|
|
|
|
98
|
|
|
protected function removeArrow(){ |
|
99
|
|
|
if(\sizeof($this->content)>1){ |
|
100
|
|
|
unset($this->content["arrow"]); |
|
101
|
|
|
$this->content=\array_values($this->content); |
|
102
|
|
|
} |
|
103
|
|
|
} |
|
104
|
|
|
|
|
105
|
|
|
protected function beforeAddItem($item,$value=NULL,$image=NULL,$description=NULL){ |
|
106
|
|
|
$itemO=$item; |
|
107
|
|
|
if(\is_array($item)){ |
|
108
|
|
|
$description=JArray::getValue($item, "description", 3); |
|
109
|
|
|
$value=JArray::getValue($item, "value", 1); |
|
110
|
|
|
$image=JArray::getValue($item, "image", 2); |
|
111
|
|
|
$item=JArray::getValue($item, "item", 0); |
|
112
|
|
|
} |
|
113
|
|
|
if(!$item instanceof HtmlDropdownItem){ |
|
114
|
|
|
$itemO=new HtmlDropdownItem("dd-item-".$this->identifier."-".\sizeof($this->items),$item,$value,$image,$description); |
|
115
|
|
|
}elseif($itemO instanceof HtmlDropdownItem){ |
|
116
|
|
|
$this->addToProperty("class", "vertical"); |
|
117
|
|
|
} |
|
118
|
|
|
return $itemO; |
|
119
|
|
|
} |
|
120
|
|
|
|
|
121
|
|
|
/* (non-PHPdoc) |
|
122
|
|
|
* @see \Ajax\bootstrap\html\base\BaseHtml::fromDatabaseObject() |
|
123
|
|
|
*/ |
|
124
|
|
|
public function fromDatabaseObject($object, $function) { |
|
125
|
|
|
$this->addItem($function($object)); |
|
126
|
|
|
} |
|
127
|
|
|
|
|
128
|
|
|
public function addInput($name){ |
|
129
|
|
|
if(!isset($name)) |
|
130
|
|
|
$name="input-".$this->identifier; |
|
131
|
|
|
$this->setAction("activate"); |
|
132
|
|
|
$this->input=new HtmlInput($name,"hidden"); |
|
133
|
|
|
$this->input->setIdentifier("input-".$this->identifier); |
|
134
|
|
|
return $this->input; |
|
135
|
|
|
} |
|
136
|
|
|
|
|
137
|
|
|
/** |
|
138
|
|
|
* Adds a search input item |
|
139
|
|
|
* @param string $placeHolder |
|
140
|
|
|
* @param string $icon |
|
141
|
|
|
* @return HtmlDropdownItem |
|
142
|
|
|
*/ |
|
143
|
|
|
public function addSearchInputItem($placeHolder=NULL,$icon=NULL){ |
|
144
|
|
|
return $this->addItem(HtmlDropdownItem::searchInput($placeHolder,$icon)); |
|
145
|
|
|
} |
|
146
|
|
|
|
|
147
|
|
|
/** |
|
148
|
|
|
* Adds a divider item |
|
149
|
|
|
* @return HtmlDropdownItem |
|
150
|
|
|
*/ |
|
151
|
|
|
public function addDividerItem(){ |
|
152
|
|
|
return $this->addItem(HtmlDropdownItem::divider()); |
|
153
|
|
|
} |
|
154
|
|
|
|
|
155
|
|
|
/** |
|
156
|
|
|
* Adds an header item |
|
157
|
|
|
* @param string $caption |
|
158
|
|
|
* @param string $icon |
|
159
|
|
|
* @return HtmlDropdownItem |
|
160
|
|
|
*/ |
|
161
|
|
|
public function addHeaderItem($caption=NULL,$icon=NULL){ |
|
162
|
|
|
return $this->addItem(HtmlDropdownItem::header($caption,$icon)); |
|
163
|
|
|
} |
|
164
|
|
|
|
|
165
|
|
|
/** |
|
166
|
|
|
* Adds an item with a circular label |
|
167
|
|
|
* @param string $caption |
|
168
|
|
|
* @param string $color |
|
169
|
|
|
* @return HtmlDropdownItem |
|
170
|
|
|
*/ |
|
171
|
|
|
public function addCircularLabelItem($caption,$color){ |
|
172
|
|
|
return $this->addItem(HtmlDropdownItem::circular($caption, $color)); |
|
173
|
|
|
} |
|
174
|
|
|
|
|
175
|
|
|
/** |
|
176
|
|
|
* @param string $caption |
|
177
|
|
|
* @param string $image |
|
178
|
|
|
* @return \Ajax\semantic\html\content\HtmlDropdownItem |
|
179
|
|
|
*/ |
|
180
|
|
|
public function addMiniAvatarImageItem($caption,$image){ |
|
181
|
|
|
return $this->addItem(HtmlDropdownItem::avatar($caption, $image)); |
|
182
|
|
|
} |
|
183
|
|
|
|
|
184
|
|
|
public function addItems($items){ |
|
185
|
|
|
if(\is_array($items) && $this->_associative){ |
|
186
|
|
|
foreach ($items as $k=>$v){ |
|
187
|
|
|
$this->addItem($v)->setData($k); |
|
188
|
|
|
} |
|
189
|
|
|
}else{ |
|
190
|
|
|
foreach ($items as $item){ |
|
191
|
|
|
$this->addItem($item); |
|
192
|
|
|
} |
|
193
|
|
|
} |
|
194
|
|
|
} |
|
195
|
|
|
|
|
196
|
|
|
/** |
|
197
|
|
|
* Sets the values of a property for each item in the collection |
|
198
|
|
|
* @param string $property |
|
199
|
|
|
* @param array|mixed $values |
|
200
|
|
|
* @return $this |
|
201
|
|
|
*/ |
|
202
|
|
|
public function setPropertyValues($property,$values){ |
|
203
|
|
|
$i=0; |
|
204
|
|
|
if(\is_array($values)===false){ |
|
205
|
|
|
$values=\array_fill(0, $this->count(),$values); |
|
206
|
|
|
} |
|
207
|
|
|
foreach ($values as $value){ |
|
208
|
|
|
$c=$this->items[$i++]; |
|
209
|
|
|
if(isset($c)){ |
|
210
|
|
|
$c->setProperty($property,$value); |
|
211
|
|
|
} |
|
212
|
|
|
else{ |
|
213
|
|
|
return $this; |
|
214
|
|
|
} |
|
215
|
|
|
} |
|
216
|
|
|
return $this; |
|
217
|
|
|
} |
|
218
|
|
|
|
|
219
|
|
|
public function each($callBack){ |
|
220
|
|
|
foreach ($this->items as $index=>$value){ |
|
221
|
|
|
$callBack($index,$value); |
|
222
|
|
|
} |
|
223
|
|
|
return $this; |
|
224
|
|
|
} |
|
225
|
|
|
|
|
226
|
|
|
public function getItem($index){ |
|
227
|
|
|
return $this->items[$index]; |
|
228
|
|
|
} |
|
229
|
|
|
|
|
230
|
|
|
/** |
|
231
|
|
|
* @return int |
|
232
|
|
|
*/ |
|
233
|
|
|
public function count(){ |
|
234
|
|
|
return \sizeof($this->items); |
|
235
|
|
|
} |
|
236
|
|
|
/** |
|
237
|
|
|
* @param boolean $dropdown |
|
238
|
|
|
*/ |
|
239
|
|
|
public function asDropdown($dropdown){ |
|
240
|
|
|
if($dropdown===false){ |
|
241
|
|
|
$this->_template=include dirname(__FILE__).'/../templates/tplDropdownMenu.php'; |
|
242
|
|
|
$dropdown="menu"; |
|
243
|
|
|
}else{ |
|
244
|
|
|
$dropdown="dropdown"; |
|
245
|
|
|
$this->mClass="menu"; |
|
246
|
|
|
} |
|
247
|
|
|
return $this->addToPropertyCtrl("class", $dropdown,array("menu","dropdown")); |
|
248
|
|
|
} |
|
249
|
|
|
|
|
250
|
|
|
public function setVertical(){ |
|
251
|
|
|
return $this->addToPropertyCtrl("class", "vertical",array("vertical")); |
|
252
|
|
|
} |
|
253
|
|
|
|
|
254
|
|
|
public function setInline(){ |
|
255
|
|
|
return $this->addToPropertyCtrl("class", "inline",["inline"]); |
|
256
|
|
|
} |
|
257
|
|
|
|
|
258
|
|
|
public function setSimple(){ |
|
259
|
|
|
return $this->addToPropertyCtrl("class", "simple",array("simple")); |
|
260
|
|
|
} |
|
261
|
|
|
|
|
262
|
|
|
public function asButton($floating=false){ |
|
263
|
|
|
$this->removeArrow(); |
|
264
|
|
|
if($floating) |
|
265
|
|
|
$this->addToProperty("class", "floating"); |
|
266
|
|
|
$this->removePropertyValue("class", "selection"); |
|
267
|
|
|
return $this->addToProperty("class", "button"); |
|
268
|
|
|
} |
|
269
|
|
|
|
|
270
|
|
|
public function asSelect($name=NULL,$multiple=false,$selection=true){ |
|
271
|
|
|
$this->_multiple=$multiple; |
|
272
|
|
|
if(isset($name)) |
|
273
|
|
|
$this->addInput($name); |
|
274
|
|
|
if($multiple){ |
|
275
|
|
|
$this->addToProperty("class", "multiple"); |
|
276
|
|
|
} |
|
277
|
|
|
if ($selection){ |
|
278
|
|
|
if($this->propertyContains("class", "button")===false) |
|
279
|
|
|
$this->addToPropertyCtrl("class", "selection",array("selection")); |
|
280
|
|
|
} |
|
281
|
|
|
return $this; |
|
282
|
|
|
} |
|
283
|
|
|
|
|
284
|
|
|
public function asSearch($name=NULL,$multiple=false,$selection=true){ |
|
285
|
|
|
$this->asSelect($name,$multiple,$selection); |
|
286
|
|
|
return $this->addToProperty("class", "search"); |
|
287
|
|
|
} |
|
288
|
|
|
|
|
289
|
|
|
public function setSelect($name=NULL,$multiple=false){ |
|
290
|
|
|
$this->_template='<%tagName% id="%identifier%" %properties%>%items%</%tagName%>'; |
|
291
|
|
|
if(!isset($name)) |
|
292
|
|
|
$name="select-".$this->identifier; |
|
293
|
|
|
$this->input=null; |
|
294
|
|
|
if($multiple){ |
|
295
|
|
|
$this->setProperty("multiple", true); |
|
296
|
|
|
$this->addToProperty("class", "multiple"); |
|
297
|
|
|
} |
|
298
|
|
|
$this->setAction("activate"); |
|
299
|
|
|
$this->tagName="select"; |
|
300
|
|
|
$this->setProperty("name", $name); |
|
301
|
|
|
$this->content=null; |
|
302
|
|
|
foreach ($this->items as $item){ |
|
303
|
|
|
$item->asOption(); |
|
304
|
|
|
} |
|
305
|
|
|
return $this; |
|
306
|
|
|
} |
|
307
|
|
|
|
|
308
|
|
|
public function asSubmenu($pointing=NULL){ |
|
309
|
|
|
$this->setClass("ui dropdown link item"); |
|
310
|
|
|
if(isset($pointing)){ |
|
311
|
|
|
$this->setPointing($pointing); |
|
312
|
|
|
} |
|
313
|
|
|
return $this; |
|
314
|
|
|
} |
|
315
|
|
|
|
|
316
|
|
|
public function setPointing($value=Direction::NONE){ |
|
317
|
|
|
return $this->addToPropertyCtrl("class", $value." pointing",Direction::getConstantValues("pointing")); |
|
318
|
|
|
} |
|
319
|
|
|
|
|
320
|
|
|
public function setValue($value){ |
|
321
|
|
|
$this->value=$value; |
|
322
|
|
|
return $this; |
|
323
|
|
|
} |
|
324
|
|
|
|
|
325
|
|
|
public function setDefaultText($text){ |
|
326
|
|
|
$this->content["text"]=new HtmlSemDoubleElement("","div","default text",$text); |
|
327
|
|
|
} |
|
328
|
|
|
|
|
329
|
|
|
private function applyValue(){ |
|
330
|
|
|
$value=$this->value; |
|
331
|
|
|
if(isset($this->input) && isset($value)){ |
|
332
|
|
|
$this->input->setProperty("value", $value); |
|
333
|
|
|
}else{ |
|
334
|
|
|
$this->setProperty("value", $value); |
|
335
|
|
|
} |
|
336
|
|
|
$textElement=$this->getElementById("text-".$this->identifier, $this->content); |
|
337
|
|
|
if(isset($textElement) && ($textElement instanceof HtmlDoubleElement) && !$this->_multiple) |
|
338
|
|
|
$textElement->setContent($value); |
|
339
|
|
|
return $this; |
|
340
|
|
|
} |
|
341
|
|
|
|
|
342
|
|
|
/* |
|
343
|
|
|
* (non-PHPdoc) |
|
344
|
|
|
* @see BaseHtml::run() |
|
345
|
|
|
*/ |
|
346
|
|
|
public function run(JsUtils $js) { |
|
347
|
|
|
if($this->propertyContains("class", "simple")===false){ |
|
348
|
|
|
if(isset($this->_bsComponent)===false){ |
|
349
|
|
|
$this->_bsComponent=$js->semantic()->dropdown("#".$this->identifier,$this->_params); |
|
350
|
|
|
$this->_bsComponent->setItemSelector(".item"); |
|
351
|
|
|
} |
|
352
|
|
|
$this->addEventsOnRun($js); |
|
353
|
|
|
return $this->_bsComponent; |
|
354
|
|
|
} |
|
355
|
|
|
} |
|
356
|
|
|
|
|
357
|
|
|
public function setCompact(){ |
|
358
|
|
|
return $this->addToPropertyCtrl("class", "compact", array("compact")); |
|
359
|
|
|
} |
|
360
|
|
|
|
|
361
|
|
|
public function setAction($action){ |
|
362
|
|
|
$this->_params["action"]=$action; |
|
363
|
|
|
} |
|
364
|
|
|
|
|
365
|
|
|
public function setOn($on){ |
|
366
|
|
|
$this->_params["on"]=$on; |
|
367
|
|
|
} |
|
368
|
|
|
|
|
369
|
|
|
public function setShowOnFocus($value){ |
|
370
|
|
|
$this->_params["showOnFocus"]=$value; |
|
371
|
|
|
} |
|
372
|
|
|
|
|
373
|
|
|
public function setAllowAdditions($value){ |
|
374
|
|
|
$this->_params["allowAdditions"]=$value; |
|
375
|
|
|
} |
|
376
|
|
|
|
|
377
|
|
|
public function setFullTextSearch($value){ |
|
378
|
|
|
$this->_params["fullTextSearch"]=$value; |
|
379
|
|
|
} |
|
380
|
|
|
|
|
381
|
|
|
public function compile(JsUtils $js=NULL, &$view=NULL) { |
|
382
|
|
|
$this->applyValue(); |
|
383
|
|
|
return parent::compile($js,$view); |
|
384
|
|
|
} |
|
385
|
|
|
|
|
386
|
|
|
public function getInput() { |
|
387
|
|
|
return $this->input; |
|
388
|
|
|
} |
|
389
|
|
|
|
|
390
|
|
|
public function setIcon($icon="dropdown"){ |
|
391
|
|
|
$this->content["arrow"]=new HtmlIcon($this->identifier."-icon", $icon); |
|
392
|
|
|
return $this; |
|
393
|
|
|
} |
|
394
|
|
|
|
|
395
|
|
|
public function jsAddItem($caption){ |
|
396
|
|
|
$js="var first=$('#{$this->identifier} .item').first();if(first!=undefined){var new =first.clone();first.parent().append(new);first.html('{$caption}};')"; |
|
397
|
|
|
return $js; |
|
398
|
|
|
} |
|
399
|
|
|
} |
|
400
|
|
|
|