summaryrefslogtreecommitdiff
path: root/views
diff options
context:
space:
mode:
authorAaron Parecki <aaron@parecki.com>2016-10-08 13:14:56 -0700
committerAaron Parecki <aaron@parecki.com>2016-10-08 13:14:56 -0700
commitc1972ee08ca9c1f274c0cb575e3dc24dd1ce5b95 (patch)
treeb1630a54a3406a16b785f9563c3a70f94d494000 /views
parent9c3ef26741621285c6e1a2b29e36ed1812320a6e (diff)
support posting multiple photos by URL
Diffstat (limited to 'views')
-rw-r--r--views/new-post.php22
1 files changed, 17 insertions, 5 deletions
diff --git a/views/new-post.php b/views/new-post.php
index 8128c4a..6458446 100644
--- a/views/new-post.php
+++ b/views/new-post.php
@@ -28,6 +28,7 @@
<label for="note_photo"><code>photo</code></label>
<input type="file" name="note_photo" id="note_photo" accept="image/*">
<a href="javascript:switchToManualPhotoURL();" id="note_manual_photo">enter photo url</a>
+ <a href="javascript:addPhotoURL();" class="hidden" id="add_photo">add photo</a>
<br>
<div id="photo_preview_container" class="hidden">
<img src="" id="photo_preview" style="max-width: 300px; max-height: 300px;">
@@ -181,7 +182,7 @@ function restoreNoteState() {
}
function replacePhotoWithPhotoURL(url) {
- $("#note_photo").after('<input type="url" name="note_photo_url" id="note_photo_url" value="" class="form-control">');
+ $("#note_photo").after('<input type="url" name="note_photo_url[]" value="" class="note_photo_url form-control">');
$("#note_photo_url").val(url);
$("#note_photo").remove();
$("#photo_preview").attr("src", url);
@@ -190,13 +191,21 @@ function replacePhotoWithPhotoURL(url) {
}
function switchToManualPhotoURL() {
- $("#note_photo").after('<input type="url" name="note_photo_url" id="note_photo_url" value="" class="form-control">');
+ $("#note_photo").after('<input type="url" name="note_photo_url[]" value="" class="note_photo_url form-control">');
$("#note_photo").remove();
$("#note_photo_url").change(function(){
$("#photo_preview").attr("src", $(this).val());
$("#photo_preview_container").removeClass("hidden");
});
$("#note_manual_photo").addClass("hidden");
+ $("#add_photo").removeClass("hidden");
+}
+
+function addPhotoURL() {
+ $(".note_photo_url:last").after('<input type="url" name="note_photo_url[]" value="" class="note_photo_url form-control" style="margin-top:2px;">');
+ if($(".note_photo_url").length == 4) {
+ $("#add_photo").remove();
+ }
}
$(function(){
@@ -321,8 +330,12 @@ $(function(){
// Add either the photo as a file, or the photo URL depending on whether the user has a media endpoint
if(document.getElementById("note_photo") && document.getElementById("note_photo").files[0]) {
formData.append("photo", document.getElementById("note_photo").files[0]);
- } else if($("#note_photo_url").val()) {
- formData.append("photo", $("#note_photo_url").val());
+ } else if($(".note_photo_url").val()) {
+ $(".note_photo_url").each(function(){
+ if($(this).val()) {
+ formData.append("photo[]", $(this).val());
+ }
+ });
}
// Need to append a placeholder field because if the file size max is hit, $_POST will
@@ -330,7 +343,6 @@ $(function(){
// This will be stripped by Quill before it's sent to the Micropub endpoint
formData.append("null","null");
-
var request = new XMLHttpRequest();
request.open("POST", "/micropub/multipart");
request.onreadystatechange = function() {