You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

56 lines
2.0 KiB

<div class="narrow">
<?= partial('partials/header') ?>
<form method="POST" action="/photo" role="form" style="margin-top: 20px;" id="note_form" enctype="multipart/form-data">
<div class="form-group">
<label for="note_photo"><code>photo</code></label>
<div class="uploadBtn btn btn-default">
<span>Choose File</span>
<input type="file" name="note_photo" id="note_photo" accept="image/jpg,image/jpeg,image/gif,image/png">
</div>
<div class="hidden" id="photo_filename_container">
<input type="text" class="form-control" disabled="disabled" id="photo_filename">
</div>
<p class="help-block">Photo JPEG, GIF or PNG.</p>
</div>
<div class="form-group">
<label for="note_content"><code>content</code> (optional)</label>
<textarea name="note_content" id="note_content" value="" class="form-control" style="height: 4em;"><? if(isset($this->note_content)) echo $this->note_content ?></textarea>
</div>
<button class="btn btn-success" id="btn_post">Post</button>
<div style="clear:both;"></div>
</form>
<? if(!empty($this->location)): ?>
<div class="alert alert-success">
<strong>Success!</strong> Photo posted to: <em><a href="<?= $this->location ?>"><?= $this->location ?></a></em>
</div>
<? endif ?>
<? if(!empty($this->error)): ?>
<div class="alert alert-danger">
<strong>Error:</strong> <em><?= $this->error ?></em>
</div>
<? endif ?>
<? if(!empty($this->response)): ?>
<h4>Response:</h4>
<pre><?= $this->response ?></pre>
<? endif ?>
</div>
<script>
$(function(){
document.getElementById("note_photo").onchange = function () {
var filename = this.value;
if(filename.match(/[^\\]+$/)) {
filename = filename.match(/[^\\]+$/)[0];
}
$("#photo_filename").val(filename);
$("#photo_filename_container").removeClass("hidden");
};
});
</script>