Histórico da Página
...
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;
display: table;
width: 100%;
}
.NewModel-Wrapper-Left-Img{
float: left;
width: 64px;
height: 64px;
}
.NewModel-Wrapper-Title{
float: left;
font-weight: 900; /*lato black*/
font-family: 'Lato', sans-serif !important;
font-size: 24px;
}
.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