A simple controller for an overlay

AngularJS overlay controller

---
HTML
---

<div id="overlay" class="sign-in" ng-controller="OverlayCtrl" ng-show="loading">
    <div class="loading">
        <img src="/img/loading.gif">
    </div>
</div>

---
Controller
---

function OverlayCtrl($scope, $log, editor, doc) {
    $scope.loading = (!doc.info) || editor.loading;

    $scope.$onMany(['loading', 'firstSaving'], function ($event) {
        $log.log('Enable loading from event ' + $event.name);
        $scope.loading = true;
    });

    $scope.$onMany(['loaded', 'firstSaved', 'error'], function ($event) {
        $log.info('Disable loading from event ' + $event.name);
        $scope.loading = false;
    });
}