質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Haml

Haml(HTML abstraction markup language)は、HTML/XHTMLを効率的に記述するためのマークアップ言語および記法です。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

256閲覧

グループに登録したユーザー一覧を表示する

kazuyat

総合スコア12

Haml

Haml(HTML abstraction markup language)は、HTML/XHTMLを効率的に記述するためのマークアップ言語および記法です。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/07/28 04:47

編集2020/07/29 21:05

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
チャットアプリを作成していまして、グループに登録した人だけのユーザー一覧を作ろうかと思いコードを書いていた状態です。

アイコンをクリックしたら{下記画像(1)}、別ページでグループ一覧に飛び(下記画像(2)) グループの登録したユーザーが見れるようにしたいと思っています。

それと、どうしたら(下記画像(2))の背景画像などを書き加えることができますか。

例えば、国というグループがあり、国というグループ内にいるユーザーが、「太郎,平和」になるように表示したい。

実装コード

views > messages > _main_chat.html.haml

haml

1.chat-main 2 .main-header 3 .main-header__left-box 4 .main-header__left-box__current-group 5 = @group.name 6 .main-header__left-box__member-list 7 = render partial: 'list' 8

views > messages > _list.html.haml

.main-header__left-box__member-list__lists =link_to users_path class: "lists" do =icon("far", "user")

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

users_controller.rb

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 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 else render :edit end end def destroy end private def user_params params.require(:user).permit(:name, :email) end end

画像

(1)
イメージ説明
(2)
イメージ説明
(3)
イメージ説明

補足情報(FW/ツールのバージョンなど)

haml (5.1.2)
rails (5.0.7.2)
jbuilder (2.10.0)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

今出ている情報で答えられる範囲だとこうでしょうか。

usersコントローラ

1def index 2 group = (表示したいグループのレコードを呼び出し。ex)Group.find(params[:id]など) 3 @users = group.users 4end
.users-lists .users-lists__list %link(rel="stylesheet" href="users/_lists.scss") -@users.each do |user| =user.name .users-lists.clearfix.chat-member %p.users-lists-user__name= current_user.name

改行など細かいところは調整してください。

投稿2020/08/05 12:30

編集2020/08/05 12:31
shota-imoto

総合スコア37

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kazuyat

2020/08/08 04:04

ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問