Browse Source

add popup section (copy text via JavaScript) in /user/storage.html.

This is just the HTML and CSS additions to the HTML template. The JavaScript has
not be implemented yet.
stable
Craig Oates 2 years ago
parent
commit
72d0352c79
  1. 174
      templates/user/storage.html

174
templates/user/storage.html

@ -5,96 +5,110 @@
<h1>Storage Index</h1> <h1>Storage Index</h1>
<div class="be-quicklist"> <div class="be-quicklist">
<a class="be-gui-link" <a class="be-gui-link"
title="Click to view your Dashboard" title="Click to view your Dashboard"
href="/dashboard"> href="/dashboard">
<img alt="Dashboard" <img alt="Dashboard"
src="/images/icons/dashboard.png"> src="/images/icons/dashboard.png">
View Dashboard View Dashboard
</a> </a>
<a class="be-gui-link" <a class="be-gui-link"
title="Click to view your Archive Index" title="Click to view your Archive Index"
href="/user/archive"> href="/user/archive">
<img alt="Archive Index" <img alt="Archive Index"
src="/images/icons/index.png"> src="/images/icons/index.png">
Archive Index Archive Index
</a> </a>
<a class="be-gui-link" <a class="be-gui-link"
title="Click to view your Pages Index" title="Click to view your Pages Index"
href="/user/pages"> href="/user/pages">
<img alt="Pages Index" <img alt="Pages Index"
src="/images/icons/index.png"> src="/images/icons/index.png">
Pages Index Pages Index
</a> </a>
</div> </div>
<div class="be-storage-section-upload"> <div class="be-storage-section-upload">
<form action="/storage/multi-upload" <form action="/storage/multi-upload"
method="POST" method="POST"
enctype="multipart/form-data"> enctype="multipart/form-data">
<input required <input required
type="hidden" type="hidden"
name="AUTHENTICITY-TOKEN" name="AUTHENTICITY-TOKEN"
value="{{token}}"> value="{{token}}">
<input required <input required
type="file" type="file"
name="STORAGE-FILES" name="STORAGE-FILES"
multiple> multiple>
<button class="be-gui-button-no-text" <button class="be-gui-button-no-text"
title="Click to upload files to storage" title="Click to upload files to storage"
type="submit"> type="submit">
<img alt="Upload to Storage" <img alt="Upload to Storage"
src="/images/icons/up-arrow.png"> src="/images/icons/up-arrow.png">
</button> </button>
</form> </form>
</div> </div>
<div class="be-storage-section"> <div class="be-storage-section">
{% for item in files %} {% for item in files %}
<div class="be-storage-entry"> <div class="be-storage-entry">
<img class="file-thumbnail" src="{{ item | build-thumbnail-path }}" alt="{{item.name}}"> <img class="file-thumbnail" src="{{ item | build-thumbnail-path }}" alt="{{item.name}}">
<a class="be-gui-link-no-text" <a class="be-gui-link-no-text"
title="Click to view '{{item.name}}'" title="Click to view '{{item.name}}'"
href="/storage/view/media/{{item.slug}}"> href="/storage/view/media/{{item.slug}}">
<img alt="{{entry.title}}" <img alt="{{entry.title}}"
src="/images/icons/view-entry.png"> src="/images/icons/view-entry.png">
</a> </a>
{% if roles.administrator %} <div class="be-popup-container">
<form class="be-storage-rename" <span class="be-popup"
action="/storage/rename/{{item.slug}}" id="{{item.slug}}-popup">
method="POST"> Copied
<input required </span>
type="hidden" <button class="be-gui-button-no-text"
name="AUTHENTICITY-TOKEN" onclick="copyToClipBoard('{{item.slug}}')"
value="{{token}}"> data="{{item.slug}}"
<input required title="Copy URL for '{{item.name}}' to clipboard"
type="text" type="submit">
name="NEW-FILE-NAME" <img alt="Copy to clipboard"
value="{{item.name}}"> src="/images/icons/copy.png">
<button class="be-gui-button-no-text" </button>
title="Click to rename '{{item.name}}'" </div>
type="submit"> {% if roles.administrator %}
<img alt="Rename {{item.name}}" <form class="be-storage-rename"
src="/images/icons/save.png"> action="/storage/rename/{{item.slug}}"
</button> method="POST">
</form> <input required
<form class="be-storage-delete" type="hidden"
action="/storage/delete/{{item.slug}}" name="AUTHENTICITY-TOKEN"
method="POST"> value="{{token}}">
<input required <input required
type="hidden" type="text"
name="AUTHENTICITY-TOKEN" name="NEW-FILE-NAME"
value="{{token}}"> value="{{item.name}}">
<button class="be-gui-button-no-text" <button class="be-gui-button-no-text"
title="Click to delete '{{item.name}}'" title="Click to rename '{{item.name}}'"
type="submit"> type="submit">
<img alt="Delete {{item.name}}" <img alt="Rename {{item.name}}"
src="/images/icons/delete-entry.png"> src="/images/icons/save.png">
</button> </button>
</form> </form>
{% endif %} <form class="be-storage-delete"
</div> action="/storage/delete/{{item.slug}}"
{% endfor %} method="POST">
<input required
type="hidden"
name="AUTHENTICITY-TOKEN"
value="{{token}}">
<button class="be-gui-button-no-text"
title="Click to delete '{{item.name}}'"
type="submit">
<img alt="Delete {{item.name}}"
src="/images/icons/delete-entry.png">
</button>
</form>
{% endif %}
</div>
{% endfor %}
</div> </div>
</div> </div>
{% endblock %} {% endblock %}

Loading…
Cancel
Save