houdini/app/views/nonprofits/_settings_modals.html.erb
2021-01-06 17:15:20 -06:00

36 lines
1.4 KiB
Text

<%- # License: AGPL-3.0-or-later WITH WTO-AP-3.0-or-later
# Full license explanation at https://github.com/houdiniproject/houdini/blob/master/LICENSE -%>
<!-- partial: nonprofits/settings_modal -->
<div class='modal fullScreen' id='settingsModal'>
<%= render 'common/modal_header', title: 'Profile Settings' %>
<%= render 'edit' %>
</div>
<%= render 'components/upload_background_image',
end_point: nonprofit_path(@nonprofit),
image_url: @nonprofit_background_image,
input_name: 'nonprofit[background_image]' %>
<div class='modal' id='uploadCarouselImages'>
<%= render 'common/modal_header', title: 'Main Image' %>
<div class='modal-body'>
<p class='u-centered'>Image size should be less than 2MB.</p>
<form class='u-centered' autosubmit action='<%= nonprofit_path(@nonprofit) %>' method='put' data-reload>
<p class='u-color--red'>
<!--= show_if (length image_upload.error) -->
<small><!--= put image_upload.error --></small>
</p>
<div class='u-inlineBlock'>
<div class='image-upload' style='background-image:url("<%= @nonprofit.main_image.attached? ? rails_storage_proxy_url(@nonprofit.main_image_by_size(:thumb_explore)) : '' %>")'>
<span><i class='fa fa-image'></i> Select</span>
<input type='file' name='nonprofit[main_image]'>
</div>
</div>
<hr>
<button type='submit' class='button u-marginTop--10 ' data-loading='Uploading...'>Upload</button>
</form>
</div>
</div>