Semantic Tab compo

jcheron · jcheron · commit c8eebbc12ecc · 2016-11-30T02:40:27.000+01:00
diff --git a/Ajax/semantic/components/Tab.php b/Ajax/semantic/components/Tab.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace Ajax\semantic\components;
+
+use Ajax\common\components\SimpleExtComponent;
+use Ajax\JsUtils;
+
+class Tab extends SimpleExtComponent {
+
+	public function __construct(JsUtils $js) {
+		parent::__construct($js);
+		$this->uiName="tab";
+	}
+
+	//TODO other events implementation
+}
diff --git a/Ajax/semantic/html/base/traits/AttachedTrait.php b/Ajax/semantic/html/base/traits/AttachedTrait.php
@@ -8,11 +8,11 @@
 trait AttachedTrait {
 
 	/**
-	 *
+	 * @param HtmlSemDoubleElement $toElement
 	 * @param string $side
 	 * @return \Ajax\semantic\html\base\HtmlSemDoubleElement
 	 */
-	public function setAttachment(HtmlSemDoubleElement $toElement, $value=Side::BOTH) {
+	public function setAttachment($toElement, $value=Side::BOTH) {
 		if (isset($toElement)) {
 			$toElement->addToPropertyCtrl("class", "attached", array ("attached" ));
 		}
diff --git a/Ajax/semantic/html/base/traits/BaseTrait.php b/Ajax/semantic/html/base/traits/BaseTrait.php
@@ -115,6 +115,14 @@ public function setFluid() {
 		return $this->addToProperty("class", "fluid");
 	}
 
+	/**
+	 * show it is currently the active user selection
+	 * @return \Ajax\semantic\html\base\HtmlSemDoubleElement
+	 */
+	public function setActive($value=true){
+		return $this->addToProperty("class", "active");
+	}
+
 	/**
 	 * can be formatted to appear on dark backgrounds
 	 */
diff --git a/Ajax/semantic/html/collections/menus/HtmlMenu.php b/Ajax/semantic/html/collections/menus/HtmlMenu.php
@@ -15,6 +15,7 @@
 use Ajax\semantic\html\elements\html5\HtmlLink;
 use Ajax\semantic\html\elements\HtmlInput;
 use Ajax\semantic\html\elements\HtmlButton;
+use Ajax\semantic\html\base\traits\AttachedTrait;
 
 /**
  * Semantic Menu component
@@ -23,6 +24,7 @@
  * @version 1.001
  */
 class HtmlMenu extends HtmlSemCollection {
+	use AttachedTrait;
 	private $_itemHeader;
 
 	public function __construct($identifier, $items=array()) {
@@ -130,7 +132,7 @@ public function addDropdownAsItem($value, $items=NULL) {
 	 * @see \Ajax\common\html\html5\HtmlCollection::createItem()
 	 */
 	protected function createItem($value) {
-		$itemO=new HtmlLink("item-" . \sizeof($this->content), "", $value);
+		$itemO=new HtmlLink($this->identifier."item" . \sizeof($this->content), "", $value);
 		return $itemO->setClass("item");
 	}
 
diff --git a/Ajax/semantic/html/content/HtmlAbsractItem.php b/Ajax/semantic/html/content/HtmlAbsractItem.php
@@ -52,10 +52,13 @@ public function getPart($partName="header"){
 		return $this->getElementByPropertyValue("class", $partName, $content);
 	}
 
-	public function setActive(){
-		$this->setTagName("div");
-		$this->removeProperty("href");
-		return $this->addToPropertyCtrl("class", "active", array("active"));
+	public function setActive($value=true){
+		if($value){
+			$this->setTagName("div");
+			$this->removeProperty("href");
+			$this->addToPropertyCtrl("class", "active", array("active"));
+		}
+		return $this;
 	}
 
 	public function asLink($href=NULL,$part=NULL){
diff --git a/Ajax/semantic/html/content/HtmlMenuItem.php b/Ajax/semantic/html/content/HtmlMenuItem.php
@@ -33,6 +33,7 @@ protected function initContent($content){
 			$this->setContent($content);
 		}
 	}
+
 /*	public function addIcon($icon, $before=true) {
 		$content=$this->content;
 		$this->content=new HtmlSemDoubleElement("content-" . $this->identifier, "div", "content");
diff --git a/Ajax/semantic/html/content/HtmlStepItem.php b/Ajax/semantic/html/content/HtmlStepItem.php
@@ -37,8 +37,12 @@ protected function initContent($content){
 		}
 	}
 
-	public function setActive(){
-		return $this->setStatus(StepStatus::ACTIVE);
+	public function setActive($value=true){
+		if($value)
+			$this->setStatus(StepStatus::ACTIVE);
+		else
+			$this->setStatus(StepStatus::NONE);
+		return $this;
 	}
 
 	public function setCompleted(){
diff --git a/Ajax/semantic/html/elements/HtmlButton.php b/Ajax/semantic/html/elements/HtmlButton.php
@@ -128,14 +128,6 @@ public function fromArray($array) {
 		return $array;
 	}
 
-	/**
-	 * show it is currently the active user selection
-	 * @return \Ajax\semantic\html\elements\HtmlButton
-	 */
-	public function setActive() {
-		return $this->addToProperty("class", "active");
-	}
-
 	/**
 	 * hint towards a positive consequence
 	 * @return \Ajax\semantic\html\elements\HtmlButton
diff --git a/Ajax/semantic/html/modules/HtmlAccordion.php b/Ajax/semantic/html/modules/HtmlAccordion.php
@@ -72,7 +72,7 @@ public function setStyled(){
 		return $this->addToProperty("class", "styled");
 	}
 
-	public function setActive($index){
+	public function activate($index){
 		$this->getItem($index)->setActive(true);
 		return $this;
 	}
diff --git a/Ajax/semantic/html/modules/HtmlModal.php b/Ajax/semantic/html/modules/HtmlModal.php
@@ -123,9 +123,6 @@ public function setBasic(){
 		return $this->addToProperty("class", "basic");
 	}
 
-	public function setActive(){
-		return $this->addToProperty("class", "active");
-	}
 
 	public function setTransition($value){
 		$this->_paramParts[]=["'setting'","'transition'","'".$value."'"];
diff --git a/Ajax/semantic/html/modules/HtmlProgress.php b/Ajax/semantic/html/modules/HtmlProgress.php
@@ -49,10 +49,6 @@ public function setIndicating() {
 		return $this->addToProperty("class", "indicating");
 	}
 
-	public function setActive() {
-		return $this->addToProperty("class", "active");
-	}
-
 	public function setWarning() {
 		return $this->addToProperty("class", "warning");
 	}
diff --git a/Ajax/semantic/html/modules/HtmlTab.php b/Ajax/semantic/html/modules/HtmlTab.php
@@ -0,0 +1,83 @@
+<?php
+namespace Ajax\semantic\html\modules;
+
+use Ajax\semantic\html\base\HtmlSemCollection;
+use Ajax\semantic\html\elements\HtmlSegment;
+use Ajax\semantic\html\collections\menus\HtmlMenu;
+use Ajax\semantic\html\base\constants\Side;
+use Ajax\JsUtils;
+
+class HtmlTab extends HtmlSemCollection{
+	protected $params=array();
+
+	public function __construct( $identifier, $tabs=array()){
+		parent::__construct( $identifier, "div", "");
+		$menu=new HtmlMenu("menu".$this->identifier);
+		$menu->asTab(false)->setAttachment(NULL,Side::TOP);
+		$this->content["menu"]=$menu;
+		$this->addItems($tabs);
+		if(\sizeof($tabs)>0)
+			$this->activate(0);
+	}
+
+	protected function createItem($value){
+		$count=$this->count();
+		$title=$value;
+		$content=NULL;
+		if(\is_array($value)){
+			$title=@$value[0];$content=@$value[1];
+		}
+		$menuItem=$this->content["menu"]->addItem($title);
+		$menuItem->addToProperty("data-tab", $menuItem->getIdentifier());
+		$menuItem->removeProperty("href");
+		$segment=new HtmlSegment("item-".$this->identifier."-".$count, $content);
+		$segment->setAttachment(NULL,Side::BOTTOM)->addToProperty("class", "tab")->addToProperty("data-tab",$menuItem->getIdentifier());
+		return $segment;
+	}
+
+	public function activate($index){
+		$this->content["menu"]->getItem($index)->setActive(true);
+		$this->content[$index]->setActive(true);
+		return $this;
+	}
+
+	public function addPanel($title,$content){
+		return $this->addItem([$title,$content]);
+	}
+
+	/**
+	 * render the content of $controller::$action and set the response to a new panel
+	 * @param JsUtils $js
+	 * @param string $title The panel title
+	 * @param Controller $initialController
+	 * @param string $controller a Phalcon controller
+	 * @param string $action a Phalcon action
+	 * @param array $params
+	 */
+	public function forwardPanel(JsUtils $js,$title,$initialController,$controller,$action,$params=array()){
+		return $this->addPanel($title, $js->forward($initialController, $controller, $action,$params));
+	}
+
+	/**
+	 * render the content of an existing view : $controller/$action and set the response to a new panel
+	 * @param JsUtils $js
+	 * @param string $title The panel title
+	 * @param Controller $initialController
+	 * @param string $viewName
+	 * @param $params The parameters to pass to the view
+	 */
+	public function renderViewPanel(JsUtils $js,$title,$initialController, $viewName, $params=array()) {
+		return $this->addPanel($title, $js->renderContent($initialController, $viewName,$params));
+	}
+
+	/*
+	 * (non-PHPdoc)
+	 * @see BaseHtml::run()
+	 */
+	public function run(JsUtils $js) {
+		if(isset($this->_bsComponent)===false)
+			$this->_bsComponent=$js->semantic()->tab("#".$this->identifier." .item",$this->params);
+			$this->addEventsOnRun($js);
+			return $this->_bsComponent;
+	}
+}
diff --git a/Ajax/semantic/traits/SemanticComponentsTrait.php b/Ajax/semantic/traits/SemanticComponentsTrait.php
@@ -14,6 +14,7 @@
 use Ajax\semantic\components\Search;
 use Ajax\semantic\components\Dimmer;
 use Ajax\semantic\components\Modal;
+use Ajax\semantic\components\Tab;
 
 trait SemanticComponentsTrait {
 
@@ -123,4 +124,14 @@ public function modal($attachTo=NULL, $params=NULL,$paramsParts=NULL) {
 		$result->setParamParts($paramsParts);
 		return $result;
 	}
+
+	/**
+	 * @param string $attachTo
+	 * @param string|array $params
+	 * @return Tab
+	 */
+	public function tab($attachTo=NULL, $params=NULL) {
+		$result= $this->addComponent(new Tab($this->js), $attachTo, $params);
+		return $result;
+	}
 }
diff --git a/Ajax/semantic/traits/SemanticHtmlModulesTrait.php b/Ajax/semantic/traits/SemanticHtmlModulesTrait.php
@@ -10,6 +10,7 @@
 use Ajax\semantic\html\modules\HtmlDimmer;
 use Ajax\semantic\html\modules\HtmlModal;
 use Ajax\semantic\html\modules\checkbox\HtmlCheckbox;
+use Ajax\semantic\html\modules\HtmlTab;
 
 trait SemanticHtmlModulesTrait {
 
@@ -80,4 +81,14 @@ public function htmlDimmer($identifier, $content=NULL) {
 	public function htmlModal($identifier, $header="", $content="", $actions=array()) {
 		return $this->addHtmlComponent(new HtmlModal($identifier, $header,$content,$actions));
 	}
+
+	/**
+	 * Returns a new Semantic Tab
+	 * @see http://semantic-ui.com/modules/tab.html
+	 * @param array $tabs
+	 * @return HtmlTab
+	 */
+	public function htmlTab($identifier, $tabs=array()) {
+		return $this->addHtmlComponent(new HtmlTab($identifier, $tabs));
+	}
 }

Original file line number	Diff line number	Diff line change
`@@ -33,6 +33,7 @@ protected function initContent($content){`
`33`	`33`	`$this->setContent($content);`
`34`	`34`	`}`
`35`	`35`	`}`
	`36`	`+`
`36`	`37`	`/* public function addIcon($icon, $before=true) {`
`37`	`38`	`$content=$this->content;`
`38`	`39`	`$this->content=new HtmlSemDoubleElement("content-" . $this->identifier, "div", "content");`
Original file line number	Diff line number	Diff line change
`@@ -37,8 +37,12 @@ protected function initContent($content){`
`37`	`37`	`}`
`38`	`38`	`}`
`39`	`39`
`40`		`- public function setActive(){`
`41`		`- return $this->setStatus(StepStatus::ACTIVE);`
	`40`	`+ public function setActive($value=true){`
	`41`	`+ if($value)`
	`42`	`+ $this->setStatus(StepStatus::ACTIVE);`
	`43`	`+ else`
	`44`	`+ $this->setStatus(StepStatus::NONE);`
	`45`	`+ return $this;`
`42`	`46`	`}`
`43`	`47`
`44`	`48`	`public function setCompleted(){`
Original file line number	Diff line number	Diff line change
`@@ -72,7 +72,7 @@ public function setStyled(){`
`72`	`72`	`return $this->addToProperty("class", "styled");`
`73`	`73`	`}`
`74`	`74`
`75`		`- public function setActive($index){`
	`75`	`+ public function activate($index){`
`76`	`76`	`$this->getItem($index)->setActive(true);`
`77`	`77`	`return $this;`
`78`	`78`	`}`
Original file line number	Diff line number	Diff line change
`@@ -123,9 +123,6 @@ public function setBasic(){`
`123`	`123`	`return $this->addToProperty("class", "basic");`
`124`	`124`	`}`
`125`	`125`
`126`		`- public function setActive(){`
`127`		`- return $this->addToProperty("class", "active");`
`128`		`- }`
`129`	`126`
`130`	`127`	`public function setTransition($value){`
`131`	`128`	`$this->_paramParts[]=["'setting'","'transition'","'".$value."'"];`