Added uploading images to blog posts

5 files changed, 35 insertions, 9 deletions

@@ -28,3 +28,5 @@ $(document).on "turbolinks:load", ->
   $(".tags-input input[type=text]").autocomplete({
     source: Routes.suggest_tags_path()
   })
+  $(".image-uploads pre").click ->
+    navigator.clipboard.writeText($(this).text());
@@ -82,19 +82,16 @@ body {
 }
 
 #entry-form {
-  display: flex;
+  display: grid;
+  grid-template-columns: 73% 27%;
   height: 100%;
 
   fieldset {
     border: 0;
   }
 
-  #content {
-    width: 77%;
-  }
-
   #details {
-    width: 23%;
+    min-width: 0;
     display: flex;
     flex-direction: column;
     padding-left: 0;
@@ -201,6 +198,22 @@ body {
   border-radius: 5px;
   padding: .5em;
   margin-bottom: 1em;
+
+  h4 {
+    margin-top: 0;
+    margin-bottom: 0.5em;
+  }
+
+  img {
+    max-width: 100%;
+  }
+}
+
+.image-uploads {
+  pre {
+    overflow: auto;
+    max-width: 100%;
+  }
 }
 
 .should-create-record-field {
@@ -57,7 +57,7 @@ class Admin::BlogsController < Admin::AdminController
   private
 
     def blog_params
-      params.require(:blog).permit(:title, :body, :slug, :published, :published_at, :tag_list, records_attributes: [:description, :_destroy])
+      params.require(:blog).permit(:title, :body, :slug, :published, :published_at, :tag_list, images: [], records_attributes: [:description, :_destroy])
     end
 
     def set_section
@@ -6,12 +6,15 @@ class Blog < ApplicationRecord
   has_many :comments
   belongs_to :user
 
+  has_many_attached :images do |attachable|
+    attachable.variant :thumb, resize_to_limit: [300, 300]
+  end
+
   validates :title, presence: true
   validates :body, presence: true, if: :published
   validates :slug, presence: true, format: /\A[-a-z0-9]+\z/, if: :published
   validates :user, presence: true
-
-  has_many_attached :images
+  validates :images, content_type: ['image/png', 'image/jpeg']
 
   before_validation :set_draft_title
   before_save :set_published_at
@@ -39,4 +39,12 @@
         = builder.label :_destroy, "Create record?"
       .record-description-field
         = builder.text_area :description, placeholder: "record text"
+  .details-module.image-uploads
+    %h4 Images
+    - f.object.images.each do |image|
+      = image_tag image.variant(:thumb)
+      = f.hidden_field :images, multiple: true, value: image.signed_id
+      %pre= url_for image
+      %hr
+    = f.file_field :images, multiple: true
   .details-module= f.submit