From 6f169caf78d4223be5611b194068656d7609a092 Mon Sep 17 00:00:00 2001
From: Dany De Bontridder <dany@alchimerys.be>
Date: Fri, 12 Mar 2021 10:09:39 +0100
Subject: [PATCH] Manage_Table : add CSS Class

---
 html/js/managetable.js                 |  7 +++++--
 include/lib/manage_table_sql.class.php | 18 ++++++++++++++++--
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/html/js/managetable.js b/html/js/managetable.js
index da5b8605f..78c2ddd60 100644
--- a/html/js/managetable.js
+++ b/html/js/managetable.js
@@ -76,6 +76,7 @@ var ManageTable = function (p_table_name)
     this.control = "dtr"; //<! Prefix Id of dialog box, table, row
     this.mt_style={position: "fixed", top:  '15%', width: "auto", "max-width":"60%","margin-left": "20%"};
     this.sort_column=0;
+    this.cssclass="inner_box";
     this.param = {"table": p_table_name, "ctl_id": this.control}; //<! default value to pass
     this.set_style=function(p_json) {
         this.mt_style=p_json;
@@ -308,13 +309,15 @@ var ManageTable = function (p_table_name)
                 remove_waiting_box();
                 try {
                     var x = here.parseXML(req);
-                    var obj = {id: control, "cssclass": "inner_box", "html": loading()};
+                    var obj = {id: control, "cssclass": here.cssclass, "html": loading()};
                     add_div(obj);
-                    var pos = calcy(250);
+                    var pos = calcy(50);
                     if (window.innerWidth < 1200) {
                         here.mt_style["margin-left"]="2%";
                         here.mt_style["max-width"]="80%";
                     }
+                    here.mt_style["position"]="absolute";
+                    here.mt_style["top"]=pos+"px";
                     console.log(here.mt_style);
                     $(obj.id).setStyle(here.mt_style);
                     $(obj.id).update(x['html']);
diff --git a/include/lib/manage_table_sql.class.php b/include/lib/manage_table_sql.class.php
index 2b56a3ea8..9e78042df 100644
--- a/include/lib/manage_table_sql.class.php
+++ b/include/lib/manage_table_sql.class.php
@@ -88,9 +88,11 @@ class Manage_Table_SQL
 
     private $icon_mod; //!< place of right or left the icon update or mod, default right, accepted value=left,right,first column for mod
     private $icon_del; //!< place of right or left the icon update or mod, default right, accepted value=left,right
-    private $dialogbox_style; 
+    private $dialogbox_style; //!< style of the dialog box
     private $button_add_top;  //!< place of the button add on the top, by default true
     protected $title; //! < give the title of the diabox , default is Data
+    private $cssclass; //! CSS class for the dialog box
+    
     /**
      * @brief Constructor : set the label to the column name,
      * the order of the column , set the properties and the
@@ -133,7 +135,15 @@ class Manage_Table_SQL
         $this->search_table=true;
         $this->button_add_top=true;
         $this->title=_("Donnée");
+        $this->cssclass="inner_box";
+        
     }
+    function setCssClass($p_class) {
+		$this->cssclass=$p_class;
+	}
+	function getCssClass() {
+		return $this->cssclass;
+	}
     /**
      * Set the title of the diabox , default is Donnée
      * @param type $p_title
@@ -450,6 +460,7 @@ function check()
 		{$this->object_name}.set_sort({$this->get_col_sort()});
 		{$this->object_name}.set_control(\"{$this->get_dialog_box()}\");
 		{$this->object_name}.set_style($style);
+		{$this->object_name}.cssclass=\"{$this->cssclass}\";
 		</script>
 
 	";
@@ -978,7 +989,10 @@ function check()
     /**
      * @brief display into a dialog box the datarow in order 
      * to be appended or modified. Can be override if you need
-     * a more complex form.
+     * a more complex form or add elements with "set_order" before 
+     * calling this function. 
+     * This function does not add the form , only the table, 
+     *  
      */
     function input()
     {