<div class="mood-panel">
    <div class="item-btns" on-action="'CLICK, feeling, true'" scope-obj="mood._.isVisible">
        <div class="item-btn" ng-repeat="mooditem in moods">
            <button type="button" class="btn {{mooditem.btnClass}} {{mood.level == mooditem.level ? 'selected' : ''}}"
                ng-click="selectMood(mooditem.level)">{{mooditem.level}}</button>
            <div class="label"></div>
        </div>
    </div>

    <div class="feelings" ng-show="mood._.isVisible.feeling == true">
        <div class="inputfield">
            <label class="input-title">FEELING</label>
            <div class="feeling-list" on-action="'CLICK, note, true'" scope-obj="mood._.isVisible">
                <button type="button" ng-repeat="feeling in feelings"
                    class="btn btn-xs {{labelType}} {{selectedFeelingsByIndex[$index] ? 'selected': ''}}"
                    ng-click="selectFeeling($index, feeling.code)">{{feeling.name}}</button>
            </div>
        </div>
    </div>

    <div class="note" ng-show="mood._.isVisible.note == true">
        <div class="inputfield">
            <label class="input-title">Details here</label>
            <editor scope-obj="mood.note" is-editable="true"></editor>
        </div>
    </div>
</div>