<div class="notif-list">
    <div class="notif-switch" ng-hide="switchHidden">
        <input id="test" type="checkbox" hidden="hidden" ng-model="subscribed" ng-change="switchToggled()" ng-disabled="switchDisabled"/>
        <label for="test" class="switch" ng-class="{'disabled': switchDisabled}"></label>
        <span>Enable push notifications</span>
    </div>
    <div class="notif-scroll">
        <div ng-repeat="notification in notifications" class="notification" ng-class="{'unread': !notification.is_read}">
            <a href="{{ ::notification.url }}" class="img-link"><img pfm-src-loader="::notification.thumbnail_url" pfm-src-size="thumbnail"></a>
            <a href="{{ ::notification.url }}" class="message"><p>{{ ::notification.text }}</p></a>
        </div>
        <p ng-show="notifications.length < 1" class="error">No notifications :(</p>
    </div>
</div>