Histórico da Página
HTML |
---|
<div id="newModelContent" style="width:100%; height: 100%;"></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; font-family: 'Lato', sans-serif !important; font-size: 24px; width: calc(100% - 128px); height: 64px; padding: 20px 0px; text-align: center; } .NewModel-Wrapper-Title span{ font-weight: 900; font-family: 'Lato', sans-serif !important; font-size: 24px; color: #FFAB00; } .NewModel-Wrapper-Totvs-Img{ float: left; width: 36px48px; height: 48px; padding-top: 12px; } </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 <span>Instalação e Configuração</span>'); </script> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas