Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

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>