simple-chat/window.html at master · cesarve77/simple-chat · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<template name="SimpleChatWindow">
    <div class="box-body chat-scroll simple-chat">
        <!-- Conversations are loaded here -->
        <div class="direct-chat-messages" style="height: {{height}};">
            <div class="scroll-height">
                {{#unless Template.subscriptionsReady}}
                    <div class="" style="height: 34px; width: 64px; margin: auto">
                        {{>spinner}}
                    </div>
                {{else}}
                    {{#if hasMore }}
                        {{> Template.dynamic template=loadMoreTemplate}}
                    {{/if}}
                {{/unless}}
                <!-- Message. Default to the left -->
                {{#each simpleChats}}
                    {{#if message}}
                        <div class="direct-chat-msg {{#if me}}right{{/if}} {{#unless viewedMe}}notViewed{{/unless}}" id="{{_id}}">
                            <div class="direct-chat-info clearfix">
                                <span class="direct-chat-name pull-left">{{name}}</span>
                                <span class="direct-chat-timestamp pull-right">{{formatDate date}}</span>
                            </div>
                            <!-- /.direct-chat-info -->
                            {{#if avatar}}
                                <img class="direct-chat-img" src="{{avatar}}" alt="message user image"><!-- /.direct-chat-img -->{{/if}}
                            <div class="direct-chat-text" style="{{#unless avatar}}margin: 5px 0 0 0px{{/unless}}">
                                {{{message}}}
                                {{#if me}}
                                    <div class="direct-chat-checks">
                                        {{#if sent}}
                                            {{#if showReceived }}
                                                <i class="icon-check {{#if viewedAll}}chat-viewed{{/if}}"></i>
                                                {{#if receivedAll}}
                                                    <i class="icon-check {{#if viewedAll}}chat-viewed{{/if}}"></i>
                                                {{/if}}
                                            {{/if}}
                                        {{else}}
                                            <i class="icon-clock"></i>
                                        {{/if}}
                                    </div>
                                {{/if}}
                            </div>
                            <!-- /.direct-chat-text -->
                        </div>
                    {{else}}
                        <div class="direct-chat-msg join" id="{{_id}}">
                            {{#if avatar}}
                                <img class="direct-chat-img" src="{{avatar}}" alt="message user image"><!-- /.direct-chat-img -->{{/if}}
                            <div class="direct-chat-info clearfix">
                                <span class="direct-chat-name pull-left">
                                    {{name}}
                                    {{#if join}}{{join}}
                                    {{else}}{{left}}
                                    {{/if}}
                                    {{room}}
                                    {{formatDate date}}</span>
                            </div>
                        </div>
                    {{/if}}
                    <!-- /.dir-->
                {{/each}}
            </div>
        </div>
        <!--/.direct-chat-messages-->
    </div>
    <!-- /.box-body -->
    <div class="box-footer simple-chat">
        {{> Template.dynamic template=inputTemplate}}
    </div>
    <!-- /.box-footer-->
</template>