@@ -7,3 +7,4 @@ | |||
</div> | |||
<div id="overlay" class="overlay"></div> | |||
</div> | |||
<script src="scripts/clipboard.js"></script> |
@@ -0,0 +1,57 @@ | |||
(function() { | |||
var copylinkbtn = document.getElementById("copy-link-btn"), | |||
copylink = document.getElementById("copy-link-wrapper"), | |||
overlay = document.getElementById("overlay"); | |||
var url = "http://url" | |||
copylinkbtn.addEventListener("click", function() { | |||
var error = document.getElementsByClassName('error'); | |||
while (error[0]) { | |||
error[0].parentNode.removeChild(error[0]); | |||
} | |||
document.body.className += ' active'; | |||
copylink.children[1].value = url; | |||
copylink.children[1].focus(); | |||
copylink.children[1].select(); | |||
}, false); | |||
overlay.addEventListener("click", function() { | |||
document.body.className = ''; | |||
}, false); | |||
copylink.children[2].addEventListener("keydown", function(e) { | |||
var error = document.getElementsByClassName('error'); | |||
while (error[0]) { | |||
error[0].parentNode.removeChild(error[0]); | |||
} | |||
setTimeout(function() { | |||
if((e.metaKey || e.ctrlKey) && e.keyCode === 67 && isTextSelected(copylink.children[2])) { | |||
document.body.className = ''; | |||
} else if((e.metaKey || e.ctrlKey) && e.keyCode === 67 && isTextSelected(copylink.children[2]) === false) { | |||
var error = document.createElement('span'); | |||
error.className = 'error'; | |||
var errortext = document.createTextNode('The link was not copied, make sure the entire text is selected.'); | |||
error.appendChild(errortext); | |||
copylink.appendChild(error); | |||
} | |||
}, 100); | |||
function isTextSelected(input) { | |||
if (typeof input.selectionStart == "number") { | |||
return input.selectionStart == 0 && input.selectionEnd == input.value.length; | |||
} else if (typeof document.selection != "undefined") { | |||
input.focus(); | |||
return document.selection.createRange().text == input.value; | |||
} | |||
} | |||
}, false); | |||
})(); |
@@ -104,60 +104,3 @@ $(document).ready(function() { | |||
})(); | |||
(function() { | |||
var copylinkbtn = document.getElementById("copy-link-btn"), | |||
copylink = document.getElementById("copy-link-wrapper"), | |||
overlay = document.getElementById("overlay"); | |||
var url = "http://url" | |||
copylinkbtn.addEventListener("click", function() { | |||
var error = document.getElementsByClassName('error'); | |||
while (error[0]) { | |||
error[0].parentNode.removeChild(error[0]); | |||
} | |||
document.body.className += ' active'; | |||
copylink.children[1].value = url; | |||
copylink.children[1].focus(); | |||
copylink.children[1].select(); | |||
}, false); | |||
overlay.addEventListener("click", function() { | |||
document.body.className = ''; | |||
}, false); | |||
copylink.children[2].addEventListener("keydown", function(e) { | |||
var error = document.getElementsByClassName('error'); | |||
while (error[0]) { | |||
error[0].parentNode.removeChild(error[0]); | |||
} | |||
setTimeout(function() { | |||
if((e.metaKey || e.ctrlKey) && e.keyCode === 67 && isTextSelected(copylink.children[2])) { | |||
document.body.className = ''; | |||
} else if((e.metaKey || e.ctrlKey) && e.keyCode === 67 && isTextSelected(copylink.children[2]) === false) { | |||
var error = document.createElement('span'); | |||
error.className = 'error'; | |||
var errortext = document.createTextNode('The link was not copied, make sure the entire text is selected.'); | |||
error.appendChild(errortext); | |||
copylink.appendChild(error); | |||
} | |||
}, 100); | |||
function isTextSelected(input) { | |||
if (typeof input.selectionStart == "number") { | |||
return input.selectionStart == 0 && input.selectionEnd == input.value.length; | |||
} else if (typeof document.selection != "undefined") { | |||
input.focus(); | |||
return document.selection.createRange().text == input.value; | |||
} | |||
} | |||
}, false); | |||
})(); |
@@ -9,7 +9,7 @@ | |||
// Core CSS | |||
@import "../bower_components/bootstrap/less/scaffolding.less"; | |||
@import "../bower_components/bootstrap/less/type.less"; | |||
@import "../bower_components/bootstrap/less/code.less"; | |||
// @import "../bower_components/bootstrap/less/code.less"; | |||
@import "../bower_components/bootstrap/less/grid.less"; | |||
@import "../bower_components/bootstrap/less/tables.less"; | |||
@import "../bower_components/bootstrap/less/forms.less"; | |||
@@ -622,45 +622,6 @@ address { | |||
font-style: normal; | |||
line-height: 1.42857143; | |||
} | |||
code, | |||
kbd, | |||
pre, | |||
samp { | |||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace; | |||
} | |||
code { | |||
padding: 2px 4px; | |||
font-size: 90%; | |||
color: #c7254e; | |||
background-color: #f9f2f4; | |||
white-space: nowrap; | |||
border-radius: 4px; | |||
} | |||
pre { | |||
display: block; | |||
padding: 9.5px; | |||
margin: 0 0 10px; | |||
font-size: 13px; | |||
line-height: 1.42857143; | |||
word-break: break-all; | |||
word-wrap: break-word; | |||
color: #333333; | |||
background-color: #f5f5f5; | |||
border: 1px solid #cccccc; | |||
border-radius: 4px; | |||
} | |||
pre code { | |||
padding: 0; | |||
font-size: inherit; | |||
color: inherit; | |||
white-space: pre-wrap; | |||
background-color: transparent; | |||
border-radius: 0; | |||
} | |||
.pre-scrollable { | |||
max-height: 340px; | |||
overflow-y: scroll; | |||
} | |||
.container { | |||
margin-right: auto; | |||
margin-left: auto; | |||