Upload image with paperclip and usage postgres database #5

buitoancnth · 2018-09-06T02:10:45Z

No description provided.

xuanchien · 2018-09-06T04:27:13Z

app/controllers/albums_controller.rb

+  def create
+    @album = current_user.albums.new album_params
+    if @album.save
+      if params[:images]


Nếu tạo album thành công mà không có hình ảnh nào hết thì sao? Khi đó code của em chưa thấy xử lý trường hợp đó

xuanchien · 2018-09-06T04:27:33Z

app/controllers/albums_controller.rb

  def my_albums
    @albums = current_user.albums.page params[:page]
-    render :index
+    # render :index


Dư code bị comment

xuanchien · 2018-09-06T04:27:55Z

app/controllers/feeds_controller.rb

@@ -2,6 +2,6 @@ class FeedsController < ApplicationController
  layout 'layout_album_photo'

  def index
-    redirect_to photos_path
+    # redirect_to photos_path


Dư code bị comment

xuanchien · 2018-09-06T04:28:11Z

app/controllers/photos_controller.rb

+      render :new
+    end
+  end
+
  def my_photos
    @photos = current_user.photos.page params[:page]
    # render :index


Dư commented code

xuanchien · 2018-09-06T04:28:52Z

app/controllers/sessions_controller.rb

@@ -1,30 +1,31 @@
-  class SessionsController < Devise::SessionsController
+class SessionsController < Devise::SessionsController


Có cần phải override file SessionsController hay không? Tại sao cần phải override?

em override vì sau này khi đăng nhập xong e thêm flash với lại render hay redirect_to , mà em chỉ mới thêm vào chưa xử lý.

Tại sao em cần thêm Flash với lại render? Có yêu cầu gì đặc biệt hay không?

xuanchien · 2018-09-06T04:43:57Z

app/views/photos/new.html.erb

+  <%= f.text_area :description, class: 'form-control' %>
+  <%= f.label :image %>
+  <%= f.file_field :image %>
+  <%= f.submit %>


Button cần có class của Bootstrap

xuanchien · 2018-09-06T04:44:05Z

app/views/photos/my_photos.html.erb

@@ -1,3 +1,5 @@
+<%= button_to "Add Photo", { action: "new" }, method: :get, class: 'btn-primary upload' %>


Thiếu class btn

xuanchien · 2018-09-06T04:44:54Z

app/views/photos/new.html.erb

+      <% end %>
+    </ul>
+  <% end %>
+  <%= f.label :title %>


Form như thế này là chưa đúng kiểu của bootstrap, cần xem trên trang Bootstrap form tạo ra có những thẻ gì, class như thế nào và làm tương ứng. Ví dụ <div class="form-group">

xuanchien · 2018-09-06T04:45:05Z

app/views/albums/new.html.erb

+      <% end %>
+    </ul>
+  <% end %>
+  <%= f.label :title %>


Form như thế này là chưa đúng kiểu của bootstrap, cần xem trên trang Bootstrap form tạo ra có những thẻ gì, class như thế nào và làm tương ứng. Ví dụ <div class="form-group">

xuanchien · 2018-09-06T04:45:38Z

db/migrate/20180904072855_change_column_photo.rb

@@ -0,0 +1,9 @@
+class ChangeColumnPhoto < ActiveRecord::Migration[5.1]
+  def up
+    change_column :photos, :album_id, :integer


Tại sao up và down đều giống như nhau? Nếu vậy thì migration này dùng để làm gì?

cái này bữa e test dùng để set cho khóa ngoại bằng 0 để add data, e xóa cái thuộc tính trong def down rồi. file này không cần thiết a.

xuanchien · 2018-09-06T07:28:39Z

app/views/albums/my_albums.html.erb

@@ -0,0 +1,8 @@
+<%= link_to new_album_path do %>
+  <button type="button" class="btn btn-primary">Add Album</button>


Chưa dùng i18n

xuanchien · 2018-09-06T07:28:54Z

app/views/albums/new.html.erb

+<hr>
+<%= form_for @album, html: { multipart: true } do |f| %>
+  <% if @album.errors.any? %>
+    <h3>Some errors were found:</h3>


Chưa dùng i18n

xuanchien · 2018-09-06T07:29:12Z

app/views/photos/my_photos.html.erb

@@ -1,3 +1,7 @@
+<%= link_to new_photo_path do %>
+  <button type="button" class="btn btn-primary">Add Photo</button>


Chưa dùng i18n

xuanchien · 2018-09-06T07:29:24Z

app/views/photos/new.html.erb

@@ -0,0 +1,29 @@
+<h3 class="text-primary">New Photo</h3>


Chưa dùng i18n

xuanchien · 2018-09-06T07:29:32Z

app/views/photos/new.html.erb

+<hr>
+<%= form_for @photo do |f| %>
+  <% if @photo.errors.any? %>
+    <h3>Some errors were found:</h3>


Chưa dùng i18n

xuanchien · 2018-09-07T14:20:01Z

app/assets/stylesheets/custom.scss

-.navbar {
-	background-color: blue;
+.nav > li.dropdown > a {
+	color: #fff;


Indentation lộn xộn quá

xuanchien · 2018-09-07T14:20:42Z

app/assets/stylesheets/custom.scss

@@ -8,25 +8,42 @@
  font-size: 1.7em;
  color: #fff;
  text-transform: uppercase;
-  padding-top: 9px;
+  align-content: center;


Đây là thuộc tính dùng cho flex, e có đang dùng đúng không vậy? https://www.w3schools.com/cssref/css3_pr_align-content.asp

xuanchien · 2018-09-07T14:21:56Z

app/assets/stylesheets/custom.scss

  text-align: center;
  width: 100%;
+  display: inline;
+}
+div.caption p {


Chưa tận dụng được sức mạnh của SCSS. Em có thể khai báo như sau

div.caption { p { } span { } }

xuanchien · 2018-09-07T14:22:35Z

app/assets/stylesheets/custom.scss

+  top: 75%;
+  left: 84%;
+}
+i {


Em override nguyên thẻ luôn sao? Tại sao lại làm như vậy? Thẻ i thì nó là để in nghiêng, không được thay đổi các thuộc tính của nó như vậy

xuanchien · 2018-09-07T14:23:41Z

app/controllers/albums_controller.rb

@@ -1,5 +1,6 @@
 class AlbumsController < ApplicationController
  layout 'layout_album_photo', only: :index
+  before_action :load_image, only: :create


Hàm của em đặt tên không đúng, theo nội dung a đọc thì hàm đó e dùng để check có params[:images] được gửi lên server hay không, cần rename hàm cho đúng

xuanchien · 2018-09-10T01:38:15Z

app/assets/stylesheets/custom.scss

+    top: 5px;
+    font-size: 15px;
+  }
+  span:hover {


Cái này có thể để ngay trong thẻ span ở trên, như sau

span { &:hover{ } }

xuanchien · 2018-09-10T01:40:17Z

app/controllers/albums_controller.rb

+
+  def check_image
+    @images = params[:album][:images]
+    return if @images


Logic này hơi khó hiểu cho người đọc, nếu là check coi có params image hay không thì nên viết logic như sau

unless @images redirect_to new_album_path end

xuanchien · 2018-09-10T01:41:14Z

app/controllers/photos_controller.rb

+  def destroy
+    @photo.destroy
+    redirect_to my_photos_path
+  end
  def my_photos


Cần phân tách 2 methods bằng một dòng trống

xuanchien · 2018-09-10T01:42:35Z

app/models/photo.rb

+  has_attached_file :image, styles: { thumb: ["200x150#", :png] }
+  validates_attachment :image, content_type: { content_type: /\Aimage\/.*\z/ }, presence: true
+  scope :order_by_created_at, -> { order(created_at: :desc) }
+  scope :photo_pucblic, -> { where(share_mode: true) }


Lỗi chính tả pucblic. Và scope này đã nằm trong model Photo nên không cần phải có chữ photo_ ở đầu nữa, chỉ cần đặt scope :public là được

xuanchien · 2018-09-10T01:43:16Z

app/views/albums/_album.html.erb

@@ -2,20 +2,17 @@
 <% albums.each do |album| %>
  <div class="col-md-6">
    <div class="post-image">
-      <div class="pop"><%= image_tag("image2.jpg",size: "200x200") %></div>
+      <div class="pop"><%= image_tag("image2.jpg",size: "200x200", class: '') %></div>


Class rỗng để làm gì? Nếu không có class thì không cần chỉ định gì cả

xuanchien · 2018-09-10T01:47:16Z

app/views/layouts/_header.html.erb

        <% else %>
-          <li><%= link_to "Log in", new_user_session_path %></li>
+        <li><%= link_to "Log in", new_user_session_path %></li>


Chưa dùng i18n

xuanchien · 2018-09-10T01:48:37Z

app/views/photos/_photo.html.erb

      <div class="post-data">
        <%= image_tag("image2.jpg", class: 'avatar') %>
-        <a href="#" class="post-catagory"><%= User.find(photo.user_id).fullname %></a>
+        <h5 class="post-name text-primary" ><%= User.find(photo.user_id).fullname %></h5>


Không được dùng User.find như thế này trong view, cần dùng association

xuanchien · 2018-09-10T01:48:58Z

app/views/photos/_photo.html.erb

        </div>
+        <span class="post-like glyphicon glyphicon-heart"></span>
+        <span class="number-like">123</span>
+        <span class="post-date"><%= Time.zone.at(photo.created_at).strftime("%I:%M %p %m/%d/%Y") %></span>


Đưa hàm format này vào 1 helper, chỗ khác cũng dùng lại được. Khi cần format thì chỉ cần gọi như sau

<%= format_time(photo.created_at) %>

xuanchien · 2018-09-10T01:50:22Z

app/views/photos/_photo.html.erb

  </div>
+  <% if index == 1 %>


Logic khúc này nữa là sao? Tại sao nếu index là 1 thì sẽ có các thẻ div như vậy?

xuanchien · 2018-09-10T01:51:07Z

app/views/photos/my_photos.html.erb

+        <% end %>
+      </div>
+    </div>
+    <% if index == 3 %>


Logic này để làm gì?

xuanchien · 2018-09-10T10:19:13Z

app/controllers/albums_controller.rb


  def index
-    @albums = Album.page params[:page]
+    @albums = Album.album_public.order_by_created_at.page params[:page]


scope trong album thì không cần prefix 'album_' nữa

xuanchien · 2018-09-10T10:24:17Z

app/controllers/albums_controller.rb

+
+  def destroy
+    @album.destroy
+    flash[:success] = "deleted success !"


Chưa có i18n cho message

xuanchien · 2018-09-10T10:25:09Z

app/models/photo.rb

+  validates :title, length: { maximum: 140 }, presence: true, if: :check_album_id?
+  validates :description, length: { maximum: 300 }, presence: true, if: :check_album_id?
+  scope :order_by_created_at, -> { order(created_at: :desc) }
+  scope :photo_public, -> { where(share_mode: true) }


Không cần để tiền tố là photo_ trong scope này, chỉ cần để public là được

xuanchien · 2018-09-10T10:25:25Z

app/models/album.rb

+  validates :title, length: { maximum: 140 }, presence: true
+  validates :description, length: { maximum: 300 }, presence: true
+  scope :order_by_created_at, -> { order(created_at: :desc) }
+  scope :album_public, -> { where(share_mode: true) }


Không cần để album_ trong scope này

xuanchien · 2018-09-10T10:26:17Z

app/models/photo.rb

+  scope :order_by_created_at, -> { order(created_at: :desc) }
+  scope :photo_public, -> { where(share_mode: true) }
+
+  def check_album_id?


Nên đặt tên hàm là no_album? hoặc album_is_empty?

xuanchien · 2018-09-10T10:27:25Z

app/views/albums/my_albums.html.erb

+      <div class="thumbnail">
+        <% if album.photos.present? %>
+          <% album.photos.order_by_created_at.each_with_index do |image, index| %>
+            <% break if index == 3 %>


Mục đích đoạn if này là gì?

số 3 này là em mún cho cái album chỉ show tối đa 3 ảnh trong cái album có số ảnh phía trong ấy a
để e đặt lại biến constant

xuanchien · 2018-09-10T10:28:18Z

app/views/devise/registrations/new.html.erb

+      </div>
+      <div class="form-group">
+        <%= f.label :last_name %>
+        <%= f.text_field :last_name, autofocus: true, placeholder: t('.last_name'), class: 'form-control' %>


Dư autofocus

xuanchien · 2018-09-10T10:28:26Z

app/views/devise/registrations/new.html.erb

+      </div>
+      <div class="form-group">
+        <%= f.label :email %>
+        <%= f.email_field :email, autofocus: true, placeholder: t('.email'), class: 'form-control' %>


Dư autofocus

xuanchien · 2018-09-11T03:20:50Z

app/views/layouts/_header.html.erb

+          </ul>
+        </li>
+        <li>
+          <%= link_to t('logout'), destroy_user_session_path, method: :delete %>


Nên dùng lazy lookup thay vì đặt key logout ở level 1 như trong file locales.

có mấy cái chung em hay dùng em để ở mục ngoài cùng không biết đc không anh

Cũng được nếu như em đã hiểu khi nào cần lazy lookup, khi nào không

xuanchien · 2018-09-11T03:21:00Z

app/views/layouts/_header.html.erb

        <% else %>
-          <li><%= link_to "Log in", new_user_session_path %></li>
+        <li><%= link_to t('login'), new_user_session_path %></li>


Nên dùng lazy lookup thay vì đặt key login ở level 1 như trong file locales.

xuanchien · 2018-09-11T03:22:46Z

app/views/layouts/_head_include.html.erb

@@ -1,3 +1,4 @@
 <%= csrf_meta_tags %>
+<meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>


A có xem lại thì thẻ sẽ không cần thẻ đóng, em remove thẻ đóng đi

xuanchien · 2018-09-11T03:23:57Z

app/views/devise/registrations/edit.html.erb

+        <%= f.password_field :password_confirmation, autocomplete: "off", class: 'form-control'  %>
+      </div>
+      <div class="form-group">
+        <%= f.label :current_password %> <i>(we need your current password to confirm your changes)</i><br />


Chưa dùng i18n

xuanchien · 2018-09-11T03:24:02Z

app/views/devise/registrations/edit.html.erb

+      <div class="form-group">
+        <%= f.label :password_confirmation %>
+        <% if @minimum_password_length %>
+          <em>(<%= @minimum_password_length %> characters minimum)  </em>


Chưa dùng i18n

xuanchien · 2018-09-11T03:24:10Z

app/views/devise/registrations/edit.html.erb

+        <% end %>
+      </div>
+      <div class="form-group">
+        <%= f.label :password %> <i>(leave blank if you don't want to change it)</i><br />


Chưa dùng i18n

xuanchien · 2018-09-11T03:24:17Z

app/views/devise/registrations/edit.html.erb

+      </div>
+      <div class="form-group">
+        <% if devise_mapping.confirmable? && resource.pending_reconfirmation? %>
+          <div>Currently waiting confirmation for: <%= resource.unconfirmed_email %></div>


Chưa dùng i18n

xuanchien · 2018-09-11T03:26:13Z

app/models/album.rb

+
+  def update_images
+    self.photos.delete_all
+    @images.each do |image|


Nên gọi hàm create_images bên trong này thay vì viết lại logic tạo images

buitoancnth added 12 commits September 5, 2018 08:58

upload-image

e520858

config

b5d6d5d

config

268e96b

git config

a52b885

test deploy

b20d769

config database

bb90a32

config

5c8a384

config database

524350f

fix

04d2268

fix bug

7b9fdbf

upload image with paperclip

d03cefc

amend alignment

6ccd222

xuanchien suggested changes Sep 6, 2018

View reviewed changes

amend for comment on github

f25363e

xuanchien suggested changes Sep 6, 2018

View reviewed changes

buitoancnth added 4 commits September 7, 2018 10:58

upgrade layout and add i18n

4ce622b

upgrade

d76bf83

upgrade

6049a68

upload image with preview

0804a39

xuanchien suggested changes Sep 7, 2018

View reviewed changes

buitoancnth added 9 commits September 7, 2018 22:28

fix comment on github

90623bf

show-update-delete Photo

d46c966

fix file seed

958f659

add

b3bb134

fix

32c6ced

fix

f85149b

fix photo

50f4806

finish - photo

6403c56

fix

8f12d17

xuanchien suggested changes Sep 10, 2018

View reviewed changes

fix comment log

3172f2b

xuanchien suggested changes Sep 10, 2018

View reviewed changes

buitoancnth added 6 commits September 10, 2018 21:10

amend

74261cf

fix

240c556

fix

57b88fb

add fix

46f2b4d

amend

f714347

custom view for flash and user can view feeds layout

8f01e06

xuanchien suggested changes Sep 11, 2018

View reviewed changes

buitoancnth merged commit 9800326 into master Sep 12, 2018

		@@ -1,30 +1,31 @@
		class SessionsController < Devise::SessionsController
		class SessionsController < Devise::SessionsController

		@@ -1,3 +1,5 @@
		<%= button_to "Add Photo", { action: "new" }, method: :get, class: 'btn-primary upload' %>

		@@ -0,0 +1,8 @@
		<%= link_to new_album_path do %>
		<button type="button" class="btn btn-primary">Add Album</button>

		@@ -1,3 +1,7 @@
		<%= link_to new_photo_path do %>
		<button type="button" class="btn btn-primary">Add Photo</button>

		@@ -1,3 +1,4 @@
		<%= csrf_meta_tags %>
		<meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>

Upload image with paperclip and usage postgres database #5

Upload image with paperclip and usage postgres database #5

Conversation

buitoancnth commented Sep 6, 2018

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

buitoancnth Sep 6, 2018 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

xuanchien Sep 10, 2018 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

buitoancnth Sep 6, 2018 •

edited

Loading

xuanchien Sep 10, 2018 •

edited

Loading