91 lines
2.2 KiB
HTML
91 lines
2.2 KiB
HTML
{% include "header.html" %}
|
|
<div style="float: left">
|
|
<a style="margin-right: 0.5rem" href="/raw/{{pasta.id_as_animals()}}">Raw Text Content</a>
|
|
{% if pasta.file.is_some() %}
|
|
<a style="margin-right: 0.5rem; margin-left: 0.5rem"
|
|
href="/file/{{pasta.id_as_animals()}}/{{pasta.file.as_ref().unwrap().name()}}">
|
|
Attached file'{{pasta.file.as_ref().unwrap().name()}}' [{{pasta.file.as_ref().unwrap().size}}]
|
|
</a>
|
|
{%- endif %}
|
|
{% if pasta.editable %}
|
|
<a style="margin-right: 0.5rem; margin-left: 0.5rem" href="/edit/{{pasta.id_as_animals()}}">Edit</a>
|
|
{%- endif %}
|
|
<a style="margin-right: 0.5rem; margin-left: 0.5rem" href="/remove/{{pasta.id_as_animals()}}">Remove</a>
|
|
</div>
|
|
<div style="float: right">
|
|
<a href="/pasta/{{pasta.id_as_animals()}}"><i>{{pasta.id_as_animals()}}</i></a>
|
|
</div>
|
|
<br>
|
|
<div class="code-container">
|
|
<a href="#" role="button" id="copy-button" class="copy-button">
|
|
Copy
|
|
</a>
|
|
<div style="clear: both;">
|
|
{% if args.highlightsyntax %}
|
|
<pre><code id="code">{{pasta.content_syntax_highlighted()}}</code></pre>
|
|
{%- else %}
|
|
<pre><code id="code">{{pasta.content_not_highlighted()}}</code></pre>
|
|
{%- endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const btn = document.getElementById("copy-button")
|
|
const content = `{{ pasta.content_escaped() }}`
|
|
|
|
btn.addEventListener("click", () => {
|
|
navigator.clipboard.writeText(content)
|
|
btn.innerHTML = "Copied"
|
|
setTimeout(() => {
|
|
btn.innerHTML = "Copy"
|
|
}, 1000)
|
|
})
|
|
|
|
</script>
|
|
|
|
<style>
|
|
code-line {
|
|
counter-increment: listing;
|
|
text-align: right;
|
|
float: left;
|
|
clear: left;
|
|
}
|
|
|
|
code-line::before {
|
|
content: counter(listing);
|
|
display: inline-block;
|
|
float: left;
|
|
padding-left: auto;
|
|
margin-left: auto;
|
|
text-align: left;
|
|
width: 1.6rem;
|
|
border-right: 1px solid lightgrey;
|
|
color: grey;
|
|
margin-right: 0.4rem;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.code-container {
|
|
position: relative;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
.copy-button {
|
|
position: absolute;
|
|
background: transparent;
|
|
top: 0;
|
|
right: 0;
|
|
padding: 3px;
|
|
margin: 3px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
</style>
|
|
|
|
{% include "footer.html" %}
|