https://gradana.co.id/assets/js/directives/pg-portlet.js

1/* ============================================================
2 * Directive: pgPortlet
3 * AngularJS directive for Pages Portlets jQuery plugin
4 * ============================================================ */
5
6angular.module('app')
7    .directive('pgPortlet', ['$parse', function($parse) {
8        return {
9            restrict: 'A',
10            scope: true,
11            link: function(scope, element, attrs) {
12
13                var onRefresh = $parse(attrs.onRefresh);
14
15                var options = {};
16
17                if (attrs.progress) options.progress = attrs.progress;
18                if (attrs.overlayOpacity) options.overlayOpacity = attrs.overlayOpacity;
19                if (attrs.overlayColor) options.overlayColor = attrs.overlayColor;
20                if (attrs.progressColor) options.progressColor = attrs.progressColor;
21                if (attrs.onRefresh) options.onRefresh = function() {
22                    onRefresh(scope);
23                };
24
25                element.portlet(options);
26
27                scope.maximize = function() {
28                    element.portlet('maximize');
29                }
30                scope.refresh = function() {
31                    element.portlet({
32                        refresh: true
33                    });
34                }
35                scope.close = function() {
36                    element.portlet('close');
37                }
38                scope.collapse = function() {
39                    element.portlet('collapse');
40                }
41            }
42        }
43    }]);