zulip/templates/zerver/left_sidebar.html

<div class="left-sidebar" id="left-sidebar">
    <div class="bottom_sidebar">
        <ul id="global_filters" class="filters">
            {# Special-case this link so we don't actually go to page top. #}
            <li data-name="home" class="global-filter active-filter home-link">
                <a href="#">
                    <span class="filter-icon">
                        <i class="icon-vector-home"></i>
                    </span>
                    {{ _('Home') }}
                    <span class="count">
                        <span class="value"></span>
                    </span>
                </a>
            </li>
            <li data-name="private" class="global-filter">
                <a href="#narrow/is/private">
                    <span class="filter-icon">
                        <i class="icon-vector-envelope"></i>
                    </span>
                    <span>{{ _('Private messages') }}</span>
                    <span class="count">
                        <span class="value"></span>
                    </span>
                </a>
            </li>
            <li data-name="starred" class="global-filter">
                <a href="#narrow/is/starred">
                    <span class="filter-icon">
                        <i class="icon-vector-star"></i>
                    </span>
                    {{ _('Starred messages') }}
                </a>
            </li>
            <li data-name="mentioned" class="global-filter">
                <a href="#narrow/is/mentioned">
                    <span class="filter-icon">
                        <i class="fa fa-at"></i>
                    </span>
                    {{ _('Mentions') }}
                    <span class="count">
                        <span class="value"></span>
                    </span>
                </a>
            </li>
        </ul>
        <div id="streams_list" class="zoom-out">
            <div id="streams_header" class="zoom-in-hide"><h4 class="sidebar-title" data-toggle="tooltip" title="{{ _('Subscribed streams') }}"><a href="">{{ _('STREAMS') }}</a></h4>
                <a href="#streams">
                    <i id="streams_inline_cog" class='icon-vector-cog' data-toggle="tooltip" title="{{ _('Subscribe, add, or configure streams') }}"></i>
                </a>
                <a href=""><i id='streams_filter_icon' class='icon-vector-search' data-toggle="tooltip" title="{{ _('Filter streams list') }}"></i></a>
                <a href="" id="join_unsub_stream">
                    <i class="icon-vector-plus" title="{{ _('Join stream')}}" data-toggle="tooltip"></i>
                </a>
            </div>
            <div id="topics_header">
                <div class="all-streams-padding">
                    <ul class="filters">
                        <li data-name="all-streams">
                            <a href="" class="show-all-streams"> <i class="icon-vector-chevron-left"></i>{{ _('All streams') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="stream-filters-container" class="scrolling_list">
                <div class="input-append notdisplayed">
                    <input class="stream-list-filter" type="text" placeholder="{{ _('Search streams') }}" />
                    <button type="button" class="btn clear_search_button" id="clear_search_stream_button" disabled="disabled">
                        <i class="icon-vector-remove"></i>
                    </button>
                </div>
                <ul id="stream_filters" class="filters"></ul>
            </div>
        </div>
        <div id="share-the-love">
            <div id="share-the-love-expand-collapse">
                <i class="toggle icon-vector-caret-right"></i><div id="sharethelove-header"><h4 class="sidebar-title">{{ _('SHARE THE LOVE') }}<span class="still-have-invites"> (<span class="invite-count">0</span>)</span></h4></div>
            </div>
            <div id="share-the-love-contents">
                <div id="tell-a-friend-success" class="alert alert-success">
                    {% trans %}<strong>Thanks!</strong> A hand-crafted, artisanal invite is on the way.{% endtrans %}
                </div>
                <div class="still-have-invites" id="encouraging-invite-message">
                    <p>
                        {{ _("Know someone who would love Zulip for their company or group? Invite 'em!") }}
                    </p>
                </div>
                <div class="no-more-invites">
                    <p>
                        {% trans %}
                        We'll have more invites for
                        you soon, but for now, enjoy
                        this <a target="_blank"
                                 href="http://www.youtube.com/watch?v=PW71En5Pa5s#t=2m01s">song
                                 that expresses how we feel when you're
                        logged out</a>.
                        {% endtrans %}
                    </p>
                </div>
                <div class="still-have-invites">
                    {#  Many of these values are set by the initialization code in referral.js  #}
                    <form id="referral-form">
                        <input class="input-block-level required" type="email" name="email" />
                        <label for="email" generated="true" class="text-error"></label>
                    </form>
                </div>
                <div class="invite-count-area">
                    <span id="invite-hearts"></span>
                    <small class="pull-right"><span class="invite-count">0 {{ _('invites remaining') }}</span></small>
                </div>
            </div>
        </div>
    </div>
</div>