2020-06-13 21:23:43 +00:00
|
|
|
@use super::{layout_html, statics::{form_css, form_js}};
|
|
|
|
|
|
|
|
@(endpoint: &str, name: &str)
|
|
|
|
|
2020-12-03 19:40:16 +00:00
|
|
|
@:layout_html("Upload Images", None, {
|
2022-05-03 01:38:46 +00:00
|
|
|
<link rel="stylesheet" href="@crate::statics(form_css.name)" type="text/css" />
|
|
|
|
<script src="@crate::statics(form_js.name)" type="text/javascript"></script>
|
2020-06-13 21:23:43 +00:00
|
|
|
}, {
|
2022-05-03 01:38:46 +00:00
|
|
|
<section>
|
|
|
|
<form method="post" action="@endpoint" enctype="multipart/form-data">
|
|
|
|
<article>
|
|
|
|
<div class="legend">
|
|
|
|
<h3>
|
|
|
|
<legend>Upload Images</legend>
|
|
|
|
</h3>
|
|
|
|
</div>
|
|
|
|
</article>
|
|
|
|
<article>
|
|
|
|
<label for="@name">Chose up to ten images to upload (PNG, JPG, GIF, WEBP, MP4)</label>
|
|
|
|
<div class="file-upload">
|
|
|
|
<div class="button plain">
|
|
|
|
<span id="file-upload-text">Select Files</span>
|
|
|
|
<input id="file-upload-input" type="file" name="@name"
|
|
|
|
accept="image/png,image/gif,image/jpeg,image/webp,video/mp4,video/quicktime,.jpg,.jpeg,.png,.gif,.webp,.m4v,.mp4"
|
|
|
|
multiple />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</article>
|
|
|
|
<article>
|
|
|
|
<div class="button submit">
|
|
|
|
<span>Upload</span>
|
|
|
|
<button>Upload</button>
|
|
|
|
</div>
|
|
|
|
</article>
|
|
|
|
</form>
|
|
|
|
</section>
|
2020-06-13 21:23:43 +00:00
|
|
|
})
|