Versões comparadas

Chave

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

...

HTML
<style type="text/css">
.expand-container{
margin-top:5px !important;
font-weight: normal !important;
}

.expand-control{
margin-bottom: 5px !important;
}

pre{
white-space: inherit !important;
}

table tr:nth-child(odd), table tr:nth-child(odd) > *{
   background: transparent !important;
border: 0 !important;
}

.pdl .codeContent .gutter{
    border-right: 1px solid #ccc !important;
}

.wiki-content .innerCell {
    overflow-y: hidden;
}

.HiddenDiv .confluence-information-macro .confluence-information-macro pre{
    display: none;
}
.HiddenDiv .wiki-content a:link, .HiddenDiv .wiki-content a, .HiddenDiv .tab-nav-link, .HiddenDiv .current{
     color: #000 !important; 
}

.wiki-content a:link {
    color: #000 !important;
}

.lastDiv + pre{
    font-family: inherit;
}

.white-container{
    -moz-box-shadow: 2px 2px 2px #aaa;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    box-shadow: 2px 2px 2px #aaa;
}

.confluence-embedded-file-wrapper .confluence-embedded-image{
    max-width: 100% !important;
    max-height: 100%;
}


div.outerDiv{
	border:1px solid #aab8c6;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #f7f7f7;
}

div.outerDivWrapper{
	background:#f7f7f7;
	width:calc(100% - 10px);
	height:30px;color: #000;
	font-weight:bold;
	font-size: 16px;
	padding:5px;
	border-bottom: 1px solid #aab8c6;
	margin-bottom:14px;
}

div.groupOuterDiv{
	border: 1px solid #aab8c6
}


div.groupOuterDivWrapper{
	background:#f7f7f7;
	width:calc(100% - 10px);
	height:30px;color: #000;
	font-weight:bold;
	font-size: 16px;
	padding:5px;
	border-bottom: 0px;
}


span.outerDivWrapperTitleSpan{
	float: left;
}


span.groupOuterDivWrapperTitleSpan{
	float: left;
	margin-top: 4px;
}


img.outerDivWrapperTitleSpanImg{
	width: 16px; 
	height: 16px; 
	margin-top:3px
}


span.outerDivWrapperTitleSpanText{
	float:left;
	font-size:inherit;
	padding-left:5px;
}


div.paddingDiv{
	padding:7px;
}
</style>

...

HTML
<script type="text/javascript">
Totvs = {
	CollapsiblePanel: function(optCollapsiblePanel){
		var oCollapsiblePanel = function(optCollapsiblePanel){
			this.Id = "CollapsiblePanel1";
			this.ElementToAttach = window.body;
			this.TitleMark = "titlemark";
			this.Title = "";
			this.TitleImageUrl = "";
			this.Groups = [];

			this.LoadComponents = function(optCollapsiblePanel){
				if(optCollapsiblePanel != null && optCollapsiblePanel != undefined && !$.isEmptyObject(optCollapsiblePanel)){
					if(optCollapsiblePanel.Id != null && optCollapsiblePanel.Id != undefined && optCollapsiblePanel.Id != "")
						this.Id = optCollapsiblePanel.Id;

					if(optCollapsiblePanel.ElementToAttach != null && optCollapsiblePanel.ElementToAttach != undefined)
						this.ElementToAttach = optCollapsiblePanel.ElementToAttach;


					if(optCollapsiblePanel.Title != null && optCollapsiblePanel.Title != undefined && optCollapsiblePanel.Title != "")
						this.Title = optCollapsiblePanel.Title;


					if(optCollapsiblePanel.TitleMark != null && optCollapsiblePanel.TitleMark != undefined && optCollapsiblePanel.TitleMark != "")
						this.TitleMark = optCollapsiblePanel.TitleMark.replace("<").replace(">");

					if(optCollapsiblePanel.TitleImageUrl != null && optCollapsiblePanel.TitleImageUrl != undefined && optCollapsiblePanel.TitleImageUrl != "")
						this.TitleImageUrl = optCollapsiblePanel.TitleImageUrl;

					if(optCollapsiblePanel.Groups != null && optCollapsiblePanel.Groups != undefined)
						this.Groups = optCollapsiblePanel.Groups ;
				}
					
				var ElementCollapsiblePanel = document.createElement('div');
				ElementCollapsiblePanel.id = this.Id + "_OuterDiv";
				ElementCollapsiblePanel.name = this.Id + "_OuterDiv";
				ElementCollapsiblePanel.className = "outerDiv";


				var ElementCollapsiblePanelWrapper = document.createElement('div');
				ElementCollapsiblePanelWrapper.id = this.Id + "_OuterDivWrapper";
				ElementCollapsiblePanelWrapper.name = this.Id + "_OuterDivWrapper";
				ElementCollapsiblePanelWrapper.className = "outerDivWrapper";
				
				if(this.Title != null && this.Title != undefined && this.Title != ""){
					if(this.TitleImageUrl != null && this.TitleImageUrl != undefined && this.TitleImageUrl != ""){
						
						var ElementCollapsiblePanelWrapperTitleSpan = document.createElement('span');
						ElementCollapsiblePanelWrapperTitleSpan.id = this.Id + "_OuterDivWrapperTitleSpan";
						ElementCollapsiblePanelWrapperTitleSpan.name = this.Id + "_OuterDivWrapperTitleSpan";
						ElementCollapsiblePanelWrapperTitleSpan.className = "outerDivWrapperTitleSpan";


						var ElementCollapsiblePanelWrapperTitleSpanImg = document.createElement('img');
						ElementCollapsiblePanelWrapperTitleSpanImg.id = this.Id + "_OuterDivWrapperTitleSpanImg";
						ElementCollapsiblePanelWrapperTitleSpanImg.name = this.Id + "_OuterDivWrapperTitleSpanImg";
						ElementCollapsiblePanelWrapperTitleSpanImg.className = "outerDivWrapperTitleSpanImg";
						ElementCollapsiblePanelWrapperTitleSpanImg.src = this.TitleImageUrl;


						ElementCollapsiblePanelWrapperTitleSpan.appendChild(ElementCollapsiblePanelWrapperTitleSpanImg);


						var ElementCollapsiblePanelWrapperTitleSpanText = document.createElement('span');
						ElementCollapsiblePanelWrapperTitleSpanText .id = this.Id + "_OuterDivWrapperTitleSpanText";
						ElementCollapsiblePanelWrapperTitleSpanText .name = this.Id + "_OuterDivWrapperTitleSpanText";
						ElementCollapsiblePanelWrapperTitleSpanText .className = "outerDivWrapperTitleSpanText";
						ElementCollapsiblePanelWrapperTitleSpanText.innerHTML = this.Title;


						ElementCollapsiblePanelWrapper.appendChild(ElementCollapsiblePanelWrapperTitleSpan);
						ElementCollapsiblePanelWrapper.appendChild(ElementCollapsiblePanelWrapperTitleSpanText);
					}
					else
						ElementCollapsiblePanelWrapper.innerHTML = this.Title;
				}
				else{
					if($(window.document).find(this.TitleMark).length > 0)
						ElementCollapsiblePanelWrapper.innerHTML = $(window.document).find(this.TitleMark)[0].innerHTML;
				}
				ElementCollapsiblePanel.appendChild(ElementCollapsiblePanelWrapper);

				for(var i = 0; i < this.Groups.length; i++){
					ElementCollapsiblePanel.appendChild(this.Groups[i]);


					if(this.Groups.length > 1 && i < this.Groups.length - 1){
							var _paddingDiv = document.createElement("div");
							_paddingDiv.className = "paddingDiv";
							ElementCollapsiblePanel.appendChild(_paddingDiv);
						}
				}
				if(typeof this.ElementToAttach === "string")
					this.ElementToAttach = document.getElementById(this.ElementToAttach);
			
				this.ElementToAttach.appendChild(ElementCollapsiblePanel);

				return this;	
			}


			return this.LoadComponents(optCollapsiblePanel);
		}
		
		return new oCollapsiblePanel(optCollapsiblePanel);
	},
				
	CollapsiblePanelGroup: function(optCollapsiblePanelGroup){
		var oCollapsiblePanelGroup = function(optCollapsiblePanelGroup){
			this.Id = "CollapsiblePanelGroup1";
			this.Parent = null;
			this.GroupTitleMark = "grouptitlemark{0}"
			this.GroupTitle = "";
			this.GrouptTitleImageUrl = "";

			this.LoadComponents = function(optCollapsiblePanelGroup){


				if(optCollapsiblePanelGroup!= null && optCollapsiblePanelGroup!= undefined && !$.isEmptyObject(optCollapsiblePanelGroup)){
					if(optCollapsiblePanelGroup.GroupTitle != null && optCollapsiblePanelGroup.GroupTitle != undefined && optCollapsiblePanelGroup.GroupTitle != "")
						this.GroupTitle = optCollapsiblePanelGroup.GroupTitle;


					if(optCollapsiblePanelGroup.GroupTitleImageUrl!= null && optCollapsiblePanelGroup.GroupTitleImageUrl != undefined && optCollapsiblePanelGroup.GroupTitleImageUrl!= "")
						this.GroupTitleImageUrl = optCollapsiblePanelGroup.GroupTitleImageUrl;


					if(optCollapsiblePanelGroup.GroupTitleMark != null && optCollapsiblePanelGroup.GroupTitleMark != undefined && optCollapsiblePanelGroup.GroupTitleMark != "")
						this.GroupTitleMark = optCollapsiblePanelGroup.GroupTitleMark.replace("<").replace(">");
				}				


				var ElementCollapsiblePanelGroup = document.createElement('div');
				ElementCollapsiblePanelGroup.id = this.Id + "_GroupOuterDiv";
				ElementCollapsiblePanelGroup.name = this.Id + "_GroupOuterDiv";
				ElementCollapsiblePanelGroup.className = "groupOuterDiv";


				var ElementCollapsiblePanelGroupWrapper = document.createElement('div');
				ElementCollapsiblePanelGroupWrapper.id = this.Id + "_GroupOuterDivWrapper";
				ElementCollapsiblePanelGroupWrapper.name = this.Id + "_GroupOuterDivWrapper";
				ElementCollapsiblePanelGroupWrapper.className = "groupOuterDivWrapper";

			
				if(this.GroupTitle != null && this.GroupTitle != undefined && this.GroupTitle != ""){
					if(this.GroupTitleImageUrl != null && this.GroupTitleImageUrl != undefined && this.GroupTitleImageUrl != ""){
							var ElementCollapsiblePanelGroupWrapperTitleSpan = document.createElement('span');
							ElementCollapsiblePanelGroupWrapperTitleSpan.id = this.Id + "_GroupOuterDivWrapperTitleSpan";
							ElementCollapsiblePanelGroupWrapperTitleSpan.name = this.Id + "_GroupOuterDivWrapperTitleSpan";
							ElementCollapsiblePanelGroupWrapperTitleSpan.className = "outerDivWrapperTitleSpangroupOuterDivWrapperTitleSpan";


							var ElementCollapsiblePanelGroupWrapperTitleSpanImg = document.createElement('img');
							ElementCollapsiblePanelGroupWrapperTitleSpanImg.id = this.Id + "_GroupOuterDivWrapperTitleSpanImg";
							ElementCollapsiblePanelGroupWrapperTitleSpanImg.name = this.Id + "_GroupOuterDivWrapperTitleSpanImg";
							ElementCollapsiblePanelGroupWrapperTitleSpanImg.className = "outerDivWrapperTitleSpanImg";
							ElementCollapsiblePanelGroupWrapperTitleSpanImg.src = this.GroupTitleImageUrl;


							ElementCollapsiblePanelGroupWrapperTitleSpan.appendChild(ElementCollapsiblePanelGroupWrapperTitleSpanImg);


							var ElementCollapsiblePanelGroupWrapperTitleSpanText = document.createElement('span');
							ElementCollapsiblePanelGroupWrapperTitleSpanText .id = this.Id + "_GroupOuterDivWrapperTitleSpanText";
							ElementCollapsiblePanelGroupWrapperTitleSpanText .name = this.Id + "_GroupOuterDivWrapperTitleSpanText";
							ElementCollapsiblePanelGroupWrapperTitleSpanText .className = "outerDivWrapperTitleSpanText";
							ElementCollapsiblePanelGroupWrapperTitleSpanText.innerHTML = this.GroupTitle;


							ElementCollapsiblePanelGroupWrapper.appendChild(ElementCollapsiblePanelGroupWrapperTitleSpan);
							ElementCollapsiblePanelGroupWrapper.appendChild(ElementCollapsiblePanelGroupWrapperTitleSpanText);
					}
					else
						ElementCollapsiblePanelGroupWrapper.innerHTML = this.GroupTitle;
				}
				else{
					if($(window.document).find(this.GroupTitleMark).length > 0)
						ElementCollapsiblePanelGroupWrapper.innerHTML = $(window.document).find(this.GroupTitleMark)[0].innerHTML;
				}

				ElementCollapsiblePanelGroup.appendChild(ElementCollapsiblePanelGroupWrapper);


				return ElementCollapsiblePanelGroup;
			}


			return this.LoadComponents(optCollapsiblePanelGroup);
		}


		return oCollapsiblePanelGroup(optCollapsiblePanelGroup);
	},

	CollapsiblePanelGroupItem: function(optCollapsiblePanelGroupItem){

	}
}
</script>

<div id="divContent"></div>

...