forked from Archives/Athou_commafeed
146 lines
4.0 KiB
JavaScript
146 lines
4.0 KiB
JavaScript
var module = angular.module('commafeed.directives', []);
|
|
|
|
app.directive('ngBlur', function() {
|
|
return {
|
|
restrict : 'A',
|
|
link : function(scope, elm, attrs) {
|
|
elm.bind('blur', function() {
|
|
scope.$apply(attrs.ngBlur);
|
|
});
|
|
}
|
|
};
|
|
});
|
|
|
|
module.directive('scrollTo', function($timeout) {
|
|
return {
|
|
restrict : 'A',
|
|
link : function(scope, element, attrs) {
|
|
scope.$watch(attrs.scrollTo, function(value) {
|
|
if (!value)
|
|
return;
|
|
$timeout(function() {
|
|
var docTop = $(window).scrollTop();
|
|
var docBottom = docTop + $(window).height();
|
|
|
|
var elemTop = $(element).offset().top;
|
|
var elemBottom = elemTop + $(element).height();
|
|
|
|
if ((elemTop > docTop) && (elemBottom < docBottom)) {
|
|
// element is entirely visible
|
|
return;
|
|
} else {
|
|
var offset = parseInt(attrs.scrollToOffset, 10);
|
|
var scrollTop = $(element).offset().top + offset;
|
|
$('html, body').animate({
|
|
scrollTop : scrollTop
|
|
}, 0);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
};
|
|
});
|
|
|
|
module.directive('category', function($compile) {
|
|
return {
|
|
scope : {
|
|
node : '=',
|
|
selectedType : '=',
|
|
selectedId : '=',
|
|
feedClick : '&',
|
|
categoryClick : '&',
|
|
formatCategoryName : '&',
|
|
formatFeedName : '&'
|
|
},
|
|
restrict : 'E',
|
|
replace : true,
|
|
templateUrl : 'directives/category.html',
|
|
link : function(scope, element) {
|
|
var ul = element.find('ul');
|
|
var html = '<category ng-repeat="child in node.children" node="child" feed-click="feedClick({id:id})" ';
|
|
html = html + 'category-click="categoryClick({id:id})" selected-type="selectedType" selected-id="selectedId" ';
|
|
html = html + 'format-category-name="formatCategoryName({category:category})" format-feed-name="formatFeedName({feed:feed})"> ';
|
|
html = html + '</category>';
|
|
ul.prepend(html);
|
|
$compile(ul.contents())(scope);
|
|
},
|
|
controller : function($scope, $dialog, SubscriptionService) {
|
|
$scope.unsubscribe = function(subscription) {
|
|
var title = 'Unsubscribe';
|
|
var msg = 'Unsubscribe from ' + subscription.name + ' ?';
|
|
var btns = [ {
|
|
result : 'cancel',
|
|
label : 'Cancel'
|
|
}, {
|
|
result : 'ok',
|
|
label : 'OK',
|
|
cssClass : 'btn-primary'
|
|
} ];
|
|
|
|
$dialog.messageBox(title, msg, btns).open().then(
|
|
function(result) {
|
|
if (result == 'ok') {
|
|
SubscriptionService
|
|
.unsubscribe(subscription.id);
|
|
}
|
|
});
|
|
};
|
|
|
|
$scope.rename = function(feed) {
|
|
var name = window.prompt('Rename feed : ', feed.name);
|
|
if (name && name != feed.name) {
|
|
feed.name = name;
|
|
SubscriptionService.rename({
|
|
type : 'feed',
|
|
id : feed.id,
|
|
name : name
|
|
});
|
|
}
|
|
};
|
|
|
|
$scope.toggleCategory = function(category) {
|
|
SubscriptionService.collapse({
|
|
id : category.id,
|
|
collapse : !category.expanded
|
|
});
|
|
};
|
|
}
|
|
};
|
|
});
|
|
|
|
module.directive('spinner', function() {
|
|
return {
|
|
scope : {
|
|
shown : '='
|
|
},
|
|
restrict : 'A',
|
|
link : function($scope, element) {
|
|
element.addClass('spinner');
|
|
var opts = {
|
|
lines : 11, // The number of lines to draw
|
|
length : 5, // The length of each line
|
|
width : 3, // The line thickness
|
|
radius : 8, // The radius of the inner circle
|
|
corners : 1, // Corner roundness (0..1)
|
|
rotate : 0, // The rotation offset
|
|
color : '#000', // #rgb or #rrggbb
|
|
speed : 1.3, // Rounds per second
|
|
trail : 60, // Afterglow percentage
|
|
shadow : false, // Whether to render a shadow
|
|
hwaccel : true, // Whether to use hardware acceleration
|
|
zIndex : 2e9, // The z-index (defaults to 2000000000)
|
|
top : 'auto', // Top position relative to parent in px
|
|
left : 'auto' // Left position relative to parent in px
|
|
};
|
|
var spinner = new Spinner(opts);
|
|
$scope.$watch('shown', function(shown) {
|
|
if (shown) {
|
|
spinner.spin();
|
|
element.append(spinner.el);
|
|
} else {
|
|
spinner.stop();
|
|
}
|
|
});
|
|
}
|
|
};
|
|
}); |