const createMessageDiv = (messageId, message) => {
// HTML内のテンプレートからコピーを作成
let divTag = null;
if (message.uid === currentUID) {
// 送信メッセージ
divTag = $('.message-template .message--sent').clone();
} else {
// 受信メッセージ
divTag = $('.message-template .message--received').clone();
}
const user = dbdata.users[message.uid];
// ユーザが存在する場合
if (user) {
// 投稿者ニックネーム
divTag
.find('.message__user-name')
.addClass(nickname-${message.uid}
)
.text(user.nickname);
// 投稿者プロフィール画像
divTag.find('.message__user-image').addClass(profile-image-${message.uid}
);
if (user.profileImageURL) {
// プロフィール画像のURLを取得済みの場合
divTag.find('.message__user-image').attr({
src: user.profileImageURL,
});
}
}
// メッセージ本文
divTag.find('.message__text').text(message.text);
// 投稿日
divTag.find('.message__time').html(formatDate(new Date(message.time)));
// id属性をセット
divTag.attr('id', message-id-${messageId}
);
const mfl = divTag.find('.message__favorite-link');
mfl.on(
'click',
{
messageId,
message,
},
toggleFavorite,
);
// TODO: お気に入りONのとき、お気に入りリンクのアイコンを 塗りつぶしあり(fa-star) に設定する
if (dbdata.favorites && dbdata.favorites[messageId]) {
mfl.divTag.find('i').removeClass('fa-star-o');
mfl.divTag.find('i').addClass('fa-star');
}
return divTag; };
HTMLドキュメントに挿入する前の物を作っているところです。間違っている箇所は
TODO: お気に入りONのとき、お気に入りリンクのアイコンを 塗りつぶしあり(fa-star) に設定する と思ってますがどこが間違ってるか分からなく困っています。
よろしくお願いいたします
あなたの回答
tips
プレビュー