채팅 답장에 인용 블록(blockquote) 스타일을 만들고 있는데, 채팅 메시지에는 잘 작동하지만 chat-composer-message-details.hbs에는 적용이 안 됩니다.
다음은 chat-composer-message-details.hbs입니다:
<div class="chat-composer-message-details">
<div class="tc-reply-display">
{{d-icon icon}}
{{chat-user-avatar user=message.user}}
<span class="tc-reply-username">{{message.user.username}}</span>
<span class="tc-reply-msg">{{replace-emoji message.excerpt}}</span>
</div>
{{flat-button
action=action
class="cancel-message-action"
icon="times-circle"
title=title
}}
</div>
템플릿을 오버라이드하여 다음 코드를 추가하려고 시도하고 있습니다:
<span class="tc-reply-msg">
{{#if message.uploads.length}}
<span class="tc-reply-uploads-icon">
{{d-icon "camera"}}
</span>
{{/if}}
{{#if message.cooked}}
{{replace-emoji message.cooked}}
{{else}}
Photo
{{/if}}
</span>
하지만 답장하려는 메시지에 텍스트나 업로드 파일이 있어도 message.cooked도 message.uploads.length도 값을 찾지 못하는 것 같습니다. message.cooked 대신 message.excerpt를 사용하면 텍스트가 표시되긴 하지만, 발췌문(excerpt)만 표시될 뿐 전체 텍스트를 보고 싶습니다.
JSON 객체를 디버깅하는 방법을 모르겠습니다. {{message}}를 넣으면 그냥 [object Object]만 표시됩니다.
무슨 일이 일어나고 있는지, 또는 어떻게 더 잘 디버깅할 수 있는지 아이디어가 있을까요?