Файл: sngine-v2.8/Script/content/themes/default/templates/messages.tpl
Строк: 139
{include file='_head.tpl'}
{include file='_header.tpl'}
<!-- page
content -->
<div class="container mt20 offcanvas">
<div class="row">
<!-- threads -->
<div class="col-md-4 col-lg-3 offcanvas-sidebar">
<div class="card">
<div
class="card-header with-icon bg-transparent">
<div class="float-right">
<a class="js_chat-new"
href="{$system['system_url']}/messages/new">
<i class="fa fa-edit fa-lg"></i>
</a>
</div>
{__("Messenger")}
</div>
<div class="card-body ptb10 plr0
js_live-messages-alt">
<div
class="js_scroller"
data-slimScroll-height="490px">
{if
$user->_data['conversations']}
<ul>
{foreach $user->_data['conversations'] as
$_conversation}
{include
file='__feeds_conversation.tpl' conversation=$_conversation}
{/foreach}
</ul>
{if count($user->_data['conversations']) >=
$system['max_results']}
<!-- see-more
-->
<div class="alert
alert-post see-more small mlr5 js_see-more"
data-get="conversations">
<span>{__("Load Older Threads")}</span>
<div class="loader loader_small
x-hidden"></div>
</div>
<!-- see-more -->
{/if}
{/if}
</div>
</div>
</div>
</div>
<!-- threads -->
<!--
conversation -->
<div class="col-md-8 col-lg-9
offcanvas-mainbar js_conversation-container">
{if
$view == "new"}
<div class="card
panel-messages fresh">
<div
class="card-header with-icon bg-transparent">
{__("New Message")}
</div>
<div class="card-body">
<div class="chat-conversations js_scroller"
data-slimScroll-height="440px"></div>
<div class="chat-to clearfix js_autocomplete-tags">
<div
class="to">{__("To")}:</div>
<ul class="tags">
{if $recipient}
<li
data-uid="{$recipient['user_id']}">{$recipient['user_fullname']}<button
type="button" class="close js_tag-remove"
title="{__("Remove")}"><span>×</span></button></li>
{/if}
</ul>
<div
class="typeahead">
<input
type="text" size="1" autofocus>
</div>
</div>
<div class="chat-voice-notes">
<div class="voice-recording-wrapper"
data-handle="chat">
<!--
processing message -->
<div
class="x-hidden js_voice-processing-message">
{include file='__svg_icons.tpl' icon="upload"
class="mr5" width="16px" height="16px"}
{__("Processing")}<span
class="loading-dots"></span>
</div>
<!-- processing
message -->
<!-- success message
-->
<div class="x-hidden
js_voice-success-message">
{include file='__svg_icons.tpl' icon="checkmark"
class="mr5" width="16px" height="16px"}
{__("Voice note recorded
successfully")}
<div
class="float-right">
<button type="button" class="close
js_voice-remove">
<span>×</span>
</button>
</div>
</div>
<!-- success message -->
<!--
start recording -->
<div
class="btn-voice-start js_voice-start">
<i class="fas fa-microphone
mr5"></i>{__("Record")}
</div>
<!-- start recording
-->
<!-- stop recording -->
<div class="btn-voice-stop
js_voice-stop" style="display: none">
<i class="far fa-stop-circle
mr5"></i>{__("Recording")} <span
class="js_voice-timer">00:00</span>
</div>
<!-- stop
recording -->
</div>
</div>
<div
class="chat-attachments attachments clearfix x-hidden">
<ul>
<li
class="loading">
<div
class="progress x-progress"><div
class="progress-bar" role="progressbar"
aria-valuenow="0" aria-valuemin="0"
aria-valuemax="100"></div></div>
</li>
</ul>
</div>
<div
class="x-form chat-form">
<div
class="chat-form-message">
<textarea class="js_autosize js_post-message"
dir="auto" rows="1" placeholder='{__("Write a
message")}'></textarea>
</div>
<ul class="x-form-tools
clearfix">
{if
$system['chat_photos_enabled']}
<li
class="x-form-tools-attach">
<i class="far fa-image fa-lg fa-fw js_x-uploader"
data-handle="chat"></i>
</li>
{/if}
{if $system['voice_notes_chat_enabled']}
<li class="x-form-tools-voice
js_chat-voice-notes-toggle">
<i class="fas fa-microphone fa-lg fa-fw"></i>
</li>
{/if}
<li
class="x-form-tools-emoji js_emoji-menu-toggle">
<i class="far fa-smile-wink fa-lg
fa-fw"></i>
</li>
<li class="x-form-tools-post
js_post-message">
<i
class="far fa-paper-plane fa-lg fa-fw"></i>
</li>
</ul>
</div>
</div>
</div>
{else}
{if
$conversation}
{include
file='ajax.chat.conversation.tpl'}
{else}
<div class="card card-messages" style="padding-top:
60px;">
<div class="card-body
text-center text-muted" style="min-height: 510px;">
<img width="25%"
src="{$system['system_url']}/content/themes/{$system['theme']}/images/no_results.png">
<p class="mt10
mb0"><strong>{__("No Conversation
Selected")}</strong></p>
<a class="mt20 btn btn-sm rounded-pill btn-primary
js_chat-new"
href="{$system['system_url']}/messages/new">
<i class="fa fa-edit
mr5"></i>{__("New Message")}
</a>
</div>
</div>
{/if}
{/if}
</div>
<!-- conversation -->
</div>
</div>
<!-- page content -->
{include
file='_footer.tpl'}