From dc3188542f5d57ff1812a73b7824c53b8061d4a5 Mon Sep 17 00:00:00 2001
From: "marcelo.cuiza" <marcelo.cuiza@colosa.com>
Date: Thu, 14 May 2015 11:43:22 -0400
Subject: [PATCH] PM-2694
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Estandarizacióe "Placeholder" para al campo "Search" en los listados para el "Classic Designer"

Se cambio el texto del placeholder de los campos de busqueda
---
 .../xmlform/cases/cases_Scheduler_Options.xml | 24 ++++++++++++++++++-
 .../dbConnections/dbConnections_Options.xml   | 24 +++++++++++++++++--
 .../xmlform/dynaforms/dynaforms_Options.xml   | 22 ++++++++++++++++-
 .../xmlform/inputdocs/inputdocs_Options.xml   | 22 ++++++++++++++++-
 .../xmlform/outputdocs/outputdocs_Options.xml | 22 ++++++++++++++++-
 ...rocesses_availableProcessesUserOptions.xml | 22 ++++++++++++++++-
 .../xmlform/triggers/triggers_Options.xml     | 22 ++++++++++++++++-
 .../engine/xmlform/users/users_Searchx.xml    | 22 ++++++++++++++++-
 8 files changed, 171 insertions(+), 9 deletions(-)

diff --git a/workflow/engine/xmlform/cases/cases_Scheduler_Options.xml b/workflow/engine/xmlform/cases/cases_Scheduler_Options.xml
index b1aa61524..dcb9f0e5d 100755
--- a/workflow/engine/xmlform/cases/cases_Scheduler_Options.xml
+++ b/workflow/engine/xmlform/cases/cases_Scheduler_Options.xml
@@ -12,7 +12,29 @@
   <PAGED_TABLE_ID type="private"/>
   <PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/>
   <JS type="javascript"><![CDATA[
-document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)";    
+
+add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
+function add_placeholder (id, placeholder) {
+	var el = document.getElementById(id);
+	el.placeholder = placeholder;
+ 
+    el.onfocus = function () {
+		if(this.value == this.placeholder) {
+			this.value = '';
+			el.style.cssText  = '';
+		}
+    };
+ 
+    el.onblur = function () {
+		if(this.value.length == 0) {
+			this.value = this.placeholder;
+			el.style.cssText = 'color:#A9A9A9;';
+		}
+    };
+ 
+	el.onblur();
+}
+
 function $_GET(q,s) {
     s = (s) ? s : self.location.search;
     var re = new RegExp('&'+q+'=([^&]*)','i');
diff --git a/workflow/engine/xmlform/dbConnections/dbConnections_Options.xml b/workflow/engine/xmlform/dbConnections/dbConnections_Options.xml
index 548ef31a3..105fe20e0 100755
--- a/workflow/engine/xmlform/dbConnections/dbConnections_Options.xml
+++ b/workflow/engine/xmlform/dbConnections/dbConnections_Options.xml
@@ -8,7 +8,27 @@
   <PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/>
   <SEARCH_FILTER_FORM type="private"/>
   <js type="javascript" replaceTags="1"><![CDATA[
-document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)";    
-var currentPagedTable = @#PAGED_TABLE_ID;
+  add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
+  function add_placeholder (id, placeholder) {
+   	var el = document.getElementById(id);
+   	el.placeholder = placeholder;
+     
+    el.onfocus = function () {
+    	if(this.value == this.placeholder) {
+    	  this.value = '';
+    	  el.style.cssText  = '';
+    	}
+     };
+     
+    el.onblur = function () {
+  	  if(this.value.length == 0) {
+    	  this.value = this.placeholder;
+    	  el.style.cssText = 'color:#A9A9A9;';
+        }
+    };
+     
+  	el.onblur();
+  }  
+  var currentPagedTable = @#PAGED_TABLE_ID;
 ]]></js>
 </dynaForm>
diff --git a/workflow/engine/xmlform/dynaforms/dynaforms_Options.xml b/workflow/engine/xmlform/dynaforms/dynaforms_Options.xml
index daaf5db2b..522731663 100755
--- a/workflow/engine/xmlform/dynaforms/dynaforms_Options.xml
+++ b/workflow/engine/xmlform/dynaforms/dynaforms_Options.xml
@@ -13,7 +13,27 @@
   <dynaformsFlatEditor type="private" defaultValue="../dynaforms/dynaforms_FlatEditor"/>
   <dynaformsDelete type="private" defaultValue="../dynaforms/dynaforms_Delete"/>
   <js type="javascript" replaceTags="1"><![CDATA[
-  document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)";
+  add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
+  function add_placeholder (id, placeholder) {
+	var el = document.getElementById(id);
+	el.placeholder = placeholder;
+ 
+    el.onfocus = function () {
+		if(this.value == this.placeholder) {
+			this.value = '';
+			el.style.cssText  = '';
+		}
+    };
+ 
+    el.onblur = function () {
+		if(this.value.length == 0) {
+			this.value = this.placeholder;
+			el.style.cssText = 'color:#A9A9A9;';
+		}
+    };
+ 
+	el.onblur();
+  }
   function dynaformAdd(){
     popupWindow("@G::LoadTranslation(ID_NEW_DYNAFORM)", "@G::encryptlink(@#dynaformsChoseType)?PRO_UID=@%PRO_UID" , 500, 225);
 	//popupWindow('@G::LoadTranslation(ID_NEW_DYNAFORM)', '@G::encryptlink(@#dynaformsNewPlugin)?PRO_UID=@%PRO_UID' , 500, 350);
diff --git a/workflow/engine/xmlform/inputdocs/inputdocs_Options.xml b/workflow/engine/xmlform/inputdocs/inputdocs_Options.xml
index a8ebb786a..9a975cfd7 100755
--- a/workflow/engine/xmlform/inputdocs/inputdocs_Options.xml
+++ b/workflow/engine/xmlform/inputdocs/inputdocs_Options.xml
@@ -9,7 +9,27 @@
   <inputdocsEdit type="private" defaultValue="../inputdocs/inputdocs_Edit"/>
   <inputdocsDelete type="private" defaultValue="../inputdocs/inputdocs_Delete"/>
   <js type="javascript" replaceTags="1"><![CDATA[
-document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)";    
+add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
+  function add_placeholder (id, placeholder) {
+    	var el = document.getElementById(id);
+    	el.placeholder = placeholder;
+     
+        el.onfocus = function () {
+    		if(this.value == this.placeholder) {
+    			this.value = '';
+    			el.style.cssText  = '';
+    		}
+        };
+     
+        el.onblur = function () {
+    		if(this.value.length == 0) {
+    			this.value = this.placeholder;
+    			el.style.cssText = 'color:#A9A9A9;';
+    		}
+        };
+     
+    	el.onblur();
+  }    
 var currentPagedTable = @#PAGED_TABLE_ID;
   function inputdocsAdd(){//alert('@G::encryptlink(@#inputdocsEdit)?PRO_UID=@%PRO_UID');
 		popupWindow('@G::LoadTranslation(ID_NEW_INPUTDOCS)', '@G::encryptlink(@#inputdocsEdit)?PRO_UID=@%PRO_UID' , 500, 410);
diff --git a/workflow/engine/xmlform/outputdocs/outputdocs_Options.xml b/workflow/engine/xmlform/outputdocs/outputdocs_Options.xml
index d4e879f3a..1a3cee9b6 100755
--- a/workflow/engine/xmlform/outputdocs/outputdocs_Options.xml
+++ b/workflow/engine/xmlform/outputdocs/outputdocs_Options.xml
@@ -1,7 +1,27 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <dynaForm type="xmlmenu"><MNU_ADD type="link" value="" link="#" onclick="outputdocsAdd(); return false;" colAlign="left" colWidth="100"><en><![CDATA[New]]></en></MNU_ADD><PAGED_TABLE_ID type="private"/><PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/><PRO_UID type="private"/><![CDATA[>
 ]]><outputdocs_New type="private" defaultValue="../outputdocs/outputdocs_New"/><outputdocs_Edit type="private" defaultValue="../outputdocs/outputdocs_Edit"/><outputdocs_Properties type="private" defaultValue="../outputdocs/outputdocs_Properties"/><outputdocs_Delete type="private" defaultValue="../outputdocs/outputdocs_Delete"/><js type="javascript" replaceTags="1"><![CDATA[
-document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)";
+add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
+function add_placeholder (id, placeholder) {
+	var el = document.getElementById(id);
+	el.placeholder = placeholder;
+ 
+    el.onfocus = function () {
+		if(this.value == this.placeholder) {
+			this.value = '';
+			el.style.cssText  = '';
+		}
+    };
+ 
+    el.onblur = function () {
+		if(this.value.length == 0) {
+			this.value = this.placeholder;
+			el.style.cssText = 'color:#A9A9A9;';
+		}
+    };
+ 
+	el.onblur();
+}
 var currentPagedTable = @#PAGED_TABLE_ID;
 var outputdocsEditor;
 
diff --git a/workflow/engine/xmlform/processes/processes_availableProcessesUserOptions.xml b/workflow/engine/xmlform/processes/processes_availableProcessesUserOptions.xml
index 26947ce5a..2c152eb56 100755
--- a/workflow/engine/xmlform/processes/processes_availableProcessesUserOptions.xml
+++ b/workflow/engine/xmlform/processes/processes_availableProcessesUserOptions.xml
@@ -5,7 +5,27 @@
 <PAGED_TABLE_ID type="private"/>
 <PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/>
  <JS type="javascript"><![CDATA[
-    document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)"; 
+  add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
+  function add_placeholder (id, placeholder){
+   	var el = document.getElementById(id);
+   	el.placeholder = placeholder;
+     
+    el.onfocus = function () {
+    	if(this.value == this.placeholder) {
+    	  this.value = '';
+    	  el.style.cssText  = '';
+    	}
+     };
+     
+    el.onblur = function () {
+  	  if(this.value.length == 0) {
+    	  this.value = this.placeholder;
+    	  el.style.cssText = 'color:#A9A9A9;';
+        }
+    };
+     
+  	el.onblur();
+  }
 ]]></JS>
 
 </dynaForm> 
\ No newline at end of file
diff --git a/workflow/engine/xmlform/triggers/triggers_Options.xml b/workflow/engine/xmlform/triggers/triggers_Options.xml
index ddafb3990..f61fc968f 100755
--- a/workflow/engine/xmlform/triggers/triggers_Options.xml
+++ b/workflow/engine/xmlform/triggers/triggers_Options.xml
@@ -19,7 +19,27 @@
   <PAGED_TABLE_ID type="private"/>
   <PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/>
   <JS type="javascript" replaceTags="1"><![CDATA[
-  document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)";  
+  add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
+  function add_placeholder (id, placeholder){
+   	var el = document.getElementById(id);
+   	el.placeholder = placeholder;
+     
+    el.onfocus = function () {
+    	if(this.value == this.placeholder) {
+    	  this.value = '';
+    	  el.style.cssText  = '';
+    	}
+     };
+     
+    el.onblur = function () {
+  	  if(this.value.length == 0) {
+    	  this.value = this.placeholder;
+    	  el.style.cssText = 'color:#A9A9A9;';
+        }
+    };
+     
+  	el.onblur();
+  }
   var windowWidth = 600;
   var windowHeight = 460;
 
diff --git a/workflow/engine/xmlform/users/users_Searchx.xml b/workflow/engine/xmlform/users/users_Searchx.xml
index 0f18b5328..16f61e219 100755
--- a/workflow/engine/xmlform/users/users_Searchx.xml
+++ b/workflow/engine/xmlform/users/users_Searchx.xml
@@ -6,6 +6,26 @@
 <PAGED_TABLE_ID type="private"/>
 <PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/>
  <JS type="javascript"><![CDATA[
-    document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)"; 
+  add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
+  function add_placeholder (id, placeholder){
+   	var el = document.getElementById(id);
+   	el.placeholder = placeholder;
+     
+    el.onfocus = function () {
+    	if(this.value == this.placeholder) {
+    	  this.value = '';
+    	  el.style.cssText  = '';
+    	}
+     };
+     
+    el.onblur = function () {
+  	  if(this.value.length == 0) {
+    	  this.value = this.placeholder;
+    	  el.style.cssText = 'color:#A9A9A9;';
+        }
+    };
+     
+  	el.onblur();
+  }
 ]]></JS>
 </dynaForm> 
\ No newline at end of file