Mastodon/brutaldon-interfaccia-web-minimale
2
0
Fork 0
mirror of https://github.com/jfmcbrayer/brutaldon synced 2025-02-09 16:18:37 +01:00
Code Issues Releases Wiki Activity

Add javascript to pretty version of media upload

Browse Source
This commit is contained in:
Jason McBrayer 2018-05-09 14:44:45 -04:00
parent 71aa4c0249
commit 0455c6d25f
1 changed files with 27 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
brutaldon/templates/main/post_partial.html
View File

@ -34,15 +34,27 @@
</div> </div>
<div class="field"> <div class="field">
<label class="label"> {{ form.media_file_1.label }}</label> <div class="file has-name">
<div class="content"> <label class="file-label">
{% render_field form.media_file_1 %} {% render_field form.media_file_1 class+="file-input" %}
<span class="file-cta">
<span class="file-icon">
<i class="fa fa-upload"></i>
</span>
<span class="file-label">
{{ form.media_file_1.label }}
</span>
</span>
<span class="file-name" id="media_filename_1">
</span>
</label>
</div> </div>
<div class="control"> <div class="control">
{% render_field form.media_text_1 class+="input" placeholder="Describe attachment" %} {% render_field form.media_text_1 class+="input" placeholder="Describe attachment" %}
</div> </div>
</div> </div>
<div> <div>
{{ form.errors }} {{ form.errors }}
</div> </div>
@ -54,3 +66,14 @@
</div> </div>
</div> </div>
</form> </form>
<script type="application/javascript">
var file = document.getElementById("id_media_file_1");
file.onchange = function(){
if(file.files.length > 0)
{
document.getElementById('media_filename_1').innerHTML = file.files[0].name;
}
};
</script>