pastebin/static/index.html
Mateusz Kaczanowski 4dab24839b
Merge pull request #41 from gavtroy/confirm-delete
Add delete confirmation
2023-02-20 00:40:06 +01:00

338 lines
18 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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}}
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="{{uri_prefix}}/new">PASTEBIN</a>
<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">
<a class="nav-link" href="{{uri_prefix}}/new">New <span class="sr-only">(current)</span></a>
</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">
<a class="nav-link" href="{{uri_prefix}}/new?id={{pastebin_id}}" id="clone-btn">Clone</a>
</li>
{{/if}}
{{/if}}
{{#if is_editable}}
<li class="nav-item dropdown">
<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>
<div class="dropdown-menu" id="expiry-dropdown">
{{#each ui_expiry_times}}
<a class="dropdown-item" href="{{1}}">{{0}}</a>
{{/each}}
</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>
<div class="form-inline">
{{#if is_editable}}
<input class="form-control" id="pastebin-password" type="password" placeholder="Password (optional)" aria-label="Password (optional)">
{{/if}}
<select class="form-control ml-md-2 mt-2 mt-md-0" id="language-selector">
<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}}
<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>
{{#if (not is_burned)}}
<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>
{{/if}}
{{/if}}
{{#if is_editable}}
<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>
{{/if}}
</div>
</div>
</nav>
<main class="container-fluid">
{{# 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}}
<div class="mt-3 alert alert-{{level}} alert-dismissible fade show" role="alert">
{{#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}}
{{#if is_editable}}
<div class="form-group">
<textarea class="form-control" id="content-textarea" rows="25">{{pastebin_code}}</textarea>
</div>
{{/if}}
{{#if is_created or is_clone}}
<pre><code id="pastebin-code-block" class="{{pastebin_cls}}">{{pastebin_code}}</code></pre>
{{/if}}
{{/if}}
</main>
<footer class="footer">
<span class="text-muted ml-4"><a href="https://github.com/mkaczanowski/pastebin"><i class="fab fa-github"></i></a> - pastebin v{{version}}</span>
</footer>
{{#if is_encrypted}}
<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}}
{{#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}}
}
</script>
{{#each js_imports as |url|}}
<script src="{{format_url ../uri_prefix url}}"></script>
{{/each}}
</body>
</html>