openstack/fuel-docs
Code Issues Proposed changes

add copy button to code blocks

Browse Source 
Change-Id: If41697d3d95306d08c44e10674dc32bd45071116
This commit is contained in:
Jim Phillips
2015-08-14 11:09:52 -04:00
parent 723e8d5e49
commit f8b83c57a0
2 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
_templates/mirantis/static/abtest.js
View File

@@ -58,7 +58,7 @@ function generateTwitter(url, title) {
} }
function generateCopyButton(url) { function generateCopyButton(url) {
return '<a data-toggle="tooltip" data-placement="bottom"class="copyMe" data-clipboard-text="' + url + '" data-original-title="Copy permalink to clipboard"><i class="fa fa-clipboard"></i></a>'; return '<a data-toggle="tooltip" data-placement="bottom" class="copyMe" data-clipboard-text="' + url + '" data-original-title="Copy permalink to clipboard"><i class="fa fa-clipboard"></i></a>';
} }
function populateGuides(guides) { function populateGuides(guides) {
@@ -207,6 +207,10 @@ $(document).ready(function () {
$('[data-toggle="tooltip"]').tooltip(); $('[data-toggle="tooltip"]').tooltip();
$('pre').each(function(){
$('<div class="zero-clipboard"><span a data-toggle="tooltip" data-placement="top" data-original-title="Copy permalink to clipboard" class="btn-clipboard copy copyMe" data-clipboard-text="'+ $.trim($(this).text().replace(/"/g, '&quot;')) +'"><i class="fa fa-clipboard"></i></span></div>').insertBefore(this);
});
ZeroClipboard.config({ ZeroClipboard.config({
forceHandCursor: false, forceHandCursor: false,
swfPath: "https://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.1.6/ZeroClipboard.swf" swfPath: "https://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.1.6/ZeroClipboard.swf"

20
_templates/mirantis/static/styles.css
View File

@@ -772,6 +772,7 @@ div.topic {
color: #fff; color: #fff;
display: none; display: none;
overflow: hidden; overflow: hidden;
z-index: 999;
} }
#breadcrumb span { #breadcrumb span {
@@ -788,4 +789,23 @@ div.topic {
span#guide { span#guide {
margin-right: 15px; margin-right: 15px;
}
.zero-clipboard {
position: relative;
}
.btn-clipboard {
position: absolute;
top: 0;
right: 0;
z-index: 10;
display: block;
padding: 5px 8px;
font-size: 12px;
color: #767676;
cursor: pointer;
background-color: #FFF;
border: 1px solid #E1E1E8;
border-radius: 0 4px 0 4px;
} }