Add user microposts

Author: khin-alu

Gemfile

@@ -4,6 +4,7 @@ git_source(:github) { |repo| "https://github.com/#{repo}.git" }
 ruby "3.4.3"
 
 gem "rails", "8.0.2"
+gem "active_storage_validations", "3.0.2"
 gem "jsbundling-rails", "1.3.1"
 gem "bcrypt", "3.1.13"
 gem "faker", "3.5.2"
@@ -42,4 +43,5 @@ end
 
 group :production do
   gem "pg", "1.5.9"
+  gem "aws-sdk-s3", "1.199.0", require: false
 end

Gemfile.lock

@@ -44,6 +44,12 @@ GEM
       erubi (~> 1.11)
       rails-dom-testing (~> 2.2)
       rails-html-sanitizer (~> 1.6)
+    active_storage_validations (3.0.2)
+      activejob (>= 6.1.4)
+      activemodel (>= 6.1.4)
+      activestorage (>= 6.1.4)
+      activesupport (>= 6.1.4)
+      marcel (>= 1.0.3)
     activejob (8.0.2)
       activesupport (= 8.0.2)
       globalid (>= 0.3.6)
@@ -75,6 +81,25 @@ GEM
     addressable (2.8.7)
       public_suffix (>= 2.0.2, < 7.0)
     ansi (1.5.0)
+    aws-eventstream (1.4.0)
+    aws-partitions (1.1162.0)
+    aws-sdk-core (3.232.0)
+      aws-eventstream (~> 1, >= 1.3.0)
+      aws-partitions (~> 1, >= 1.992.0)
+      aws-sigv4 (~> 1.9)
+      base64
+      bigdecimal
+      jmespath (~> 1, >= 1.6.1)
+      logger
+    aws-sdk-kms (1.112.0)
+      aws-sdk-core (~> 3, >= 3.231.0)
+      aws-sigv4 (~> 1.5)
+    aws-sdk-s3 (1.199.0)
+      aws-sdk-core (~> 3, >= 3.231.0)
+      aws-sdk-kms (~> 1)
+      aws-sigv4 (~> 1.5)
+    aws-sigv4 (1.12.1)
+      aws-eventstream (~> 1, >= 1.0.2)
     base64 (0.3.0)
     bcrypt (3.1.13)
     bcrypt_pbkdf (1.1.1)
@@ -149,6 +174,7 @@ GEM
     jbuilder (2.13.0)
       actionview (>= 5.0.0)
       activesupport (>= 5.0.0)
+    jmespath (1.6.2)
     jsbundling-rails (1.3.1)
       railties (>= 6.0.0)
     kamal (2.7.0)
@@ -353,6 +379,8 @@ PLATFORMS
   x86_64-linux-musl
 
 DEPENDENCIES
+  active_storage_validations (= 3.0.2)
+  aws-sdk-s3 (= 1.199.0)
   bcrypt (= 3.1.13)
   bootsnap (= 1.18.6)
   capybara (= 3.40.0)

app/assets/stylesheets/application.bootstrap.scss

@@ -12,7 +12,7 @@ $gray-medium-light: #eaeaea;
 /* universal */
 
 body > div {
-  padding-top: 30px;
+  padding-top: 90px;
 }
 
 section {
@@ -215,3 +215,44 @@ input {
     border-bottom: 1px solid $gray-500;
   }
 }
+/* microposts */
+.microposts {
+  list-style: none;
+  padding: 0;
+  li {
+    padding: 10px 0;
+    border-top: 1px solid #e8e8e8;
+  }
+  .user {
+    margin-top: 5em;
+    padding-top: 0;
+  }
+  .content {
+    display: block;
+    margin-left: 60px;
+    img {
+      display: block;
+      padding: 5px 0;
+    }
+  }
+  .timestamp {
+    color: $gray-500;
+    display: block;
+    margin-left: 60px;
+  }
+  .gravatar {
+    float: left;
+    margin-right: 10px;
+    margin-top: 5px;
+  }
+}
+aside textarea {
+  height: 100px;
+  margin-bottom: 5px;
+}
+span.image {
+  margin-top: 10px;
+}
+input {
+  border: 0;
+}

app/controllers/application_controller.rb

@@ -1,9 +1,14 @@
 class ApplicationController < ActionController::Base
   include SessionsHelper
-  # Only allow modern browsers supporting webp images, web push, badges, import maps, CSS nesting, and CSS :has.
-  allow_browser versions: :modern
 
-  def hello
-    render html: "hello, world!"
+  private
+
+  # Confirms a logged-in user.
+  def logged_in_user
+    unless logged_in?
+      store_location
+      flash[:danger] = "Please log in."
+      redirect_to login_url, status: :see_other
+    end
   end
 end

app/controllers/microposts_controller.rb

@@ -0,0 +1,38 @@
+class MicropostsController < ApplicationController
+  before_action :logged_in_user, only: [:create, :destroy]
+  before_action :correct_user,
+                only: :destroy
+
+  def create
+    @micropost = current_user.microposts.build(micropost_params)
+    @micropost.image.attach(params[:micropost][:image])
+    if @micropost.save
+      flash[:success] = "Micropost created!"
+      redirect_to root_url
+    else
+      @feed_items = current_user.feed.paginate(page: params[:page])
+      render "static_pages/home", status: :unprocessable_entity
+    end
+  end
+
+  def destroy
+    @micropost.destroy
+    flash[:success] = "Micropost deleted"
+    if request.referrer.nil? || request.referrer == microposts_url
+      redirect_to root_url, status: :see_other
+    else
+      redirect_to request.referrer, status: :see_other
+    end
+  end
+
+  private
+
+  def micropost_params
+    params.require(:micropost).permit(:content, :image)
+  end
+
+  def correct_user
+    @micropost = current_user.microposts.find_by(id: params[:id])
+    redirect_to root_url, status: :see_other if @micropost.nil?
+  end
+end

app/controllers/static_pages_controller.rb

@@ -1,5 +1,9 @@
 class StaticPagesController < ApplicationController
   def home
+    if logged_in?    
+      @micropost = current_user.microposts.build 
+      @feed_items = current_user.feed.paginate(page: params[:page])
+    end
   end
 
   def help
@@ -9,6 +13,5 @@ def about
   end
 
   def contact
-    
   end
 end

app/controllers/users_controller.rb

@@ -5,6 +5,7 @@ class UsersController < ApplicationController
 
   def show
     @user = User.find(params[:id])
+    @microposts = @user.microposts.paginate(page: params[:page])
   end
 
   def new
@@ -35,9 +36,6 @@ def update
     end
   end
 
-  def show
-    @user = User.find(params[:id])
-  end
 
   def index
     @users = User.paginate(page: params[:page])

app/helpers/microposts_helper.rb

@@ -0,0 +1,2 @@
+module MicropostsHelper
+end

app/javascript/application.js

@@ -1,3 +1,2 @@
 // Entry point for the build script in your package.json
 import * as bootstrap from "bootstrap";
-

app/javascript/image_upload.js

@@ -0,0 +1,11 @@
+// Prevent uploading of big images.
+document.addEventListener("DOMContentLoaded", function () {
+  const imageUpload = document.querySelector("#micropost_image");
+  imageUpload.addEventListener("change", function () {
+    const size_in_megabytes = this.files[0].size / 1024 / 1024;
+    if (size_in_megabytes > 5) {
+      alert("Maximum file size is 5MB. Please choose a smaller file.");
+      this.value = "";
+    }
+  });
+});