編集履歴

質問編集履歴

書式の改善

2020/07/29 21:05

投稿

kazuyat

スコア12

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -29,9 +29,7 @@
 .main-header__left-box__member-list__lists
   =link_to users_path class: "lists" do
     =icon("far", "user")
-    .main-header__left-box__member-list__lists__member
-      - @group.users.each do |user|
-        =user.name
 ```
 views > users > index.html.haml
 ```

画像の表示エラー

2020/07/29 21:05

投稿

kazuyat

スコア12

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -96,9 +96,12 @@
 ### 画像
+（1）
-（1）![イメージ説明](07e4517c4b39baf67812c2f3ef9e204d.png)
+![イメージ説明](07e4517c4b39baf67812c2f3ef9e204d.png)
+（2）
-（2）![イメージ説明](2a4b96e448a197496eadd021fe6c0b21.png)
+![イメージ説明](2a4b96e448a197496eadd021fe6c0b21.png)
+（3）
-（3）![イメージ説明](aa180bd689a0ad5ba25ee04bf0ddad5d.png)
+![イメージ説明](aa180bd689a0ad5ba25ee04bf0ddad5d.png)

質問をもっと自分なりにわかりやすく改善しました。

2020/07/29 20:45

投稿

kazuyat

スコア12

title CHANGED Viewed

	@@ -1,1 +1,1 @@
1	- ユーザー一覧の表示~~・エラー内容~~
1	+ グループに登録したユーザー一覧を表示する

body CHANGED Viewed

@@ -1,118 +1,78 @@
 ### 前提・実現したいこと
 ここに質問の内容を詳しく書いてください。
-チャットアプリを作成していまして、ユーザー一覧を作ろうかと思いコードを書いていた所、エラーが出てきてしまいその理由がわかりません。お願いします。
+チャットアプリを作成していまして、グループに登録した人だけのユーザー一覧を作ろうかと思いコードを書いていた状態です。
-### 発生している問題・エラーメッセージ
+アイコンをクリックしたら{下記画像（1）}、別ページでグループ一覧に飛び（下記画像（2））　グループの登録したユーザーが見れるようにしたいと思っています。
-```error
-SyntaxError in MessagesController#index
+それと、どうしたら（下記画像（2））の背景画像などを書き加えることができますか。
-/Users/Desktop/app/views/messages/_main_chat.html.haml:47: syntax error, unexpected keyword_ensure, expecting end-of-input ensure ^~~~~~
-Extracted source (around line #47):
+例えば、国というグループがあり、国というグループ内にいるユーザーが、「太郎,平和」になるように表示したい。
-45      = f.submit '送信', class: 'submit-btn'
-Application Trace | Framework Trace | Full Trace
-app/views/messages/_main_chat.html.haml:47: syntax error, unexpected keyword_ensure, expecting end-of-input
-app/views/messages/index.html.haml:3:in `_app_views_messages_index_html_haml___4456441950543772533_70326727322400'
-Request
-Parameters:
-{"group_id"=>"1"}
-Toggle session dump
-Toggle env dump
-Response
-Headers:
-None
-```
-### 該当のソースコード
+### 実装コード
-_main_chat.html.haml
+views > messages > _main_chat.html.haml
 ```haml
- .chat-main
+.chat-main
   .main-header
     .main-header__left-box
       .main-header__left-box__current-group
         = @group.name
       .main-header__left-box__member-list
-        - @user.each do |user|
-          =user.name
-            =icon("far", "user")
+        = render partial: 'list'
-        .main-header__left-box__member-list__member
-          - @group.users.each do |user|
-            =user.name
-  .messages
-    = render @messages
-  .form
-    = form_for [@group, @message] do |f|
-      .form__input
-        = f.text_field :content, class: 'form__input--text', placeholder: 'メッセージを入力してください'
-        .input-box
-          = f.label :image, class: 'input-box__image' do
-            = icon('far', 'image', class: 'icon')
-            = f.file_field :image, class: 'input-box__image__file'
-        = f.submit '送信', class: 'submit-btn'
 ```
-messages_controller.rb
-```ruby
- class MessagesController < ApplicationController
-  before_action :set_group
-  def index
-    @message = Message.new
+views > messages > _list.html.haml
+```
+.main-header__left-box__member-list__lists
+  =link_to users_path class: "lists" do
+    =icon("far", "user")
+    .main-header__left-box__member-list__lists__member
-    @messages = @group.messages.includes(:user)
+      - @group.users.each do |user|
+        =user.name
-  end
+```
+views > users > index.html.haml
+```
+.users-lists
+  .users-lists__list
+    %link(rel="stylesheet" href="users/_lists.scss")
+    = "グループメンバー 一覧"
+  .users-lists.clearfix.chat-member
+    %p.users-lists-user__name= current_user.name
+```
-  def create
-    @message = @group.messages.new(message_params)
-    if @message.save
-      respond_to do |format|
+users_controller.rb
-        format.json
-      end
-    else
-      @messages = @group.messages.includes(:user)
-      flash.now[:alert] = 'メッセージを入力してください。'
-      render :index
-    end
-  end
-  private
-  def message_params
-    params.require(:message).permit(:content, :image).merge(user_id: current_user.id)
-  end
-  def set_group
-    @group = Group.find(params[:group_id])
-  end
-end
 ```
-users_controller.rb
-```ruby
 class UsersController < ApplicationController
   def index
+    @users = User.all
     return nil if params[:keyword] == ""
     @users = User.where(['name LIKE ?', "%#{params[:keyword]}%"] ).where.not(id: current_user.id).limit(10)
     respond_to do |format|
       format.html
       format.json
     end
-    @users = User.all
   end
+  def show
+  end
+  def new
+  @user = User.new
+  end
   def edit
   end
+  def create
+    @user = User.new(user_params)
+    @user.save
+    redirect_to @user
+  end
   def update
     if current_user.update(user_params)
       redirect_to root_path
@@ -121,37 +81,30 @@
     end
   end
+  def destroy
+  end
   private
   def user_params
     params.require(:user).permit(:name, :email)
   end
 end
 ```
-confing/routes.rb
-```ruby
-root 'groups#index'
-  resources :users, only: [:index, :edit, :update]
-  resources :groups, only: [:new, :create, :edit, :update] do
-    resources :messages, only: [:index, :create]
-    namespace :api do
-      resources :messages, only: :index, defaults: { format: 'json' }
-    end
-  end
-end
-```
-### 試したこと
+### 画像
+（1）![イメージ説明](07e4517c4b39baf67812c2f3ef9e204d.png)
-_main_chat.html.haml内の.formクラス内にある。= form_for [@group, @message] do |f|　の位置を変えてあげたがなんの変化もなし。
+（2）![イメージ説明](2a4b96e448a197496eadd021fe6c0b21.png)
+（3）![イメージ説明](aa180bd689a0ad5ba25ee04bf0ddad5d.png)
 ### 補足情報（FW/ツールのバージョンなど）
 haml (5.1.2)
-haml-rails (1.0.0)
 rails (5.0.7.2)
 jbuilder (2.10.0)