Configurable Event Count Badge about angular-bootstrap-calendar HOT 7 CLOSED

Every element in the calendar purposefully has classes set in the HTML. So you can hide it like so:

.cal-events-num {
    display: none;
}

I can make the event types configurable easily enough as well.

from angular-bootstrap-calendar.

👍 for configurable even types

from angular-bootstrap-calendar.

I'm working on a pull-request for this feature. It will add a property to the event to determine whether it should be counted for the badge. I would just like to hear other's opinions of what to call this property.

I think of a badge like that as bringing attention to a new event, or calling it out as a reminder. In that light it could be called isNew, isReminder, etc.

You could also think of it as a property to hide something that is there by default in which case the property name could be something like hide, hideCount, hideNotification, noCount, etc. If I were just writing this for my own use case it would probably be something like isEmpty, as my calendar shows time slots that have yet to be filled.

from angular-bootstrap-calendar.

How about incrementsBadgeTotal?

from angular-bootstrap-calendar.

I'll give that a try, and should have something to show by the weekend.

from angular-bootstrap-calendar.

Yup. That's pretty much exactly what I was going to write. Thanks!

from angular-bootstrap-calendar.

I had a chance to test this out and found one small problem. The ng-show on the badge is tied to events.day.length, causing a badge with a zero to be displayed if none of the events increment the badge count.

I would usually do something like ng-show="countEvents(day.events)>0", but this might not be so simple with a filter. I think you'd need to expose the filter on $scope, but I've never tried this before.

from angular-bootstrap-calendar.