build: Update Quill imageUploader

Author: blocknotes

app/assets/javascripts/activeadmin/quill.imageUploader.js

@@ -1,15 +1,15 @@
-.image-uploading {
+.quill-image-uploading {
   position: relative;
   display: inline-block;
 }
 
-.image-uploading img {
+.quill-image-uploading img {
   max-width: 98% !important;
   filter: blur(5px);
   opacity: 0.3;
 }
 
-.image-uploading::before {
+.quill-image-uploading::before {
   content: "";
   box-sizing: border-box;
   position: absolute;
@@ -21,7 +21,7 @@
   margin-left: -15px;
   border-radius: 50%;
   border: 3px solid #ccc;
-  border-top-color: #1e986c;
+  border-top-color: #1e40af;
   z-index: 1;
   animation: spinner 0.6s linear infinite;
 }

app/assets/javascripts/activeadmin/quill.imageUploader.min.js

@@ -42,11 +42,9 @@ wget "https://cdn.jsdelivr.net/npm/quill@2/dist/quill.core.css" -O "app/assets/s
 wget "https://cdn.jsdelivr.net/npm/quill@2/dist/quill.js" -O "app/assets/javascripts/activeadmin/quill_editor/quill.js"
 wget "https://cdn.jsdelivr.net/npm/quill@2/dist/quill.core.js" -O "app/assets/javascripts/activeadmin/quill_editor/quill.core.js"
 
-wget "https://github.com/NoelOConnell/quill-image-uploader/raw/refs/heads/master/src/quill.imageUploader.js" -O "app/assets/javascripts/activeadmin/quill.imageUploader.js"
-wget "https://github.com/NoelOConnell/quill-image-uploader/raw/refs/heads/master/dist/quill.imageUploader.min.js" -O "app/assets/javascripts/activeadmin/quill.imageUploader.min.js"
+wget "https://github.com/valentsea/quill2-image-uploader/raw/refs/heads/master/dist/quill.imageUploader.min.js" -O "app/assets/javascripts/activeadmin/quill.imageUploader.min.js"
 
-wget "https://github.com/NoelOConnell/quill-image-uploader/raw/refs/heads/master/src/quill.imageUploader.css" -O "app/assets/stylesheets/activeadmin/quill.imageUploader.css"
-wget "https://github.com/NoelOConnell/quill-image-uploader/raw/refs/heads/master/dist/quill.imageUploader.min.css" -O "app/assets/stylesheets/activeadmin/quill.imageUploader.min.css"
+wget "https://github.com/valentsea/quill2-image-uploader/raw/refs/heads/master/dist/quill.imageUploader.min.css" -O "app/assets/stylesheets/activeadmin/quill.imageUploader.min.css"
 ```
 
 - Check the changes, most of them should be for updated files plus some new / removed file

app/assets/stylesheets/activeadmin/quill.imageUploader.css

@@ -3,6 +3,12 @@
 ActiveAdmin.register Post do
   permit_params :author_id, :title, :summary, :description, :category, :dt, :position, :published, tag_ids: []
 
+  member_action :upload, method: [:post] do
+    result = { success: resource.images.attach(params[:file_upload]) }
+    result[:url] = url_for(resource.images.last) if result[:success]
+    render json: result
+  end
+
   index do
     selectable_column
     id_column
@@ -44,7 +50,12 @@
       f.input :author
       f.input :title
       f.input :summary, as: :quill_editor, input_html: { data: { options: { modules: { toolbar: toolbar } } } }
-      f.input :description, as: :quill_editor # using default options
+      if object.new_record?
+        f.input :description, as: :quill_editor # using default options
+      else
+        plugin_opts = { image_uploader: { server_url: upload_admin_post_path(object.id), field_name: 'file_upload' } }
+        f.input :description, as: :quill_editor, input_html: { data: { plugins: plugin_opts } }
+      end
       f.input :category
       f.input :dt
       f.input :position

app/assets/stylesheets/activeadmin/quill.imageUploader.min.css

@@ -2,3 +2,5 @@
 
 //= require activeadmin/quill_editor/quill
 //= require activeadmin/quill_editor_input
+
+//= require activeadmin/quill.imageUploader.min

extra/development.md

@@ -14,6 +14,8 @@
 @import 'activeadmin/quill_editor/quill.snow';
 @import 'activeadmin/quill_editor_input';
 
+@import 'activeadmin/quill.imageUploader.min';
+
 // Overriding any non-variable SASS must be done after the fact.
 // For example, to change the default status-tag color:
 //