get_files.html.erb 3.19 KB
<div class="modal" id="myModal">
  <div class="modal-dialog modal-lg modal-dialog-scrollable">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header">
        <h4 class="modal-title"><%= t('choose_files') %></h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>

      <!-- Modal body -->
      <div class="modal-body">
        <div class="text-right mb-20">
          <%= link_to t('actions.add_more_files'), '#', class: 'btn btn-info rte-add-image-btn' %>
          <%= link_to t('actions.back_to_choose_file'), '#', class: 'btn btn-info rte-add-image-back-btn not-visible' %>
        </div>

        <div class="add-new-images not-visible ">
          <div class="drop-down-upload">
            <div style="padding:10px;">
              <div class="drop" data-url="<%= @s3_direct_post.url %>" data-form-data="<%= @s3_direct_post.fields.to_json %>" data-host="<%= URI.parse(@s3_direct_post.url).host %>" >
                <%= t('drop_your_file') %>
                <div class="dropped-file-list row"></div>
              </div>
            </div>
          </div>

          <div id="gallery_form">
            <form action="<%= update_gallery_admin_images_url(rte: 1) %>" class="ajax-file-upload-form">
              <div id="new_images">

              </div>
              <div class="text-center">
                <%= link_to 'Add More', '#', class: 'btn btn-primary add-new-field not-visible', data: {template: render(partial: 'kanjai/admin/images/image_field')} %>
              </div>
              <div class="text-right">
                <input type="submit" value="<%= t('actions.upload') %>" class="btn btn-primary not-visible"  />          
              </div>
            </form>
          </div>
        </div>
        <div class="loader-demo not-visible">
          <div class="ball-grid-pulse">
             <div></div>
             <div></div>
             <div></div>
             <div></div>
             <div></div>
             <div></div>
             <div></div>
             <div></div>
             <div></div>
          </div>        
        </div>        
        <div class="card-columns rte-images-for-choose">
          <% @collection.each do |item| %>
            <a href="<%= item.image_link %>" class="gallery-item" data-type="<%= Kanjai::Image::IMAGE_MIME_TYPE.include?(item.file_type) ? 'image' : 'other' %>">
              <div class="card mb-4" >
                <% if Kanjai::Image::IMAGE_MIME_TYPE.include?(item.file_type) %>
                  <%= image_tag item.preview_link, class: 'card-img-top img-fluid', alt: '' %>
                <% else %>
                  <div class="text-center image-preview-in-list">
                    <% if Kanjai::Image::PDF_MIME_TYPE.include?(item.file_type) %>
                      <em class="fa-5x far fa-file-pdf text-primary"></em>
                    <% else %>
                      <em class="fa-5x far fa-file text-primary"></em>
                    <% end %>
                    <h4 class="card-title"><%= item.title %></h4>
                  </div>
                <% end %>



              </div>
            </a>
          <% end %>
        </div>
      </div>

    </div>
  </div>
</div>