編集履歴

質問編集履歴

書式の改善

2020/07/29 21:05

投稿

kazuyat

スコア12

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -60,11 +60,7 @@
     =icon("far", "user")
-    .main-header__left-box__member-list__lists__member
-      - @group.users.each do |user|
-        =user.name
 ```

画像の表示エラー

2020/07/29 21:05

投稿

kazuyat

スコア12

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -194,11 +194,17 @@
 ### 画像
+（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

test CHANGED Viewed

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

test CHANGED Viewed

@@ -4,77 +4,33 @@
 ここに質問の内容を詳しく書いてください。
-チャットアプリを作成していまして、ユーザー一覧を作ろうかと思いコードを書いていた所、エラーが出てきてしまいその理由がわかりません。お願いします。
+チャットアプリを作成していまして、グループに登録した人だけのユーザー一覧を作ろうかと思いコードを書いていた状態です。
-### 発生している問題・エラーメッセージ
-```error
-SyntaxError in MessagesController#index
-/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'
+アイコンをクリックしたら{下記画像（1）}、別ページでグループ一覧に飛び（下記画像（2））　グループの登録したユーザーが見れるようにしたいと思っています。
-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"}
+それと、どうしたら（下記画像（2））の背景画像などを書き加えることができますか。
-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
@@ -86,61 +42,95 @@
       .main-header__left-box__member-list
+        = render partial: 'list'
+```
+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
-        - @user.each do |user|
+      - @group.users.each do |user|
-          =user.name
+        =user.name
-            =icon("far", "user")
-        .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'
-```
+```
+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
+```
-messages_controller.rb
+users_controller.rb
-```ruby
+```
- class MessagesController < ApplicationController
+class UsersController < ApplicationController
-  before_action :set_group
   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
+  end
+  def show
+  end
+  def new
-    @message = Message.new
+  @user = User.new
+  end
-    @messages = @group.messages.includes(:user)
+  def edit
   end
@@ -148,23 +138,25 @@
   def create
-    @message = @group.messages.new(message_params)
+    @user = User.new(user_params)
-    if @message.save
+    @user.save
-      respond_to do |format|
+    redirect_to @user
-        format.json
-      end
+  end
+  def update
+    if current_user.update(user_params)
+      redirect_to root_path
     else
-      @messages = @group.messages.includes(:user)
-      flash.now[:alert] = 'メッセージを入力してください。'
-      render :index
+      render :edit
     end
@@ -172,129 +164,45 @@
+  def destroy
+  end
   private
-  def message_params
+  def user_params
-    params.require(:message).permit(:content, :image).merge(user_id: current_user.id)
+    params.require(:user).permit(:name, :email)
-  end
-  def set_group
-    @group = Group.find(params[:group_id])
   end
 end
-```
+```
-users_controller.rb
-```ruby
-class UsersController < ApplicationController
-  def index
-    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 edit
-  end
-  def update
-    if current_user.update(user_params)
-      redirect_to root_path
-    else
-      render :edit
-    end
-  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)
@@ -306,8 +214,6 @@
 haml (5.1.2)
-haml-rails (1.0.0)
 rails (5.0.7.2)
 jbuilder (2.10.0)