Fix DataTable Json pagination +...

Add visibility compo
HtmlList suitePoints

Author: jcheron

Ajax/JsUtils.php

@@ -294,6 +294,7 @@ public function compile(&$view=NULL, $view_var='script_foot', $script_tags=TRUE)
 			$script=$this->defer($script);
 		}
 		$script.=";";
+
 		$this->jquery_code_for_compile=array();
 		if($this->params["debug"]===false){
 			$script=$this->minify($script);
@@ -303,6 +304,7 @@ public function compile(&$view=NULL, $view_var='script_foot', $script_tags=TRUE)
 		if ($view!==NULL){
 			$this->createScriptVariable($view,$view_var, $output);
 		}
+		
 		return $output;
 	}
 

Ajax/common/Widget.php

@@ -162,15 +162,19 @@ public function setFields($fields){
 		return $this;
 	}
 
-	public function addField($field){
-		$this->_instanceViewer->addField($field);
+	public function addField($field,$key=null){
+		$this->_instanceViewer->addField($field,$key);
 		return $this;
 	}
 
 	public function addFields($fields){
 		$this->_instanceViewer->addFields($fields);
 		return $this;
 	}
+	
+	public function countFields(){
+		return $this->_instanceViewer->visiblePropertiesCount();
+	}
 
 	public function addMessage($attributes=NULL,$fieldName="message"){
 		$this->_instanceViewer->addField($fieldName);
@@ -182,15 +186,15 @@ public function addErrorMessage(){
 		return $this->addMessage(["error"=>true],"message");
 	}
 
-	public function insertField($index,$field){
+	public function insertField($index,$field,$key=null){
 		$index=$this->_getIndex($index);
-		$this->_instanceViewer->insertField($index, $field);
+		$this->_instanceViewer->insertField($index, $field,$key);
 		return $this;
 	}
 
-	public function insertInField($index,$field){
+	public function insertInField($index,$field,$key=null){
 		$index=$this->_getIndex($index);
-		$this->_instanceViewer->insertInField($index, $field);
+		$this->_instanceViewer->insertInField($index, $field,$key);
 		return $this;
 	}
 

Ajax/common/html/BaseHtml.php

@@ -22,6 +22,7 @@ abstract class BaseHtml extends BaseWidget {
 	protected $_wrapAfter=array ();
 	protected $_bsComponent;
 	protected $_compiled=false;
+	protected $_runned=false;
 	protected $_postCompile;
 	protected $_preCompile;
 

Ajax/common/html/HtmlCollection.php

@@ -227,4 +227,15 @@ public function asLinks($hrefs=[],$target=NUll) {
 		}
 		return $this;
 	}
+	
+	/**
+	 * Remove a portion of the items array and replace it with something else
+	 * @param int $offset
+	 * @param int $length  If length is omitted, removes everything from offset to the end of the array. If length is specified and is positive, then that many elements will be removed. If length is specified and is negative then the end of the removed portion will be that many elements from the end of the array. If length is specified and is zero, no elements will be removed. Tip: to remove everything from offset to the end of the array when replacement is also specified, use count($input) for length. 
+	 * @return $this
+	 */
+	public function splice($offset,$length=null){
+		$this->content=array_slice($this->content, $offset,$length);
+		return $this;
+	}
 }

Ajax/common/html/traits/BaseHtmlEventsTrait.php

@@ -7,7 +7,7 @@
 
 /**
  * @author jc
- * @property SimpleExtComponent $_bsComponent
+ * @property \Ajax\common\components\SimpleExtComponent $_bsComponent
  * @property string identifier
  * @property BaseHtml _self
  */
@@ -100,7 +100,9 @@ public function addEventsOnRun(JsUtils $js=NULL) {
 				$this->_bsComponent->addEvent($event, $code);
 			}
 			$this->_events=array ();
+			return $this->_bsComponent->getScript();
 		}
+		return "";
 	}
 
 	protected function _eventsOnCreate(JsUtils $js=NULL){
@@ -239,4 +241,11 @@ public function jsHide() {
 	public function jsToggle($value) {
 		return $this->jsDoJquery("toggle",$value);
 	}
+	/**
+	 * @return multitype:
+	 */
+	public function getEvents() {
+		return $this->_events;
+	}
+
 }

Ajax/common/traits/JsUtilsAjaxTrait.php

@@ -313,11 +313,12 @@ private function _jsonArray($maskSelector, $url, $method="get", $parameters=[])
 		}
 		$appendTo="\t\tnewElm.appendTo(".$parent.");\n";
 		$retour=$parent.".find('.{$rowClass}').remove();";
-		$retour.="\tdata=($.isPlainObject(data))?data:JSON.parse(data);\t".$jsCallback.";\n$.each(data, function(index, value) {\n"."\tvar created=false;var maskElm=$('".$maskSelector."').first();maskElm.hide();"."\tvar newId=(maskElm.attr('id') || 'mask')+'-'+index;"."\tvar newElm=".$newElm.";\n"."\tif(!newElm.length){\n"."\t\tnewElm=maskElm.clone();
+		$retour.="\tdata=($.isPlainObject(data)||$.isArray(data))?data:JSON.parse(data);\n$.each(data, function(index, value) {\n"."\tvar created=false;var maskElm=$('".$maskSelector."').first();maskElm.hide();"."\tvar newId=(maskElm.attr('id') || 'mask')+'-'+index;"."\tvar newElm=".$newElm.";\n"."\tif(!newElm.length){\n"."\t\tnewElm=maskElm.clone();
 		newElm.attr('id',newId);\n;newElm.addClass('{$rowClass}').removeClass('_jsonArrayModel');\nnewElm.find('[id]').each(function(){ var newId=$(this).attr('id')+'-'+index;$(this).attr('id',newId).removeClass('_jsonArrayChecked');});\n";
 		$retour.= $appendTo;
 		$retour.="\t}\n"."\tfor(var key in value){\n"."\t\t\tvar html = $('<div />').append($(newElm).clone()).html();\n"."\t\t\tif(html.indexOf('__'+key+'__')>-1){\n"."\t\t\t\tcontent=$(html.split('__'+key+'__').join(value[key]));\n"."\t\t\t\t$(newElm).replaceWith(content);newElm=content;\n"."\t\t\t}\n"."\t\tvar sel='[data-id=\"'+key+'\"]';if($(sel,newElm).length){\n"."\t\t\tvar selElm=$(sel,newElm);\n"."\t\t\t if(selElm.is('[value]')) { selElm.attr('value',value[key]);selElm.val(value[key]);} else { selElm.html(value[key]); }\n"."\t\t}\n"."}\n"."\t$(newElm).show(true);"."\n"."\t$(newElm).removeClass('hide');"."});\n";
 		$retour.="\t$(document).trigger('jsonReady',[data]);\n";
+		$retour.="\t".$jsCallback;
 		$parameters["jsCallback"]=$retour;
 		return $this->_ajax($method, $url,null,$parameters);
 	}

Ajax/semantic/components/Visibility.php

@@ -0,0 +1,36 @@
+<?php
+
+namespace Ajax\semantic\components;
+
+use Ajax\JsUtils;
+
+/**
+ * Visibility provides a set of callbacks for when a content appears in the viewport
+ * @see https://semantic-ui.com/behaviors/visibility.html
+ * @author jc
+ *
+ */
+class Visibility extends SimpleSemExtComponent{
+	
+	public function __construct(JsUtils $js) {
+		parent::__construct($js);
+		$this->uiName="visibility";
+		$this->params=["once"=>false,"observeChanges"=>true];
+	}
+	
+	public function setOnce($value=false) {
+		return $this->setParam("once", $value);
+	}
+	
+	public function setObserveChanges($value=true) {
+		return $this->setParam("observeChanges", $value);
+	}
+	
+	public function setOnTopVisible($value) {
+		$this->params["onTopVisible"]="%function(){".$value."}%";
+	}
+	
+	public function setOnBottomVisible($value) {
+		$this->params["onBottomVisible"]="%function(){".$value."}%";
+	}
+}

Ajax/semantic/html/collections/menus/HtmlMenu.php

@@ -55,6 +55,7 @@ public function setActiveItem($index) {
 	private function getItemToInsert($item) {
 		if ($item instanceof HtmlInput || $item instanceof HtmlImg || $item instanceof HtmlIcon || $item instanceof HtmlButtonGroups || $item instanceof HtmlButton || $item instanceof HtmlLabel) {
 			$itemO=new HtmlMenuItem("item-" . $this->identifier . "-" . \sizeof($this->content) , $item);
+			$itemO->addClass("no-active");
 			$item=$itemO;
 		}
 		return $item;

Ajax/semantic/html/collections/menus/HtmlPaginationMenu.php

@@ -2,36 +2,49 @@
 
 namespace Ajax\semantic\html\collections\menus;
 
-use Ajax\semantic\html\collections\menus\HtmlMenu;
 use Ajax\JsUtils;
 
 use Ajax\semantic\html\elements\HtmlIcon;
 
 class HtmlPaginationMenu extends HtmlMenu{
 	private $_page;
+	private $_pages;
+	private $_max;
 	public function __construct( $identifier, $items=array() ){
 		parent::__construct( $identifier,$items);
+		$this->_pages=$items;
 	}
 	/**
 	 * {@inheritDoc}
 	 * @see \Ajax\common\html\BaseHtml::compile()
 	 */
 	public function compile(JsUtils $js=NULL,&$view=NULL){
-		$max=\sizeof($this->content);
+		$max=$this->_max;//\sizeof($this->content);
+		foreach ($this->content as $item){
+			$item->addClass("pageNum");
+		}
 		$this->insertItem(new HtmlIcon("", "left chevron"))->setProperty("data-page", \max([1,$this->_page-1]))->addToProperty("class","_firstPage no-active");
 		$this->addItem(new HtmlIcon("", "right chevron"))->setProperty("data-page", \min([$max,$this->_page+1]))->setProperty("data-max", $max)->addToProperty("class","_lastPage no-active");
 		$this->asPagination();
 		return parent::compile($js,$view);
 	}
 
-	public function setActiveItem($index) {
-		$result=parent::setActiveItem($index);
-		$this->_page=$index+1;
-		return $result;
+	public function setActivePage($page){
+		$index=$page-$this->_pages[0];
+		$item=$this->setActiveItem($index);
+		$this->_page=$page;
+		return $this;
 	}
 
 	public function getPage() {
 		return $this->_page;
 	}
+	/**
+	 * @param mixed $_max
+	 */
+	public function setMax($_max) {
+		$this->_max = $_max;
+	}
+
 
 }

Ajax/semantic/html/collections/table/ActiveRow.php

@@ -55,7 +55,7 @@ public function setMultiple($multiple) {
 		return $this;
 	}
 
-	public function compile(){
+	public function run(){
 		$multiple="";
 		if(!$this->multiple){
 			$multiple="$(this).closest('tbody').children('tr').removeClass('".$this->class."');";