check choose image from modal, not popup, check image lis

@@ -1324,6 +1324,44 @@ function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterat
 var csrf_token = $('meta[name=csrf-token]').attr('content'),
 var csrf_token = $('meta[name=csrf-token]').attr('content'),
     csrf_param = $('meta[name=csrf-param]').attr('content');
     csrf_param = $('meta[name=csrf-param]').attr('content');
 
 
+$('body').on('click', '.delete-image-from-list', function(){
+    var $this = $(this),
+        url = $this.attr('href'),
+        title = "Are you sure?";
+
+    bootbox.confirm(title, function(result) {
+        if(result){
+            jQuery.ajax({
+                type: 'GET',
+                url: url,
+                dataType: 'json',
+                success: function(data){
+                  if(data.status == 'ok'){
+                    $('#gallery_image_' + data.id).remove();
+                  }
+                }
+
+            });
+        }
+    });
+
+    return false;
+});
+
+$('body').on('click', '.copy-to-memory', function(){
+  var str = $(this).data('str');
+  var el = document.createElement('textarea');
+  el.value = str;
+  document.body.appendChild(el);
+  el.select();
+  document.execCommand('copy');
+  document.body.removeChild(el);
+
+  bootbox.alert('URL copied to memory');
+
+  return false;
+});
+
 
 
 
 
 $('.delete-row-item').click(function(){
 $('.delete-row-item').click(function(){
@@ -1589,49 +1627,18 @@ jQuery(document).ready(function(){
                 type: 'POST',
                 type: 'POST',
                 url: galleryUrl,
                 url: galleryUrl,
                 success: function (data) {
                 success: function (data) {
-                    var $popover = $this.$original_element.closest('form').find('*[data-cmd="cms-image"]'),
-                        $data = $(data),
-                        layer_position = 'left';
+                  var $modal = $(data).modal({show:false, keyboard: false, backdrop: 'static'}).on('shown.bs.modal', function () {
+                      $modal.find('.gallery-item').click(function(){
+                          var img_link = $(this).attr('href');
 
 
-                    if($this.$original_element.froalaEditor('fullscreen.isActive')){
-                        layer_position = 'bottom';
-                        $popover = $('.fr-fullscreen').find('*[data-cmd="cms-image"]');
-                    }
+                          $this.$original_element.froalaEditor('image.insert', img_link, true, {});
 
 
-                    $popover.popover({
-                        content: $data,
-                        html: true,
-                        trigger: 'manual',
-                        placement: layer_position
-                    }).on('shown.bs.popover', function () {
-                      var $obj = $($(this).data("bs.popover").getTipElement());
-                      $obj.addClass('rte-popover');
-                      if(!$this.$original_element.froalaEditor('fullscreen.isActive')){
-                        $obj.css('left', '-490px');
-                      }
-                    }).on('hidden.bs.popover', function () {
-                        $popover.popover('dispose');
-                    }).popover('show');
-
-                    $('body').on( 'click', function(e) {
-                        if($popover.next('.popover')){
-                            if ( !$popover.next('.popover').has(e.target).length ) {$popover.popover('dispose'); }
-                        }
+                          return false;
+                      });
+                    }).on('hidden.bs.modal', function () {
+                        $modal.remove();
                     });
                     });
-
-
-
-                    $data.find('.gallery-item').click(function(){
-                        var img_link = $(this).attr('href');
-
-                        $this.$original_element.froalaEditor('image.insert', img_link, true, {});
-                        $popover.popover('dispose');
-
-                        return false;
-                    });
-
-
-
+                    $modal.modal('show');
                 }
                 }
             });
             });
 
 

@@ -5391,4 +5391,8 @@ body .jvectormap-zoomout {
   .arrow:after{
   .arrow:after{
     border-left-color:#f5f7fa;    
     border-left-color:#f5f7fa;    
   }
   }
+}
+
+.image-preview-in-list{
+  margin:20px;
 }
 }

@@ -50,8 +50,8 @@ module Kanjai
 
 
     def delete_gallery_image
     def delete_gallery_image
       @image = Image.find(params[:id])
       @image = Image.find(params[:id])
-
       @image.destroy
       @image.destroy
+      render json: {status: 'ok', id: @image.id}
     end
     end
 
 
     def get_gallery
     def get_gallery

@@ -5,6 +5,7 @@ module Kanjai
     belongs_to :object, polymorphic: true, optional: true
     belongs_to :object, polymorphic: true, optional: true
 
 
     IMAGE_MIME_TYPE = ['image/bmp', 'image/gif', 'image/jpeg', 'image/pipeg', 'image/svg+xml', 'image/png']
     IMAGE_MIME_TYPE = ['image/bmp', 'image/gif', 'image/jpeg', 'image/pipeg', 'image/svg+xml', 'image/png']
+    PDF_MIME_TYPE = ['application/pdf']
 
 
 #    has_attached_file :image,
 #    has_attached_file :image,
 #                      :styles => {:mini => '200x200>'},
 #                      :styles => {:mini => '200x200>'},

 <div class="card-columns">
 <div class="card-columns">
   <% collection.each do |item| %>
   <% collection.each do |item| %>
     <div class="card mb-4" id="gallery_image_<%= item.id %>" >
     <div class="card mb-4" id="gallery_image_<%= item.id %>" >
-      <%= image_tag item.image_link, class: 'card-img-top img-fluid', alt: '' %>
+      <% if Kanjai::Image::IMAGE_MIME_TYPE.include?(item.file_type) %>
+        <%= image_tag item.image_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 %>
+        </div>
+      <% end %>
       <div class="card-body">
       <div class="card-body">
         <div class="content">              
         <div class="content">              
               <h4 class="card-title"><%= item.title %></h4>
               <h4 class="card-title"><%= item.title %></h4>
               <p class="card-text"><%= Kanjai::Image.human_attribute_name(:size) %>: <%= number_to_human_size(item.file_size) %></p>
               <p class="card-text"><%= Kanjai::Image.human_attribute_name(:size) %>: <%= number_to_human_size(item.file_size) %></p>
               <p class="card-text"><%= Kanjai::Image.human_attribute_name(:format) %>: <%= item.file_type %></p>
               <p class="card-text"><%= Kanjai::Image.human_attribute_name(:format) %>: <%= item.file_type %></p>
+              <p class="card-text"><%= Kanjai::Image.human_attribute_name(:created_at) %>: <%= l(item.created_at, format: :short) %></p>
+              <p class="card-text"><%= Kanjai::Image.human_attribute_name(:public_url) %>: <%= item.image_link %> <%= link_to '<i class="fa fa-copy"></i>'.html_safe, '#', class: 'copy-to-memory', data: {str: item.image_link} %></p>
         </div>
         </div>
         <div class="action">
         <div class="action">
             <div class="dropdown dropleft without-icon">
             <div class="dropdown dropleft without-icon">
@@ -15,7 +27,7 @@
               </button>
               </button>
               <ul class="dropdown-menu" style="padding-left:0;">
               <ul class="dropdown-menu" style="padding-left:0;">
                 <li class="dropdown-item"><%= link_to t('actions.edit'), edit_admin_image_url(item), class: 'dropdown-item show-in-layer', remote: true %></li>
                 <li class="dropdown-item"><%= link_to t('actions.edit'), edit_admin_image_url(item), class: 'dropdown-item show-in-layer', remote: true %></li>
-                <li class="dropdown-item"><%= link_to t('actions.delete'), delete_gallery_image_admin_image_path(item), remote: true, :class => 'dropdown-item' %></li>
+                <li class="dropdown-item"><%= link_to t('actions.delete'), delete_gallery_image_admin_image_path(item), :class => 'delete-image-from-list dropdown-item' %></li>
               </ul>
               </ul>
             </div>
             </div>
         </div>
         </div>

-$('#gallery_image_<%= @image.id %>').remove();

-<div class="card-columns">
-  <% @collection.each do |item| %>
-    <a href="<%= item.image_link %>" class="gallery-item">
-      <div class="card mb-4" >
-        <%= image_tag item.image_link, class: 'card-img-top img-fluid', alt: '' %>
+<div class="modal" id="myModal">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+
+      <!-- Modal Header -->
+      <div class="modal-header">
+        <h4 class="modal-title"><%= t('rte_choose_image') %></h4>
+        <button type="button" class="close" data-dismiss="modal">&times;</button>
       </div>
       </div>
-    </a>
-  <% end %>
+
+      <!-- Modal body -->
+      <div class="modal-body">
+        <div class="card-columns">
+          <% @collection.each do |item| %>
+            <a href="<%= item.image_link %>" class="gallery-item">
+              <div class="card mb-4" >
+                <%= image_tag item.image_link, class: 'card-img-top img-fluid', alt: '' %>
+              </div>
+            </a>
+          <% end %>
+        </div>
+      </div>
+
+    </div>
+  </div>
 </div>
 </div>

@@ -42,6 +42,7 @@ en:
   password_reset_text: "Fill with your mail to receive instructions on how to reset your password."
   password_reset_text: "Fill with your mail to receive instructions on how to reset your password."
   password_reset_email: "Email address"
   password_reset_email: "Email address"
   password_reset_error: "Can not send instrution, please check email"
   password_reset_error: "Can not send instrution, please check email"
+  rte_choose_image: "Choose Image"
 
 
 
 
   date:
   date:
@@ -51,6 +52,7 @@ en:
     formats:
     formats:
       default: "%d.%m.%Y %H:%M"
       default: "%d.%m.%Y %H:%M"
       full: "%d.%m.%Y %H:%M:%S"
       full: "%d.%m.%Y %H:%M:%S"
+      short: "%d.%m.%Y"
   time_zone:
   time_zone:
     formats:
     formats:
       default: "%d.%m.%Y %H:%M"
       default: "%d.%m.%Y %H:%M"
@@ -91,6 +93,8 @@ en:
         tags: "Tags"
         tags: "Tags"
         size: "Size"
         size: "Size"
         format: "Format"
         format: "Format"
+        created_at: "Upload Date"
+        public_url: "URL"
       kanjai/page_datum:
       kanjai/page_datum:
         meta_title: Meta Title
         meta_title: Meta Title
         meta_description: Meta Description
         meta_description: Meta Description
@@ -111,6 +115,7 @@ en:
     enable: "Enable"
     enable: "Enable"
     edit_with_lang: "Edit %{lang}"
     edit_with_lang: "Edit %{lang}"
     duplicate: "Duplicate"
     duplicate: "Duplicate"
+    copy: "Copy"
 
 
   admin:
   admin:
     page_structure:
     page_structure:

 module Kanjai
 module Kanjai
-  VERSION = "0.0.151"
+  VERSION = "0.0.152"
 end
 end