tweet.html

<div ng-show="tweet.text" class="media">
    <!-- Each tweet in the tweet stream-->

    <!-- Profile picture-->
    <a class=" profile-pic pull-left" href="#">
        <img class="media-object img-rounded" ng-src="{{ tweet.user.profile_image_url_https }}"
             err-src="assets/img/default.jpg" alt="Profiles Picture">
    </a>
    <!-- Name, username, time, tweet message -->
    <div class="media-body">
        <span class="fullname"><a href="http://twitter.com/{{tweet.name}}" target="_blank"
                                  style="target-new: tab;"><strong>{{tweet.user.name}}</strong></a></span>
        <span class="username"><small>@{{tweet.user.screen_name}}</small></span>



        <p class="timestamp">
            <small>{{tweet.created_at.split("+")[0]}}</small>
        </p>
        <p class="tweet-text" ng-bind-html="tweet.text | linky:'_blank'"></p>
    </div>

    <!-- Tweet options-->
    <div class="help-block" ng-hide="withoutCollaborateTools">

        <!-- Tag tweet button -->
        <a href="#" id="TagTweetButton" type="button" class="btn btn-default btn-xs" ng-click="showTags =  !showTags">Tag
            tweet <i class="fa fa-caret-down"></i></a>

        <div ng-show="showTags">
            <div ng-repeat="tag in TAGS.tags">
                <label>
                    <input type="checkbox" f ng-checked="tweet.tags.indexOf(tag._id.$oid) >= 0"
                           ng-click="TAGS.applyTag(tag, tweet, $event.target.checked, tweets, CURRENT_COLS); $parent.showTags = !$parent.showTags">
                    <i class="fa fa-circle" style="color: {{tag.color}}"></i> {{tag.tag_name}}
                </label>
            </div>
            <a href="#" ng-click="showCreateNewTag=(!showCreateNewTag)">Create new tag</a>
            <new-tag-popup ng-show="showCreateNewTag"></new-tag-popup>
        </div>

        <!-- Tag user list button -->
        <br/>
        <a href="#" id="TagUserButton" type="button" class="btn btn-default btn-xs"
           ng-click="showUserTags =  !showUserTags">Add user to list <i class="fa fa-caret-down"></i></a>

        <div ng-show="showUserTags">
            <div ng-repeat="tag in USER_TAGS.tags">
                <label>
                    <input type="checkbox" ng-checked="tweet.user_tags.indexOf(tag._id.$oid) >= 0"
                           ng-click="USER_TAGS.applyTag(tag, tweet, $event.target.checked, tweets, CURRENT_COLS); $parent.showUserTags = !$parent.showUserTags">
                    <i class="fa fa-stop" style="color: {{tag.color}}"></i> {{tag.tag_name}}
                </label>
            </div>
            <a href="#" ng-click="showCreateNewUserTag=(!showCreateNewUserTag)">Create new user list</a>
            <new-user-tag-popup ng-show="showCreateNewUserTag"></new-user-tag-popup>
        </div>
        <div style = "margin-top: 10px">
            <i ng-show="TAGS.tags[tag]" ng-repeat="tag in tweet.tags"
               tooltip="{{TAGS.tags[tag].tag_name}} by {{clients[tweet.tags_authors[tag]].Name}}"
               class="fa fa-circle tweet-tag pull-right" style="color: {{TAGS.tags[tag].color}};"></i>
            <i ng-show="USER_TAGS.tags[tag]" ng-repeat="tag in tweet.user_tags"
               tooltip="{{USER_TAGS.tags[tag].tag_name}} by {{clients[tweet.user_tags_authors[tag]].Name}}"
               class="fa fa-stop user-tag pull-left" style="color: {{USER_TAGS.tags[tag].color}};"></i>
        </div>
        <!--&lt;!&ndash; List of tags &ndash;&gt;-->
        <!--<div class="tweet-tags pull-right">-->
        <!--&lt;!&ndash; ng-show: only show dot if this tag exists &ndash;&gt;-->
        <!--<i ng-show="TAGS.tags[tag]" ng-repeat="tag in tweet.tags"-->
        <!--tooltip="{{TAGS.tags[tag].tag_name}} by {{clients[tweet.tags_authors[tag]].Name}}"-->
        <!--class="fa fa-circle tweet-tag" style="color: {{TAGS.tags[tag].color}};"></i>-->
        <!--</div>-->

        <!--<br/>-->
        <!--&lt;!&ndash; List of user list tags&ndash;&gt;-->
        <!--<div class="user-tags pull-right">-->
        <!--&lt;!&ndash; ng-show: only show dot if this tag exists &ndash;&gt;-->
        <!--<i ng-show="USER_TAGS.tags[tag]" ng-repeat="tag in tweet.user_tags"-->
        <!--tooltip="{{USER_TAGS.tags[tag].tag_name}} by {{clients[tweet.user_tags_authors[tag]].Name}}"-->
        <!--class="fa fa-stop user-tag" style="color: {{USER_TAGS.tags[tag].color}};"></i>-->
        <!--</div>-->


    </div>
</div>