Histórico da Página
Exibir filhos | ||
---|---|---|
|
HTML |
---|
<div id="myContent"></div> <script type="text/javascript"> var ReplaceChar = function(marker1, marker2, textString, replaceString){ var indexMarkInit = textString.indexOf(marker1); var text = textString.substring(indexMarkInit); var indexMarkEnd = text.indexOf(marker2); return text.substring(marker1.length, indexMarkEnd); } if($){ $(".wiki-content").children("ul").css("display","none"); var items = $(".wiki-content").children("ul").find('li').map(function() { var item = { }; item["link"] = ($(this) != null && $(this) != undefined && $(this).children("a") != null && $(this).children("a") != undefined && $(this).children("a").length > 0) ? $(this).children("a").attr("href") : null; item["parent"] = ($(this) != null && $(this) != undefined && $(this).parent() != null && $(this).parent() != undefined && $(this).parent().length > 0 && $(this).parent().parent() != null && $(this).parent().parent() != undefined && $(this).parent().parent().length > 0 && $(this).parent().parent().parent() != null && $(this).parent().parent().parent() != undefined && $(this).parent().parent().parent().length > 0 && $(this).parent().parent().parent().prop("tagName") == "UL") ? $(this).parent().parent().parent() : null; item["text"] = ($(this) != null && $(this) != undefined && $(this).children("a") != null && $(this).children("a") != undefined && $(this).children("a").length > 0) ? $(this).children("a").text() : null; item["isRoot"] = (item.parent == null) ? true : false; item["isLeaf"] = ($(this) != null && $(this) != undefined && $(this).children("a") != null && $(this).children("ul") != undefined && $(this).children("ul").length > 0) ? false : true; item["description"] = null; $.get(item["link"], function(data){ htmlString = data; var itemOfArray = $.grep(items, function(e){ return e.link == item["link"]; }); if(htmlString.indexOf("<content-mark>") >= 0){ itemOfArray[0].description = ReplaceChar("<content-mark>", "</content-mark>", htmlString, ""); var replacedText = ReplaceChar('<h1 class="Destaqueinterno"', "</h1>", htmlString, ""); replacedText = ReplaceChar('<span style="color: rgb(0,204,255);">',"</span>", replacedText, ""); itemOfArray[0].text = (replacedText.indexOf("<h1") >= 0 || replacedText.indexOf("<span") >= 0) ? itemOfArray[0].text : replacedText; } }); return item; }); } 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){ this.Object.style.height = "auto"; if(tipo == "FILTRARSIMPLES") this.Filter(tipoItem, texto); else if(tipo == "FILTRARAVANCADO") this.FilterAdv(expressao); else if(tipo == "ORDENAR") this.Order(tipoItem, texto); } this.Order = function(tipoItem, ascOrDesc){ var StructASerUtilizado = this.FilterStruct[tipoItem]; var array = []; for(var att in StructASerUtilizado){ array.push(att); } if(array.sort){ array.sort(); if(ascOrDesc == "DESC" && array.reverse) array.reverse(); } else{ //metodo sort customizado } for(var i=0; i<array.length; i++){ this.Object.appendChild(StructASerUtilizado[array[i]].Object); } } this.Filter = function(tipoItem, texto){ var StructASerUtilizado = this.FilterStruct[tipoItem]; if(texto != ""){ 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.MaxHeight = this.Object.offsetHeight; } 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(){ this.style.backgroundColor = "#f6c342"; this.style.cursor = "pointer"; document.getElementById(this.id + "_Description").style.color = "#000"; var _input; if(document.getElementById(this.id + "_Input")) _input = document.getElementById(this.id + "_Input"); else _input = document.createElement("input"); _input.id = this.id + "_Input"; _input.style.float = "right"; _input.style.height = "14px"; _input.style.width = "100px"; _input.style.display = "inline"; var _button; if(document.getElementById(this.id + "_Button")) _button = document.getElementById(this.id + "_Button"); else _button = document.createElement("div"); _button.id = this.id + "_Button"; _button.style.float = "right" _button.innerHTML = "Filtrar"; _button.style.background = "#606060"; _button.style.color = "#fff"; _button.style.padding = "0px 5px"; _button.style.display = "inline"; SetControlEvents(_button, "CLICK", function(){ var _nameObject = this.id.replace("_Button","_Input"); var _typeOptionTable = document.getElementById(this.id.replace("_Button","")).getAttribute("Type"); var _typeOptionTableItem = document.getElementById(this.id.replace("_Button","_Description")).getAttribute("Type"); var _filterText = document.getElementById(_nameObject).value; var _instance = window.CollapsiblePanels[window.CurrentCollapsiblePanel]; _instance.ExecuteAction(_typeOptionTable, _typeOptionTableItem, _filterText); window.Popins[window.CurrentPopin].Close(); }); this.appendChild(_button); this.appendChild(_input); }, OutAction: function(){ this.style.backgroundColor = "#909090"; this.style.cursor = "default"; document.getElementById(this.id + "_Description").style.color = "#fff"; if(document.getElementById(this.id + "_Input")) document.getElementById(this.id + "_Input").style.display = "none"; if(document.getElementById(this.id + "_Button")) document.getElementById(this.id + "_Button").style.display = "none"; } } var _objectTable3 = createTableOptionItem(optTableOptionItem3); _objectsTable.push(_objectTable3); var optTableOptionItem1 = { ID: "TableOptionItem1", Description: "Título", Type: "TITULO", HoverAction: function(){ this.style.backgroundColor = "#f6c342"; this.style.cursor = "pointer"; document.getElementById(this.id + "_Description").style.color = "#000"; var _input; if(document.getElementById(this.id + "_Input")) _input = document.getElementById(this.id + "_Input"); else _input = document.createElement("input"); _input.id = this.id + "_Input"; _input.style.float = "right"; _input.style.height = "14px"; _input.style.width = "100px"; _input.style.display = "inline"; var _button; if(document.getElementById(this.id + "_Button")) _button = document.getElementById(this.id + "_Button"); else _button = document.createElement("div"); _button.id = this.id + "_Button"; _button.style.float = "right" _button.innerHTML = "Filtrar"; _button.style.background = "#606060"; _button.style.color = "#fff"; _button.style.padding = "0px 5px"; _button.style.display = "inline"; SetControlEvents(_button, "CLICK", function(){ var _nameObject = this.id.replace("_Button","_Input"); var _typeOptionTable = document.getElementById(this.id.replace("_Button","")).getAttribute("Type"); var _typeOptionTableItem = document.getElementById(this.id.replace("_Button","_Description")).getAttribute("Type"); var _filterText = document.getElementById(_nameObject).value; var _instance = window.CollapsiblePanels[window.CurrentCollapsiblePanel]; _instance.ExecuteAction(_typeOptionTable, _typeOptionTableItem, _filterText); window.Popins[window.CurrentPopin].Close(); }); this.appendChild(_button); this.appendChild(_input); }, OutAction: function(){ this.style.backgroundColor = "#909090"; this.style.cursor = "default"; document.getElementById(this.id + "_Description").style.color = "#fff"; if(document.getElementById(this.id + "_Input")) document.getElementById(this.id + "_Input").style.display = "none"; if(document.getElementById(this.id + "_Button")) document.getElementById(this.id + "_Button").style.display = "none"; } } var _objectTable1 = createTableOptionItem(optTableOptionItem1); _objectsTable.push(_objectTable1); var optTableOptionItem2 = { ID: "TableOptionItem2", Description: "Sub-título", Type: "SUBTITULO", HoverAction: function(){ this.style.backgroundColor = "#f6c342"; this.style.cursor = "pointer"; document.getElementById(this.id + "_Description").style.color = "#000"; var _input; if(document.getElementById(this.id + "_Input")) _input = document.getElementById(this.id + "_Input"); else _input = document.createElement("input"); _input.id = this.id + "_Input"; _input.style.float = "right"; _input.style.height = "14px"; _input.style.width = "100px"; _input.style.display = "inline"; var _button; if(document.getElementById(this.id + "_Button")) _button = document.getElementById(this.id + "_Button"); else _button = document.createElement("div"); _button.id = this.id + "_Button"; _button.style.float = "right" _button.innerHTML = "Filtrar"; _button.style.background = "#606060"; _button.style.color = "#fff"; _button.style.padding = "0px 5px"; _button.style.display = "inline"; SetControlEvents(_button, "CLICK", function(){ var _nameObject = this.id.replace("_Button","_Input"); var _typeOptionTable = document.getElementById(this.id.replace("_Button","")).getAttribute("Type"); var _typeOptionTableItem = document.getElementById(this.id.replace("_Button","_Description")).getAttribute("Type"); var _filterText = document.getElementById(_nameObject).value; var _instance = window.CollapsiblePanels[window.CurrentCollapsiblePanel]; _instance.ExecuteAction(_typeOptionTable, _typeOptionTableItem, _filterText); window.Popins[window.CurrentPopin].Close(); }); this.appendChild(_button); this.appendChild(_input); }, OutAction: function(){ this.style.backgroundColor = "#909090"; this.style.cursor = "default"; document.getElementById(this.id + "_Description").style.color = "#fff"; if(document.getElementById(this.id + "_Input")) document.getElementById(this.id + "_Input").style.display = "none"; if(document.getElementById(this.id + "_Button")) document.getElementById(this.id + "_Button").style.display = "none"; } } var _objectTable2 = createTableOptionItem(optTableOptionItem2); _objectsTable.push(_objectTable2); var optTableOptionItem5 = { ID: "TableOptionItem5", Description: "Descrição", Type: "DESCRICAO", HoverAction: function(){ this.style.backgroundColor = "#f6c342"; this.style.cursor = "pointer"; document.getElementById(this.id + "_Description").style.color = "#000"; var _input; if(document.getElementById(this.id + "_Input")) _input = document.getElementById(this.id + "_Input"); else _input = document.createElement("input"); _input.id = this.id + "_Input"; _input.style.float = "right"; _input.style.height = "14px"; _input.style.width = "100px"; _input.style.display = "inline"; var _button; if(document.getElementById(this.id + "_Button")) _button = document.getElementById(this.id + "_Button"); else _button = document.createElement("div"); _button.id = this.id + "_Button"; _button.style.float = "right" _button.innerHTML = "Filtrar"; _button.style.background = "#606060"; _button.style.color = "#fff"; _button.style.padding = "0px 5px"; _button.style.display = "inline"; SetControlEvents(_button, "CLICK", function(){ var _nameObject = this.id.replace("_Button","_Input"); var _typeOptionTable = document.getElementById(this.id.replace("_Button","")).getAttribute("Type"); var _typeOptionTableItem = document.getElementById(this.id.replace("_Button","_Description")).getAttribute("Type"); var _filterText = document.getElementById(_nameObject).value; var _instance = window.CollapsiblePanels[window.CurrentCollapsiblePanel]; _instance.ExecuteAction(_typeOptionTable, _typeOptionTableItem, _filterText); window.Popins[window.CurrentPopin].Close(); }); this.appendChild(_button); this.appendChild(_input); }, OutAction: function(event){ this.style.backgroundColor = "#909090"; this.style.cursor = "default"; document.getElementById(this.id + "_Description").style.color = "#fff"; if(document.getElementById(this.id + "_Input")) document.getElementById(this.id + "_Input").style.display = "none"; if(document.getElementById(this.id + "_Button")) document.getElementById(this.id + "_Button").style.display = "none"; } } var _objectTable5 = createTableOptionItem(optTableOptionItem5); _objectsTable.push(_objectTable5); var optTableOptionItem4 = { ID: "TableOptionItem4", Description: "Data Criação", Type: "DATA", HoverAction: function(){ this.style.backgroundColor = "#f6c342"; this.style.cursor = "pointer"; document.getElementById(this.id + "_Description").style.color = "#000"; var _input; if(document.getElementById(this.id + "_Input")) _input = document.getElementById(this.id + "_Input"); else _input = document.createElement("input"); _input.id = this.id + "_Input"; _input.style.float = "right"; _input.style.height = "14px"; _input.style.width = "100px"; _input.style.display = "inline"; var _button; if(document.getElementById(this.id + "_Button")) _button = document.getElementById(this.id + "_Button"); else _button = document.createElement("div"); _button.id = this.id + "_Button"; _button.style.float = "right" _button.innerHTML = "Filtrar"; _button.style.background = "#606060"; _button.style.color = "#fff"; _button.style.padding = "0px 5px"; _button.style.display = "inline"; SetControlEvents(_button, "CLICK", function(){ var _nameObject = this.id.replace("_Button","_Input"); var _typeOptionTable = document.getElementById(this.id.replace("_Button","")).getAttribute("Type"); var _typeOptionTableItem = document.getElementById(this.id.replace("_Button","_Description")).getAttribute("Type"); var _filterText = document.getElementById(_nameObject).value; var _instance = window.CollapsiblePanels[window.CurrentCollapsiblePanel]; _instance.ExecuteAction(_typeOptionTable, _typeOptionTableItem, _filterText); window.Popins[window.CurrentPopin].Close(); }); this.appendChild(_button); this.appendChild(_input); }, OutAction: function(event){ this.style.backgroundColor = "#909090"; this.style.cursor = "default"; document.getElementById(this.id + "_Description").style.color = "#fff"; if(document.getElementById(this.id + "_Input")) document.getElementById(this.id + "_Input").style.display = "none"; if(document.getElementById(this.id + "_Button")) document.getElementById(this.id + "_Button").style.display = "none"; } } var _objectTable4 = createTableOptionItem(optTableOptionItem4); _objectsTable.push(_objectTable4); var optTableOption1 = { ID: "TableOption1", Objects: _objectsTable, Type: "FILTRARSIMPLES" } var _tableOption1 = new createTableOption(optTableOption1); var optMenuItem1 = { ID: "MenuItem1", Action: function(){ var optPopin1 = { ID: "Popin1", Title: "Filtrar (Simples)", Align: "CENTER", Modal: true, ObjectContent: _tableOption1.Object } createPopin(optPopin1); var _nameParent = this.getAttribute("Parent"); var _nameInstance = _nameParent.replace("_MostExternalDiv",""); var _instance = window.Menus[_nameInstance]; _instance.Hide(); _instance.Parent.UndoHighlightMenu(); }, Description: "Filtrar (Simples)" } var _object1 = createMenuItem(optMenuItem1); _objects.push(_object1); var optMenuItem4 = { ID: "MenuItem4", Action: function(){ var optPopin4 = { ID: "Popin4", Title: "Filtrar (Avançado)", InnerHTML: "teste", Align: "CENTER", Modal: true } createPopin(optPopin4); var _nameParent = this.getAttribute("Parent"); var _nameInstance = _nameParent.replace("_MostExternalDiv",""); var _instance = window.Menus[_nameInstance]; _instance.Hide(); _instance.Parent.UndoHighlightMenu(); }, Description: "Filtrar (Avançado)" } var _object4 = createMenuItem(optMenuItem4); _objects.push(_object4); var _objectsTable2 = []; var optTableOptionItem6 = { ID: "TableOptionItem6", Description: "Índice", Type: "INDICE", Action: function(){ var _parent = document.getElementById(this.id).getAttribute("Parent"); var _nameObject = _parent.replace("_MostExternalDiv","") + "_CheckBox"; var _typeOptionTable = document.getElementById(this.id).getAttribute("Type"); var _typeOptionTableItem = document.getElementById(this.id + "_Description").getAttribute("Type"); var _instance = window.CollapsiblePanels[window.CurrentCollapsiblePanel]; var _order = (document.getElementById(_nameObject).checked) ? "DESC" : "ASC"; _instance.ExecuteAction(_typeOptionTable, _typeOptionTableItem, _order); window.Popins[window.CurrentPopin].Close(); } } var _objectTable6 = createTableOptionItem(optTableOptionItem6); _objectsTable2.push(_objectTable6); var optTableOptionItem7 = { ID: "TableOptionItem7", Description: "Título", Type: "TITULO", Action: function(){ var _parent = document.getElementById(this.id).getAttribute("Parent"); var _nameObject = _parent.replace("_MostExternalDiv","") + "_CheckBox"; var _typeOptionTable = document.getElementById(this.id).getAttribute("Type"); var _typeOptionTableItem = document.getElementById(this.id + "_Description").getAttribute("Type"); var _instance = window.CollapsiblePanels[window.CurrentCollapsiblePanel]; var _order = (document.getElementById(_nameObject).checked) ? "DESC" : "ASC"; _instance.ExecuteAction(_typeOptionTable, _typeOptionTableItem, _order); window.Popins[window.CurrentPopin].Close(); } } var _objectTable7 = createTableOptionItem(optTableOptionItem7); _objectsTable2.push(_objectTable7); var optTableOptionItem8 = { ID: "TableOptionItem8", Description: "Sub-título", Type: "SUBTITULO", Action: function(){ var _parent = document.getElementById(this.id).getAttribute("Parent"); var _nameObject = _parent.replace("_MostExternalDiv","") + "_CheckBox"; var _typeOptionTable = document.getElementById(this.id).getAttribute("Type"); var _typeOptionTableItem = document.getElementById(this.id + "_Description").getAttribute("Type"); var _instance = window.CollapsiblePanels[window.CurrentCollapsiblePanel]; var _order = (document.getElementById(_nameObject).checked) ? "DESC" : "ASC"; _instance.ExecuteAction(_typeOptionTable, _typeOptionTableItem, _order); window.Popins[window.CurrentPopin].Close(); } } var _objectTable8 = createTableOptionItem(optTableOptionItem8); _objectsTable2.push(_objectTable8); var optTableOptionItem9 = { ID: "TableOptionItem9", Description: "Descrição", Type: "DESCRICAO", Action: function(){ var _parent = document.getElementById(this.id).getAttribute("Parent"); var _nameObject = _parent.replace("_MostExternalDiv","") + "_CheckBox"; var _typeOptionTable = document.getElementById(this.id).getAttribute("Type"); var _typeOptionTableItem = document.getElementById(this.id + "_Description").getAttribute("Type"); var _instance = window.CollapsiblePanels[window.CurrentCollapsiblePanel]; var _order = (document.getElementById(_nameObject).checked) ? "DESC" : "ASC"; _instance.ExecuteAction(_typeOptionTable, _typeOptionTableItem, _order); window.Popins[window.CurrentPopin].Close(); } } var _objectTable9 = createTableOptionItem(optTableOptionItem9); _objectsTable2.push(_objectTable9); var optTableOptionItem10 = { ID: "TableOptionItem10", Description: "Data Criação", Type: "DATA", Action: function(){ var _parent = document.getElementById(this.id).getAttribute("Parent"); var _nameObject = _parent.replace("_MostExternalDiv","") + "_CheckBox"; var _typeOptionTable = document.getElementById(this.id).getAttribute("Type"); var _typeOptionTableItem = document.getElementById(this.id + "_Description").getAttribute("Type"); var _instance = window.CollapsiblePanels[window.CurrentCollapsiblePanel]; var _order = (document.getElementById(_nameObject).checked) ? "DESC" : "ASC"; _instance.ExecuteAction(_typeOptionTable, _typeOptionTableItem, _order); window.Popins[window.CurrentPopin].Close(); } } var _objectTable10 = createTableOptionItem(optTableOptionItem10); _objectsTable2.push(_objectTable10); var optTableOption2 = { ID: "TableOption2", Objects: _objectsTable2, Type: "ORDENAR" } var _tableOption2 = new createTableOption(optTableOption2); var _checkBox = document.createElement("input"); _checkBox.id = _tableOption2.ID + "_CheckBox"; _checkBox.type = "checkbox"; _checkBox.style.bottom = "-25px"; _checkBox.style.left = "0px"; _checkBox.style.position = "absolute"; var _inputCheckBox = document.createElement("span"); _inputCheckBox.id = _tableOption2.ID + "_Span"; _inputCheckBox.style.bottom = "-25px"; _inputCheckBox.style.left = "20px"; _inputCheckBox.style.position = "absolute"; _inputCheckBox.innerHTML = "Ordem Descendente"; _tableOption2.Object.appendChild(_checkBox); _tableOption2.Object.appendChild(_inputCheckBox); var optMenuItem2 = { ID: "MenuItem2", Action: function(){ var optPopin2 = { ID: "Popin2", Title: "Ordenar", Align: "CENTER", Modal: true, ObjectContent: _tableOption2.Object } createPopin(optPopin2); var _nameParent = this.getAttribute("Parent"); var _nameInstance = _nameParent.replace("_MostExternalDiv",""); var _instance = window.Menus[_nameInstance]; _instance.Hide(); _instance.Parent.UndoHighlightMenu(); }, Description: "Ordenar" } var _object2 = createMenuItem(optMenuItem2); _objects.push(_object2); if(this.Collapsible){ var optMenuItem5 = { ID: "MenuItem5", Action: function(){ var _nameParent = this.getAttribute("Parent"); var _nameInstance = _nameParent.replace("_MostExternalDiv",""); var _instance = window.Menus[_nameInstance]; _instance.Parent.Object.style.height = (_instance.Parent.MaxHeight > 0) ? _instance.Parent.MaxHeight + "px" : _instance.Parent.Object.style.height; _instance.Parent.Collapse(); var _status = _instance.Parent.Status; if(_status == "OPENED") document.getElementById(this.id + "_Description").innerHTML = "Retrair"; else document.getElementById(this.id + "_Description").innerHTML = "Expandir"; _instance.Hide(); _instance.Parent.UndoHighlightMenu(); }, Description: "Retrair" } var _object5 = createMenuItem(optMenuItem5); _objects.push(_object5); } var optMenuItem3 = { ID: "MenuItem3", Action: function(){ var optPopin3 = { ID: "Popin3", Title: "Trocar Visualização", InnerHTML: "teste", Align: "CENTER", Modal: true } createPopin(optPopin3); var _nameParent = this.getAttribute("Parent"); var _nameInstance = _nameParent.replace("_MostExternalDiv",""); var _instance = window.Menus[_nameInstance]; _instance.Hide(); _instance.Parent.UndoHighlightMenu(); }, Description: "Trocar Visualização" } var _object3 = createMenuItem(optMenuItem3); _objects.push(_object3); var optMenu1 = { ID: "Menu1", Objects: _objects, Wrapper: _collapsiblePanelObjectHeadMenu.id } this.MenuInstance = createMenu(optMenu1); this.MenuInstance.Parent = this; this.Object = _collapsiblePanelObject; if(window["CollapsiblePanels"] == undefined) window["CollapsiblePanels"] = []; window.CollapsiblePanels[this.ID] = this; window.CollapsiblePanels[window.CollapsiblePanels.length] = this; window["CurrentCollapsiblePanel"] = this.ID; SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOVER", function(){ var __img = this; var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "") var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance; if(_menu1.Status == "HIDDEN"){ __img.style.backgroundColor = "#909090"; __img.style.cursor= "pointer"; } }); SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "MOUT", function(){ var __img = this; var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "") var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance; if(_menu1.Status == "HIDDEN"){ __img.style.backgroundColor = "#606060"; __img.style.cursor= "default"; } }); SetControlEvents(_collapsiblePanelObjectHeadMenu.id, "CLICK", function(){ var _nameInstance = this.id.replace("_MostExternalDiv_Head_Menu", "") var _menu1 = window.CollapsiblePanels[_nameInstance].MenuInstance; window.CurrentCollapsiblePanel = _nameInstance; _menu1.Show(); var _object = _menu1.Object; _object.style.border = "1px solid #f6c342"; _object.style.width = "168px"; var __img = this; if(_menu1.Status == "OPENED"){ __img.style.backgroundColor = "#909090"; __img.style.cursor= "pointer"; __img.style.border = "1px solid #f6c342"; __img.style.borderBottom = "1px solid #909090" } else{ __img.style.border = "1px solid #606060"; } }); window.onresize = function(){ var _menu1 = window.Menus[window.CurrentMenu]; if(_menu1){ _menu1.Hide(); _menu1.UpdatePosition(_menu1.Object, _menu1.TopBorderObject); _menu1.Parent.UndoHighlightMenu(); } } return this; } this.UndoHighlightMenu = function(){ document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.border = "1px solid #606060"; document.getElementById(this.ID + "_MostExternalDiv_Head_Menu").style.backgroundColor = "#606060"; } return this.LoadComponents(optCollapsiblePanel); } return new oCollapsiblePanel(optCollapsiblePanel); } createPopin = function(optPopin){ var oPopin = function(optPopin){ this.ID = "popin1"; this.Title = ""; this.InnerHTML = ""; this.Align = ""; this.Modal = false; this.Object = ""; this.ModalObject = ""; this.Parent = ""; this.ObjectContent = ""; this.LoadComponents = function(optPopin){ var _popinObject = null; var _popinObjectHead = null; var _popinObjectHeadTitle = null; var _popinObjectHeadClose = null; var _popinObjectHeadCloseImg = null; var _popinObjectBody = null; var _popinObjectModal = null; this.ID = optPopin.ID; this.Title = optPopin.Title; this.InnerHTML = optPopin.InnerHTML; this.Align = optPopin.Align; this.Modal = optPopin.Modal; this.ObjectContent = optPopin.ObjectContent; _popinObject = document.createElement("div"); _popinObject.id = this.ID + "_MostExternalDiv"; _popinObject.style.display = "block"; _popinObject.style.position = "absolute"; _popinObject.style.zIndex = "6"; _popinObject.style.width = "400px"; _popinObject.style.height = "300px"; _popinObject.style.top = "50%"; _popinObject.style.left = "50%"; _popinObject.style.marginLeft = "-200px"; _popinObject.style.marginTop = "-150px"; _popinObject.style.backgroundColor = "#909090"; _popinObject.style.border= "1px solid #f6c342"; _popinObject.style.background = "url(http://tdn.totvs.com/download/attachments/243011209/1600cefc.png?version=1&modificationDate=1485184017639&api=v2)"; _popinObject.style.webkitBoxShadow = "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)"; _popinObjectModal = document.createElement("div"); _popinObjectModal.id = this.ID + "_MostExternalDiv"; _popinObjectModal.style.display = "block"; _popinObjectModal.style.position = "absolute"; _popinObjectModal.style.zIndex = "5"; _popinObjectModal.style.width = "100%"; _popinObjectModal.style.height = "100%"; _popinObjectModal.style.top = "0px"; _popinObjectModal.style.left = "0px"; _popinObjectModal.style.background = "rgba(0, 0, 0, 0.4)"; if(!this.Modal) _popinObjectModal.style.display = "none"; _popinObjectHead = document.createElement("div"); _popinObjectHead.id = _popinObject.id + "_Head"; _popinObjectHead.style.width = "100%"; _popinObjectHead.style.height = "35px"; _popinObjectHead.style.background = "#606060"; _popinObjectHead.style.paddingTop = "5px"; _popinObjectHead.style.webkitBoxShadow = "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); _popinObjectHeadTitle = document.createElement("span"); _popinObjectHeadTitle.id = _popinObjectHead.id + "_Title"; _popinObjectHeadTitle.innerHTML = this.Title; _popinObjectHeadTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _popinObjectHeadTitle.style.fontSize = "14pt"; _popinObjectHeadTitle.style.color = "#fff"; _popinObjectHeadTitle.style.paddingLeft = "10px"; _popinObjectHead.appendChild(_popinObjectHeadTitle); _popinObjectHeadClose = document.createElement("div"); _popinObjectHeadClose.id = _popinObjectHead.id + "_Close"; _popinObjectHeadClose.style.width = "16px"; _popinObjectHeadClose.style.height = "16px"; _popinObjectHeadClose.style.float = "right"; _popinObjectHeadClose.style.marginTop = "5px"; _popinObjectHeadClose.style.marginRight = "10px"; SetControlEvents(_popinObjectHeadClose, "CLICK", function(){ var _nameInstance = this.id.replace("_MostExternalDiv_Head_Close",""); var _instance = window.Popins[_nameInstance]; _instance.Close(); }); SetControlEvents(_popinObjectHeadClose, "MOVER", function(){ this.style.cursor = "pointer"; }); SetControlEvents(_popinObjectHeadClose, "MOUT", function(){ this.style.cursor = "default"; }); _popinObjectHeadCloseImg = document.createElement("img"); _popinObjectHeadCloseImg.id = _popinObjectHeadClose.id + "_Img"; _popinObjectHeadCloseImg.name = _popinObjectHeadClose.id + "_Img"; _popinObjectHeadCloseImg.src = "http://tdn.totvs.com/download/attachments/243011209/close.png?version=1&modificationDate=1487769419003&api=v2"; _popinObjectHeadCloseImg.style.width = "16px"; _popinObjectHeadCloseImg.style.height = "16px"; _popinObjectHead.appendChild(_popinObjectHeadClose); _popinObjectHeadClose.appendChild(_popinObjectHeadCloseImg); _popinObjectBody = document.createElement("div"); _popinObjectBody.id = _popinObject.id + "_Body"; _popinObjectBody.style.backgroundColor = "#fff"; _popinObjectBody.style.margin= "10px"; _popinObjectBody.style.height = "240px"; _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(this.ObjectContent == undefined) _popinObjectBody.innerHTML = this.InnerHTML; else _popinObjectBody.appendChild(this.ObjectContent); _popinObject.appendChild(_popinObjectBody); document.body.appendChild(_popinObject); document.body.appendChild(_popinObjectModal); this.Object = _popinObject; this.ModalObject = _popinObjectModal; if(window["Popins"] == undefined) window["Popins"] = []; window.Popins[this.ID] = this; window.Popins[window.Popins.length] = this; window["CurrentPopin"] = this.ID; return this; } this.Close = function(){ document.body.removeChild(this.Object); document.body.removeChild(this.ModalObject); }; return this.LoadComponents(optPopin); } return new oPopin(optPopin); } createMenu = function(optMenu){ var oMenu = function(optMenu){ this.ID = "menu1"; this.Objects = {}; this.Wrapper = ""; this.Status = "HIDDEN"; this.Object = ""; this.TopBorderObject = ""; this.Parent = ""; this.LoadComponents = function(optMenu){ var _menuObject = null; var _menuObjectContainer = null; this.ID = optMenu.ID; this.Objects = optMenu.Objects; this.Wrapper = optMenu.Wrapper; _menuObjectTopBorder = document.createElement("div"); _menuObjectTopBorder.id = this.ID + "_TopBorder"; _menuObjectTopBorder.style.display = "none"; _menuObjectTopBorder.style.position = "absolute"; _menuObjectTopBorder.style.backgroundColor = "#909090"; _menuObjectTopBorder.style.width = "26px"; _menuObjectTopBorder.style.height = "1px"; _menuObjectTopBorder.style.zIndex = "2"; _menuObject = document.createElement("div"); _menuObject.id = this.ID + "_MostExternalDiv"; _menuObject.style.display = "none"; _menuObject.style.position = "absolute"; _menuObject.style.width = "170px"; _menuObject.style.backgroundColor= "#909090"; _menuObjectContainer = document.createElement("div"); _menuObjectContainer.id = _menuObject.id + "_Container"; _menuObjectContainer.style.width = "150px"; _menuObjectContainer.style.margin = "10px"; for(var i = 0; i < this.Objects.length; i++){ _menuObjectContainer.appendChild(this.Objects[i]); this.Objects[i].setAttribute("Parent", _menuObject.id); } _menuObject.appendChild(_menuObjectContainer); document.getElementById("main").appendChild(_menuObject); document.getElementById(this.Wrapper).appendChild(_menuObjectTopBorder); this.UpdatePosition(_menuObject, _menuObjectTopBorder); this.TopBorderObject = _menuObjectTopBorder; this.Object = _menuObject; if(window["Menus"] == undefined) 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 = "menuItem1"; this.Action = ""; this.Description = ""; this.Parent = ""; this.LoadComponents = function(optMenuItem){ var _menuItemObject = null; var _menuItemObjectDescription = null; this.ID = optMenuItem.ID; this.Action = optMenuItem.Action; this.Description = 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"; }); SetControlEvents(_menuItemObject, "MOUT", function(){ this.style.backgroundColor = "#909090"; this.style.cursor = "default"; document.getElementById(this.id + "_Description").style.color = "#fff"; }); SetControlEvents(_menuItemObject, "CLICK", this.Action); _menuItemObjectDescription = document.createElement("span"); _menuItemObjectDescription.id = _menuItemObject.id + "_Description"; _menuItemObjectDescription.innerHTML = this.Description; _menuItemObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _menuItemObjectDescription.style.fontSize = "10pt"; _menuItemObjectDescription.style.color = "#fff"; _menuItemObject.appendChild(_menuItemObjectDescription); return _menuItemObject; } return this.LoadComponents(optMenuItem); } return oMenuItem(optMenuItem); } createContainer = function(optContainer){ var oContainer = function(optContainer){ this.ID = "container1"; this.Title = ""; this.SubTitle = ""; this.ImageUrl = ""; this.Description = ""; this.NavigateUrl = ""; this.Wrapper = ""; this.Parent = ""; this.Date = ""; this.Object = ""; this.LoadComponents = function(optContainer){ var _containerObject = null; var _containerObjectTitle = null; var _containerObjectSubTitle = null; var _containerObjectImageBackground = null; var _containerObjectImageBackgroundImg = null; var _containerObjectDescription = null; var _containerObjectSep = null; var _containerObjectMaisInfo = null; var _containerObjectMaisInfoA = null; this.ID = optContainer.ID this.Title = optContainer.Title; this.SubTitle = optContainer.SubTitle; this.ImageUrl = optContainer.ImageUrl; this.Description = optContainer.Description; this.NavigateUrl = optContainer.NavigateUrl; this.Wrapper = optContainer.Wrapper; this.Date = optContainer.Date; this.Parent = optContainer.Parent; _containerObject = document.createElement("div"); _containerObject.id = this.ID + "_MostExternalDiv"; _containerObject.style.width = "250px"; _containerObject.style.height = "auto"; _containerObject.style.background = "#fff"; _containerObject.style.border = "1px solid #c0c0c0"; _containerObject.style.padding = "10px"; _containerObject.style.margin = "10px"; _containerObject.style.float = "left"; _containerObject.style.position = "relative"; _containerObject.style.webkitBoxShadow = "3px 3px 3px 0px rgba(100, 100, 100, 0.4)"; _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)"; _containerObjectTitle = document.createElement("div"); _containerObjectTitle.id = _containerObject .id + "_Title"; _containerObjectTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _containerObjectTitle.style.fontSize = "16pt"; _containerObjectTitle.style.width = "100%"; _containerObjectTitle.style.height = "30px"; _containerObjectTitle.style.textAlign = "center"; _containerObjectTitle.innerHTML = this.Title; _containerObject.appendChild(_containerObjectTitle); _containerObjectSubTitle = document.createElement("div"); _containerObjectSubTitle.id = _containerObject .id + "_SubTitle"; _containerObjectSubTitle.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _containerObjectSubTitle.style.fontSize = "14pt"; _containerObjectSubTitle.style.width = "100%"; _containerObjectSubTitle.style.height = "35px"; _containerObjectSubTitle.style.textAlign = "center"; _containerObjectSubTitle.innerHTML = this.SubTitle; _containerObject.appendChild(_containerObjectSubTitle); _containerObjectImageBackground = document.createElement("div"); _containerObjectImageBackground.id = _containerObject .id + "_ImageBackground"; _containerObjectImageBackground.style.background = "url('http://365psd.com/images/previews/562/grey-corporate-business-technology-background-free-34160.jpg')"; _containerObjectImageBackground.style.backgroundPosition = "center bottom"; _containerObjectImageBackground.style.width = "100%"; _containerObjectImageBackground.style.height = "100px"; _containerObjectImageBackground.style.position= "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); _containerObjectDescription = document.createElement("div"); _containerObjectDescription.id = _containerObject .id + "_Description"; _containerObjectDescription.style.fontFamily = "Segoe UI, Candara, Bitstream Vera Sans, DejaVu Sans, Bitstream Vera Sans, Trebuchet MS, Verdana, Verdana Ref, sans-serif"; _containerObjectDescription.style.fontSize = "12pt"; _containerObjectDescription.style.width = "100%"; _containerObjectDescription.style.height = "135px"; _containerObjectDescription.style.textAlign = "justify"; _containerObjectDescription.innerHTML = this.Description; _containerObject.appendChild(_containerObjectDescription); _containerObjectSep = document.createElement("div"); _containerObjectSep.id = _containerObject .id + "_Sep"; _containerObjectSep.style.width = "100%"; _containerObjectSep.style.height = "1px"; _containerObjectSep.style.backgroundColor = "#c0c0c0"; _containerObjectSep.style.marginTop = "15px"; _containerObject.appendChild(_containerObjectSep); _containerObjectMaisInfo = document.createElement("div"); _containerObjectMaisInfo.id = _containerObject .id + "_MaisInfo"; _containerObjectMaisInfo.style.width = "100%"; _containerObjectMaisInfo.style.height = "20px"; _containerObjectMaisInfo.style.textAlign = "right"; _containerObjectMaisInfo.style.paddingTop = "5px"; _containerObjectMaisInfoA = document.createElement("a"); _containerObjectMaisInfoA.id = _containerObjectMaisInfo.id + "_A"; _containerObjectMaisInfoA.name = _containerObjectMaisInfo.id + "_A"; _containerObjectMaisInfoA.href = this.NavigateUrl; _containerObjectMaisInfoA.text = "Mais [...]"; _containerObjectMaisInfo.appendChild(_containerObjectMaisInfoA); _containerObjectDate = document.createElement("span"); _containerObjectDate.id = _containerObject .id + "_MaisInfo"; _containerObjectDate.style.width = "auto"; _containerObjectDate.style.float = "left"; _containerObjectDate.innerHTML = this.Date; _containerObjectMaisInfo.appendChild(_containerObjectDate); _containerObject.appendChild(_containerObjectMaisInfo); document.getElementById(this.Wrapper).appendChild(_containerObject); this.Object = _containerObject; if(window["Containers"] == undefined) window["Containers"] = []; window.Containers[this.ID] = this; window.Containers[window.Containers.length] = this; window["CurrentContainer"] = this.ID; return this; } return this.LoadComponents(optContainer); } return new oContainer(optContainer); } createTableOption = function(optTableOption){ var oTableOption= function(optTableOption){ this.ID = "tableOption1"; this.Objects = {}; this.Object = ""; this.Parent = ""; this.InnerHTML = ""; this.Type = "" this.LoadComponents = function(optTableOption){ var _tableObject = null; var _tableObjectContainer = null; this.ID = optTableOption.ID; this.Objects = optTableOption.Objects; this.Type = optTableOption.Type; _tableObject = document.createElement("div"); _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.id = _tableObject.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); var _divResult = document.createElement("div"); _divResult.appendChild(_tableObject); this.InnerHTML = _divResult.innerHTML; this.Object = _tableObject; if(window["TableOptions"] == undefined) window["TableOptions"] = []; window.TableOptions[this.ID] = this; window.TableOptions[window.TableOptions.length] = this; window["CurrentTableOption"] = this.ID; return this; } return this.LoadComponents(optTableOption); } return new oTableOption(optTableOption); } createTableOptionItem = function(optTableOptionItem){ var oTableOptionItem = function(optTableOptionItem){ this.ID = "optionTableItem1"; this.Action = ""; this.Description = ""; this.Parent = ""; this.Type = ""; this.HoverAction = ""; this.OutAction = ""; this.LoadComponents = function(optTableOptionItem){ var _optionTableItemObject = null; var _optionTableItemObjectDescription = null; this.ID = optTableOptionItem.ID; this.Action = optTableOptionItem.Action; this.Description = optTableOptionItem.Description; this.Type = optTableOptionItem.Type; this.HoverAction = optTableOptionItem.HoverAction; this.OutAction = optTableOptionItem.OutAction; _optionTableItemObject = document.createElement("div"); _optionTableItemObject.id = this.ID + "_MostExternalDiv"; _optionTableItemObject.style.padding = "5px"; _optionTableItemObject.style.border = "5px solid #fff"; _optionTableItemObject.style.borderBottom = "none"; if(typeof(this.HoverAction) != "function"){ SetControlEvents(_optionTableItemObject, "MOVER", function(){ this.style.backgroundColor = "#f6c342"; this.style.cursor = "pointer"; document.getElementById(this.id + "_Description").style.color = "#000"; }); } else SetControlEvents(_optionTableItemObject, "MOVER", this.HoverAction); if(typeof(this.OutAction) != "function"){ SetControlEvents(_optionTableItemObject, "MOUT", function(event, _outAction){ this.style.backgroundColor = "#909090"; this.style.cursor = "default"; document.getElementById(this.id + "_Description").style.color = "#fff"; }); } else SetControlEvents(_optionTableItemObject, "MOUT", this.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/x/48AlE", 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: "http://tdn.totvs.com/x/M6gpE", 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: "http://tdn.totvs.com/x/4HAxE", 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: "http://tdn.totvs.com/x/kIcpE", 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: "http://tdn.totvs.com/x/UbAJE", 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: "http://tdn.totvs.com/x/XMElE", 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: "http://tdn.totvs.com/x/prclE", 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> src="/download/attachments/330843097/TOTVS_DocumentSearcher.js?version=5&modificationDate=1521838432570&api=v2"></script> <style> .changeSelection::selection { background:rgba(0,0,0,0.2); } </style> <div id="myContent"></div> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas