Histórico da Página
| HTML |
|---|
<div id="myContent"></div>
<script type="text/javascript">
var _collapsiblePanel1 = null;
createCollapsiblePanel = function(optCollapsiblePanel){
var oCollapsiblePanel = function(optCollapsiblePanel){
this.ID = "collapsiblePanel1";
this.Title = "";
this.MenuInstance = "";
this.Collapsible = false;
this.Wrapper = "";
this.Parent = "";
this.Object = "";
this.Status = "OPENED"
this.MaxHeight = 0;
this.FilterStruct = [];
this.FilterStruct["INDICE"] = [];
this.FilterStruct["TITULO"] = [];
this.FilterStruct["SUBTITULO"] = [];
this.FilterStruct["DESCRICAO"] = [];
this.FilterStruct["DATA"] = [];
this.Collapse = function(){
if(this.Status == "OPENED"){
this.MaxHeight = this.Object.offsetHeight;
this.Object.style.height = "45px";
this.Status = "CLOSED";
}
else{
this.Status = "OPENED";
this.Object.style.height = this.MaxHeight + "px";
}
}
this.BuildFilterStructure = function(){
for (var i = 0; i < window.Containers.length; i++){
if(window.Containers[i].Parent.ID == this.ID){
this.FilterStruct.TITULO[window.Containers[i].Title + "_" + i] = window.Containers[i];
this.FilterStruct.SUBTITULO[window.Containers[i].SubTitle + "_" + i] = window.Containers[i];
this.FilterStruct.DESCRICAO[window.Containers[i].Description + "_" + i] = window.Containers[i];
this.FilterStruct.DATA[window.Containers[i].Date + "_" + i] = window.Containers[i];
this.FilterStruct.INDICE[i] = window.Containers[i];
}
}
}
this.ExecuteAction = function(tipo, tipoItem, texto){
if(tipo == "FILTRARSIMPLES")
this.Filter(tipoItem, texto);
else if(tipo == "FILTRARAVANCADO")
this.FilterAdv(expressao);
}
this.Filter = function(tipoItem, texto){
if(texto != ""){
var StructASerUtilizado = this.FilterStruct[tipoItem];
for(var att in StructASerUtilizado)
StructASerUtilizado[att].Object.style.display = "none";
for(var att in StructASerUtilizado){
if(att.toUpperCase().indexOf(texto.toUpperCase()) >= 0){
StructASerUtilizado[att].Object.style.display = "inline";
}
}
}
else{
for(var att in StructASerUtilizado)
StructASerUtilizado[att].Object.style.display = "inline";
}
}
this.LoadComponents = function(optCollapsiblePanel){
this.ID = optCollapsiblePanel.ID;
this.Title = optCollapsiblePanel.Title;
this.MenuInstance = optCollapsiblePanel.MenuInstance;
this.Collapsible = optCollapsiblePanel.Collapsible;
this.Wrapper = optCollapsiblePanel.Wrapper;
_collapsiblePanelObject = document.createElement("div");
_collapsiblePanelObject.id = this.ID + "_MostExternalDiv" ;
_collapsiblePanelObject.style.width = "100%";
_collapsiblePanelObject.style.height = "auto";
_collapsiblePanelObject.style.overflow = "hidden";
_collapsiblePanelObject.style.margin = "0px";
_collapsiblePanelObject.style.padding = "0px";
_collapsiblePanelObject.style.background = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)";
_collapsiblePanelObject.style.webkitTransition = "height 1s";
_collapsiblePanelObject.style.mozTransition = "height 1s";
_collapsiblePanelObject.style.transition = "height 1s";
_collapsiblePanelObjectHead = document.createElement("div");
_collapsiblePanelObjectHead.id = _collapsiblePanelObject.id + "_Head";
_collapsiblePanelObjectHead.style.background = "#606060";
_collapsiblePanelObjectHead.style.height = "45px";
_collapsiblePanelObjectHead.style.paddingLeft = "10px";
_collapsiblePanelObjectHead.style.color = "#fff";
_collapsiblePanelObjectHead.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
_collapsiblePanelObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
_collapsiblePanelObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
_collapsiblePanelObjectHeadTitle = document.createElement("span");
_collapsiblePanelObjectHeadTitle.id = _collapsiblePanelObjectHead.id + "_Title";
_collapsiblePanelObjectHeadTitle.innerHTML = this.Title;
_collapsiblePanelObjectHeadTitle.style.width = "336px";
_collapsiblePanelObjectHeadTitle.style.textOverflow = "ellipsis";
_collapsiblePanelObjectHeadTitle.style.fontSize = "20pt";
_collapsiblePanelObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
_collapsiblePanelObjectHead.appendChild(_collapsiblePanelObjectHeadTitle);
_collapsiblePanelObjectHeadMenu = document.createElement("div");
_collapsiblePanelObjectHeadMenu.id = _collapsiblePanelObjectHead.id + "_Menu";
_collapsiblePanelObjectHeadMenu.style.float = "right";
_collapsiblePanelObjectHeadMenu.style.marginRight = "10px";
_collapsiblePanelObjectHeadMenu.style.marginTop = "8px";
_collapsiblePanelObjectHeadMenu.style.width = "26px";
_collapsiblePanelObjectHeadMenu.style.height = "26px";
_collapsiblePanelObjectHeadMenu.style.border = "1px solid #606060";
_collapsiblePanelObjectHeadMenuImg = document.createElement("img");
_collapsiblePanelObjectHeadMenuImg.id = _collapsiblePanelObjectHeadMenu.id + "_Img";
_collapsiblePanelObjectHeadMenuImg.src = "http://tdn.totvs.com/download/attachments/243011209/menu.png?version=1&modificationDate=1487769415219&api=v2";
_collapsiblePanelObjectHeadMenuImg.style.width = "16px";
_collapsiblePanelObjectHeadMenuImg.style.height = "16px";
_collapsiblePanelObjectHeadMenuImg.style.marginLeft = "5px";
_collapsiblePanelObjectHeadMenuImg.style.marginTop = "5px";
_collapsiblePanelObjectHeadMenu.appendChild(_collapsiblePanelObjectHeadMenuImg);
_collapsiblePanelObjectHead.appendChild(_collapsiblePanelObjectHeadMenu);
_collapsiblePanelObject.appendChild(_collapsiblePanelObjectHead);
document.getElementById(this.Wrapper).appendChild(_collapsiblePanelObject);
var _objects = [];
var _objectsTable = [];
var optTableOptionItem3 = {
ID: "TableOptionItem3",
Description: "Índice",
Type: "INDICE",
}
HoverAction: function(){
var _objectTable3 = createTableOptionItem(optTableOptionItem3);
input;
_objectsTable.push(_objectTable3);
if(document.getElementById(this.id + "_Input"))
var optTableOptionItem1 = {
ID: "TableOptionItem1",
_input = document.getElementById(this.id + "_Input");
Description: "Título",
Type: "TITULO"else
}
var _objectTable1input = createTableOptionItem(optTableOptionItem1document.createElement("input");
_objectsTable.push(_objectTable1);
var optTableOptionItem2 = {
ID: "TableOptionItem2",
Description: "Sub-título",
_input.id = this.id + "_Input";
Type:_input.style.float = "SUBTITULOright";
}
var _objectTable2_input.style.height = createTableOptionItem(optTableOptionItem2);
"14px";
_objectsTable.push(_objectTable2);
input.style.width = "100px";
var optTableOptionItem5 = {_input.style.display = "inline";
ID: "TableOptionItem5",
var _button;
Description: "Descrição",
Type:if(document.getElementById(this.id + "DESCRICAO_Button"))
}
var _objectTable5button = createTableOptionItem(optTableOptionItem5);
document.getElementById(this.id + "_Button");
_objectsTable.push(_objectTable5);
else
var optTableOptionItem4 = {
ID: "TableOptionItem4",
_button = document.createElement("div");
Description: "Data Criação",
_button.id = this.id + "_Button";
Type: _button.style.float = "DATAright"
}
var _objectTable4_button.innerHTML = createTableOptionItem(optTableOptionItem4)"Filtrar";
_objectsTable.push(_objectTable4);
var optTableOption1_button.style.background = {
"#606060";
ID:_button.style.color = "TableOption1#fff",;
Objects: _objectsTable,
Type: "FILTRARSIMPLES"
_button.style.padding = "0px 5px";
}
var _tableOption1_button.style.display = new createTableOption(optTableOption1)"inline";
var optMenuItem1 = {
ID:SetControlEvents(_button, "MenuItem1CLICK",
Action: function(){
var optPopin1_nameObject = {
ID: "Popin1",this.id.replace("_Button","_Input");
Title: "Filtrar (Simples)", var _typeOptionTable = document.getElementById(this.id.replace("_Button","")).getAttribute("Type");
Align: "CENTER", var _typeOptionTableItem = document.getElementById(this.id.replace("_Button","_Description")).getAttribute("Type");
Modal: true,
var _filterText = document.getElementById(_nameObject).value;
ObjectContent:var _tableOption1.Object
instance = window.CollapsiblePanels[window.CurrentCollapsiblePanel];
}
_instance.ExecuteAction(_typeOptionTable, _typeOptionTableItem, _filterText);
createPopin(optPopin1 window.Popins[window.CurrentPopin].Close();
var _nameParent = this.getAttribute("Parent");
}); var _nameInstance = _nameParent.replace("_MostExternalDiv","");
var _instance = window.Menus[_nameInstance];
_instancethis.HideappendChild(_button);
_instance.Parent.UndoHighlightMenu();this.appendChild(_input);
},
DescriptionOutAction: "Filtrar function(Simplesevent)"{
}
var _object1e = createMenuItem(optMenuItem1);
event.toElement || event.relatedTarget;
_objects.push(_object1);
var optMenuItem4 = {
if (e.parentNode == this || e == this) {
ID: "MenuItem4",
return;
Action: function(){
}
var optPopin4 = {
ID: "Popin4",
Title: "Filtrar (Avançado)",
this.style.backgroundColor = "#909090";
InnerHTML:this.style.cursor = "testedefault",;
Align: "CENTER",
document.getElementById(this.id + "_Description").style.color = "#fff";
Modal: true
if(document.getElementById(this.id + "_Input"))
}
createPopin(optPopin4);document.getElementById(this.id + "_Input").style.display = "none";
var _nameParent = this.getAttribute("Parent"); if(document.getElementById(this.id + "_Button"))
var _nameInstance document.getElementById(this.id + "_Button").style.display = _nameParent.replace("_MostExternalDiv","");
"none";
}
}
var _instanceobjectTable3 = window.Menus[_nameInstance]createTableOptionItem(optTableOptionItem3);
_instanceobjectsTable.Hidepush(_objectTable3);
var optTableOptionItem1 = {
_instance.Parent.UndoHighlightMenu();ID: "TableOptionItem1",
}Description: "Título",
DescriptionType: "Filtrar (Avançado)TITULO",
}
var _object4objectTable1 = createMenuItemcreateTableOptionItem(optMenuItem4optTableOptionItem1);
_objectsobjectsTable.push(_object4objectTable1);
var optMenuItem2optTableOptionItem2 = {
ID: "MenuItem2TableOptionItem2",
ActionDescription: function(){"Sub-título",
var optPopin2 = {
Type: "SUBTITULO"
}
ID: "Popin2",var _objectTable2 = createTableOptionItem(optTableOptionItem2);
_objectsTable.push(_objectTable2);
Title: "Ordenar",
var optTableOptionItem5 = {
InnerHTMLID: "testeTableOptionItem5",
AlignDescription: "CENTERDescrição",
ModalType: true"DESCRICAO"
}
createPopin(optPopin2var _objectTable5 = createTableOptionItem(optTableOptionItem5);
var _nameParent = this.getAttribute("Parent");_objectsTable.push(_objectTable5);
var _nameInstanceoptTableOptionItem4 = _nameParent.replace("_MostExternalDiv","");{
var _instance = window.Menus[_nameInstance];
ID: "TableOptionItem4",
_instance.Hide();
_instance.Parent.UndoHighlightMenu();
}Description: "Data Criação",
DescriptionType: "OrdenarDATA"
}
var _object2objectTable4 = createMenuItemcreateTableOptionItem(optMenuItem2optTableOptionItem4);
_objectsobjectsTable.push(_object2objectTable4);
if(this.Collapsible){
var optMenuItem5optTableOption1 = {
ID: "MenuItem5TableOption1",
ActionObjects: function(){_objectsTable,
Type: "FILTRARSIMPLES"
}
var _nameParenttableOption1 = this.getAttribute("Parent"new createTableOption(optTableOption1);
var _nameInstanceoptMenuItem1 = _nameParent.replace("_MostExternalDiv",""); {
ID: "MenuItem1",
var _instance = window.Menus[_nameInstance];
_instance.Parent.Collapse();
Action: function(){
var _statusoptPopin1 = _instance.Parent.Status;{
ID: "Popin1",
if(_status == "OPENED") Title: "Filtrar (Simples)",
document.getElementById(this.id +Align: "_Description").innerHTML = "Retrair";CENTER",
else Modal: true,
document.getElementById(this.id + "_Description").innerHTML = "Expandir";ObjectContent: _tableOption1.Object
}
_instance.HidecreatePopin(optPopin1);
_instance.Parent.UndoHighlightMenu(var _nameParent = this.getAttribute("Parent");
var _nameInstance = _nameParent.replace("_MostExternalDiv","");
var _instance = window.Menus[_nameInstance];
_instance.Hide();
_instance.Parent.UndoHighlightMenu();
},
Description: "RetrairFiltrar (Simples)"
}
var _object5object1 = createMenuItem(optMenuItem5optMenuItem1);
_objects.push(_object5object1);
}
var optMenuItem3optMenuItem4 = {
ID: "MenuItem3MenuItem4",
Action: function(){
var optPopin3optPopin4 = {
ID: "Popin3Popin4",
Title: "TrocarFiltrar Visualização(Avançado)",
InnerHTML: "teste",
Align: "CENTER",
Modal: true
}
createPopin(optPopin3optPopin4);
var _nameParent = this.getAttribute("Parent");
var _nameInstance = _nameParent.replace("_MostExternalDiv","");
var _instance = window.Menus[_nameInstance];
_instance.Hide();
_instance.Parent.UndoHighlightMenu();
},
Description: "TrocarFiltrar Visualização(Avançado)"
}
var _object3object4 = createMenuItem(optMenuItem3optMenuItem4);
_objects.push(_object3object4);
var optMenu1optMenuItem2 = {
ID: "Menu1MenuItem2",
ObjectsAction: _objects,
function(){
Wrapper: _collapsiblePanelObjectHeadMenu.idvar optPopin2 = {
}
ID: "Popin2",
this.MenuInstance = createMenu(optMenu1);Title: "Ordenar",
this.MenuInstance.Parent = this;
this.Object = _collapsiblePanelObject;
if(window["CollapsiblePanels"] == undefined)
InnerHTML: "teste",
window["CollapsiblePanels"] = [];Align: "CENTER",
Modal: true
}
createPopin(optPopin2);
window.CollapsiblePanels[this.ID]var _nameParent = this.getAttribute("Parent");
window.CollapsiblePanels[window.CollapsiblePanels.length]var _nameInstance = this_nameParent.replace("_MostExternalDiv","");
window["CurrentCollapsiblePanel"]var _instance = this.ID; window.Menus[_nameInstance];
SetControlEvents( _collapsiblePanelObjectHeadMenu.id, "MOVER", functioninstance.Hide(){;
var __img = this_instance.Parent.UndoHighlightMenu();
var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "")
},
Description: "Ordenar"
}
var _menu1object2 = window.CollapsiblePanels[_nameInstance].MenuInstance;createMenuItem(optMenuItem2);
_objects.push(_object2);
if(_menu1.Status == "HIDDEN"){
__img.style.backgroundColor = "#909090";this.Collapsible){
var optMenuItem5 = {
__img.style.cursor=ID: "pointerMenuItem5";,
}
Action: function(){ });
SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOUT", function(){
var __imgnameParent = this.getAttribute("Parent");
var _nameInstance = this.id_nameParent.replace("_MostExternalDiv_Head_Menu", "");
var _menu1instance = window.CollapsiblePanelsMenus[_nameInstance].MenuInstance;
if(_menu1.Status == "HIDDEN"){
__img.style.backgroundColor = "#606060";
_instance.Parent.Collapse();
var _status = _instance.Parent.Status;
if(_status == "OPENED")
__img.style.cursordocument.getElementById(this.id + "_Description").innerHTML = "defaultRetrair";
}
else
});
SetControlEvents(_collapsiblePanelObjectHeadMenudocument.getElementById(this.id, + "CLICK", function(){
_Description").innerHTML = "Expandir";
var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "")
var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance;
window.CurrentCollapsiblePanel = _nameInstance;
_instance.Hide();
_menu1instance.Parent.ShowUndoHighlightMenu();
var _object = _menu1.Object;
},
_object.style.border = "1px solid #f6c342";Description: "Retrair"
_object.style.width = "168px";
}
var __imgobject5 = this;createMenuItem(optMenuItem5);
if_objects.push(_menu1.Status == "OPENED"){
object5);
}
__img.style.backgroundColorvar optMenuItem3 = "#909090";{
__img.style.cursor=ID: "pointerMenuItem3";,
__img.style.border = "1px solid #f6c342";Action: function(){
__img.style.borderBottomvar optPopin3 = "1px solid #909090"
{
} ID: "Popin3",
else{
Title: "Trocar Visualização",
__img.style.border = "1px solid #606060"; InnerHTML: "teste",
}
Align: "CENTER",
});
window.onresize = function(){
Modal: true
var _menu1 = window.Menus[window.CurrentMenu];}
if createPopin(_menu1optPopin3){;
_menu1.Hide(var _nameParent = this.getAttribute("Parent");
_menu1.UpdatePosition(_menu1.Object, _menu1.TopBorderObject); var _nameInstance = _nameParent.replace("_MostExternalDiv","");
var _instance = window.Menus[_nameInstance];
_instance.Hide();
_menu1instance.Parent.UndoHighlightMenu();
},
}Description: "Trocar Visualização"
}
return this;var _object3 = createMenuItem(optMenuItem3);
}
_objects.push(_object3);
this.UndoHighlightMenuvar optMenu1 = function(){
ID: "Menu1",
document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.border = "1px solid #606060";Objects: _objects,
document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.backgroundColor = "#606060";
Wrapper: _collapsiblePanelObjectHeadMenu.id
}
return this.LoadComponents(optCollapsiblePanel);
}
return new oCollapsiblePanel(optCollapsiblePanelthis.MenuInstance = createMenu(optMenu1);
}
createPopinthis.MenuInstance.Parent = function(optPopin){
this;
var oPopinthis.Object = function(optPopin){_collapsiblePanelObject;
this.ID if(window["CollapsiblePanels"] = "popin1";
= undefined)
this.Title window["CollapsiblePanels"] = ""[];
this.InnerHTML = "";
this.Align = "";
this.Modal = false;
this.Object = "";
this.ModalObject = "";
this.Parent = "";
window.CollapsiblePanels[this.ObjectContentID] = ""this;
this.LoadComponentswindow.CollapsiblePanels[window.CollapsiblePanels.length] = function(optPopin){this;
var _popinObject = null;window["CurrentCollapsiblePanel"] = this.ID;
var _popinObjectHead = null;SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOVER", function(){
var __popinObjectHeadTitleimg = nullthis;
var _popinObjectHeadClosenameInstance = null; this.id.replace("_MostExternalDiv_Head_Menu", "")
var _popinObjectHeadCloseImgmenu1 = nullwindow.CollapsiblePanels[_nameInstance].MenuInstance;
var _popinObjectBody = null;
var _popinObjectModalif(_menu1.Status = null;
this.ID = optPopin.ID= "HIDDEN"){
__img.style.backgroundColor = "#909090";
this.Title = optPopin.Title __img.style.cursor= "pointer";
this.InnerHTML = optPopin.InnerHTML; }
this.Align = optPopin.Align});
this.Modal = optPopin.Modal;SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOUT", function(){
this.ObjectContent var __img = optPopin.ObjectContentthis;
var _popinObjectnameInstance = documentthis.id.createElement("divreplace("_MostExternalDiv_Head_Menu", "");
var _popinObject.idmenu1 = this.ID + "_MostExternalDiv";
window.CollapsiblePanels[_nameInstance].MenuInstance;
if(_popinObjectmenu1.style.displayStatus == "blockHIDDEN";
){
_popinObject__img.style.positionbackgroundColor = "absolute#606060";
_popinObject_img.style.zIndex cursor= "6default";
_popinObject.style.width = "400px";}
_popinObject.style.height = "300px"});
SetControlEvents(_popinObject.style.top = "50%";collapsiblePanelObjectHeadMenu.id, "CLICK", function(){
_popinObject.style.left = "50%"; var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "")
_popinObject.style.marginLeft var _menu1 = "-200px"window.CollapsiblePanels[_nameInstance].MenuInstance;
_popinObject.style.marginTop window.CurrentCollapsiblePanel = "-150px"_nameInstance;
_popinObject.style.backgroundColor = "#909090";menu1.Show();
var _object = _menu1.Object;
_popinObjectobject.style.border = "1px solid #f6c342";
_popinObjectobject.style.backgroundwidth = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)";
"168px";
var __img = this;
if(_menu1.Status == "OPENED"){
_popinObject_img.style.webkitBoxShadowbackgroundColor = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
_popinObject.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
_popinObject.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
#909090";
__img.style.cursor= "pointer";
__img.style.border = "1px solid #f6c342";
_popinObjectModal_img.style.borderBottom = document.createElement("div");"1px solid #909090"
_popinObjectModal.id = this.ID + "_MostExternalDiv"; }
_popinObjectModal.style.display = "block";
else{
__popinObjectModalimg.style.positionborder = "absolute1px solid #606060";
_popinObjectModal.style.zIndex = "5"; }
_popinObjectModal.style.width = "100%";});
_popinObjectModal.style.heightwindow.onresize = "100%";function(){
_popinObjectModal.style.top var _menu1 = "0px"window.Menus[window.CurrentMenu];
_popinObjectModal.style.left = "0px";
if(_menu1){
_popinObjectModal.style.background = "rgba(0, 0, 0, 0.4)";
menu1.Hide();
if(!this.Modal)
_menu1.UpdatePosition(_menu1.Object, _menu1.TopBorderObject);
_popinObjectModalmenu1.style.display = "none";
Parent.UndoHighlightMenu();
_popinObjectHead = document.createElement("div");}
_popinObjectHead.id = _popinObject.id + "_Head";}
_popinObjectHead.style.width = "100%";
return this;
}
_popinObjectHead.style.heightthis.UndoHighlightMenu = "35px";
function(){ _popinObjectHead.style.background = "#606060";
_popinObjectHead document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.paddingTopborder = "5px1px solid #606060";
_popinObjectHead document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.webkitBoxShadowbackgroundColor = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
_popinObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
_popinObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
_popinObject.appendChild(_popinObjectHead);
"#606060";
}
return this.LoadComponents(optCollapsiblePanel);
}
return new oCollapsiblePanel(optCollapsiblePanel);
}
createPopin = function(optPopin){
var oPopin = function(optPopin){
this.ID = "popin1";
this.Title = "";
this.InnerHTML = "";
_popinObjectHeadTitlethis.Align = document.createElement("span");
_popinObjectHeadTitlethis.idModal = _popinObjectHead.id + "_Titlefalse;
this.Object = "";
_popinObjectHeadTitlethis.innerHTMLModalObject = this.Title"";
_popinObjectHeadTitle.style.fontFamilythis.Parent = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
_popinObjectHeadTitle.style.fontSizethis.ObjectContent = "14pt";
_popinObjectHeadTitle.style.colorthis.LoadComponents = "#fff";function(optPopin){
_popinObjectHeadTitle.style.paddingLeftvar _popinObject = "10px"null;
var _popinObjectHead.appendChild(_popinObjectHeadTitle);
= null;
var _popinObjectHeadClosepopinObjectHeadTitle = document.createElement("div")null;
var _popinObjectHeadClose.id = _popinObjectHead.id + "_Close"null;
_popinObjectHeadClose.style.widthvar _popinObjectHeadCloseImg = "16px"null;
_popinObjectHeadClose.style.heightvar _popinObjectBody = "16px"null;
_popinObjectHeadClose.style.floatvar _popinObjectModal = "right"null;
_popinObjectHeadClose.style.marginTop = "5px";
_popinObjectHeadClose.style.marginRightthis.ID = "10px"optPopin.ID;
SetControlEvents(_popinObjectHeadClose, "CLICK", function(){this.Title = optPopin.Title;
var _nameInstance this.InnerHTML = this.id.replace("_MostExternalDiv_Head_Close","")optPopin.InnerHTML;
var _instancethis.Align = window.Popins[_nameInstance];
optPopin.Align;
_instance.Close()this.Modal = optPopin.Modal;
})this.ObjectContent = optPopin.ObjectContent;
SetControlEvents(_popinObjectHeadClose, "MOVER", function(){popinObject = document.createElement("div");
_popinObject.id = this.style.cursorID =+ "pointer_MostExternalDiv";
});
_popinObject.style.display = "block";
SetControlEvents(_popinObjectHeadClose,_popinObject.style.position = "MOUT", function(){absolute";
this_popinObject.style.cursorzIndex = "default6";
})_popinObject.style.width = "400px";
_popinObjectHeadCloseImgpopinObject.style.height = document.createElement("img300px");
_popinObjectHeadCloseImgpopinObject.style.idtop = _popinObjectHeadClose.id + "_Img"50%";
_popinObject.style.left = "50%";
_popinObjectHeadCloseImgpopinObject.style.namemarginLeft = _popinObjectHeadClose.id + "_Img-200px";
_popinObjectHeadCloseImgpopinObject.style.srcmarginTop = "http://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2""-150px";
_popinObjectHeadCloseImgpopinObject.style.widthbackgroundColor = "16px#909090";
_popinObjectHeadCloseImgpopinObject.style.height border= "16px1px solid #f6c342";
_popinObjectHead.appendChild(_popinObjectHeadClose);
_popinObjectHeadClose.appendChild(_popinObjectHeadCloseImg);
_popinObjectBody = document.createElement("div")popinObject.style.background = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)";
_popinObjectBodypopinObject.style.idwebkitBoxShadow = _popinObject.id + "_Body";
_popinObjectBody.style.backgroundColor = "#fff";
_popinObjectBody.style.margin= "10px";
_popinObjectBody.style.height = "240px";
_popinObjectBody.style.webkitBoxShadow = "3px 3px 3px 0px rgba( "3px 3px 10px 3px rgba(100, 100, 100, 0.47)";
_popinObjectBodypopinObject.style.mozBoxShadow = "3px 3px 10px 3px 0px rgba(100, 100, 100, 0.47)";
_popinObjectBodypopinObject.style.boxShadow = "3px 3px 10px 3px 0px rgba(100, 100, 100, 0.47)";
if(this.ObjectContent == undefined)
_popinObjectModal = document.createElement("div");
_popinObjectBodypopinObjectModal.innerHTMLid = this.InnerHTML;
else
ID + "_MostExternalDiv";
_popinObjectBodypopinObjectModal.appendChild(this.ObjectContent)style.display = "block";
_popinObject.appendChild(_popinObjectBody);
popinObjectModal.style.position = "absolute";
document_popinObjectModal.body.appendChild(_popinObject)style.zIndex = "5";
document_popinObjectModal.body.appendChild(_popinObjectModal);
style.width = "100%";
this.Object_popinObjectModal.style.height = _popinObject"100%";
this.ModalObject_popinObjectModal.style.top = _popinObjectModal"0px";
if(window["Popins"]_popinObjectModal.style.left == undefined) "0px";
window["Popins"] = [];_popinObjectModal.style.background = "rgba(0, 0, 0, 0.4)";
if(!this.Modal)
window.Popins[this.ID] = this;
_popinObjectModal.style.display = "none";
window.Popins[window.Popins.length]_popinObjectHead = thisdocument.createElement("div");
window["CurrentPopin"]_popinObjectHead.id = this.ID;
_popinObject.id + "_Head";
return this_popinObjectHead.style.width = "100%";
}
this.Close = function(){ _popinObjectHead.style.height = "35px";
document_popinObjectHead.body.removeChild(this.Object)style.background = "#606060";
document_popinObjectHead.body.removeChild(this.ModalObject)style.paddingTop = "5px";
};
return this.LoadComponents(optPopin);
}
return new oPopin(optPopin);
}
createMenu = function(optMenu){
var oMenu = function(optMenu){
this.ID = "menu1";
_popinObjectHead.style.webkitBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
this.Objects = {};
this.Wrapper = "";
this.Status = "HIDDEN"; _popinObjectHead.style.mozBoxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
_popinObjectHead.style.boxShadow = "3px 3px 10px 3px rgba(100, 100, 100, 0.7)";
this.Object = "";
_popinObject.appendChild(_popinObjectHead);
this.TopBorderObject_popinObjectHeadTitle = document.createElement("span");
this.Parent_popinObjectHeadTitle.id = _popinObjectHead.id + "_Title";
this.LoadComponents_popinObjectHeadTitle.innerHTML = function(optMenu){
this.Title;
var _menuObject = null;
_popinObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
var _menuObjectContainer_popinObjectHeadTitle.style.fontSize = null"14pt";
this.ID_popinObjectHeadTitle.style.color = optMenu.ID"#fff";
this.Objects_popinObjectHeadTitle.style.paddingLeft = optMenu.Objects;"10px";
this.Wrapper = optMenu.Wrapper;
_popinObjectHead.appendChild(_popinObjectHeadTitle);
_menuObjectTopBorderpopinObjectHeadClose = document.createElement("div");
_menuObjectTopBorderpopinObjectHeadClose.id = this_popinObjectHead.IDid + "_TopBorderClose";
_menuObjectTopBorderpopinObjectHeadClose.style.displaywidth = "none16px";
_menuObjectTopBorderpopinObjectHeadClose.style.positionheight = "absolute16px";
_menuObjectTopBorderpopinObjectHeadClose.style.backgroundColorfloat = "#909090right";
_menuObjectTopBorderpopinObjectHeadClose.style.widthmarginTop = "26px5px";
_menuObjectTopBorderpopinObjectHeadClose.style.heightmarginRight = "1px10px";
_menuObjectTopBorder.style.zIndex = "2";SetControlEvents(_popinObjectHeadClose, "CLICK", function(){
var _menuObjectnameInstance = documentthis.id.createElement("divreplace("_MostExternalDiv_Head_Close","");
_menuObject.idvar _instance = this.ID + "_MostExternalDiv";window.Popins[_nameInstance];
_menuObject.style.display = "none";
instance.Close();
});
_menuObject.style.position = "absolute";SetControlEvents(_popinObjectHeadClose, "MOVER", function(){
_menuObjectthis.style.widthcursor = "170pxpointer";
});
_menuObjectSetControlEvents(_popinObjectHeadClose, "MOUT", function(){
this.style.backgroundColorcursor = "#909090default";
});
_menuObjectContainerpopinObjectHeadCloseImg = document.createElement("divimg");
_menuObjectContainerpopinObjectHeadCloseImg.id = _menuObjectpopinObjectHeadClose.id + "_ContainerImg";
_popinObjectHeadCloseImg.name = _popinObjectHeadClose.id + "_Img";
_menuObjectContainerpopinObjectHeadCloseImg.style.widthsrc = "150pxhttp://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2";
_menuObjectContainerpopinObjectHeadCloseImg.style.marginwidth = "10px16px";
for(var i = 0; i < this.Objects.length; i++){
_popinObjectHeadCloseImg.style.height = "16px"; _menuObjectContainer.appendChild(this.Objects[i]);
this.Objects[i].setAttribute("Parent", _menuObject.id);
}
_popinObjectHead.appendChild(_popinObjectHeadClose);
_menuObjectpopinObjectHeadClose.appendChild(_menuObjectContainerpopinObjectHeadCloseImg);
_popinObjectBody = document.getElementByIdcreateElement("main").appendChild(_menuObjectdiv");
document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder);
_popinObjectBody.id = _popinObject.id + "_Body";
this.UpdatePosition(_menuObject, _menuObjectTopBorder);
_popinObjectBody.style.backgroundColor = "#fff";
this.TopBorderObject = _menuObjectTopBorder_popinObjectBody.style.margin= "10px";
this.Object = _menuObject;
if(window["Menus"] == undefined)
_popinObjectBody.style.height = "240px";
window["Menus"] = [];
window.Menus[this.ID] = this;
window.Menus[window.Menus.length] = this;
window["CurrentMenu"] = this.ID;
return this;
}
this.UpdatePosition = function(_menuObject, _topBorderObject){
if(_menuObject){
_menuObject.style.left = (document.getElementById(this.Wrapper).offsetLeft - 142) + "px";
_menuObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "px";
}
_popinObjectBody.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
_popinObjectBody.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
_popinObjectBody.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
if(_topBorderObject){this.ObjectContent == undefined)
_topBorderObjectpopinObjectBody.style.topinnerHTML = (document.getElementById(this.Wrapper).offsetTop + 26) + "px"this.InnerHTML;
}else
}
_popinObjectBody.appendChild(this.ObjectContent);
this.Show = function(){_popinObject.appendChild(_popinObjectBody);
document.body.appendChild(_popinObject);
if(this.Status == "HIDDEN"){
document.body.appendChild(_popinObjectModal);
this.StatusObject = "OPENED"_popinObject;
this.Object.style.displayModalObject = "block";_popinObjectModal;
this.TopBorderObject.style.display = "block";if(window["Popins"] == undefined)
window["Popins"] = []; }
else
this.Hide();
};
window.Popins[this.HideID] = function(){this;
if(this.Status == "OPENED"){window.Popins[window.Popins.length] = this;
this.Statuswindow["CurrentPopin"] = "HIDDEN";this.ID;
this.Object.style.display = "none"return this;
}
this.TopBorderObject.style.displayClose = "none"function(){
document.body.removeChild(this.Object);
}
document.body.removeChild(this.ModalObject);
};
return this.LoadComponents(optMenuoptPopin);
}
return new oMenuoPopin(optMenuoptPopin);
}
createMenuItemcreateMenu = function(optMenuItemoptMenu){
var oMenuItemoMenu = function(optMenuItemoptMenu){
this.ID = "menuItem1menu1";
this.ActionObjects = ""{};
this.DescriptionWrapper = "";
this.ParentStatus = "HIDDEN";
this.LoadComponentsObject = function(optMenuItem){
"";
var _menuItemObjectthis.TopBorderObject = null"";
this.Parent = "";
this.LoadComponents = function(optMenu){
var _menuObject = null;
var _menuItemObjectDescriptionmenuObjectContainer = null;
this.ID = optMenuItemoptMenu.ID;
this.ActionObjects = optMenuItemoptMenu.ActionObjects;
this.DescriptionWrapper = optMenuItemoptMenu.DescriptionWrapper;
_menuItemObjectmenuObjectTopBorder = document.createElement("div");
_menuItemObjectmenuObjectTopBorder.id = this.ID + "_MostExternalDivTopBorder";
_menuItemObjectmenuObjectTopBorder.style.paddingdisplay = "5pxnone";
SetControlEvents(_menuItemObject,_menuObjectTopBorder.style.position = "MOVER", function(){absolute";
this_menuObjectTopBorder.style.backgroundColor = "#f6c342#909090";
this_menuObjectTopBorder.style.cursorwidth = "pointer26px";
document.getElementById(this.id + "_Description")_menuObjectTopBorder.style.colorheight = "#0001px";
_menuObjectTopBorder.style.zIndex = "2";
}_menuObject = document.createElement("div");
SetControlEvents(_menuItemObject, "MOUT", function(){_menuObject.id = this.ID + "_MostExternalDiv";
this_menuObject.style.backgroundColordisplay = "#909090none";
this_menuObject.style.cursorposition = "defaultabsolute";
document.getElementById(this.id + "_Description")_menuObject.style.colorwidth = "#fff";
});
170px";
SetControlEvents(_menuItemObject,_menuObject.style.backgroundColor= "CLICK", this.Action)#909090";
_menuItemObjectDescriptionmenuObjectContainer = document.createElement("spandiv");
_menuItemObjectDescriptionmenuObjectContainer.id = _menuItemObjectmenuObject.id + "_DescriptionContainer";
_menuItemObjectDescriptionmenuObjectContainer.style.innerHTMLwidth = this.Description"150px";
_menuItemObjectDescriptionmenuObjectContainer.style.fontFamilymargin = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";10px";
for(var i = 0; i < this.Objects.length; i++){
_menuItemObjectDescriptionmenuObjectContainer.style.fontSize = "10pt"appendChild(this.Objects[i]);
_menuItemObjectDescription.style.color = "#fff";this.Objects[i].setAttribute("Parent", _menuObject.id);
}
_menuItemObjectmenuObject.appendChild(_menuItemObjectDescriptionmenuObjectContainer);
return _menuItemObject;
document.getElementById("main").appendChild(_menuObject);
}document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder);
return this.LoadComponents(optMenuItemUpdatePosition(_menuObject, _menuObjectTopBorder);
}
this.TopBorderObject = _menuObjectTopBorder;
return oMenuItem(optMenuItem) this.Object = _menuObject;
}
createContainerif(window["Menus"] == function(optContainerundefined){
var oContainer = function(optContainer){
window["Menus"] = [];
window.Menus[this.ID] = this;
window.Menus[window.Menus.length] = this;
window["CurrentMenu"] = this.ID;
return this;
}
this.UpdatePosition = function(_menuObject, _topBorderObject){
if(_menuObject){
_menuObject.style.left = (document.getElementById(this.Wrapper).offsetLeft - 142) + "px";
_menuObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "px";
}
if(_topBorderObject){
_topBorderObject.style.top = (document.getElementById(this.Wrapper).offsetTop + 26) + "px";
}
}
this.Show = function(){
if(this.Status == "HIDDEN"){
this.Status = "OPENED";
this.Object.style.display = "block";
this.TopBorderObject.style.display = "block";
}
else
this.Hide();
};
this.Hide = function(){
if(this.Status == "OPENED"){
this.Status = "HIDDEN";
this.Object.style.display = "none";
this.TopBorderObject.style.display = "none"
}
};
return this.LoadComponents(optMenu);
}
return new oMenu(optMenu);
}
createMenuItem = function(optMenuItem){
var oMenuItem = function(optMenuItem){
this.ID = "container1menuItem1";
this.Action = "";
this.Description this.Title= "";
this.Parent = "";
this.LoadComponents = function(optMenuItem){
var _menuItemObject = null;
var _menuItemObjectDescription = null;
this.ID = optMenuItem.ID;
this.Action = optMenuItem.Action;
this.Description this.SubTitle = "";
this.ImageUrl = "";
this.Description = "";
this.NavigateUrl = "";
this.Wrapper = "";
= optMenuItem.Description;
_menuItemObject = document.createElement("div");
_menuItemObject.id = this.ID + "_MostExternalDiv";
_menuItemObject.style.padding = "5px";
SetControlEvents(_menuItemObject, "MOVER", function(){
this.style.backgroundColor = "#f6c342";
this.style.cursor = "pointer";
document.getElementById(this.id + "_Description").style.color = "#000";
});
this.Parent = SetControlEvents(_menuItemObject, "";
MOUT", function(){
this.style.DatebackgroundColor = "#909090";
this.style.Objectcursor = "default";
this.LoadComponents = function(optContainer){
var _containerObject = null;
document.getElementById(this.id + "_Description").style.color = "#fff";
});
var _containerObjectTitle = null;
SetControlEvents(_menuItemObject, "CLICK", this.Action);
var _containerObjectSubTitlemenuItemObjectDescription = nulldocument.createElement("span");
var_menuItemObjectDescription.id = _containerObjectImageBackgroundmenuItemObject.id = null+ "_Description";
var _containerObjectImageBackgroundImg_menuItemObjectDescription.innerHTML = nullthis.Description;
var _containerObjectDescription = null;
_menuItemObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
var _containerObjectSep_menuItemObjectDescription.style.fontSize = null"10pt";
var _containerObjectMaisInfo_menuItemObjectDescription.style.color = null"#fff";
var _containerObjectMaisInfoA = null;
_menuItemObject.appendChild(_menuItemObjectDescription);
return _menuItemObject;
}
return this.LoadComponents(optMenuItem);
}
return oMenuItem(optMenuItem);
}
createContainer = function(optContainer){
var oContainer = function(optContainer){
this.ID = optContainer.ID
"container1";
this.Title = optContainer.Title;
this.SubTitle = optContainer.SubTitle"";
this.ImageUrlSubTitle = optContainer.ImageUrl"";
this.DescriptionImageUrl = optContainer.Description"";
this.NavigateUrlDescription = optContainer.NavigateUrl"";
this.WrapperNavigateUrl = optContainer.Wrapper;
this.Date = optContainer.Date;
this.Parent = optContainer.Parent;
"";
this.Wrapper = "";
this.Parent = "";
this.Date
= "";
this.Object = "";
_containerObjectthis.LoadComponents = document.createElement("div");function(optContainer){
var _containerObject.id = this.ID + "_MostExternalDiv";
null;
var _containerObjectTitle = null;
var _containerObjectSubTitle = null;
var _containerObjectImageBackground _containerObject.style.width = "250px";
= null;
var _containerObjectImageBackgroundImg = null;
var _containerObjectDescription = null;
var _containerObjectSep = null;
var _containerObjectMaisInfo = null;
var _containerObjectMaisInfoA = null;
_containerObject.style.height = "auto";
_containerObject.style.backgroundthis.ID = "#fff";
optContainer.ID
_containerObject.style.border = "1px solid #c0c0c0";
this.Title = optContainer.Title;
this.SubTitle = optContainer.SubTitle;
_containerObject.style.padding = "10px";
this.ImageUrl = optContainer.ImageUrl;
_containerObject.style.margin = "10px";
_containerObject.style.floatthis.Description = "left"optContainer.Description;
this.NavigateUrl = optContainer.NavigateUrl;
_containerObject.style.position = "relative";
this.Wrapper = optContainer.Wrapper;
this.Date _containerObject.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
= optContainer.Date;
this.Parent = optContainer.Parent;
_containerObject.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
_containerObject.style.boxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
document.createElement("div");
_containerObject.id = this.ID + "_MostExternalDiv";
_containerObjectTitlecontainerObject.style.width = document.createElement("div250px");
_containerObjectTitlecontainerObject.style.idheight = _containerObject .id + "_Titleauto";
_containerObjectTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif _containerObject.style.background = "#fff";
_containerObjectTitlecontainerObject.style.fontSizeborder = "16pt1px solid #c0c0c0";
_containerObjectTitlecontainerObject.style.widthpadding = "100%10px";
_containerObject.style.margin = _containerObjectTitle"10px";
_containerObject.style.heightfloat = "30pxleft";
_containerObjectTitlecontainerObject.style.textAlignposition = "centerrelative";
_containerObjectTitlecontainerObject.style.innerHTMLwebkitBoxShadow = this.Title;
"3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
_containerObject.style.mozBoxShadow = "3px 3px 3px 0px rgba(100, 100,
_containerObject.appendChild(_containerObjectTitle);
100, 0.4)";
_containerObjectSubTitlecontainerObject.style.boxShadow = document.createElement("div");
"3px 3px 3px 0px rgba(100, 100, 100, 0.4)";
_containerObjectSubTitle.id = _containerObject .id + "_SubTitle";
_containerObjectSubTitle.style.fontFamilycontainerObjectTitle = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
document.createElement("div");
_containerObjectTitle.id = _containerObject .id + "_Title";
_containerObjectSubTitle.style.fontSize = "14pt";
_containerObjectTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, _containerObjectSubTitle.style.width = "100%"Verdana, Verdana Ref, sans-serif";
_containerObjectSubTitlecontainerObjectTitle.style.heightfontSize = "35px16pt";
_containerObjectSubTitlecontainerObjectTitle.style.textAlignwidth = "center100%";
_containerObjectSubTitlecontainerObjectTitle.style.innerHTMLheight = this.SubTitle"30px";
_containerObject.appendChild(_containerObjectSubTitle);
_containerObjectImageBackgroundcontainerObjectTitle.style.textAlign = document.createElement("divcenter");
_containerObjectImageBackgroundcontainerObjectTitle.idinnerHTML = _containerObject .id + "_ImageBackground"this.Title;
_containerObjectImageBackground.style.background = "url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')";
_containerObjectImageBackground.style.backgroundPosition = "center bottom";
containerObject.appendChild(_containerObjectTitle);
_containerObjectImageBackground.style.widthcontainerObjectSubTitle = document.createElement("100%div");
_containerObjectImageBackground.style.height = "100pxcontainerObjectSubTitle.id = _containerObject .id + "_SubTitle";
_containerObjectImageBackgroundcontainerObjectSubTitle.style.positionfontFamily = "relative";
_containerObjectImageBackgroundImg = document.createElement("img");
_containerObjectImageBackgroundImg.id = _containerObjectImageBackground.id + "_img";
_containerObjectImageBackgroundImg.name = _containerObjectImageBackground.id + "_img";
_containerObjectImageBackgroundImg.style.position = "absolute";
_containerObjectImageBackgroundImg.style.top = "15px";
_containerObjectImageBackgroundImg.style.left = "15px";
_containerObjectImageBackgroundImg.src = this.ImageUrl;
_containerObjectImageBackground.appendChild(_containerObjectImageBackgroundImg);
_containerObject.appendChild(_containerObjectImageBackground);
Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
_containerObjectSubTitle.style.fontSize = "14pt";
_containerObjectDescriptioncontainerObjectSubTitle.style.width = document.createElement("div100%");
_containerObjectDescriptioncontainerObjectSubTitle.style.idheight = _containerObject .id + "_Description35px";
_containerObjectDescriptioncontainerObjectSubTitle.style.fontFamilytextAlign = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
_containerObjectDescription.style.fontSize = "12pt""center";
_containerObjectSubTitle.innerHTML = this.SubTitle;
_containerObjectDescription.style.widthcontainerObject.appendChild(_containerObjectSubTitle);
_containerObjectImageBackground = document.createElement("100%div");
_containerObjectDescription.style.height = "135pxcontainerObjectImageBackground.id = _containerObject .id + "_ImageBackground";
_containerObjectDescriptioncontainerObjectImageBackground.style.textAlignbackground = "justify";
url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')";
_containerObjectImageBackground.style.backgroundPosition = "center bottom";
_containerObjectDescription.innerHTML = this.Description;
_containerObject.appendChild(_containerObjectDescription);
_containerObjectSep = document.createElement("div") _containerObjectImageBackground.style.width = "100%";
_containerObjectSepcontainerObjectImageBackground.style.idheight = _containerObject .id + "_Sep100px";
_containerObjectSepcontainerObjectImageBackground.style.width position= "100%relative";
_containerObjectSep.style.heightcontainerObjectImageBackgroundImg = document.createElement("1pximg");
_containerObjectImageBackgroundImg.id = _containerObjectImageBackground.id + "_img";
_containerObjectImageBackgroundImg.name = _containerObjectImageBackground.id _containerObjectSep.style.backgroundColor = "#c0c0c0+ "_img";
_containerObjectImageBackgroundImg.style.position = "absolute";
_containerObjectImageBackgroundImg.style.top = "15px";
_containerObjectSepcontainerObjectImageBackgroundImg.style.marginTopleft = "15px";
_containerObjectImageBackgroundImg.src = this.ImageUrl;
_containerObjectcontainerObjectImageBackground.appendChild(_containerObjectSepcontainerObjectImageBackgroundImg);
_containerObjectMaisInfo = document.createElement("div");
_containerObjectMaisInfo.id = _containerObject .id + "_MaisInfo";containerObject.appendChild(_containerObjectImageBackground);
_containerObjectMaisInfo.style.widthcontainerObjectDescription = "100%";
_containerObjectMaisInfo.style.height = "20px"document.createElement("div");
_containerObjectMaisInfocontainerObjectDescription.style.textAlignid = "right";
_containerObjectMaisInfo.style.paddingTop = "5px";
_containerObjectMaisInfoA = document.createElement("a")_containerObject .id + "_Description";
_containerObjectMaisInfoAcontainerObjectDescription.style.id = _containerObjectMaisInfo.id + "_AfontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
_containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_A_containerObjectDescription.style.fontSize = "12pt";
_containerObjectMaisInfoAcontainerObjectDescription.style.hrefwidth = this.NavigateUrl"100%";
_containerObjectMaisInfoA.text = "Mais [...]";
_containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA);
_containerObjectDate = document.createElement("span")containerObjectDescription.style.height = "135px";
_containerObjectDatecontainerObjectDescription.style.idtextAlign = _containerObject .id + "_MaisInfojustify";
_containerObjectDescription.innerHTML = this.Description;
_containerObject.appendChild(_containerObjectDescription);
_containerObjectDate.style.width _containerObjectSep = document.createElement("autodiv");
_containerObjectDatecontainerObjectSep.style.floatid = "left";
_containerObjectDate.innerHTML = this.Date;
_containerObjectMaisInfo.appendChild(_containerObjectDate);
_containerObject.appendChild(_containerObjectMaisInfo);
_containerObject .id + "_Sep";
document.getElementById(this.Wrapper).appendChild(_containerObject);
this.Object = _containerObject;
if(window["Containers"] == undefined)_containerObjectSep.style.width = "100%";
window["Containers"]_containerObjectSep.style.height = [];
window.Containers[this.ID] = this"1px";
_containerObjectSep.style.backgroundColor = "#c0c0c0";
window.Containers[window.Containers.length]_containerObjectSep.style.marginTop = this"15px";
window["CurrentContainer"] = this.ID _containerObject.appendChild(_containerObjectSep);
return this_containerObjectMaisInfo = document.createElement("div");
}
_containerObjectMaisInfo.id = _containerObject .id + "_MaisInfo";
return this.LoadComponents(optContainer);
_containerObjectMaisInfo.style.width = "100%";
_containerObjectMaisInfo.style.height = }
"20px";
return new oContainer(optContainer);
_containerObjectMaisInfo.style.textAlign = }
"right";
createTableOption = function(optTableOption){
var oTableOption= function(optTableOption){
_containerObjectMaisInfo.style.paddingTop = "5px";
this.ID_containerObjectMaisInfoA = document.createElement("tableOption1a");
this.Objects = {};
this.Object = "";
this.Parent = "";
this.InnerHTML = "";
this.Type = ""
this.LoadComponents = function(optTableOption){
var _tableObject = null;
_containerObjectMaisInfoA.id = _containerObjectMaisInfo.id + "_A";
var_containerObjectMaisInfoA.name = _tableObjectContainercontainerObjectMaisInfo.id = null;
this.ID = optTableOption.ID;
this.Objects = optTableOption.Objects;+ "_A";
_containerObjectMaisInfoA.href = this.NavigateUrl;
_containerObjectMaisInfoA.text = "Mais [...]";
this.Type = optTableOption.Type;
_containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA);
_tableObjectcontainerObjectDate = document.createElement("divspan");
_tableObject.id = this.ID + "_MostExternalDiv";
_tableObject.style.display = "block";
_tableObject.style.position = "absolute";
_tableObject.style.width = "380px";
_tableObject.style.backgroundColor= "#909090";
_tableObjectContainer = document.createElement("div");
_tableObjectContainer _containerObjectDate.id = _tableObjectcontainerObject .id + "_Container";
_tableObjectContainer.style.width = "100%";
for(var i = 0; i < this.Objects.length; i++){
_tableObjectContainer.appendChild(this.Objects[i]);
this.Objects[i].setAttribute("Parent", _tableObject.id);
this.Objects[i].setAttribute("Type", this.Type);
}
_tableObject.appendChild(_tableObjectContainer);
MaisInfo";
_containerObjectDate.style.width = "auto";
_containerObjectDate.style.float = "left";
var _divResultcontainerObjectDate.innerHTML = document.createElement("div");this.Date;
_divResultcontainerObjectMaisInfo.appendChild(_tableObjectcontainerObjectDate);
this.InnerHTML = _divResult.innerHTML;
_containerObject.appendChild(_containerObjectMaisInfo);
document.getElementById(this.Wrapper).appendChild(_containerObject);
this.Object = _tableObjectcontainerObject;
if(window["TableOptionsContainers"] == undefined)
window["TableOptionsContainers"] = [];
window.TableOptionsContainers[this.ID] = this;
window.TableOptionsContainers[window.TableOptionsContainers.length] = this;
window["CurrentTableOptionCurrentContainer"] = this.ID;
return this;
}
return this;
}
return this.LoadComponents(optTableOptionoptContainer);
}
}
return new oTableOptionoContainer(optTableOptionoptContainer);
}
}
createTableOptionItemcreateTableOption = function(optTableOptionItemoptTableOption){
var oTableOptionItem oTableOption= function(optTableOptionItemoptTableOption){
this.ID = "optionTableItem1tableOption1";
this.Objects = {};
this.ActionObject = "";
this.DescriptionParent = "";
this.ParentInnerHTML = "";
this.Type = "";
this.LoadComponents = function(optTableOptionItemoptTableOption){
var _optionTableItemObjecttableObject = null;
var _optionTableItemObjectDescriptiontableObjectContainer = null;
this.ID = optTableOption.ID;
this.Objects = optTableOption.Objects;
this.ID = optTableOptionItem.ID.Type = optTableOption.Type;
_tableObject = document.createElement("div");
this_tableObject.Actionid = optTableOptionItem.Actionthis.ID + "_MostExternalDiv";
this.Description_tableObject.style.display = optTableOptionItem.Description"block";
this.Type_tableObject.style.position = optTableOptionItem.Type"absolute";
_optionTableItemObjecttableObject.style.width = document.createElement("div380px");
_optionTableItemObject.id = this.ID + "_MostExternalDiv";tableObject.style.backgroundColor= "#909090";
_optionTableItemObject.style.paddingtableObjectContainer = document.createElement("5pxdiv");
_optionTableItemObjecttableObjectContainer.style.borderid = "5px solid #fff_tableObject.id + "_Container";
_optionTableItemObjecttableObjectContainer.style.borderBottomwidth = "none100%";
SetControlEvents(_optionTableItemObject, "MOVER", function(for(var i = 0; i < this.Objects.length; i++){
this.style.backgroundColor = "#f6c342";
_tableObjectContainer.appendChild(this.Objects[i]);
this.style.cursor = "pointer"; Objects[i].setAttribute("Parent", _tableObject.id);
document.getElementById(this.id + "_Description").style.color = "#000";
this.Objects[i].setAttribute("Type", this.Type);
var _input;}
if(document.getElementById(this.id + "_Input"))_tableObject.appendChild(_tableObjectContainer);
_inputvar _divResult = document.getElementById(this.id + "_InputcreateElement("div");
_divResult.appendChild(_tableObject);
else
this.InnerHTML = _divResult.innerHTML;
_inputthis.Object = document.createElement("input");_tableObject;
if(window["TableOptions"] == undefined)
_input.idwindow["TableOptions"] = this.id + "_Input";
[]; _input.style.float = "right";
_input.style.height = "14px";
_input.style.width = "100px";
_input.style.displaywindow.TableOptions[this.ID] = "inline"this;
var _button;
window.TableOptions[window.TableOptions.length] = this;
if(document.getElementById(this.id + "_Button"))window["CurrentTableOption"] = this.ID;
_button = document.getElementById(this.id + "_Button");
return this;
}
else
_button = document.createElement("div");
return this.LoadComponents(optTableOption);
}
_button.id = this.id + "_Button";
return new oTableOption(optTableOption);
}
createTableOptionItem = function(optTableOptionItem){
_button.style.floatvar oTableOptionItem = "right"function(optTableOptionItem){
this.ID = "optionTableItem1";
_buttonthis.innerHTMLAction = "Filtrar";
_button.style.backgroundthis.Description = "#606060";
_button.style.colorthis.Parent = "#fff";
_button.style.paddingthis.Type = "0px 5px";
_button.style.displaythis.HoverAction = "inline";
SetControlEvents(_button,this.OutAction = "CLICK", function(){";
var _nameObject = this.id.replace("_Button","_Input");
this.LoadComponents = function(optTableOptionItem){
var _typeOptionTableoptionTableItemObject = document.getElementById(this.id.replace("_Button","")).getAttribute("Type");
null;
var _typeOptionTableItem = document.getElementById(this.id.replace("_Button","_Description")).getAttribute("Type");optionTableItemObjectDescription = null;
var _filterText this.ID = document.getElementById(_nameObject).valueoptTableOptionItem.ID;
var _instance this.Action = window.CollapsiblePanels[window.CurrentCollapsiblePanel]optTableOptionItem.Action;
_instance.ExecuteAction(_typeOptionTable, _typeOptionTableItem, _filterText)this.Description = optTableOptionItem.Description;
window.Popins[window.CurrentPopin].Close()this.Type = optTableOptionItem.Type;
});this.HoverAction = optTableOptionItem.HoverAction;
this.OutAction = optTableOptionItem.OutAction;
_optionTableItemObject = document.createElement("div");
_optionTableItemObject.id = this.appendChild(_button)ID + "_MostExternalDiv";
this.appendChild(_input);_optionTableItemObject.style.padding = "5px";
_optionTableItemObject.style.border = "5px solid #fff";
})_optionTableItemObject.style.borderBottom = "none";
SetControlEvents(_optionTableItemObject, "MOUTMOVER", function(event_hoverAction){
var ethis.style.backgroundColor = event.toElement || event.relatedTarget;
"#f6c342";
this.style.cursor = "pointer";
document.getElementById(this.id + "_Description").style.color = "#000";
if (e.parentNode == this || e (typeof _hoverAction === this"function") {
_hoverAction(); return;
}
});
this.style.backgroundColor =SetControlEvents(_optionTableItemObject, "#909090";
MOUT", function(_outAction){ this.style.cursor = "default";
document.getElementById(this.id + "_Description").style.colorbackgroundColor = "#fff#909090";
if(document.getElementById(this.id + "_Input"))
this.style.cursor = "default";
document.getElementById(this.id + "_InputDescription").style.displaycolor = "none#fff";
if(document.getElementById(this.id + "_Button"))typeof _outAction === "function")
document.getElementById(this.id + "_Button").style.display = "none"; _outAction();
});
SetControlEvents(_optionTableItemObject, "CLICK", this.Action);
_optionTableItemObjectDescription = document.createElement("span");
_optionTableItemObjectDescription.id = _optionTableItemObject.id + "_Description";
_optionTableItemObjectDescription.innerHTML = this.Description;
_optionTableItemObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif";
_optionTableItemObjectDescription.style.fontSize = "10pt";
_optionTableItemObjectDescription.style.color = "#fff";
_optionTableItemObjectDescription.setAttribute("Type", this.Type);
_optionTableItemObject.appendChild(_optionTableItemObjectDescription);
return _optionTableItemObject;
}
return this.LoadComponents(optTableOptionItem);
}
return oTableOptionItem(optTableOptionItem);
}
Load = function(){
var optCollapsiblePanel1 = {
ID: "CollapsiblePanel1",
Collapsible: true,
Title: "Últimos documentos criados",
Wrapper: "myContent"
}
_collapsiblePanel1 = createCollapsiblePanel(optCollapsiblePanel1);
var oContainer1Opt = {
ID: "container1",
Title: "Expressão",
SubTitle: "(Passo a Passo)",
ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/expression.png?version=1&modificationDate=1487769009782&api=v2",
Description: "O componente expressão tem várias propriedades, e o entendimento das mesmas é necessário para uma correta configuração do componente.",
NavigateUrl: "http://tdn.totvs.com/pages/viewpage.action?pageId=270909667",
Wrapper: "CollapsiblePanel1_MostExternalDiv",
Date: '12/01/2017',
Parent: _collapsiblePanel1
}
var _container1 = createContainer(oContainer1Opt);
var oContainer2Opt = {
ID: "container2",
Title: "Texto Rico",
SubTitle: "(Limitações Design)",
ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/richtext.png?version=1&modificationDate=1487769011698&api=v2",
Description: "Serão apresentadas nesse documento algumas inconsistências que podem ocorrer, ao se utilizar o componente de Texto Rico (XtraRichText).",
NavigateUrl: "",
Wrapper: "CollapsiblePanel1_MostExternalDiv",
Date: '14/01/2017',
Parent: _collapsiblePanel1
}
var _container2 = createContainer(oContainer2Opt);
var oContainer7Opt = {
ID: "container7",
Title: "Texto Rico",
SubTitle: "(Referências)",
ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/richtext.png?version=1&modificationDate=1487769011698&api=v2",
Description: "",
NavigateUrl: "",
Wrapper: "CollapsiblePanel1_MostExternalDiv",
Date: '16/01/2017',
Parent: _collapsiblePanel1
}
var _container7 = createContainer(oContainer7Opt);
var oContainer3Opt = {
ID: "container3",
Title: "Exportação PDF",
SubTitle: "(Conformidade e Versões)",
ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/pdf.png?version=1&modificationDate=1487769196130&api=v2",
Description: "O PDF/A baseia-se na versão 1.4 do PDF de referência da Adobe Systems Inc. e é definido pela norma ISO 19005-1:2005.",
NavigateUrl: "",
Wrapper: "CollapsiblePanel1_MostExternalDiv",
Date: '18/01/2017',
Parent: _collapsiblePanel1
}
var _container3 = createContainer(oContainer3Opt);
var oContainer4Opt = {
ID: "container4",
Title: "Imagem",
SubTitle: "(Exportação Para HTML)",
ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/image.png?version=1&modificationDate=1487769196476&api=v2",
Description: "1.1 - Ao gerar o relatório, na etapa Tipo de Geração, escolha Exportação Para Arquivo. 1.2 - Na Etapa Tipo de Saída, Escolha o tipo Formato de página da Internet (HTML).",
NavigateUrl: "",
Wrapper: "CollapsiblePanel1_MostExternalDiv",
Date: '20/01/2017',
Parent: _collapsiblePanel1
}
var _container4 = createContainer(oContainer4Opt);
var oContainer5Opt = {
ID: "container5",
Title: "Controles",
SubTitle: "(Prop. Arredondar Valor)",
ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/controls.png?version=1&modificationDate=1487769196842&api=v2",
Description: "A propriedade Arredondar Valor faz com que valores formatados sejam ou não arredondados. Essa propriedade está presente nos controles do relatório de Texto, Expressão, Fórmula e Totalizador.",
NavigateUrl: "",
Wrapper: "CollapsiblePanel1_MostExternalDiv",
Date: '22/01/2017',
Parent: _collapsiblePanel1
}
var _container5 = createContainer(oContainer5Opt);
var oContainer6Opt = {
ID: "container6",
Title: "Controles",
SubTitle: "(Sobreposição dos controles)",
ImageUrl: "http://tdn.totvs.com/download/attachments/243011209/controls.png?version=1&modificationDate=1487769196842&api=v2",
Description: "Na versão 14.1 da devex, a sobreposição de campos pode ocasionar falhas na apresentação do design do relatório. Essas falhas ocorrem quando exportamos para HTML, XLS e outros...",
NavigateUrl: "",
Wrapper: "CollapsiblePanel1_MostExternalDiv",
Date: '24/01/2017',
Parent: _collapsiblePanel1
}
var _container6 = createContainer(oContainer6Opt);
_collapsiblePanel1.BuildFilterStructure();
}
SetControlEvents = function(_control, _event, _function){
var __control = null;
if(typeof(_control) == "object")
__control = _control;
else
__control = document.getElementById(_control);
if(_event.toString().toUpperCase() == "CLICK")
__control.onclick = _function;
else if(_event.toString().toUpperCase() == "MOVER")
__control.onmouseover = _function;
else if(_event.toString().toUpperCase() == "MOUT")
__control.onmouseout = _function;
}
Load();
_collapsiblePanel1.MaxHeight = _collapsiblePanel1.Object.offsetHeight;
_collapsiblePanel1.Object.style.height = _collapsiblePanel1.Object.offsetHeight + "px";
</script> |
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas