Mail-Queue management in admin panel.

admin/js/views/mailActionButton.js

@@ -0,0 +1,42 @@
+'use strict';
+
+angular.module('ffffngAdmin')
+.directive('faMailActionButton', function (Restangular, $state, notification) {
+    var link = function (scope) {
+        scope.label = scope.label || 'ACTION';
+        scope.icon = scope.icon || 'envelope';
+        scope.button = scope.button || 'default';
+
+        scope.perform = function () {
+            var mail = scope.mail();
+
+            Restangular
+                .one('/internal/api/mails/' + scope.action, mail.values.id).put()
+                .then(function () { $state.reload() })
+                .then(function () { notification.log('Done', { addnCls: 'humane-flatty-success' }); })
+                .catch(function (e) {
+                    notification.log('Error: ' + e.data, { addnCls: 'humane-flatty-error' });
+                    console.error(e)
+                });
+        };
+    };
+
+    return {
+        'link': link,
+        'restrict': 'E',
+        'scope': {
+            'action': '@',
+            'icon': '@',
+            'mail': '&',
+            'size': '@',
+            'label': '@',
+            'button': '@',
+            'disabled': '='
+        },
+
+        'template':
+            '<button class="btn btn-{{ button }}" ng-disabled="disabled" ng-class="size ? \'btn-\' + size : \'\'" ng-click="perform()">' +
+            '<span class="fa fa-{{ icon }}" aria-hidden="true"></span>&nbsp;<span class="hidden-xs">{{ label }}</span>' +
+            '</button>'
+    };
+});