Histórico da Página
...
HTML |
---|
<div id="keyWordContainerDiv" style="padding-top: 10px;"></div> <script> InitTotvsKeywords = function(){ var _tagsEl = document.getElementsByClassName('aui-label-split-main'); var _tags = []; for(var i=0; i < _tagsEl.length; i++){ _tags.push(_tagsEl[i].innerHTML); } TOTVS_Keywords.Build('TOTVS_KeyWord', 'keyWordContainerDiv', _tags); } window.onload = function() { InitTotvsKeywords(); var _interval = setInterval(function(){ var _valor = (document.getElementsByClassName('aui-dialog').length > 0) ? document.getElementsByClassName('aui-label-split-main').length / 2 : document.getElementsByClassName('aui-label-split-main').length; if(TOTVS_Keywords.Tags.Length != _valor){ TOTVS_Keywords.Container.removeChild(document.getElementById(TOTVS_Keywords.Id + "_ContainerWrapper")); InitTotvsKeywords(); } }, 1000); } </script> |
TOTVS TDN Document New Model
...
Para se utilizar o TOTVS TDN Document New Model, alguns passos devem ser utilizados:
HTML |
---|
<div id="newModelContent"></div>
<style>
@import url('https://fonts.googleapis.com/css?family=Lato');
.NewModel-Wrapper{
background-color: #fff !important;
font-family: 'Lato', sans-serif !important;
}
.NewModel-Wrapper-Left-Img{
float: left;
width: 64px;
height: 64px;
}
.NewModel-Wrapper-Title{
float: left;
font-weight: 900px; //lato black
}
.NewModel-Wrapper-Totvs-Img{
float: left;
width: 64px;
height: 64px;
}
</style>
<script>
TOTVS_TDN_Document_New_Model = {
Id: "New_Model1",
Container: null,
WrapperEl: null,
Init: function(id, nameOfContainer){
this.Id = id;
this.Container = (typeof nameOfContainer === "string") ? document.getElementById(nameOfContainer) : nameOfContainer;
},
Build: function(id, nameOfContainer){
this.Init(id, nameOfContainer);
var _newModelWrapper = document.createElement("div");
_newModelWrapper.id = this.Id + "_Wrapper";
_newModelWrapper.className = "NewModel-Wrapper"
this.Container.appendChild(_newModelWrapper);
this.WrapperEl = _newModelWrapper;
},
AddHeader: function(title){
var _newModelHeader = document.createElement("div");
_newModelHeader.id = this.WrapperEl.id + "_Header";
var _newModelHeaderLeftIcon = document.createElement("img");
_newModelHeaderLeftIcon.id = this.WrapperEl.id + "_HeaderLeftImg"
_newModelHeaderLeftIcon.name = _newModelHeaderLeftIcon.id;
_newModelHeaderLeftIcon.src = "/download/attachments/330843097/left_icon.png?version=1&modificationDate=1522349427241&api=v2";
_newModelHeaderLeftIcon.className = "NewModel-Wrapper-Left-Img";
_newModelHeader.appendChild(_newModelHeaderLeftIcon);
var _newModelHeaderTitle = document.createElement("span");
_newModelHeaderTitle.id = this.WrapperEl.id + "_HeaderSpan"
_newModelHeaderTitle.name = _newModelHeaderTitle.id;
_newModelHeaderTitle.innerHTML = title;
_newModelHeaderTitle.className = "NewModel-Wrapper-Title";
_newModelHeader.appendChild(_newModelHeaderTitle);
var _newModelHeaderTotvsIcon = document.createElement("img");
_newModelHeaderTotvsIcon.id = this.WrapperEl.id + "_HeaderTotvsImg"
_newModelHeaderTotvsIcon.name = _newModelHeaderTotvsIcon.id;
_newModelHeaderTotvsIcon.src = "/download/attachments/330843097/totvs_icon.png?version=4&modificationDate=1522349427491&api=v2";
_newModelHeaderTotvsIcon.className = "NewModel-Wrapper-Totvs-Img";
_newModelHeader.appendChild(_newModelHeaderTotvsIcon);
this.WrapperEl.appendChild(_newModelHeader);
},
AddBody: function(){
var _newModelBody = document.createElement("div");
this.WrapperEl.appendChild(_newModelBody);
},
AddFooter: function(){
var _newModelFooter = document.createElement("div");
this.WrapperEl.appendChild(_newModelFooter);
}
}
TOTVS_TDN_Document_New_Model.Build('Document1', 'newModelContent');
TOTVS_TDN_Document_New_Model.AddHeader('Serviço de Cache Centralizado');
</script> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas