One Hat Cyber Team

Edit File: chat_room_loop_small.html

{% for chat_room in chat_rooms %}

<div class="card mb-3 sml mt-1">
            <div class="row no-gutters">
                <div class="col-md-4">
                    <style media="screen">
                        {% if chat_room.cover_image %}
                            .card-sml-{{chat_room.id}} {
                                background-image: url('{{MEDIA_URL}}/chatrooms/{{chat_room.cover_image}}');
                            }
                        {% else %}
                            .card-sml-{{chat_room.id}} {
                                background-image: url('{{STATIC_URL}}/img/group.png');
                            }
                        {% endif %}
                    </style>
                    <div class="card-sml card-sml-{{chat_room.id}}"></div>
                </div>
                <div class="col-md-8">
                    <div class="card-header">
                        <h5 class="card-title">{{ chat_room.name }}
                            {% if chat_room.is_protected %}
                                <i data-toggle="tooltip" data-placement="top" title="{{_('Password Protected Chat Room')}}" class="fas fa-user-lock"></i>
                            {% endif %}
                            {% if not chat_room.is_visible %}
                                <i data-toggle="tooltip" data-placement="top" title="{{_('Hidden Chat Room')}}" class="fas fa-eye-slash"></i>
                            {% endif %}
                            {% if USER %}
                            {% if USER.user_type == 1 or (USER.user_type == 4 and USER.user_type in chat_room.allowed_users) or USER.id == chat_room.created_by %}
                                {% if chat_room.status == 2 %}
                                    <i data-toggle="tooltip" data-placement="top" title="{{_('Inactive Chat Room')}}" class="fas fa-trash-alt"></i>
                                {% endif %}
                                | <a href="javascript:void(0)" data-toggle="tooltip" data-placement="top" title="{{_('Edit Chat Room')}}" class="edit-chatroom" data-edit-id="{{ chat_room.id }}" ><i class="fas fa-edit"></i></a></h3>
                            {% endif %}
                            {% endif %}
                        </h5>
                    </div>
                    <div class="card-body">
                        {% if chat_room.description %}
                            <p class="card-text" data-toggle="tooltip" data-placement="top" title="{{ chat_room.description }}">
                                {{ chat_room.description }}
                            </p>
                        {% else %}
                            <p class="card-text" data-toggle="tooltip" data-placement="top" title="Join with {{ chat_room.name }} chat room at {{SETTINGS.site_name}}.
                                {% if chat_room.is_visible %}
                                    {% if chat_room.is_protected %}
                                        {{ chat_room.name }} is password protected chat room. You need {{ chat_room.name }} password to log in to the chat room.
                                    {% else %}
                                        {{ chat_room.name }} is public chat room. Everyone on {{SETTINGS.site_name}} will be able to join.
                                    {% endif %}
                                {% else %}
                                    {{ chat_room.name }} is private chat room. Only people with the invite link will be able to join.
                                    {% if chat_room.is_protected %}
                                        {{ chat_room.name }} is password protected chat room. You need {{ chat_room.name }} password to log in to the chat room.
                                    {% endif %}
                                {% endif %}">
                                Join with {{ chat_room.name }} chat room at {{SETTINGS.site_name}}.
                                {% if chat_room.is_visible %}
                                    {% if chat_room.is_protected %}
                                        {{ chat_room.name }} is password protected chat room. You need {{ chat_room.name }} password to log in to the chat room.
                                    {% else %}
                                        {{ chat_room.name }} is public chat room. Everyone on {{SETTINGS.site_name}} will be able to join.
                                    {% endif %}
                                {% else %}
                                    {{ chat_room.name }} is private chat room. Only people with the invite link will be able to join.
                                    {% if chat_room.is_protected %}
                                        {{ chat_room.name }} is password protected chat room. You need {{ chat_room.name }} password to log in to the chat room.
                                    {% endif %}
                                {% endif %}
                            </p>
                        {% endif %}
                    </div>
                    <div class="card-footer">
                        <div class="row align-items-end">
                            <div class="col-5">
                                <div class="number">{{chat_room.users_count}}</div>
                                <h3 class="number-title">{{_("Joiners")}}</h3>
                            </div>
                            <div class="col-7">
                                <div class="buttons-wrap">
                                    <div class="join-wrap">
                                    {% if page %}
                                        <a target="_parent" href="{{ url_for_embedded(page, {'query': chat_room.slug}) }}" class="join">{{_("Join Chat")}}
                                            {% if chat_room.is_protected %}
                                                <i class="fas fa-lock"></i>
                                            {% endif %}
                                        </a>
                                    {% else %}    
                                        <a href="{{  url('chat-room', {'chatroomslug':chat_room.slug}) }}" class="join">{{_("Join Chat")}}
                                            {% if chat_room.is_protected %}
                                                <i class="fas fa-lock"></i>
                                            {% endif %}
                                        </a>
                                    {% endif %}
                                    
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endfor %}