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
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>
|