2018-03-25 17:20:54 +00:00
|
|
|
<%- # License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later -%>
|
2018-03-25 17:30:42 +00:00
|
|
|
<div class='modal' id='uploadBackgroundImage'>
|
|
|
|
|
<%= render 'common/modal_header', title: 'Header Image' %>
|
|
|
|
|
<div class='modal-body'>
|
|
|
|
|
|
|
|
|
|
<fieldset class='u-centered'>
|
|
|
|
|
<p>Select and upload a header image for this page.</p>
|
|
|
|
|
<p class='u-marginBottom--20'>For best results, the image should be <strong>1000px by 600px</strong> in size.</p>
|
|
|
|
|
<form autosubmit action='<%= end_point %>' method='put' data-reload>
|
|
|
|
|
<div class='image-upload image-upload--large' style='background-image:url(<%= image_url ? image_url : '' %>)'>
|
|
|
|
|
<span><i class='fa fa-image'></i> Select</span>
|
|
|
|
|
<input type='file' name="<%= input_name %>" required>
|
|
|
|
|
</div>
|
|
|
|
|
<p class='u-color--red'>
|
|
|
|
|
<!--= show_if (length image_upload.error) -->
|
|
|
|
|
<small><!--= put image_upload.error --></small>
|
|
|
|
|
</p>
|
|
|
|
|
<div class='u-width--250 u-margin--auto'>
|
|
|
|
|
<button type='submit' class='button--small u-width--full u-marginTop--20' data-loading='Uploading...'>
|
|
|
|
|
Upload <%= image_url ? 'Different Image' : '' %>
|
|
|
|
|
</button>
|
|
|
|
|
<a class='button--small red u-marginTop--10 u-width--full' <%= image_url ? '' : 'disabled' %>>
|
|
|
|
|
<!--= on 'click' (confirm 'Are you sure?' remove_this_image -->
|
|
|
|
|
Remove Image
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
|
|
|
|
</div> <!-- modal-body -->
|
|
|
|
|
</div>
|
