diff piecrust/admin/templates/edit_page.html @ 809:22c6f6a3d0a0

admin: Add ability to upload page assets.
author Ludovic Chabant <ludovic@chabant.com>
date Sat, 17 Dec 2016 19:55:10 -0800
parents 5e91bc0e3b4d
children e04f2ad5f931
line wrap: on
line diff
--- a/piecrust/admin/templates/edit_page.html	Sat Dec 17 19:54:52 2016 -0800
+++ b/piecrust/admin/templates/edit_page.html	Sat Dec 17 19:55:10 2016 -0800
@@ -16,7 +16,7 @@
 
     <div class="row">
         <div class="col-sm-6 col-sm-offset-1 col-xs-8">
-            <button type="submit" formtarget="_blank" name="do_preview" class="btn btn-info">Preview</button>
+            <a class="btn btn-info" href="{{url_preview}}">Preview</a>
             <a class="btn btn-danger" href="{{url_cancel}}">Cancel</a>
         </div>
         <div class="col-sm-4 col-xs-4">
@@ -57,5 +57,43 @@
         </div>
     </div>
 </form>
+
+<div class="row">
+    <div class="col-sm-10 col-sm-offset-1">
+        <h3>Assets</h3>
+        <p>Here are the assets you can use on this page with the <code>{%raw%}{{assets.foo}}{%endraw%}</code> syntax.</p>
+        {% if assets %}
+        <ul>
+        {% for a in assets %}
+            <li><a href="{{a.url}}">{{a.name}}</a></li>
+        {% endfor %}
+        </ul>
+        {% else %}
+        <p>...no assets...</p>
+        {% endif %}
+    </div>
+</div>
+
+<form action="{{url_upload_asset}}" method="POST" enctype="multipart/form-data" class="ft-upload-form" id="ft-upload-form">
+    <div class="row">
+        <div class="col-lg-6 col-sm-offset-1">
+            <p>Upload a new asset:</p>
+            <div class="form-group">
+                <div class="input-group">
+                    <input name="ft-asset-file" type="file"/>
+                </div>
+            </div>
+            <div class="form-group">
+                <div class="input-group">
+                    <span class="input-group-addon" id="ft-label-asset-name">Name</span>
+                    <input name="ft-asset-name" type="text" class="form-control" placeholder="Optional asset name" aria-describedby="ft-label-asset-name"/>
+                </div>
+            </div>
+            <div class="form-group">
+                <input type="submit" value="Upload!" />
+            </div>
+        </div>
+    </div>
+</form>
 {% endblock %}