CSS: Replace btn-block with buttons wrapped in d-grid

[ipfire.org.git] / src / templates / wiki / files / detail.html

{% extends "../page.html" %}

{% block title %}{{ file.filename }}{% end block %}

{% block head %}{% end block %}

{% block main %}
	<div class="card mb-4">
		<div class="card-body">
			{% if file.is_image() %}
				<p class="text-center">
					<img class="img-fluid img-thumbnail" src="{{ file.url }}?revision={{ file.created_at.isoformat() }}&s=768" alt="{{ file.filename }}">
				</p>
			{% elif file.is_pdf() %}
				<object class="pdf-viewer" data="{{ file.url }}?revision={{ file.created_at.isoformat() }}"
						title="{{ file.filename }}" type="{{ file.mimetype }}">
					<p>
						{{ _("This PDF attachment could not be displayed.") }}
						<a href="{{ file.url }}?revision={{ file.created_at.isoformat() }}">{{ _("Click here to download") }}</a>
					</p>
				</object>
			{% end %}

			<div class="d-grid">
				<a class="btn btn-primary btn-lg my-3" href="{{ file.url }}?revision={{ file.created_at.isoformat() }}">
					<span class="fas fa-file-download"></span>
					{{ _("Download") }} ({{ format_size(file.size) }})
				</a>
			</div>

			{% if file.is_image() %}
				<h6>{{ _("Usage") }}</h6>

				<pre><code>![](./{{ file.filename }})</code></pre>

				<p>{{ _("Or with an optional caption") }}</p>

				<pre><code>![](./{{ file.filename }} "{{ _("Caption") }}")</code></pre>
			{% end %}

			<h6 class="my-3">{{ _("Details") }}</h6>

			<dl class="row">
				<dt class="col-sm-3">{{ _("Filename") }}</dt>
				<dd class="col-sm-9">{{ file.filename }}</dd>

				{% if file.author %}
					<dt class="col-sm-3">{{ _("Author") }}</dt>
					<dd class="col-sm-9">
						<a href="/users/{{ file.author.uid }}">{{ file.author }}</a>
					</dd>
				{% end %}

				<dt class="col-sm-3">{{ _("Uploaded at") }}</dt>
				<dd class="col-sm-9">{{ locale.format_date(file.created_at) }}</dd>

				{% if file.deleted_at %}
					<dt class="col-sm-3">{{ _("Deleted at") }}</dt>
					<dd class="col-sm-9">{{ locale.format_date(file.deleted_at) }}</dd>
				{% end %}

				{% set revisions = file.get_revisions() %}
				{% if len(revisions) > 1 %}
					<dt class="col-sm-3">{{ _("Other Revisions") }}</dt>
					<dd class="col-sm-9">
						<ul class="list-inline">
							{% for r in revisions %}
								<li>
									<a href="{{ r.url }}?action=detail&revision={{ r.created_at.isoformat() }}">
										{{ _("Uploaded %(time)s by %(author)s") % { "time" : locale.format_date(r.created_at), "author" : r.author } }}
									</a>
								</li>
							{% end %}
						</ul>
					</dd>
				{% end %}
			</dl>

			<h6>{{ _("Delete") }}</h6>

			<div class="d-grid">
				<a class="btn btn-danger mb-5" href="{{ file.url }}/_delete">
					{{ _("Delete") }}
				</a>
			</div>

			<h6>{{ _("Upload Newer Revision") }}</h6>

			<form method="POST" action="/actions/upload" enctype="multipart/form-data">
				{% raw xsrf_form_html() %}

				<input type="hidden" name="path" value="{{ file.path }}">
				<input type="hidden" name="filename" value="{{ file.filename }}">

				<div class="mb-3">
					<input class="form-control" type="file" name="file" required>
					<label class="form-label" for="customFile">{{ _("Choose a file to upload") }}</label>

					<small class="form-text text-muted">
						{{ _("Uploading a new file to replaces this one to fix any errata in the current version") }}
					</small>
				</div>

				<div class="d-grid">
					<input class="btn btn-primary" type="submit" value="{{ _("Upload") }}">
				</div>
			</form>
		</div>
	</div>
{% end block %}