pastebin/static/index.html

339 lines
18 KiB
HTML
Raw Normal View History

2020-05-09 00:10:11 +02:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Simple, fast and standalone pastebin service">
<meta name="author" content="Mateusz Kaczanowski">
<title>Pastebin</title>
<link rel="icon" href="/static/favicon.ico">
{{#each css_imports as |url|}}
<link href="{{format_url ../uri_prefix url}}" rel="stylesheet" />
{{/each}}
2020-05-09 00:10:11 +02:00
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
2020-09-03 01:16:30 +02:00
<a class="navbar-brand" href="{{uri_prefix}}/new">PASTEBIN</a>
2020-05-09 00:10:11 +02:00
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
2020-09-03 01:16:30 +02:00
<a class="nav-link" href="{{uri_prefix}}/new">New <span class="sr-only">(current)</span></a>
2020-05-09 00:10:11 +02:00
</li>
{{#if is_created}}
{{#if (not is_burned)}}
<li class="nav-item">
<a class="nav-link" href="#" id="remove-btn">Remove</a>
</li>
<li class="nav-item">
2020-09-03 01:16:30 +02:00
<a class="nav-link" href="{{uri_prefix}}/new?id={{pastebin_id}}" id="clone-btn">Clone</a>
</li>
{{/if}}
{{/if}}
2020-05-09 00:10:11 +02:00
2020-09-23 02:36:52 +02:00
{{#if is_editable}}
2020-05-09 00:10:11 +02:00
<li class="nav-item dropdown">
2020-09-23 02:36:52 +02:00
<a id="expiry-dropdown-btn" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Expires: {{ui_expiry_default}}</a>
2020-05-09 00:10:11 +02:00
<div class="dropdown-menu" id="expiry-dropdown">
2023-02-19 06:00:56 +01:00
{{#each ui_expiry_times}}
<a class="dropdown-item" href="{{1}}">{{0}}</a>
2020-09-23 02:36:52 +02:00
{{/each}}
2020-05-09 00:10:11 +02:00
</div>
</li>
<li class="nav-item dropdown">
<a id="burn-dropdown-btn" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Burn: No</a>
<div class="dropdown-menu" id="burn-dropdown">
<a class="dropdown-item" href="true">Yes</a>
<a class="dropdown-item" href="false">No</a>
</div>
</li>
{{/if}}
</ul>
2020-05-09 15:10:34 +02:00
<div class="form-inline">
2020-05-09 00:10:11 +02:00
{{#if is_editable}}
2020-05-09 15:10:34 +02:00
<input class="form-control" id="pastebin-password" type="password" placeholder="Password (optional)" aria-label="Password (optional)">
2020-05-09 00:10:11 +02:00
{{/if}}
2020-05-09 15:10:34 +02:00
<select class="form-control ml-md-2 mt-2 mt-md-0" id="language-selector">
2020-05-09 00:10:11 +02:00
<option value="markup">Markup</option>
<option value="css">CSS</option>
<option value="clike">C-like</option>
<option value="javascript">JavaScript</option>
<option disabled>──────────</option>
<option value="abap">ABAP</option>
<option value="actionscript">ActionScript</option>
<option value="ada">Ada</option>
<option value="apacheconf">Apache Configuration</option>
<option value="apl">APL</option>
<option value="applescript">AppleScript</option>
<option value="arduino">Arduino</option>
<option value="arff">ARFF</option>
<option value="asciidoc">AsciiDoc</option>
<option value="asm6502">6502 Assembly</option>
<option value="aspnet">ASP.NET (C#)</option>
<option value="autohotkey">AutoHotkey</option>
<option value="autoit">AutoIt</option>
<option value="bash">Bash</option>
<option value="basic">BASIC</option>
<option value="batch">Batch</option>
<option value="bison">Bison</option>
<option value="brainfuck">Brainfuck</option>
<option value="bro">Bro</option>
<option value="c">C</option>
<option value="csharp">C#</option>
<option value="cpp">C++</option>
<option value="coffeescript">CoffeeScript</option>
<option value="clojure">Clojure</option>
<option value="crystal">Crystal</option>
<option value="csp">Content-Security-Policy</option>
<option value="css-extras">CSS Extras</option>
<option value="d">D</option>
<option value="dart">Dart</option>
<option value="diff">Diff</option>
<option value="django">Django/Jinja2</option>
<option value="docker">Docker</option>
<option value="eiffel">Eiffel</option>
<option value="elixir">Elixir</option>
<option value="elm">Elm</option>
<option value="erb">ERB</option>
<option value="erlang">Erlang</option>
<option value="fsharp">F#</option>
<option value="flow">Flow</option>
<option value="fortran">Fortran</option>
<option value="gedcom">GEDCOM</option>
<option value="gherkin">Gherkin</option>
<option value="git">Git</option>
<option value="glsl">GLSL</option>
<option value="gml">GameMaker</option>
<option value="go">Go</option>
<option value="graphql">GraphQL</option>
<option value="groovy">Groovy</option>
<option value="haml">Haml</option>
<option value="handlebars">Handlebars</option>
<option value="haskell">Haskell</option>
<option value="haxe">Haxe</option>
<option value="http">HTTP</option>
<option value="hpkp">HTTP Public-Key-Pins</option>
<option value="hsts">HTTP STS</option>
<option value="ichigojam">IchigoJam</option>
<option value="icon">Icon</option>
<option value="inform7">Inform 7</option>
<option value="ini">Ini</option>
<option value="io">Io</option>
<option value="j">J</option>
<option value="java">Java</option>
<option value="jolie">Jolie</option>
<option value="json">JSON</option>
<option value="julia">Julia</option>
<option value="keyman">Keyman</option>
<option value="kotlin">Kotlin</option>
<option value="latex">LaTeX</option>
<option value="less">Less</option>
<option value="liquid">Liquid</option>
<option value="lisp">Lisp</option>
<option value="livescript">LiveScript</option>
<option value="lolcode">LOLCODE</option>
<option value="lua">Lua</option>
<option value="makefile">Makefile</option>
<option value="markdown">Markdown</option>
<option value="markup-templating">Markup templating</option>
<option value="matlab">MATLAB</option>
<option value="mel">MEL</option>
<option value="mizar">Mizar</option>
<option value="monkey">Monkey</option>
<option value="n4js">N4JS</option>
<option value="nasm">NASM</option>
<option value="nginx">nginx</option>
<option value="nim">Nim</option>
<option value="nix">Nix</option>
<option value="nsis">NSIS</option>
<option value="objectivec">Objective-C</option>
<option value="ocaml">OCaml</option>
<option value="opencl">OpenCL</option>
<option value="oz">Oz</option>
<option value="parigp">PARI/GP</option>
<option value="parser">Parser</option>
<option value="pascal">Pascal</option>
<option value="perl">Perl</option>
<option value="php">PHP</option>
<option value="php-extras">PHP Extras</option>
<option value="plsql">PL/SQL</option>
<option value="powershell">PowerShell</option>
<option value="processing">Processing</option>
<option value="prolog">Prolog</option>
<option value="properties">.properties</option>
<option value="protobuf">Protocol Buffers</option>
<option value="pug">Pug</option>
<option value="puppet">Puppet</option>
<option value="pure">Pure</option>
<option value="python">Python</option>
<option value="q">Q (kdb+ database)</option>
<option value="qore">Qore</option>
<option value="r">R</option>
<option value="jsx">React JSX</option>
<option value="tsx">React TSX</option>
<option value="renpy">Ren'py</option>
<option value="reason">Reason</option>
<option value="rest">reST (reStructuredText)</option>
<option value="rip">Rip</option>
<option value="roboconf">Roboconf</option>
<option value="ruby">Ruby</option>
<option value="rust">Rust</option>
<option value="sas">SAS</option>
<option value="sass">Sass (Sass)</option>
<option value="scss">Sass (Scss)</option>
<option value="scala">Scala</option>
<option value="scheme">Scheme</option>
<option value="smalltalk">Smalltalk</option>
<option value="smarty">Smarty</option>
<option value="sql">SQL</option>
<option value="soy">Soy (Closure Template)</option>
<option value="stylus">Stylus</option>
<option value="swift">Swift</option>
<option value="tap">TAP</option>
<option value="tcl">Tcl</option>
<option value="textile">Textile</option>
<option value="tt2">Template Toolkit 2</option>
<option value="twig">Twig</option>
<option value="typescript">TypeScript</option>
<option value="vbnet">VB.Net</option>
<option value="velocity">Velocity</option>
<option value="verilog">Verilog</option>
<option value="vhdl">VHDL</option>
<option value="vim">vim</option>
<option value="visual-basic">Visual Basic</option>
<option value="wasm">WebAssembly</option>
<option value="wiki">Wiki markup</option>
<option value="xeora">Xeora</option>
<option value="xojo">Xojo (REALbasic)</option>
<option value="xquery">XQuery</option>
<option value="yaml">YAML</option>
</select>
{{#if is_created}}
2020-05-09 15:10:34 +02:00
<a id="copy-btn" class="form-control btn btn-outline-success mt-2 mt-md-0 mb-md-0 ml-md-2 ml-sm-2" href="#">Copy</a>
2020-05-09 00:10:11 +02:00
{{#if (not is_burned)}}
2020-09-03 01:16:30 +02:00
<a class="form-control btn btn-outline-success mt-2 mt-md-0 mb-md-0 ml-md-2 ml-sm-2" href="{{uri_prefix}}/raw/{{pastebin_id}}">Raw</a>
<a class="form-control btn btn-outline-success mt-2 mt-md-0 mb-md-0 ml-md-2 ml-sm-2" href="{{uri_prefix}}/download/{{pastebin_id}}">Download</a>
2020-05-09 00:10:11 +02:00
{{/if}}
{{/if}}
{{#if is_editable}}
2020-05-09 15:10:34 +02:00
<a id="send-btn" class="form-control btn btn-outline-success mt-2 mt-md-0 mb-md-0 ml-md-2 ml-sm-2" href="#">Send</a>
2020-05-09 00:10:11 +02:00
{{/if}}
</div>
</div>
</nav>
2020-05-09 13:57:12 +02:00
<main class="container-fluid">
2020-05-09 00:10:11 +02:00
{{# if is_error}}
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12 text-center">
<span class="display-1 d-block">404</span>
<div class="mb-4 lead">The page you are looking for was not found.</div>
<a href="/" class="btn btn-link">Back to Home</a>
</div>
</div>
</div>
{{ else }}
{{#if msg}}
2020-05-09 15:10:34 +02:00
<div class="mt-3 alert alert-{{level}} alert-dismissible fade show" role="alert">
2020-05-09 00:10:11 +02:00
{{#if glyph}}<i class="{{glyph}}"></i>{{/if}}
{{#if url}}{{msg}} <a href="{{url}}">{{url}}</a>{{else}}{{msg}}{{/if}}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
{{/if}}
2020-05-09 00:10:11 +02:00
{{#if is_editable}}
2020-05-09 00:10:11 +02:00
<div class="form-group">
<textarea autofocus class="form-control" id="content-textarea" rows="25">{{pastebin_code}}</textarea>
2020-05-09 00:10:11 +02:00
</div>
{{/if}}
{{#if is_created or is_clone}}
2021-06-03 13:01:45 +02:00
<pre><code id="pastebin-code-block" class="{{pastebin_cls}}">{{pastebin_code}}</code></pre>
{{/if}}
2020-05-09 00:10:11 +02:00
{{/if}}
</main>
<footer class="footer">
2020-05-09 03:50:49 +02:00
<span class="text-muted ml-4"><a href="https://github.com/mkaczanowski/pastebin"><i class="fab fa-github"></i></a> - pastebin v{{version}}</span>
2020-05-09 00:10:11 +02:00
</footer>
{{#if is_encrypted}}
2020-05-09 00:10:11 +02:00
<div class="modal fade" id="password-modal" tabindex="-1" role="dialog" aria-labelledby="password-modal-label" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="password-modal-label">
<i class="fas fa-key"></i>
Please enter the password for this paste
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="alert alert-danger collapse" role="alert" id="modal-alert">
<i class="fas fa-exclamation-triangle"></i>
Could not decrypt data. Wrong password?
</div>
<div class="form-group">
<input type="password" class="form-control" id="modal-password">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal" id="modal-close-btn">Close</button>
<button type="button" class="btn btn-primary" id="decrypt-btn">Decrypt</button>
</div>
</div>
</div>
</div>
{{/if}}
2023-02-18 22:01:59 +01:00
{{#if is_created}}
<div class="modal fade hide" id="deletion-modal" tabindex="-1" role="dialog" aria-labelledby="deletion-modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="deletion-modal-label">
<i class="fas fa-trash"></i>
Delete this paste?
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal" id="deletion-modal-close-btn">Cancel</button>
<button type="button" class="btn btn-danger" id="deletion-confirm-btn">Delete</button>
</div>
</div>
</div>
</div>
{{/if}}
<script>
var uri_prefix="{{uri_prefix}}";
function init_plugins() {
{{#each js_init as |fn|}}{{{fn}}}
{{/each}}
}
2020-05-09 00:10:11 +02:00
</script>
{{#each js_imports as |url|}}
<script src="{{format_url ../uri_prefix url}}"></script>
{{/each}}
2020-05-09 00:10:11 +02:00
</body>
</html>