|
1
|
|
|
<?php |
|
2
|
|
|
|
|
3
|
|
|
namespace Ajax\semantic\html\collections\menus; |
|
4
|
|
|
|
|
5
|
|
|
use Ajax\common\html\HtmlDoubleElement; |
|
6
|
|
|
use Ajax\semantic\html\base\constants\Direction; |
|
7
|
|
|
use Ajax\semantic\html\base\HtmlSemCollection; |
|
8
|
|
|
use Ajax\semantic\html\base\HtmlSemDoubleElement; |
|
9
|
|
|
use Ajax\semantic\html\base\constants\Wide; |
|
10
|
|
|
use Ajax\common\html\html5\HtmlImg; |
|
11
|
|
|
use Ajax\semantic\html\modules\HtmlDropdown; |
|
12
|
|
|
use Ajax\semantic\html\modules\HtmlPopup; |
|
13
|
|
|
use Ajax\semantic\html\elements\HtmlIcon; |
|
14
|
|
|
use Ajax\semantic\html\elements\HtmlInput; |
|
15
|
|
|
use Ajax\semantic\html\elements\HtmlButton; |
|
16
|
|
|
use Ajax\semantic\html\base\traits\AttachedTrait; |
|
17
|
|
|
use Ajax\semantic\html\content\HtmlMenuItem; |
|
18
|
|
|
use Ajax\JsUtils; |
|
19
|
|
|
use Ajax\semantic\html\elements\HtmlButtonGroups; |
|
20
|
|
|
use Ajax\semantic\html\elements\HtmlLabel; |
|
21
|
|
|
use Ajax\common\html\HtmlCollection; |
|
22
|
|
|
|
|
23
|
|
|
/** |
|
24
|
|
|
* Semantic Menu component |
|
25
|
|
|
* @see http://semantic-ui.com/collections/menu.html |
|
26
|
|
|
* @author jc |
|
27
|
|
|
* @version 1.001 |
|
28
|
|
|
*/ |
|
29
|
|
|
class HtmlMenu extends HtmlSemCollection { |
|
30
|
|
|
use AttachedTrait; |
|
31
|
|
|
private $_itemHeader; |
|
32
|
|
|
|
|
33
|
|
|
public function __construct($identifier, $items=array()) { |
|
34
|
|
|
parent::__construct($identifier, "div", "ui menu"); |
|
35
|
|
|
$this->addItems($items); |
|
36
|
|
|
} |
|
37
|
|
|
|
|
38
|
|
|
/** |
|
39
|
|
|
* Sets the menu type |
|
40
|
|
|
* @param string $type one of text,item |
|
41
|
|
|
* @return HtmlMenu |
|
42
|
|
|
*/ |
|
43
|
|
|
public function setType($type="") { |
|
44
|
|
|
return $this->addToPropertyCtrl("class", $type, array ("","item","text" )); |
|
45
|
|
|
} |
|
46
|
|
|
|
|
47
|
|
|
public function setActiveItem($index) { |
|
48
|
|
|
$item=$this->getItem($index); |
|
49
|
|
|
if ($item !== null) { |
|
50
|
|
|
$item->addToProperty("class", "active"); |
|
51
|
|
|
} |
|
52
|
|
|
return $this; |
|
53
|
|
|
} |
|
54
|
|
|
|
|
55
|
|
|
private function getItemToInsert($item) { |
|
56
|
|
|
if ($item instanceof HtmlInput || $item instanceof HtmlImg || $item instanceof HtmlIcon || $item instanceof HtmlButtonGroups || $item instanceof HtmlButton || $item instanceof HtmlLabel) { |
|
57
|
|
|
$itemO=new HtmlMenuItem("item-" . $this->identifier . "-" . \sizeof($this->content) , $item); |
|
58
|
|
|
$itemO->addClass("no-active"); |
|
59
|
|
|
$item=$itemO; |
|
60
|
|
|
} |
|
61
|
|
|
return $item; |
|
62
|
|
|
} |
|
63
|
|
|
|
|
64
|
|
|
private function afterInsert($item) { |
|
65
|
|
|
if (!$item instanceof HtmlMenu && $item->propertyContains("class", "header")===false) |
|
66
|
|
|
$item->addToPropertyCtrl("class", "item", array ("item" )); |
|
67
|
|
|
else { |
|
68
|
|
|
$this->setSecondary(); |
|
69
|
|
|
} |
|
70
|
|
|
return $item; |
|
71
|
|
|
} |
|
72
|
|
|
|
|
73
|
|
|
/** |
|
74
|
|
|
* |
|
75
|
|
|
* {@inheritDoc} |
|
76
|
|
|
* |
|
77
|
|
|
* @see HtmlCollection::addItem() |
|
78
|
|
|
*/ |
|
79
|
|
|
public function addItem($item) { |
|
80
|
|
|
$number=$item; |
|
81
|
|
|
$item=parent::addItem($this->getItemToInsert($item)); |
|
82
|
|
|
if(\is_int($number)) |
|
83
|
|
|
$item->setProperty("data-page", $number); |
|
84
|
|
|
return $this->afterInsert($item); |
|
85
|
|
|
} |
|
86
|
|
|
|
|
87
|
|
|
/** |
|
88
|
|
|
* |
|
89
|
|
|
* {@inheritDoc} |
|
90
|
|
|
* |
|
91
|
|
|
* @see \Ajax\common\html\HtmlCollection::insertItem() |
|
92
|
|
|
*/ |
|
93
|
|
|
public function insertItem($item, $position=0) { |
|
94
|
|
|
$item=parent::insertItem($this->getItemToInsert($item), $position); |
|
95
|
|
|
return $this->afterInsert($item); |
|
96
|
|
|
} |
|
97
|
|
|
|
|
98
|
|
|
public function generateMenuAsItem($menu, $header=null) { |
|
99
|
|
|
$count=$this->count(); |
|
100
|
|
|
$item=new HtmlSemDoubleElement("item-" . $this->identifier . "-" . $count, "div"); |
|
101
|
|
|
if (isset($header)) { |
|
102
|
|
|
$headerItem=new HtmlSemDoubleElement("item-header-" . $this->identifier . "-" . $count, "div", "header"); |
|
103
|
|
|
$headerItem->setContent($header); |
|
104
|
|
|
$item->addContent($headerItem); |
|
105
|
|
|
$this->_itemHeader=$headerItem; |
|
106
|
|
|
} |
|
107
|
|
|
if(\is_array($menu)){ |
|
108
|
|
|
$menu=new HtmlMenu("menu-" . $this->identifier . "-" . $count,$menu); |
|
109
|
|
|
} |
|
110
|
|
|
$menu->setClass("menu"); |
|
111
|
|
|
$item->addContent($menu); |
|
112
|
|
|
return $item; |
|
113
|
|
|
} |
|
114
|
|
|
|
|
115
|
|
|
/** |
|
116
|
|
|
* Adds an header to the menu |
|
117
|
|
|
* @param String|HtmlDoubleElement $caption |
|
118
|
|
|
* @return \Ajax\common\html\HtmlDoubleElement |
|
119
|
|
|
*/ |
|
120
|
|
|
public function addHeader($caption){ |
|
121
|
|
|
if(!($caption instanceof HtmlDoubleElement)){ |
|
122
|
|
|
$header=new HtmlDoubleElement('','div'); |
|
123
|
|
|
$header->setContent($caption); |
|
124
|
|
|
}else{ |
|
125
|
|
|
$header=$caption; |
|
126
|
|
|
} |
|
127
|
|
|
$header->addClass('item header'); |
|
128
|
|
|
$this->wrapContent($header); |
|
129
|
|
|
return $header; |
|
130
|
|
|
} |
|
131
|
|
|
|
|
132
|
|
|
public function addMenuAsItem($menu, $header=null) { |
|
133
|
|
|
return $this->addItem($this->generateMenuAsItem($menu, $header)); |
|
134
|
|
|
} |
|
135
|
|
|
|
|
136
|
|
|
public function addPopupAsItem($value, $identifier, $content="") { |
|
137
|
|
|
$value=new HtmlSemDoubleElement($identifier, "a", "browse item", $value); |
|
138
|
|
|
$value->addContent(new HtmlIcon("", "dropdown")); |
|
139
|
|
|
$value=$this->addItem($value); |
|
140
|
|
|
$popup=new HtmlPopup($value, "popup-" . $this->identifier . "-" . $this->count(), $content); |
|
141
|
|
|
$popup->setFlowing()->setPosition("bottom left")->setOn("click"); |
|
142
|
|
|
$this->wrap("", $popup); |
|
143
|
|
|
return $popup; |
|
144
|
|
|
} |
|
145
|
|
|
|
|
146
|
|
|
public function addDropdownAsItem($value, $items=NULL) { |
|
147
|
|
|
$dd=$value; |
|
148
|
|
|
if (\is_string($value)) { |
|
149
|
|
|
$dd=new HtmlDropdown("dropdown-" . $this->identifier . "-" . $this->count(), $value, $items); |
|
150
|
|
|
} |
|
151
|
|
|
$this->addItem($dd); |
|
152
|
|
|
return $dd; |
|
153
|
|
|
} |
|
154
|
|
|
|
|
155
|
|
|
/** |
|
156
|
|
|
* |
|
157
|
|
|
* {@inheritDoc} |
|
158
|
|
|
* |
|
159
|
|
|
* @see HtmlCollection::createItem() |
|
160
|
|
|
*/ |
|
161
|
|
|
protected function createItem($value) { |
|
162
|
|
|
$itemO=new HtmlMenuItem($this->identifier."-item-" . \sizeof($this->content),""); |
|
163
|
|
|
$itemO->setTagName("a"); |
|
164
|
|
|
$itemO->setContent($value); |
|
165
|
|
|
return $itemO; |
|
166
|
|
|
} |
|
167
|
|
|
|
|
168
|
|
|
public function setSecondary($value=true) { |
|
169
|
|
|
if($value) |
|
170
|
|
|
$this->addToProperty("class", "secondary"); |
|
171
|
|
|
else |
|
172
|
|
|
$this->removePropertyValue("class", "secondary"); |
|
173
|
|
|
return $this; |
|
174
|
|
|
} |
|
175
|
|
|
|
|
176
|
|
|
public function setVertical() { |
|
177
|
|
|
return $this->addToPropertyCtrl("class", "vertical", array ("vertical" )); |
|
178
|
|
|
} |
|
179
|
|
|
|
|
180
|
|
|
public function setPosition($value="right") { |
|
181
|
|
|
return $this->addToPropertyCtrl("class", $value, array ("right","left" )); |
|
182
|
|
|
} |
|
183
|
|
|
|
|
184
|
|
|
public function setPointing($value=Direction::NONE) { |
|
185
|
|
|
return $this->addToPropertyCtrl("class", $value . " pointing", Direction::getConstantValues("pointing")); |
|
186
|
|
|
} |
|
187
|
|
|
|
|
188
|
|
|
public function asTab($vertical=false) { |
|
189
|
|
|
$this->apply(function (HtmlDoubleElement &$item) { |
|
190
|
|
|
$item->setTagName("a"); |
|
191
|
|
|
}); |
|
192
|
|
|
if ($vertical === true) |
|
193
|
|
|
$this->setVertical(); |
|
194
|
|
|
return $this->addToProperty("class", "tabular"); |
|
195
|
|
|
} |
|
196
|
|
|
|
|
197
|
|
|
public function asPagination() { |
|
198
|
|
|
$this->apply(function (HtmlDoubleElement &$item) { |
|
199
|
|
|
$item->setTagName("a"); |
|
200
|
|
|
}); |
|
201
|
|
|
return $this->addToProperty("class", "pagination"); |
|
202
|
|
|
} |
|
203
|
|
|
|
|
204
|
|
|
public function setFixed() { |
|
205
|
|
|
return $this->addToProperty("class", "fixed"); |
|
206
|
|
|
} |
|
207
|
|
|
|
|
208
|
|
|
public function setFluid() { |
|
209
|
|
|
return $this->addToProperty("class", "fluid"); |
|
210
|
|
|
} |
|
211
|
|
|
|
|
212
|
|
|
public function setCompact() { |
|
213
|
|
|
return $this->addToProperty("class", "compact"); |
|
214
|
|
|
} |
|
215
|
|
|
|
|
216
|
|
|
/* |
|
217
|
|
|
* (non-PHPdoc) |
|
218
|
|
|
* @see \Ajax\bootstrap\html\base\BaseHtml::fromDatabaseObject() |
|
219
|
|
|
*/ |
|
220
|
|
|
public function fromDatabaseObject($object, $function) { |
|
221
|
|
|
$return=$function($object); |
|
222
|
|
|
if (\is_array($return)) |
|
223
|
|
|
$this->addItems($return); |
|
224
|
|
|
else |
|
225
|
|
|
$this->addItem($return); |
|
226
|
|
|
} |
|
227
|
|
|
|
|
228
|
|
|
/** |
|
229
|
|
|
* Defines the menu width |
|
230
|
|
|
* @param int $width |
|
231
|
|
|
* @return \Ajax\semantic\html\collections\menus\HtmlMenu |
|
232
|
|
|
*/ |
|
233
|
|
|
public function setWidth($width) { |
|
234
|
|
|
if (\is_int($width)) { |
|
|
|
|
|
|
235
|
|
|
$width=Wide::getConstants()["W" . $width]; |
|
236
|
|
|
} |
|
237
|
|
|
$this->addToPropertyCtrl("class", $width, Wide::getConstants()); |
|
238
|
|
|
return $this->addToPropertyCtrl("class", "item", array ("item" )); |
|
239
|
|
|
} |
|
240
|
|
|
|
|
241
|
|
|
public function addImage($identifier, $src="", $alt="") { |
|
242
|
|
|
return $this->addItem(new HtmlImg($identifier, $src, $alt)); |
|
243
|
|
|
} |
|
244
|
|
|
|
|
245
|
|
|
public static function vertical($identifier, $items=array()) { |
|
246
|
|
|
return (new HtmlMenu($identifier, $items))->setVertical(); |
|
247
|
|
|
} |
|
248
|
|
|
|
|
249
|
|
|
public function getItemHeader() { |
|
250
|
|
|
return $this->_itemHeader; |
|
251
|
|
|
} |
|
252
|
|
|
|
|
253
|
|
|
public function setHasContainer(){ |
|
254
|
|
|
return $this->wrapContent("<div class='ui container'>","</div>"); |
|
255
|
|
|
} |
|
256
|
|
|
|
|
257
|
|
|
public function run(JsUtils $js){ |
|
258
|
|
|
if($this->identifier!=="" && !isset($this->_bsComponent)) |
|
259
|
|
|
$this->onClick('if(!$(this).hasClass("dropdown")&&!$(this).hasClass("no-active")){$(this).addClass("active").siblings().removeClass("active");}',false,false); |
|
260
|
|
|
$result= parent::run($js); |
|
261
|
|
|
return $result->setItemSelector(">.item:not(.header)"); |
|
262
|
|
|
} |
|
263
|
|
|
} |
|
264
|
|
|
|