#CHECK OUT THE NEW DEMO ng-harmony-demo
Logging & remote logging at the same time ...
- bunyan log levels
- we-js-logger integration
- Rollbar integration
{
"environment": "production",
"npmPackageVersion": "0.6.0"
}
import { EventedController as Ctrl } from "ng-harmony";
import { Component, Controller, Loggging, Evented } from "ng-harmony-decorator"
@Component({
module: "compucorp",
selector: "mediaitem",
restrict: "E",
replace: true,
controller: "MediaItemCtrl",
template: MediaItemTpl
})
@Controller({
module: "compucorp",
name: "MediaItemCtrl",
controllerAs: "MediaItem",
})
@Logging({
loggerName: "MediaItemLogger",
...Config
})
export class MediaItemCtrl extends Ctrl {
constructor(...args) {
super(...args);
this.$scope.albumcardVisible = false;
this.$scope.artistcardVisible = false;
this.$scope.$on("change", this.handleEvent.bind(this));
}
handleEvent (ev, { scope, triggerFn, triggerTokens }) {
this.log({
level: "info",
msg: "handlingChildEvent"
});
if (scope._name.fn === "ArtistCardCtrl" && triggerTokens.type === "click") {
this.$scope.artistcardVisible = false;
} else if (scope._name.fn === "AlbumCardCtrl" && triggerTokens.type === "click") {
this.$scope.albumcardVisible = false;
}
this._digest();
}
@Evented({
selector: "section.bg-image-n--mediaitem",
type: "click",
delegate: null
})
openCard () {
this.$scope[`${this.$scope.model.type}cardVisible`] = true;
this._digest();
}
}
MIT