| </button> |
</button> |
| </div> |
</div> |
| </script> |
</script> |
| <script type="text/template" id="avatar-template"> |
<script type="text/template" id="avatar-template"> |
| <img class="avatar" rv-if="model:d/avatar" rv-src="model:d/avatar"> |
<img class="avatar" rv-if="model:d/avatar" rv-src="model:d/avatar"> |
| <div class="avatar" rv-unless="model:d/avatar" rv-text="model:d/handle | first-letter" rv-style="model:bjid | dumb-hash | fn view.getColors"></div> |
<div class="avatar" rv-unless="model:d/avatar" rv-style="model:bjid | dumb-hash | fn view.getColors"> |
|
{ model:d/handle | first-letter } |
|
</div> |
| </script> |
</script> |
| <script type="text/template" id="message-template"> |
<script type="text/template" id="message-template"> |
| <div class="splitter" rv-if="model:d/split"></div> |
<div class="splitter" rv-if="model:d/split"></div> |
| <div class="column avatar-column" rv-class-uk-invisible="model:d/fold"></div> |
<div class="column avatar-column" rv-class-uk-invisible="model:d/fold"></div> |
| <div class="column uk-width-1-1"> |
<div class="column uk-width-1-1"> |
| <div style="padding-top: 4px;" rv-hide="model:d/fold"> |
<div style="padding-top: 4px;" rv-hide="model:d/fold"> |
| <strong rv-text="view.getHandle < model:contact:d/handle model:from"></strong> |
<strong>{ view.getHandle < model:contact:d/handle model:from }</strong> |
| <time class="stamp uk-text-muted" rv-datetime="model:d/mstamp | iso-date" rv-title="model:d/mstamp | format-date 'HH:mm:ss'" rv-text="model:d/mstamp | from-now"></time> |
<time class="stamp uk-text-muted" rv-datetime="model:d/mstamp | iso-date" rv-title="model:d/mstamp | format-date 'HH:mm:ss'"> |
| </div> |
{ model:d/mstamp | from-now } |
| <div rv-data-id="model:id" rv-class="model:cls" rv-text="model:text"></div> |
</time> |
|
</div> |
|
<div rv-data-id="model:id" rv-class="model:cls">{ model:text }</div> |
| </div> |
</div> |
| </script> |
</script> |
| <script type="text/template" id="contact-template"> |
<script type="text/template" id="contact-template"> |
| <div class="column avatar-column"> |
<div class="column avatar-column"> |
| <div class="status-pip" rv-title="model:show" rv-style="model:show | fn view.getPipColor"></div> |
<div class="status-pip" rv-title="model:show" rv-style="model:show | fn view.getPipColor"></div> |
| </div> |
</div> |
| <div class="column uk-width-1-1"> |
<div class="column uk-width-1-1"> |
| <div class="uk-text-bold" rv-text="model:d/handle"></div> |
<div class="uk-text-bold">{ model:d/handle }</div> |
| <div class="uk-text-nowrap"> |
<div class="uk-text-nowrap"> |
| <span rv-text="model:status"></span> |
<span>{ model:status }</span> |
| <span rv-hide="model:type | eq 'self'" rv-text="model:chatstate | only 'composing'"></span> |
<span rv-hide="model:type | eq 'self'">{ model:chatstate | only 'composing' }</span> |
| </div> |
</div> |
| </div> |
</div> |
| <div class="column uk-text-nowrap"> |
<div class="column uk-text-nowrap"> |
| <i class="uk-icon-phone calling-icon" data-wait rv-if="model:d/actions | has 'wait'"></i> |
<i class="uk-icon-phone calling-icon" data-wait rv-if="model:d/actions | has 'wait'"></i> |
| <button type="button" class="uk-button" data-call="av" rv-if="model:d/actions | has 'call'"> |
<button type="button" class="uk-button" data-call="av" rv-if="model:d/actions | has 'call'"> |