/home/edulekha/studygroup.edulekha.com/ow_plugins/mailbox/views/components/conversation.html
<div class="ow_mailbox_right ow_mailbox_right_loading" id="conversationContainer">

    <div class="ow_mailbox_right_preloading"><div class="ow_mailbox_no_content">{text key="mailbox+conversation_empty"}</div></div>

    <!--<div class="ow_mailbox_no_content">{text key="mailbox+conversation_not_found"}</div>-->

    <div class="ow_mailbox_cap clearfix" id="conversationCapBlock">
        <div class="ow_mailbox_avatar" id="conversationAvatarBlock">
            <div class="ow_avatar">
                <a href="javascript://" id="conversationOpponentProfileUrl"><img style="max-width: 100%;" alt="" src="{$defaultAvatarUrl}" id="conversationOpponentAvatar" /></a>
            </div>
        </div>
        <div class="ow_mailbox_username">
            <span class="ow_mailbox_username_text"><div class="ow_chat_status" id="conversationOpponentProfileStatus"></div><span id="conversationOpponentDisplayname"></span></span>
            <span class="ow_mailbox_switch_to_chat ow_small" id="conversationSwitchToChatBlock"><a class="ow_lbutton" href="javascript://" id="conversationSwitchToChatBtn">{text key="mailbox+switch_to_chat_mode"}</a></span>
            <div class="ow_mailbox_subject_block" id="conversationSubjectBlock">
                <span class="ow_mailbox_subject_text" id="conversationSubject"></span>
            </div>
        </div>
        <div class="ow_mailbox_convers_actions clearfix">
            <a href="javascript://" class="ow_miniic_control" id="conversationSettingsBtn">
                <span></span>
            </a>
            <div class="ow_tooltip  ow_newsfeed_context_tooltip ow_small ow_tooltip_top_right ow_hidden" style="opacity: 1; top: 18px;" id="conversationSettingsBlock">
                <div class="ow_tooltip_tail">
                    <span></span>
                </div>
                <div class="ow_tooltip_body">
                    <ul class="ow_context_action_list ow_border">
                        <li><a href="javascript://" id="conversationMarkUnreadBtn">{text key='mailbox+mark_unread_conversation_title'}</a></li>
                        <li><a href="javascript://" id="conversationDeleteBtn">{text key='mailbox+delete_conversation_title'}</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div class="ow_mailbox_log_wrap">
        <div class="ow_mailbox_date_cap sticky ow_alt2 clearfix" id="conversationMessageGroupStickyBlock" style="display: none;">
            <span class="ow_mailbox_converstion_date ow_remark ow_small ow_left" id="conversationStickyDateCap"></span>
        </div>
        <div class="ow_mailbox_log" id="conversationLog"></div>
    </div>
    {if $isAuthorizedReplyToMessage}
    <!-- Mail mode -->
    <div class="ow_mailbox_form ow_alt2 ow_hidden" id="conversationMessageFormBlock">
        <div class="form_auto_click">
            <div class="ow_mailbox_message_input ow_smallmargin">
                <textarea name="fake_mailbox_message" id="fake_conversationTextarea" placeholder="{text key='mailbox+write_reply'}"></textarea>
                {$mailbox_message}
            </div>
            {if $enableAttachments}
            {*$attachments*}
            <div class="mailboxConversationAttachmentsPreviewContainer">
                <div class="ow_file_attachment_preview clearfix"></div>
            </div>
            {/if}
            <div class="clearfix">
                <span class="ow_attachment_btn"> {decorator name="button" type="submit" id="conversationSendMessageBtn" langLabel="mailbox+add_button"} </span>
                {if $enableAttachments}
                <span class="ow_attachment_icons">
                    <div id="nfa-feed1" class="ow_attachments">
                        <span class="buttons clearfix">
                            <a class="attach" href="javascript://" id="conversationAttachmentsBtn"></a>
                        </span>
                    </div>
                </span>
                {/if}
            </div>
        </div>
    </div>
    {/if}

    {if $isAuthorizedReplyToChatMessage}
    <!-- Chat mode -->
    <div class="ow_chat_message_block ow_hidden" id="conversationChatFormBlock">
        <div class="ow_chat_message" id="dialogMessageFormBlock">
            <span class="ow_attachment_icons">
                <div class="ow_attachments clearfix">
                    <a class="attach" href="javascript://" id="dialogAttachmentsBtn"></a>
                </div>
            </span>
            <textarea id="dialogTextarea" placeholder="{text key='mailbox+text_message_invitation' escape=true}"></textarea>
            <a href="javascript://" class="ow_chat_attach_btn"></a>
        </div>
    </div>
    {/if}

        {if $replyToMessageActionPromotedText != ''}
            <div class="ow_smallmargin ow_anno ow_nocontent">{$replyToMessageActionPromotedText}</div>
        {/if}

    <div class="ow_mailbox_form ow_alt2" id="conversationUserIsUnreachable" style="display:none;">
        <span style="padding: 8px; text-align: center; display: block;" id="conversationUserIsUnreachableText">{text key='mailbox+user_is_unreachable'}</span>
    </div>
</div>

<div id="mailbox_conversation_prototypes" style="display: none;">
    <div class="ow_mailbox_grouped_messages conversationMessageGroup" id="conversationMessageGroupPrototypeBlock">
        <div class="ow_mailbox_date_cap ow_alt2 clearfix">
            <span class="ow_mailbox_converstion_date ow_remark ow_small ow_left" id="conversationMessageGroupDate">#</span>
        </div>
    </div>

    <div class="ow_mailbox_log_message clearfix" id="conversationMessagePrototypeBlock">
        <div class="ow_mailbox_avatar">
            <div class="ow_avatar">
                <a href="javascript://" id="conversationMessageAvatarProfileUrl"><img src="{$defaultAvatarUrl}" alt="" style="max-width: 100%;" id="conversationMessageAvatarUrl"></a>
            </div>
        </div>
        <div class="ow_mailbox_convers_info_body">
            <span class="ow_mailbox_message_date ow_remark" id="conversationMessageDateTime">#</span>
            <div class="ow_mailbox_message_header">
                <a href="javascript://" id="conversationMessageProfile">#</a>
            </div>
            <div class="ow_mailbox_message_content" id="conversationMessageText">#</div>
        </div>
    </div>

    <div class="ow_mailbox_log_action clearfix" id="conversationActionPrototypeBlock">
        <div class="ow_mailbox_avatar">
            <div class="ow_avatar">
                <a href="javascript://" id="conversationActionAvatarProfileUrl"><img src="{$defaultAvatarUrl}" alt="" style="max-width: 100%;" id="conversationActionAvatarUrl"></a>
            </div>
        </div>
        <div class="ow_mailbox_convers_info_body">
            <span class="ow_mailbox_message_date ow_remark" id="conversationActionDateTime">#</span>
            <div class="ow_mailbox_message_header">
                <a href="javascript://" id="conversationActionProfile">#</a><span class="ow_small" id="conversationActionText">#</span>
            </div>
        </div>
    </div>
</div>