Integrated notification panel in header
diff --git a/views/ngXosViews/synchronizerNotifier/src/templates/sync-status.tpl.html b/views/ngXosViews/synchronizerNotifier/src/templates/sync-status.tpl.html
new file mode 100644
index 0000000..58524e7
--- /dev/null
+++ b/views/ngXosViews/synchronizerNotifier/src/templates/sync-status.tpl.html
@@ -0,0 +1,21 @@
+<div class="sync-status-container">
+ <div class="btn btn-default" ng-click="vm.showNotificationPanel = !vm.showNotificationPanel">
+ <i class="glyphicon glyphicon-inbox"></i>
+ </div>
+ <div class="notification-panel panel panel-default" ng-show="vm.showNotificationPanel">
+ <ul class="list-group" ng-show="vm.showNoSync">
+ <li class="list-group-item" ng-repeat="(syncName, syncStatus) in vm.synchronizers">
+ <span class="badge" ng-class="{success: syncStatus.status, danger: !syncStatus.status}">
+ <span ng-show="syncStatus.status"><i class="glyphicon glyphicon-ok"></i></span>
+ <span ng-hide="syncStatus.status"><i class="glyphicon glyphicon-remove"></i></span>
+ </span>
+ <b>{{syncName}}</b>
+ <br/>
+ <small><i>{{syncStatus.info.last_run | date:'mediumTime'}}</i></small>
+ </li>
+ </ul>
+ <div class="alert alert-info" ng-show="vm.showNoSync">
+ No syncronizers are running.
+ </div>
+ </div>
+</div>