You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
117 lines
2.9 KiB
117 lines
2.9 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<meta name="generator" content="Asciidoctor 1.5.5"> |
|
<title>spring-cloud-commons</title> |
|
<link rel="stylesheet" href="css/manual-singlepage.css"> |
|
<style> |
|
.hidden { |
|
display: none; |
|
} |
|
|
|
.switch { |
|
border-width: 1px 1px 0 1px; |
|
border-style: solid; |
|
border-color: #7a2518; |
|
display: inline-block; |
|
} |
|
|
|
.switch--item { |
|
padding: 10px; |
|
background-color: #ffffff; |
|
color: #7a2518; |
|
display: inline-block; |
|
cursor: pointer; |
|
} |
|
|
|
.switch--item.selected { |
|
background-color: #7a2519; |
|
color: #ffffff; |
|
} |
|
</style> |
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/zepto/1.2.0/zepto.min.js"></script> |
|
<script type="text/javascript"> |
|
function addBlockSwitches() { |
|
$('.primary').each(function() { |
|
primary = $(this); |
|
createSwitchItem(primary, createBlockSwitch(primary)).item.addClass("selected"); |
|
primary.children('.title').remove(); |
|
}); |
|
$('.secondary').each(function(idx, node) { |
|
secondary = $(node); |
|
primary = findPrimary(secondary); |
|
switchItem = createSwitchItem(secondary, primary.children('.switch')); |
|
switchItem.content.addClass('hidden'); |
|
findPrimary(secondary).append(switchItem.content); |
|
secondary.remove(); |
|
}); |
|
} |
|
|
|
function createBlockSwitch(primary) { |
|
blockSwitch = $('<div class="switch"></div>'); |
|
primary.prepend(blockSwitch); |
|
return blockSwitch; |
|
} |
|
|
|
function findPrimary(secondary) { |
|
candidate = secondary.prev(); |
|
while (!candidate.is('.primary')) { |
|
candidate = candidate.prev(); |
|
} |
|
return candidate; |
|
} |
|
|
|
function createSwitchItem(block, blockSwitch) { |
|
blockName = block.children('.title').text(); |
|
content = block.children('.content').first().append(block.next('.colist')); |
|
item = $('<div class="switch--item">' + blockName + '</div>'); |
|
item.on('click', '', content, function(e) { |
|
$(this).addClass('selected'); |
|
$(this).siblings().removeClass('selected'); |
|
e.data.siblings('.content').addClass('hidden'); |
|
e.data.removeClass('hidden'); |
|
}); |
|
blockSwitch.append(item); |
|
return {'item': item, 'content': content}; |
|
} |
|
|
|
$(addBlockSwitches); |
|
</script> |
|
</head> |
|
|
|
<body class="article"> |
|
<div id="header"> |
|
<h1>spring-cloud-commons</h1> |
|
</div> |
|
<div id="content"> |
|
<div id="preamble"> |
|
<div class="sectionbody"> |
|
<div class="paragraph"> |
|
<p>1.2.4.BUILD-SNAPSHOT</p> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="sect1"> |
|
<h2 id="_pick_the_documentation_option">Pick The Documentation Option</h2> |
|
<div class="sectionbody"> |
|
<div class="ulist"> |
|
<ul> |
|
<li> |
|
<p><a href="single/spring-cloud-commons.html">Single HTML</a></p> |
|
</li> |
|
<li> |
|
<p><a href="multi/multi_spring-cloud-commons.html">Multi HTML</a></p> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.css"> |
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.js"></script> |
|
<script>prettyPrint()</script> |
|
</body> |
|
</html> |