<div class="note-page">
    <select-time choosen="choosen" get-data="getNotesData"></select-time>
    
    <h1 class="page-title">Notes</h1>
    <div class="search-panel panel">
        Search: <input ng-model="query" />
    </div>
    <div class="notes">
        <div class="note" ng-repeat="note in filteredNotes = (notes | filter:query)">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">{{note.data.title}}</h3>
                </div>
                <div class="panel-body">
                    <editor scope-obj="note.data" is-editable="false"></editor>
                    <div class="timestamp">
                        <span class="label label-default">
                            {{note.timestamp | date:"d MMM yyyy h:mm a"}}
                        </span>
                        <span class="label label-success" ng-repeat="tag in note.data.tags.taglist">
                            {{tag.text}}
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>